@import url('https://fonts.googleapis.com/css2?family=Sansita:wght@400;700;800;900&display=swap');

/********** Template CSS **********/
:root {
    --primary:#0d6ea0;
    --secondary:#fff;
    --light:#eff5f9;
    --dark:#000;
    --yellow:#f3bd00;
    --blue:#1182ce;
}

body{padding:0px; margin:0px; font-family: 'Sansita', sans-serif;
color:#000; font-size:15px; background:#fff;}

.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.my-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-primary{background:var(--primary)!important; border:solid 1px #38b4f3!important;}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.bg-pink{background:var(--primary);}
a.phone{color:#fff; text-decoration:none; font-size:16px;}
a.phone dd{width:35px; height:35px; background:#fff; border-radius:100%; 
text-align:center;display:inline-block; position:relative; top:3px;}
a.phone dd i{font-size:20px; color:var(--primary); padding-top:8px;}
a.phone:hover{color:#f3bd00;}
ul.sMedia{}
ul.sMedia li{display:inline-block;}
ul.sMedia li a{width:40px; height:40px; background:#fff; border-radius:100%;
display:flex; justify-content:center; align-items: center;}
ul.sMedia li a i{font-size:18px; color:var(--primary);}

ul.sMedia li a:hover{width:40px; height:40px; background:#f3bd00;}
ul.sMedia li a:hover i{font-size:18px; color:#fff;}
.navbar-brand{width:75%;}
.navbar-brand img{width:100%; display:block;}
.navbar-collapse{justify-content:center;}
a.bk-apnt{background:var(--primary); font-size:16px; color:#fff; padding:10px 30px;
border-radius:10px;}
a:hover.bk-apnt{background:#f3bd00;}
.opn-hur-bg{background:var(--primary); border-radius:15px; display:flex; align-items:center;}
.opn-hur-bg h2{font-size:35px; color:var(--secondary); font-weight:700;}
.opn-hur-bg h4{font-size:17px; color:var(--secondary); text-transform:uppercase;
font-weight:300;}
.opn-hur-bg h3{font-size:17px; color:var(--secondary); text-transform:uppercase;
font-weight:600;}
.opn-hur-bg p{color:var(--secondary);}
.opn-hur-bg a{background:var(--secondary); padding:7px 20px; border-radius:50px;
color:var(--primary);}

.mak-an-apoin{}
.mak-an-apoin h2{color:var(--primary); font-size:35px; font-weight:700;}
.mak-an-apoin h3{font-size:25px; color:#1081cb; font-weight:600; height:65px;}
.mak-an-apoin p{color:var(--dark); font-size:16px; padding-left:30px; 
position:relative;}
.mak-an-apoin p i{font-size:20px; color:var(--primary); position:absolute; left:0px;
top:3px;}
.mak-an-apoin p a{font-size:16px; color:var(--dark);}
.mak-an-apoin p a:hover{color:var(--primary);}

.hdr-txt{font-size:35px; color:var(--primary);}

.home-demo .item {}
.home-demo img{width:50%; display: block; height:150px;}
.owl-carousel .owl-nav .owl-prev{background:url(../images/prev-arrow.png) no-repeat;
text-indent:-9999px; position:relative; left:-15px; top:-90px; width:15px; height:23px;
background-size:100% 100%;}
.owl-carousel .owl-nav .owl-next{background:url(../images/next-arrow.png) no-repeat;
text-indent:-9999px; position:relative; left:100%; top:-110px; width:15px; height:23px;
background-size:100% 100%;}
.hm-about-bg{background:url(../images/home-about-Img.jpg) no-repeat 0 0; width:100%;
 height:600px; background-size:100% 100%;}
.abut-doctr{background:var(--secondary); border-radius:12px;}
.abut-doctr h2{font-size:30px; color:var(--primary);}
.abut-doctr h5{font-size:17px; color:var(--dark); font-weight:700;}
.abut-doctr a{background:var(--primary); padding:7px 20px; font-size:14px;
color:var(--secondary); border-radius:50px;}
.abut-doctr a:hover{background:var(--yellow);}
.abut-doctr ul{padding:0px; margin:0px;}
.abut-doctr ul li{display:block; position:relative; padding-top:50px;}
.abut-doctr ul li img{width:40px; display:block; position:absolute; left:0px;
right:0px; top:15px; margin:0 auto;}
.abut-doctr ul li span{font-size:45px; color:var(--primary); font-weight:700;}
.abut-doctr ul li span sub{font-size:17px; color:var(--primary); position:relative;
top:-10px;}
.abut-doctr ul li dd{font-size:17px; color:var(--dark); font-weight:700;}
.hm-servics-bg{background:url(../images/services-bg.jpg) no-repeat center top;
background-size:100% 100%; padding: 30px 50px 100px;}
.hm-servics-bg h2{font-size:45px; color:var(--dark); font-weight:700;}
.hm-servics-bg h5{font-size:18px; color:var(--primary); text-transform:uppercase;
font-weight:700; position:relative;}
.hm-servics-bg h5:after{content:""; background:#dee2e6; width:7%; height:5px;
position:absolute; left:0px; right:0px; bottom:-10px; margin:0 auto;}
.hm-service-box{background:#eff5f9; border-radius:10px;}
.hm-service-box h2{font-size:30px; color:var(--secondary); font-weight:700;
position:absolute; top:17%; text-transform:uppercase;}
.hm-service-box img{width:100%; height:170px; display:block;
border-top-left-radius:10px; border-top-right-radius:10px;}
.hm-service-box span{font-size:18px; color:#817d8c; line-height:40px;}
.hm-service-box a{background:var(--primary); width:160px; height:55px; font-size:16px;
color:var(--secondary); text-align:center; line-height:55px; border-radius:50px;
display: block; margin:0 auto;}
.hm-service-box a:hover{color:var(--secondary); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
background:#46bcf8;}

.testimnl{}
.testimnl h2{font-size:45px; color:var(--dark); font-weight:700;}
.testimnl h5{font-size:18px; color:var(--primary); text-transform:uppercase;
font-weight:700; position:relative;}
.testimnl h5:after{content:""; background:#dee2e6; width:10%; height:5px;
position:absolute; left:0px; right:0px; bottom:-10px; margin:0 auto;}
.text-primary{color:#46bcf8!important;}
.patent{width:150px; height:100px; margin:0 auto;}
.patent img {width:100%; display:block; border-radius:100%;}
.quot{top:180px;}
.contct-addrs{background:var(--light); height:250px; border-radius:10px;}
.contct-addrs dd{background:var(--primary); width:100px; height:70px; display:flex; 
transform: rotate(-15deg); justify-content:center; align-items:center;}
.contct-addrs dd i{font-size:40px;}
.contct-addrs h6{line-height:25px;}
.contct-addrs a{font-size:17px; font-weight:700; color:var(--dark);}
.contct-addrs a:hover{color:#ed1e79;}
.map{width:100%; height:450px;}
.mes-box{border-radius:15px;  background:var(--dark);}
.form-group-md{width:48%; display:inline-block;}
.file-field{background:var(--light); height:60px; color:var(--dark); 
border:#dfe5e9!important; border-radius:7px;}
.file-field:focus{border:none; box-shadow:none; background:var(--light);}
.file-field::placeholder{font-size:15px; color:var(--dark);}
.text-area-field{background:var(--light); overflow: auto; color:var(--dark); 
border:#dfe5e9!important; border-radius:7px;}
.text-area-field:focus{border:none; box-shadow:none; background:var(--light);}
.text-area-field::placeholder{font-size:15px; color:var(--dark);}
.cont-Btn{background:var(--primary); font-size:17px; color:var(--secondary);
border-radius: 10px;}
.cont-Btn:hover{background:#1382cc; color:var(--light);}

.pediatrcImg{width:100%;}
.pediatrcImg img{width:100%; display:block;}
.pediatrc-Cont-Area{background:var(--primary); border-radius:10px;}
.pediatrc-Cont-Area h2{font-size:40px; color:var(--secondary);}
.pediatrc-Cont-Area span{color:var(--secondary); text-transform:uppercase;}
.pediatrc-Cont-Area ul{padding:0px; margin:0px;}
.pediatrc-Cont-Area ul li{display:block; color:var(--secondary); padding-left:20px; 
background:url(../images/bullet.png) no-repeat 0 3px;}
.pediatrc-Cont-Area a{background:var(--secondary); color:var(--primary);
padding:10px 30px; border-radius:50px;}
.pediatrc-Cont-Area a:hover{background:#81c720; color:#1181c9;}

/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

/*.navbar .navbar-brand,
.navbar a.btn {
    height: 80px
}*/

.navbar .navbar-nav .nav-link {
    margin-right: 40px;
    padding: 25px 0;
    color: var(--dark);
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.carousel-caption h1{font-size:45px; color:#fff; font-weight:700; letter-spacing:2px;}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #999999;
}


/*** Facts ***/



/*** Courses ***/
.courses {
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../img/carousel-1.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.courses-item .courses-overlay {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.courses-item:hover .courses-overlay {
    height: 100%;
    opacity: 1;
}


/*** Team ***/
.team-items {
    margin: -.75rem;
}

.team-item {
    padding: .75rem;
}

.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.team-item:hover::after {
    height: 100%;
    background: var(--primary);
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social {
    height: 100%;
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    height: 40px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid var(--primary);
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}


/*** Footer ***/
.ft-logo{width:40%; background:#fff; padding:5px; border-radius:3px;}
.ft-logo img{width:100%; display: block;}
.location{}
.location p{font-size:17px; color:#fff; position:relative; padding-left:30px;}
.location p i{font-size:17px; color:var(--secondary); position:absolute; left:0px;
top:7px;}
.location p a{font-size:17px; color:#fff;}
.location p a:hover{color:var(--primary);}
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--light);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.copyright {
    background: #092139;
    font-size: 16px;
    color:#fff;
}

.copyright a {
    color:#46bcf8;
}

.copyright a:hover {
    color: var(--light);
}

.about-bnr{width:100%; position:relative;}
.about-bnr img{width:100%; display:block; height:327px;}
.about-bnr-overlay{width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
position:absolute; left: 0px; top: 0px; display:flex; justify-content:left;
align-items:center;}
.about-bnr-overlay h1{font-size:45px; color:var(--secondary);}
.about-bnr-overlay h1 span{font-size:30px; color:var(--yellow); font-weight:700;}
.about-bnr-overlay h1 span dd{color:var(--secondary); display:inline-block;}

.aboutImg{width:100%; position:relative;}
.aboutImg img{width:100%; display:block; border-radius:10px;}
.aboutImg-overlay{ width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
position:absolute; left:0px; top:0px; border-radius:10px;}
.aboutImg-overlay-slide{ width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
position:absolute; left:0px; top:0px; border-radius:10px;}
.about-Cont-Area{}
.about-Cont-Area h2{font-size:45px; color:var(--primary);}
.about-Cont-Area p{font-size:16px; line-height:30px;}
.about-Cont-Area a{background:var(--primary); padding:13px 35px; border-radius:50px;
font-size:14px; color:var(--secondary);}
.about-Cont-Area a:hover{background:#002262;}
.abut-count-bg{background:#ebdfe4;}

.award{width:100%;}
.award img{width:100%; display:block; border:solid 10px #f7ba00;}

.contact-bnr{width:100%; position:relative;}
.contact-bnr img{width:100%; display:block; height:327px;}
.contact-bnr-overlay{width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
position:absolute; left: 0px; top: 0px; display:flex; justify-content:left;
align-items:center;}
.contact-bnr-overlay h1{font-size:45px; color:var(--secondary);}
.contact-bnr-overlay h1 span{font-size:30px; color:var(--yellow); font-weight:700;}
.contact-bnr-overlay h1 span dd{color:var(--secondary); display:inline-block;}

.neonato{}
.neonato h2{font-size:35px; font-weight:700;}
.neonato h2 dd{font-size:65px; color:var(--primary); font-weight:700; text-transform:uppercase;
font-weight:900; display:inline-block;}
.bdr-rdus{border-radius:7px;}
.neonato p{text-align:justify;}
.carousel-caption h1 br{display:none;}

.dr-clinicImg{width:100%;}
.dr-clinicImg img{width:100%; display:block; height:500px;}

/*.dr-clinc .owl-carousel .owl-item img{height:320px;}*/
.clnc-box{background:#f7fcff; border-radius:7px; height:400px; 
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);}
a.book-apoint{background:var(--primary); font-size:14px; color:#fff; border-radius:5px;
padding:10px 20px; position:absolute; bottom:15px; left:15px; text-transform:uppercase;}
a:hover.book-apoint{background:#46bcf8; color:#fff;}
.modal-content{background-color:var(--primary)!important; border:none!important; 
border-radius:10px!important;}
.modal-title{font-size:25px; color:#fff!important;}
.modal-header{padding:0.6rem 1.2rem!important;}
.form-fld{background:#f6fbff; border-radius:6px; font-size:14px; color:#000; width:100%;
height:45px; border: solid 1px #96c246; box-shadow:0px 0px 12px 0px rgba(20,130,203,0.7);}
.form-fld::placeholder{font-size:14px; color: #000;}
.form-fld:focus{box-shadow:none; border:none;}
.reqst-appntmnt{background:#ed1e79; padding:10px 25px; border-radius:50px; font-size:14px;
color:var(--secondary);}
.reqst-appntmnt:hover{background:#93cb33; color:var(--secondary);}
.form-fld option{padding:1rem 0rem!important;}
.ftr-cross-btn{width:60px; height:60px; position:absolute; z-index:100; left:0px;
right:0px; top:23px; margin:0 auto; background:url(../images/cross-btn.png) no-repeat 0 0;
background-size:100% 100%; text-indent:-99999px;}
.modal-footer{border-top:none!important;}
.btn-close{background:url(../images/cross-button.png) no-repeat 0 10px; width:20px; height:20px;
opacity:1!important;}

@media (max-width: 991.98px) {
.navbar .navbar-nav .nav-link  {
margin-right: 0;
padding: 3px 0;
border-bottom:solid 1px #ded0d6;
font-size:18px;
margin-bottom:7px;
}
.navbar .navbar-nav .nav-link:last-child{border-bottom:none;}

    .navbar .navbar-nav {
        border-top: none;
    }
}

@media (min-width: 991.98px) {
.facts {
position: relative;
margin-top: -75px;
z-index: 1;}
}

@media (min-width: 992px) {
.navbar .nav-item .dropdown-menu {
display: block;
border: none;
margin-top: 0;
top: 150%;
opacity: 0;
visibility: hidden;
transition: .5s;}
.navbar .nav-item:hover .dropdown-menu {
top: 100%;
visibility: visible;
transition: .5s;
opacity: 1;}
a.bk-apnt{font-size:14px; padding: 7px 17px;}
}

@media (max-width: 768px) {
#header-carousel .carousel-item {
position: relative;
min-height: 250px;}  
#header-carousel .carousel-item img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;}
}

@media only screen and (max-width:767px){
a.phone dd{width: 30px; height:30px;}
a.phone dd i{font-size:15px;}
ul.sMedia li a{width:30px; height:30px;}
ul.sMedia li a:hover{width:30px; height:30px;}
ul.sMedia li a i{font-size:15px;}
ul.sMedia li a:hover i{font-size:15px;}
.navbar-brand{width:70%;}
.navbar-toggler{padding:0px!important; border:none!important; position:relative;
right:-115px; top:13px;}
.navbar-toggler:focus{border:none!important; box-shadow:none!important;}
.dropdown-item{padding:.10rem 0.5rem; font-size:19px;}
.carousel-caption h1{font-size:30px; letter-spacing:0px;}
.carousel-control-prev-icon, .carousel-control-next-icon{width:2rem; height:2rem;
background-color:transparent!important; border:none;}
.opn-hur-bg h2{font-size:25px;}
.mak-an-apoin h2{font-size:25px;}
.mak-an-apoin dd{font-size:14px; padding-left:25px;}
.hdr-txt{font-size:25px;}
.abut-doctr h2{font-size:25px;}
.abut-doctr h5{font-size:15px;}
.hm-about-bg{height:auto;}
.abut-doctr ul li{padding-top:45px;}
.abut-doctr ul li img{width:30px;}
.abut-doctr ul li span{font-size:35px; line-height:40px;}
.abut-doctr ul li span sub{top:-5px;}
.abut-doctr ul li dd{font-size:15px;}
.hm-servics-bg h5::after{width:35%;}
.hm-servics-bg h2{font-size:25px;}
.hm-service-box h2{font-size:25px; top:14%;}
.hm-service-box span{font-size:15px; line-height:22px;}
.hm-service-box img{height:120px;}
.hm-service-box a{width:110px; height:35px; font-size:14px; line-height:35px;}
.testimnl h5::after{width:35%;}
.testimnl h2{font-size:25px;}
.about-bnr-overlay h1{font-size:30px;}
.about-bnr-overlay h1 span{font-size:17px; line-height:0px;}
.about-bnr img{height: 170px;}
.about-Cont-Area h2{font-size:25px;}
.about-Cont-Area p{font-size:15px; line-height:24px;}
.about-Cont-Area a{padding:8px 20px;}
.pediatrc-Cont-Area h2{font-size:30px;}
.pediatrc-Cont-Area a{padding:8px 20px; font-size:14px;}
.contact-bnr img{height:250px;}
.contact-bnr-overlay h1{font-size:25px;}
.contact-bnr-overlay h1 span{font-size:20px;}
.contct-addrs a{width:100%; text-align:center;}
.contct-addrs{height:auto;}
.form-group-md{width:100%;}
.file-field{height:45px;}
.neonato h2{font-size:25px;}
.neonato h2 dd{font-size:45px;}
.neonato p{text-align:left;}
.about-bnr-overlay h1 span dd{font-weight:300;}
.carousel-caption h1 br{display:block;}
.mak-an-apoin h3{height:auto;}
.footer-menu-bg{background:#092139; position:fixed; bottom:0px; height:32px;}
.footer-menu-bg a{width:25%; height:32px; display:inline-block;
text-align:center; line-height:32px;}
.footer-menu-bg a i{font-size:16px; color:#fff;}
.modal-title{font-size:20px;}
.btn-close{width:15px; height:15px; background-size:60% 60%;}
.ftr-cross-btn{width:50px; height:50px;}
.reqst-appntmnt{padding:6px 15px;}
.modal-footer{padding:.2rem;}
.ftr-cross-btn{top:5px;}
.btn-lg-square{width:35px; height:35px;}
.back-to-top{right:0px; bottom:35px;}
.mak-an-apoin h3{font-size:20px;}
.mak-an-apoin p{font-size:14px;}
a.book-apoint{position:inherit; padding:6px 15px; font-size:12px; bottom: 0px; left: 0px;}
.clnc-box{height:auto;}
}