@import url("header.css");
@import url("footer.css");
@import url("hero.css");
@import url("responsive.css");

:root{

    --primary:#1F3471;
    --secondary:#3F5984;
    --light:#8EA0B8;
    --white:#FFFFFF;
    --shadow:0 15px 35px rgba(0,0,0,.10);

}

body{

    font-family:'Poppins',sans-serif;
    background:#fff;
    padding-top:95px;

}

/*==========================
NAVBAR
==========================*/

.navbar-jar{

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(20px);

    transition:.4s;

    box-shadow:0 5px 25px rgba(0,0,0,.05);

    padding:15px 0;

}

.logo{

    height:65px;

    transition:.4s;

}

.logo:hover{

    transform:scale(1.05);

}

/*==========================
MENU
==========================*/

.nav-link{

    position:relative;

    color:var(--primary)!important;

    font-weight:600;

    letter-spacing:.5px;

    transition:.3s;

    padding:10px 0 !important;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:var(--primary);

    border-radius:30px;

    transition:.35s;

}

.nav-link:hover::after{

    width:100%;

}

.nav-link:hover{

    color:var(--secondary)!important;

}

/*==========================
DROPDOWN
==========================*/

.dropdown-menu{

    border:none;

    margin-top:18px;

    padding:15px;

    min-width:250px;

}

.dropdown-item{

    padding:12px;

    border-radius:10px;

    transition:.3s;

}

.dropdown-item:hover{

    background:#edf3ff;

    color:var(--primary);

    transform:translateX(8px);

}

/*==========================
SEARCH
==========================*/

.search-btn{

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    font-size:22px;

    transition:.35s;

}

.search-btn:hover{

    transform:translateY(-5px) rotate(12deg);

    background:var(--secondary);

    box-shadow:0 15px 25px rgba(31,52,113,.35);

}

/*==========================
OFFCANVAS
==========================*/

.offcanvas{

    width:300px;

}

.offcanvas-body .nav-link{

    font-size:18px;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.logo{

height:55px;

}

body{

padding-top:82px;

}

}




/*==================================================
WHATSAPP
==================================================*/

.btn-whatsapp{

    position:fixed;

    right:28px;

    bottom:28px;

    width:68px;

    height:68px;

    border-radius:50%;

    background:#25D366;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#FFF;

    text-decoration:none;

    font-size:34px;

    z-index:9999;

    transition:.35s;

    box-shadow:0 18px 35px rgba(37,211,102,.40);

}

.btn-whatsapp:hover{

    color:#FFF;

    transform:scale(1.12) rotate(12deg);

    box-shadow:0 25px 45px rgba(37,211,102,.60);

}




/*==================================================
BACK TO TOP
==================================================*/

#btnTop{

    position:fixed;

    bottom:115px;

    right:36px;

    width:52px;

    height:52px;

    border:none;

    border-radius:14px;

    background:var(--primary);

    color:#FFF;

    font-size:20px;

    display:none;

    transition:.35s;

    z-index:999;

    box-shadow:0 15px 30px rgba(31,52,113,.35);

}

#btnTop:hover{

    background:var(--secondary);

    transform:translateY(-6px);

}