:root{

    --primary:#0065B3;
    --secondary:#00A3E0;
    --danger:#E30613;
    --dark:#1F2937;
    --light:#F8FAFC;
    --text:#334155;

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

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

    color:var(--text);

    background:#fff;

    overflow-x:hidden;

}

main{

    min-height:70vh;

}

section{

    position:relative;

}

img{

    max-width:100%;

}

.btn{

    transition:.35s;

}

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

.navbar .dropdown{
    position:relative;
}

.navbar .dropdown-toggle::after{
    margin-left:8px;
    vertical-align:middle;
    transition:transform .3s ease;
}

.navbar .dropdown:hover .dropdown-toggle::after{
    transform:rotate(180deg);
}

.navbar .dropdown-menu{

    display:block;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    margin-top:0;

    border:none;
    border-radius:0;

    min-width:240px;

    padding:12px 0;

    box-shadow:0 12px 35px rgba(0,0,0,.12);

    transition:all .3s ease;
}

.navbar .dropdown:hover>.dropdown-menu{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

}

.navbar .dropdown-item{

    padding:12px 25px;

    font-size:17px;

    color:#243746;

    transition:.3s;

}

.navbar .dropdown-item:hover{

    background:#f5f5f5;

    color:#0065B3;

    padding-left:32px;

}

/*=========================================
        DESKTOP ONLY
=========================================*/
@media (min-width: 992px){

    .navbar .dropdown-menu{
        display:block;
        opacity:0;
        visibility:hidden;
        transform:translateY(10px);
        transition:.3s;
        margin-top:0;
        border:none;
        border-radius:0;
        min-width:240px;
        padding:12px 0;
        box-shadow:0 12px 35px rgba(0,0,0,.12);
    }

    .navbar .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .navbar .dropdown-toggle::after{
        transition:.3s;
    }

    .navbar .dropdown:hover>.dropdown-toggle::after{
        transform:rotate(180deg);
    }

}

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

@media (max-width: 991px) {

    .navbar-collapse{
        text-align:left;
        padding-top:20px;
    }

    .navbar-nav{
        margin-left:0 !important;
        width:100%;
    }

    .navbar-nav .nav-item{
        width:100%;
    }

    .navbar-nav .nav-link{
        text-align:left;
        padding:12px 0;
        margin-right:0 !important;
        display:block;
    }

    .navbar .dropdown-menu{
        border:none;
        box-shadow:none;
        padding-left:20px;
        margin-top:0;
    }

    .navbar .dropdown-item{
        padding:10px 0;
        text-align:left;
    }

}