:root{

    --primary:#303072;
    --secondary:#0F172A;
    --success:#22C55E;
    --light:#F8FAFC;
    --text:#1E293B;

}

body{

    font-family:'Inter',sans-serif;
    background:#ffffff;
    color:var(--text);
    padding-top:90px;

}

h1,h2,h3,h4,h5{

    font-family:'Poppins',sans-serif;

}

.logo-text{

    font-size:28px;
    font-weight:700;
    color:var(--primary);

}

#mainNavbar{

    transition:.35s;
    background:#fedc90;

}

#mainNavbar.scrolled{

    background:#fedc90;
    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.nav-link{

    font-weight:600;
    margin:0 10px;
    color:#334155;

}

.nav-link:hover{

    color:var(--primary);

}

.nav-link.active{

    color:var(--primary);

}

.btn-primary{

    background:var(--primary);
    border:none;

}

.btn-primary:hover{

    background:#303072;

}

.btn-outline-primary{

    border-color:var(--primary);
    color:var(--primary);

}

.btn-outline-primary:hover{

    background:var(--primary);

}

.navbar-toggler{

    outline:none;

}
/*==================================================
FOOTER
==================================================*/

.footer-section{

    background:#0F172A;

    color:#ffffff;

}

.footer-logo{

    font-size:28px;

    font-weight:700;

    color:#ffffff;

}

.footer-logo:hover{

    color:#ffffff;

}

.footer-text{

    color:#CBD5E1;

    line-height:1.8;

}

.footer-section h5{

    margin-bottom:25px;

    font-weight:600;

}

.footer-links{

    list-style:none;

    padding:0;

}

.footer-links li{

    margin-bottom:14px;

}

.footer-links a{

    color:#CBD5E1;

    text-decoration:none;

    transition:.3s;

}

.footer-links a:hover{

    color:#303072;

}

.social-icons a{

    width:42px;

    height:42px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    color:#ffffff;

    margin-right:10px;

    text-decoration:none;

    transition:.3s;

}

.social-icons a:hover{

    background:#303072;

    transform:translateY(-3px);

}

.footer-divider{

    border-color:rgba(255,255,255,.15);

}