/* GLOBAL MOBILE GAP FIX */

@media (max-width: 767px){

    .container,
    .container-fluid{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .row{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    html,
    body{
        overflow-x:hidden;
    }

}

/*=========================
COMMON CSS
=========================*/

body{
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
background:#ffffff;
}

h1,h2,h3,h4,h5,h6,
.navbar-nav .nav-link,
.section-title{
    font-family:'Outfit',sans-serif;
}



/*=========================
TOP HEADER
=========================*/

.top-header{
background:#053F7E;
padding:10px 0;
}

.top-info{
display:flex;
flex-wrap:wrap;
gap:25px;
}

.top-info a{
color:#fff;
font-size:14px;
text-decoration:none;
}

.top-info i{
margin-right:6px;
color:#16D3D3;
}

.social-icons a{
color:#fff;
margin-left:15px;
font-size:16px;
transition:.3s;
}

.social-icons a:hover{
color:#16D3D3;
}


@media(max-width:991px){

    .top-header{
        display:none;
    }

}

/*=========================
NAVBAR
=========================*/
body{
font-family:'Inter',sans-serif;
overflow-x:hidden;
}

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

.navbar-brand img{
height:80px;
}

.nav-link{
font-size:15px;
font-weight:600;
color:#053F7E !important;
margin:0 10px;
position:relative;
}

.nav-link::after{
content:'';
position:absolute;
left:0;
bottom:-4px;
width:0;
height:2px;
background:#16D3D3;
transition:.4s;
}

.nav-link:hover::after,
.nav-link.active::after{
width:100%;
}

.appointment-btn{
display:inline-block;
padding:12px 28px;
border-radius:50px;
background:linear-gradient(135deg,#053F7E,#16D3D3);
color:#fff;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.appointment-btn:hover{
color:#fff;
transform:translateY(-2px);
}

.navbar-toggler{
border:none;
padding:8px;
box-shadow:none !important;
}

.navbar-toggler:focus{
box-shadow:none !important;
}
@media(max-width:1199px){

    #mainMenu{
        display:none;
        width:100%;
        background:#fff;
        margin-top:15px;
        padding:20px;
        border-radius:20px;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
    }

    #mainMenu.show{
        display:block;
    }

    #mainMenu ul{
        width:100%;
        margin:0;
        padding:0;
        list-style:none;
    }

    #mainMenu .nav-item{
        width:100%;
    }

    #mainMenu .nav-link{
        display:block;
        width:100%;
        padding:14px 0;
        color:#053F7E !important;
        font-weight:600;
        text-decoration:none;
    }

    .appointment-btn{
        width:100%;
        margin-top:15px;
    }

}

@media (max-width:767px){

    .custom-navbar .container{
        padding-left:10px !important;
        padding-right:10px !important;
    }

}