/* =======================
   Global
======================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#fff;
    color:#212529;
    overflow-x:hidden;
}

/* =======================
   Navbar
======================= */

.navbar{
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    padding:16px 0;
}

.navbar-brand{
    font-size:32px;
    font-weight:800;
    color:#673DE6 !important;
}

.nav-link{
    font-weight:600;
    margin-left:15px;
    color:#333 !important;
    transition:.3s;
}

.nav-link:hover{
    color:#673DE6 !important;
}

/* =======================
   Buttons
======================= */

.btn-primary{
    background:#673DE6;
    border-color:#673DE6;
    border-radius:30px;
    padding:12px 28px;
    font-weight:600;
}

.btn-primary:hover{
    background:#5529d5;
    border-color:#5529d5;
}

.btn-outline-primary{
    border-radius:30px;
    font-weight:600;
}

/* =======================
   Hero
======================= */

.hero{
    background:linear-gradient(135deg,#673DE6,#8B5CF6);
    padding:110px 0;
}

.hero h1{
    font-size:55px;
    font-weight:700;
    line-height:1.2;
}

.hero p{
    font-size:18px;
}

.hero img{
    width:100%;
    animation:float 4s ease-in-out infinite;
}

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}

/* =======================
   Cards
======================= */

.card{
    border:none;
    border-radius:20px;
    transition:.35s;
}

.card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

/* =======================
   Domain Search
======================= */

.input-group .form-control,
.input-group .form-select{

    border:none;
    box-shadow:none;

}

.input-group .btn{

    border-radius:0 12px 12px 0;

}

/* =======================
   Section
======================= */

section{

    padding:80px 0;

}

.section-title{

    font-size:45px;

    font-weight:700;

    margin-bottom:15px;

}

.text-primary{

    color:#673DE6 !important;

}

/* =======================
   Footer
======================= */

footer{

    background:#111827;

}

footer a{

    color:#d1d5db;
    text-decoration:none;

}

footer a:hover{

    color:#fff;

}