@import url(font/fonts.css);



@import url(media.css);



*{font-family: 'Open Sans';margin: 0px; padding: 0px;color:#000000;}



p{margin-bottom: 0px;}



/*------------------aligment------------------*/



.container{max-width: 1200px;margin: auto;padding: 0px 15px;}



.wrapper{width: 100%;}



a{text-decoration: none;}



ul{padding-left: 0;}







/*------------------ colors ------------------*/



:root{



    --green:#A3DE0F;



    --para: #5F5F5F;



    --white:#fff;



    --orange:#E5901C;



}



/* -----------------fonts---------------- */



.title{font-size: 39px; font-weight: 700;line-height:60px;letter-spacing: 0em;text-align: left;color:#383838;margin: 0px 0px 10px 0px;

text-transform:capitalize;}







.para{font-size: 20px;font-weight: 600;line-height: 40px;letter-spacing: 0em;text-align: left;}







.sub-title{font-size: 18px;font-weight: 400;line-height: 32px;letter-spacing: 0em;text-align: left;



    color: #777575;margin: 0px 0px 15px 0px;}







.heading{font-size: 24px;font-weight: 600;line-height: 43px;letter-spacing: 0em;text-align: left;color:#97C22C;text-transform: uppercase;}







.margin{margin: 50px 0px 50px 0px;}







.bold-txt{font-size: 18px;font-weight: bold;line-height: 32px;letter-spacing: 0em;text-align: left;color: #000000;}











/*-----------------------navigation starts----------------*/







header{

background: var(--white) !important;

width: 100%;

}

header.sticky{

    position: fixed;

    top: 0;

    width: 100%;

    background: var(--white) !important;

    box-shadow: 0px 4px 104px rgba(0, 0, 0, 0.687);

    z-index: 999;

}

header.sticky .navbar-brand img{

    width: auto;

    height: 70px;

}

.navbar-collapse{

    width: 100%;

    padding: 15px 10px;

}

.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: none;

}

.nav-link, .dropdown-item{font-size: 16px;



    font-weight: 400;



    line-height: 25px;



    letter-spacing: 0em;



    color: var(--para);



    cursor: pointer;



}

.dropdown img{

    fill: var(--para);

}

.nav-link i{



    font-size: 16px;margin: 0px 0px 0px 7px;



    color: var(--para);



    cursor: pointer;



}



header .nav-link {

    display: flex;

    align-items: center;

    gap: 8px;

}

.nav-link:hover{color: var(--green);}



.nav-link:hover{color: #97C22C;}



.dropdown-item:hover{

    background: none;

    color: var(--green);

}

.dropdown-item:hover p{



    /* background:var(--green); */



    color:var(--green);

    background: none;



}



.dropdown-item:hover i{

    color:var(--green);

}

.nav-link.active{

    color: var(--green) !important;

}

 .green-btn{padding: 15px 20px;background:var(--green);border:none;



    border-radius: 27.5px;font-size: 16px;



    font-weight: 400; line-height: 25px;



    letter-spacing: 0em;color: var(--white);



 }

 .white-btn1{

    background: var(--white) !important;color: var(--para);

 }

.icon-btn{width: 40px;height: 40px;display: flex;justify-content: center; align-items: center;



    background:var(--green); color:var(--white); text-decoration: none;border: none;border-radius: 50%;



    margin: 0px 10px 0px 0px;



}



.icon-btn i{color: var(--white);}



#icon-btn{display: block;}



 .icon-btn:hover, .form_btn:hover{



    /* transform: scale(1.1); */



    box-shadow: 0 0 15px  #97C22C;



}

.white-btn1:hover{

    box-shadow: 0 0 15px  #d9d9d9;

}

.green-btn:hover{

   background: #8fc700;

}

.navbar-toggler {padding: 10px 15px;border-color: var(--green);}



.navbar-toggler i{



    color: var(--green);



}







/*-----------------------navigation ends----------------*/



/* -------------------------------------------------------home page------------------------------- */



/*-----------------------banner starts ----------------*/



.banner{



    margin: 0px 0px 0px 0px;



    position: relative;overflow: hidden;



    width: 100%;}



.banner-sec img{



    width: 100%;height: auto;



}

.banner .title{

    color: var(--white);

}

.banner-sec{



    align-items: center;



}



.banner .btn-group{



    align-items: center;



}



.banner .btn-group button{



margin: 0px 20px 0px 0px;



}



/* .banner .btn-group .video {



   padding: 10px 20px;



   display: flex;



   font-size: 18px;



   font-weight: 400;



   line-height: 25px;



   letter-spacing: 0em;



   text-align: left;



   border: none;



   background: transparent;



} */



    /* .banner .btn-group .video::before{



    content: url(../img/effects/video.png);



    height: 25px;



    width: 25px;



    margin: 00px 10px 0px 0px;



} 



.banner .btn-group .video:hover{



   color: var(--green);



}



.sample-video{



    position: fixed;



    top: 50%;



    left: 50%;



    transform: translate(-50%,-50%);



    z-index: 10000;



    background: #0000009d;



    width: 100%;height: 100%;



    display: flex;justify-content: center;align-items: center;



    visibility: hidden;



}



.sample-video.open{



    visibility: visible;



}



.sample-video video{



    position: relative;



    max-width: 900px;



    outline: none;



}



.sample-video span{



    position: absolute;



    top:40px;



    right: 40px;



    color: white;



    font-size: 30px;



}



.sample-video span i{



color:var(--white)



} */



/*-----------------------banner ends----------------*/











/*-----------------------about starts----------------*/



.about-sec img{



    width: 100%;height: auto;



}



.about{position: relative;height: auto; overflow: hidden;}



.about-sec{display: flex;align-items: center;padding:0px 0px 20px 0px;}



.about-sec::after{



    content: url(../img/effects/shadowbox.png);



    border-radius: 25px;



    height: 341px;



    width: 40%;



    border-radius: 25px;



    position: absolute;



    top:-30%;



    right:0;



    z-index: -1;



}



.thick {display: flex; align-items: center;gap: 0px 10px;}



.thick span{



    content: url(../img/effects/tick.png);



    width: 25px;



    height: 25px;



}



/*-----------------------about ends----------------*/



/*-----------------------service starts----------------*/



#sperm{



    position: absolute;



    background-image: url(../img/effects/sperm.webp);



    background-repeat: no-repeat;



    background-size: contain;



    height: 855px;



    width: 937px;



    top:1000px;



    z-index: -1;



    opacity: 0.02;



}



/* service */



.service{position: relative;overflow: hidden;padding: 0px 0px 50px 0px;}



#sperm1{



    position: absolute;



    background-image: url(../img/effects/sperm.webp);



    background-repeat: no-repeat;



    background-size: contain;



    height: 855px;



    width: 937px;



    top:0;right: -10%;



    opacity: 0.02;



}



#dot{



    position: absolute;



    background-image: url(../img/effects/dots.png);



    background-repeat: no-repeat;



    background-size: contain;



    height: 100px;



    width: 100px;



    bottom: 0;



    left: 10%;







}



.service-card{



    padding: 10px 15px;   



    position: relative;



    margin: 50px 5px 0px 0px ;



    border-radius: 15px;



}



.service-card img{  



    display: block;



    margin: -50px auto auto auto;



}



.service-card h3{

font-size: 28px;

font-weight: 700;

line-height: 44px;

letter-spacing: 0em;

text-align: center;

color: var(--green);

}



.service-card p{



    font-size: 16px;



    font-weight: 400;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: center; 



    color:var(--para);



} 



.service-card:hover{



    background: linear-gradient(180deg, #A3DE0F 0%, #97C22C 100%);  



}







.service-card:hover  h3{color: var(--white);}



.service-card:hover  p{color: var(--white);}



/*-----------------------service ends----------------*/







/*-----------------------patient service starts----------------*/







.patient-sec{



background: #FFFFFF;



box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.08);



border-radius: 18px;width: 100%;padding: 10px;height: auto;margin: 10px 0px;



}



.patient-service{display: flex;flex-wrap: wrap;justify-content: space-around;margin: 25px 0px 0px 0px ;}



.patient-service .list{



display: flex;flex-direction: column;gap: 10px 0px; align-items: center;



}







/*-----------------------patient service ends----------------*/







/*----------------------- treatement service starts----------------*/







.treatement{overflow: hidden;padding: 0px 0px 30px 0px;}



.treatement-carousel .treatement-card{position: relative;}



.treatement-carousel .treatement-card img{width: 95%;height: auto; margin: auto;border-radius:15px; }



.treatement-carousel .content{



border-radius: 47px;



width: 250px;



padding: 10px 15px;



background: var(--white);



position: absolute;



margin-left: auto;



margin-right: auto;



bottom: 10%;



right: 0; 



 left: 0; 



text-align: center;



}



.treatement-carousel .content p{margin-bottom: 0;}







.teat-col{



    width:40%;



    padding: 0px 5%;



}



.treat-col{width:60%;}



.treatement-carousel .owl-nav{position: absolute;left: 0%;bottom: -20px;}



.treatement-carousel .owl-nav button.owl-next{padding: 0px 0px 0px 15px !important;}







.treatement-carousel .fa-chevron-left, .treatement-carousel .fa-chevron-right, .blog-nav .fa-chevron-left, .blog-nav .fa-chevron-right{border: 1.5px solid #a3de0f;color: #000000;background-color: #a3de0f;}







.treatement-carousel .owl-nav button.disabled, .blog-nav .swiper-button-disabled{cursor:default;opacity:0.7;}







.treatement-carousel .owl-nav button.disabled .fa-chevron-left:hover, .treatement-carousel .owl-nav button.disabled .fa-chevron-right:hover, .blog-nav .swiper-button-disabled .fa-chevron-left:hover, .blog-nav .swiper-button-disabled .fa-chevron-right:hover{color:#000;}



/*----------------------- treatement service ends----------------*/



/*-----------------------doctor starts----------------*/



.orange{



    color: rgba(255, 155, 1, 1);



}



.doctor-img {



    width: 80%;float:right;



    position: relative;



}



.doctor-img img{width: 100%;height: auto;}



/*-----------------------doctor ends----------------*/











/*----------------------- team starts----------------*/







.team-card{



    padding: 10px;



    border: 2px solid var(--green);



    border-radius: 14px;



}



.team-card img{width: 100%;height: auto;}







.team-sec{



    margin: 30px 0px 0px 0px;



}



.team-card h3{



font-size: 28px;



font-weight: 700;



line-height: 47px;



letter-spacing: 0em;



text-align: center;



color:#FF9B01;



}



.team-card  p {



    font-size: 18px;



    font-weight: 400;



    line-height: 23px;



    letter-spacing: 0em;



    color:#777575;   



    text-align: center;



}



.team-carousel .owl-theme .owl-nav{



    margin: auto;



}



/*----------------------- team ends----------------*/







/*----------------------- testimonial starts----------------*/



.testimonial{width: 100%;overflow: hidden;}



.testimonial-sec{



    width: 120%;



    margin: 0px 0px 0px 5%;



}



.message{



    width: 50%;



    float: right;



}



.message img{



    width: 100%;height: auto;



}



.testimonial-card{

    position: relative;

}

.testimonial-card .test-name {

    margin: 30px 0px 0px 0px;

    display: flex;

    align-items: center;

    gap: 0px 30px;

}

.testimonial-card {padding: 10px;



background: #FFFFFF;



/* box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.08); */

-webkit-box-shadow: 10px 10px 7px -4px rgba(0,0,0,0.42);

-moz-box-shadow: 10px 10px 7px -4px rgba(0,0,0,0.42);

box-shadow: 10px 10px 7px -4px rgba(0,0,0,0.42);



border-radius: 14px;



margin: 10px 10px;

border: .3px solid #909090;

}



@media screen and (max-width:991px) {

    .testimonial-card {

    height: auto !important;}

}

.testimonial-card  h3{



    font-size: 16px;



    font-weight: 600;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: left;



    color: #FFAB38;



    }



.testimonial-card  p{



    font-family: Open Sans;



    font-size: 18px;



    font-weight: 600;



    line-height: 33px;



    letter-spacing: 0em;



    text-align: left;



    



    }



.testimonial .owl-carousel .owl-item img{

    width: 40px;height: auto;

}



.fa-chevron-left, .fa-chevron-right, .fa-arrow-left, .fa-arrow-right{



    width: 50px;



    height: 50px;



    border-radius: 50%;



    display: flex;justify-content: center;align-items: center;



    border: 1.5px solid #a3de0f;



    color: #000000;



    background-color: #a3de0f;

    padding: 12px;



}



.fa-chevron-left:hover, .fa-chevron-right:hover, .fa-arrow-left:hover, .fa-arrow-right:hover{



    background: linear-gradient(rgba(163, 222, 15, 1),rgba(151, 194, 44, 1));



    border: none;



    color: var(--white);



}



.owl-theme .owl-nav [class*=owl-]:hover{



    background: none;



}



.testimonial .owl-theme .owl-nav{



    margin: 20px 0px 0px 0px;



    display: block;float: left;



}



/*----------------------- testimonial ends----------------*/







.copyrights-sec ul{padding:0px 0px 0px 2.5%;}



.copyrights-sec li{font-size: 16px;



    font-weight: 400;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: left;



    color: #777575;



    margin: 0px 0px 0px 0px;}



.copyrights-sec h3, .copyrights-sec h4{font-size: 30px;



    font-weight: 700;



    line-height: 60px;



    letter-spacing: 0em;



    text-align: left;



    color: #000;



    margin: 0px 0px 10px 0px;



    text-transform: capitalize;}



.copyrights-sec h4{font-size:25px;}







/*----------------------- blog starts ----------------*/



.news{overflow: hidden;}



.swiper{



    overflow: initial;



    padding-bottom: 100px;



}



.blog-container{



    display: flex;



    align-items: flex-end;



    



}



.left{



    padding: 20px 25px;



    width: 50%;



    background: var(--green);



    margin-bottom: -30px;



    margin-right: -150px;



    z-index: 1;



    border-radius: 15px;







}



.right{



    width: 90%;



    height: 500px;



    border-radius: 8px;



}



.right img{



    width: 100%;height: 100%;border-radius:15px;



}



.blog-nav{display: flex;position: absolute;bottom: 0;gap: 15px;}



.left h1{



    font-size: 28px;



    font-weight: 700;



    line-height: 44px;



    letter-spacing: 0em;



    text-align: left;



    color:var(--white); 



}



.left p{



font-size: 16px;



font-weight: 400;



line-height: 32px;



letter-spacing: 0em;



text-align: left;



color:var(--white); 







}



.left a{



    text-decoration: none;



    font-size: 16px;



font-weight: 400;



line-height: 32px;



letter-spacing: 0em;



text-align: left;



color:var(--white); 



}



.left i{



    color:var(--white);



    margin: 0px 0px 0px 10px;



}



.swiper-pagination{



    background:#E9E9E9;



    width: 100%;



    border-radius: 15px;



    padding: 0px;



}



.swiper-pagination-bullet{



    top: 50px;



    background: red;



    opacity: 0;



    float: left;



    width: 25%;



    border-radius: 20px;



    padding: 0px;



    gap: 0;



}



.swiper-pagination-bullet-active{







    background: var(--orange);



    opacity: 1;



}



#slider-content{



display: none;



}



.swiper-slide-active #slider-content{



    display: block;







}



.swiper-slide-active{



        margin: 0px 20px 0px 0px;



}



.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {



    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0px);



}



/*----------------------- blog ends ----------------*/











/*----------------------- forms starts ----------------*/



.form{top:100px;}



.form-sec{



    margin: 0px 0px 0px 0px;



    width: 100%;



    padding: 50px 20px 50px 20px;



    background:var(--green);



    background-size: contain;



    background-repeat: no-repeat;



    height: auto;



    border-radius: 14px;



    align-items: center;



    position: relative;



}

.form-sec .row{

    background: var(--white);

    padding: 30px 10px;

    border-radius: 30px;

}



#form-sec{

    background-image: url(../img/effects/background.png);

    background-size: cover;

    width: 100%;

    height: 100%;

}

.form-sec img{



    border-radius: 20px;

}



.form-booking{



    width: 100%;height: auto;



    background: var(--white);



    border-radius: 14px;



    padding: 20px 30px;







}



.form-booking .form_partion {display: flex;justify-content: space-between;}



.form-booking .form_partion input{width: 48%;font-family: 'Open Sans';font-size: 18px;



    font-weight: 400;line-height: 25px;letter-spacing: 0em;text-align: left;



    }



.form-booking .form_control, .input-form{width: 100%; margin: 10px 0px;padding: 15px 15px;



    background: #F3F3F3; border: none;border-radius: 11px;font-family: 'Open Sans';font-size: 18px;



    font-weight: 400;line-height: 25px;letter-spacing: 0em;text-align: left;



}



textarea{height:70px;}



/* ----------------------------------contact--------------------------------------------- */







.loctaion{



    display: flex;



    margin: 10px 0px;

    gap:15px;



}



.loctaion a{



font-size: 17px;



font-weight: 600;



line-height: 32px;



letter-spacing: 0em;



text-align: left;



margin: 0px 0px 0px 0 ;



color: #000000;



text-decoration: none;



}



.map{



    width: 100%;



    max-width: calc(50vw);



    position: absolute;



    right: 0;



}







.contact{



   width: 100%; overflow:hidden;



}























/*-----------------------footer starts----------------*/



.footer-sec{



    width: 100%;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



}



.footer-logo .social-icon{



    display: flex;



    margin: 20px 0px;    



}



.footer-logo{



    width: 30%;



}



.footer-map, .footer-service{



    width:auto;







}



.footer-contact{



    width: 30%;



}



.f-title{



    margin:20px 0px 0px 0px;



    font-size: 21px;



    font-weight: 700;



    line-height: 40px;



    letter-spacing: 0em;



    text-align: left;



    color: #000000;



    margin-bottom: 55px;



    }



.footer-menu{



    list-style: none;padding: 0px;



}



.f-text{



    font-size: 16px;



    font-weight: 400;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: left;



    text-decoration: none;



    color: #777575;



    }



.f-text:hover{color: var(--green);}



.sub-text{



    font-size: 16px;



    font-weight: 400;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: left;



    }



    .email{padding: 5px;position: relative;}



.email input{width: 100%; padding: 10px 10px;



    background: #F3F3F3;



border-radius: 11px;



border:none;



font-size: 14px;



font-weight: 400;



line-height: 20px;



letter-spacing: 0em;



text-align: left;



color: #000000;







}



.email button{



    position: absolute;



    right: 15px;



    top: 8px;



    padding: 5px 15px;



    background: linear-gradient(180deg, #FF9B01 0%, #E08B16 100%);



border-radius: 7px;



border: none;



}



.email button i{color: var(--white);}



.email button:hover{ box-shadow: 0 0 3px #FF9B01;}



.footer hr{



    width: 100%;  



height: 2px;  



background-color: #848484;  



}







.copy{



    display: flex;



    justify-content: space-between;



    flex-wrap: wrap;



}











.copy p{



font-size: 15px;



font-weight: 600;



line-height: 33px;



letter-spacing: 0em;



text-align: left;



color: var(--green);



}











.copy ul{



    display: flex;



    gap: 0px 30px;



font-size: 16px;



font-weight: 600;



line-height: 25px;



letter-spacing: 0em;



list-style: none;



padding: 0px 15px;







}



.copy ul li{color: #777575;font-size:15px;}







.copy ul li::before{  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */



    color:var(--green); /* Change the color */



    font-weight: bold; /* If you want it to be bold */



    display: inline-block; /* Needed to add space between the bullet and the text */



    width: 1em; /* Also needed for space (tweak if needed) */



    margin-left: -1em; /* Also needed for space (tweak if needed) */}











    /* about page */



/*--------------------------- About-success-------------- */



   .About-success .kplus::after{



    content: "K+";



   }



   .About-success .plus::after{



    content: "+";



   }



   .About-success .percent::after{



    content: "%";



   }



   .About-success .counter-text{



    display: flex;flex-direction: column;align-items: center;



   }



   .About-success .counter-text h3{

    font-size: 46px;font-weight: 700;line-height: 50px;

    letter-spacing: 0em;color: var(--orange);

   }



   .About-success .counter-text p{



    font-size: 16px;font-weight: 500;line-height: 25px;



    letter-spacing: 0em;text-align: center;color: #000;



   }



/*--------------------------- About-schoose------------- */



.choose-sec{



    margin: 30px auto auto auto;



}



.choose-sec .choose-card{



    width: 360px;height: auto;padding: 30px 25px 50px 25px;



    background: var(--white);



    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16);



    border-radius: 14px;



    margin: auto;



}







.choose-sec .choose-card h1{



    margin: 10px 0px 0px 0px;



font-size: 48px;



font-weight: 700;



line-height: 65px;



letter-spacing: 0em;



text-align: left;



color: var(--green);



}



.choose-sec .choose-card p{



    margin: 10px 0px 0px 0px;



    color: var(--para);



    font-size: 16px;



    font-weight: 500;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: left;







}



.choose-sec .choose-card:hover{ background: var(--green);}



.choose-sec .choose-card:hover h1{ color: var(--white);}



.choose-sec .choose-card:hover p{ color: var(--white);}



.owl-carousel .owl-stage-outer{



    padding: 30px 0px;



}







.choose-sec .owl-item img {



    display: block;



    width: auto;



} 







.video-testimonial .owl-theme .owl-nav{



    float: right;



    margin: -20% 0px 0px 0px;



    position: relative;



    z-index: 999;



}



.video-test-content{



    margin: 50px 0px 0px 0px;    



}



.video-test-content h1{font-size: 36px;



    margin: 15px 0px 30px 0px;



    font-size: 32px;



    font-weight: 700;



    line-height: 40px;



    letter-spacing: 0em;



    text-align: left;



    



    text-align: left;



    color: var(--orange);



}











.video-test-content::after{



    content: url(../img/effects/message.png);



    opacity: .2;



    float: right;



    margin: -15% 10% 0px 0px;



}







.video-test-img{



    position: relative;



}



.video-test-img div{



    width: 72px;height: 72px;



    border:2px solid var(--white);



    border-radius: 50%;



    display: flex;justify-content: center;align-items: center;



    position: absolute;



    top: 50%;



    left: 0;



    right: 0;



    margin-right: auto;



    margin-left: auto;



    cursor: pointer;



}



.video-test-img div i{



   color: var(--white);



   font-size: 28px;



}















/* ---------------------------------------------gallery page--------------------------------------- */



.gallery-sec .tabbed ul{



    display: flex;



    justify-content: center;



    flex-wrap: wrap;



}



.gallery-sec .tabbed ul li{



    list-style: none;



    padding: 10px 50px;



    border-radius: 16.5px;



    margin: 15px 0px;



    font-size: 19px;



    font-weight: 400;



    letter-spacing: 0em;



    text-align: left;



    color:#000;



    cursor: pointer;



}



.gallery-sec .tabbed ul li.active{



    background:var(--green);



    color: var(--white);



}







.gallery-sec .product{



    display: flex;



    flex-wrap: wrap;



    justify-content: center;



}



.gallery-sec .product a .item{



    position: relative;



    width: 350px;



    height: 350px;



    margin: 10px;



}



.gallery-sec .product a .item img{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



    border-radius: 15px;



}







/* ---------------------------------------------testimonial page--------------------------------------- */



.testimonial-page ul{



    margin: 100px 0px 0px 0px;



    list-style: none;



    display: flex;



    justify-content: center;



    flex-wrap: wrap;



    gap: 100px 20px;



    padding-left: 0px;







}



.testimonial-page ul li{



    width: 350px;



    height:auto;  



    padding: 50px 35px 50px 35px;



    background: #FFFFFF;



    box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.11);



    border-radius: 15px;



    background-image: url(../img/icons/test-icon/message.png);



    background-repeat: no-repeat;



    background-position: 70% 90%;    



}



.testimonial-page .test-page-img{



    margin: -100px 0px 0px 0px;



}



.test-star i{



    color: #CFA54B;



    margin: 0px 0px 10px 0px;



}



.testimonial-page-sec h3{



font-size: 20px;



font-weight: 700;



line-height: 40px;



letter-spacing: 0em;



text-align: left;



text-transform: uppercase;



}



.testimonial-page-sec p{



    font-size: 16px;



    font-weight: 400;



    line-height: 32px;



    letter-spacing: 0em;



    text-align: left;



    



}



/* ---------------------------------------------  Awards page--------------------------------------- */



.awards-sec ul{



    margin: 30px 0px 0px 0px;



    list-style: none;



    display: flex;



    justify-content:center;



    gap: 0px 10px;



    flex-wrap: wrap;



}



.awards-sec ul li{



   width: 350px;height: auto;



}



.awards-sec  ul li img{



   width: 100%;height: auto;



 }



 /* ---------------------------------------------  blog page--------------------------------------- */



 .blog-sec ul{



    list-style: none;



    display: flex;justify-content: center;flex-wrap: wrap;gap: 30px 30px;



    padding-left: 0px;



 }



 .blog-img{



    width: 350px;height: auto;



    position: relative;



 }



 .blog-img img{



    width: 100%;height: auto;



 }



 .blog-img .blog-content{



    background: var(--orange);min-height: 200px;



    width: 100%;position: absolute; bottom: 0;border-radius: 0px 0px 15px 15px;



    padding: 15px 15px;



 }



 .blog-img .blog-content h1{



    font-size: 19px;



    font-weight: 700;



    line-height: 32px;



    min-height: 60px;



    text-align: left;



    color: var(--white);



    text-transform: uppercase;



 }



 .blog-img .blog-content p{



    margin: 10px 0px 0px 0px;



    font-size: 16px;



    font-weight: 400;



    line-height: 22px;



    text-align: left;



    color: var(--white);



 }



 .blog-post{



    position: absolute;top:10%;background: var(--orange);padding: 5px 10px 2px 2px;



    border-radius: 0px 20px 20px 0px;



 }



 .blog-post h1{



    font-size: 12px;



    font-weight: 700;



    letter-spacing: 0em;



    text-align: left;



    color: var(--white);



    text-transform: uppercase;



 }







 /* --------------------------------------------- contact page--------------------------------------- */



 



 .contact-card{



    margin: 10px 0px 28px 0px;



    width: 100%;padding: 25px 30px;



    display: flex;align-items: center;



    background: #FFFFFF;



    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);



    border-radius: 6px;.contact-address h1



    text-align: center;



 }



 .contact-address{



    margin: 0px 0px 0px 20px;



 }



 .contact-address h3{



    font-size: 21px;



    font-weight: 600;



    text-align: left;



    color: #000;



 }



 .contact-address p{



    font-size: 17px;



    font-weight: 500;



    text-align: left;



    color: var(--para);



    padding: 0px;



    line-height: 25x;



 }

 .contact-address p a{

     color:#000;

 }

 .contact-address p a:hover{

     text-decoration:underline;

 }



 .contact-form{



    margin: 15px 0px 15px 0px;



    width: 100%;padding: 10px 30px;



    background: #FFFFFF;



    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);



    border-radius: 6px;



 }



 .form-title{



    font-size: 34px;



    font-weight: 700;



    line-height: 78px;



    letter-spacing: 0em;



    text-align: left;



 }



 .contact-form .form_partion{



    display: flex;



    gap: 0px 20px;



 }



 .contact-form .form_partion input{



    width: 50%;



    padding: 15px 15px;



    border: none;



    border-bottom: 2px solid #000;



    margin:0px 0px 25px 0px;



    font-family: 'Open Sans';font-size: 18px;



    font-weight: 400;line-height: 25px;letter-spacing: 0em;text-align: left;



 }



 .contact-form form input, .contact-form form textarea {



    width: 100%;



    padding: 10px 15px;



    border: none;



    border-bottom: 2px solid #000;



    margin:0px 0px 25px 0px;



    font-family: 'Open Sans';font-size: 18px;



    font-weight: 400;line-height: 25px;letter-spacing: 0em;text-align: left;



 }



 .contact-form form .form_btn {



    width: 20%;



    border: none;



    background: var(--green);



    color: var(--white);



    font-size: 22px;



    font-weight: 600;



    line-height: 26px;



    letter-spacing: 0em;



    text-transform: uppercase;



    display: block;



    margin-left: auto;



    text-align: center;



 }











  /* --------------------------------------------- service page--------------------------------------- */



 .quick-btn{

    margin: 30px 0px;

 }



  .service-page .quick-link{



    width: 100%;height: auto;padding: 20px 20px 40px 20px;



    background: var(--orange);



    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.16);



    border-radius: 15px;



 }



 .service-page .quick-link h2{



font-size: 28px;



font-weight: 600;



line-height: 38px;



letter-spacing: 0em;



text-align: left;



color: var(--white);







 }



 .service-page .quick-link .quick-btn a{



    display: block;



    text-decoration: none;



    font-size: 21px;



    font-weight: 500;



    line-height: 29px;



    letter-spacing: 0em;   



    margin: 15px 0px 0px 0px;



 }



 /* .quick-btn a div{



  width: 30px;height: auto;



 } */



 .quick-btn a button{



    width: 100%;



    text-align: left;



    padding: 10px 10px;



    background: transparent;border: none;



    color: var(--white);



    display: flex;gap: 0px 30px;



 }



 .quick-link  .quick-btn .quick-line{



    padding: 0px 0px 20px 0px;



    border-bottom: 1px solid var(--white);



 }



 .quick-btn  button.active{



       color: var(--green);



       font-weight: bold;



    }







.doctor-box {



    width: 100%;padding: 30px 25px;



    background: var(--white);



    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.16);



    border-radius: 15px;



}



.doctor-box .doc-nam{



    display: flex;



    align-items: center;justify-content: space-around;



}



.doctor-box .doc-nam h2{



    font-size: 24px;



    font-weight: 700;



    line-height: 33px;



    letter-spacing: 0em;



    text-align: left;



}



.doctor-box .doc-nam p{



    font-size: 16px;



    font-weight: 700;



    line-height: 29px;



    letter-spacing: 0em;



    text-align: left;



    color: var(--orange);







}



/* form */



.doctor-box form input:not(:last-child), .doctor-box form textarea {



    width: 100%;



    margin: 10px 0px;



    padding: 10px 15px;



    background: #F3F3F3;



    border: none;



    border-radius: 11px;



    font-family: 'Open Sans';font-size: 18px;



    font-weight: 400;line-height: 25px;letter-spacing: 0em;text-align: left;



}



.treatement-title {



    font-size: 30px;



    font-weight: 700;



    line-height: 65px;



    letter-spacing: 0em;



    text-align: left;

    text-transform: capitalize;



}



.treatement-box{



    width: 90%;



    float: right;



}



.treatement-box ul{



    padding: 1rem;



}







.treatement-box ul li{



    font-size: 16px;



    font-weight: 600;



    line-height: 26px;



    letter-spacing: 0em;



    text-align: left;



    margin: 10px 0px;    



}



/* acordition */



.faq-sec{margin: 25px 0px 0px 0px ;width: 100%;}



.faq-sec .faq-tab{margin: 5px auto auto auto; width: 100%; padding: 0px 20px;}



.faq-tab{border: 2px solid transparent;padding: 5px 0px;border-radius: 15px;}



.faq-tab .accordion{



   font-size: 21px;



   font-weight: 600;



   line-height: 43px;



   letter-spacing: 0em;



   text-align: left;background:var(--white);



    width: 100%;padding:10px 0px;



    padding-right: 20px;border:none;



    display: flex; justify-content: space-between;}



.fqa .active .accordion{color: var(--white);}



.faq-tab .accordion:after {content: url(../img/icons/plus.png);height: 25px;



    width: 25px;padding: 3px 0px;float: right;margin-left: 5px;}



.faq-tab .panel{width: 90%;



    background-color: white;



    overflow: hidden;max-height: 0;border: none;margin-right: auto;



    transition: max-height 0.2s ease-out;}







.faq-tab .active:after {content: url(../img/icons/minus.png);



    height: 25px;



    width: 25px;



    }



/* -----------------------------condition----------------- */

.condition-img img{

    width: 100%;height: auto;

    position: relative;

    box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.08);

}

.condition-text{

    width: 100%;height: 100%;

    padding: 30px 20px;

    position: absolute;

    top: 0;

    left: 0;

}

.condition-text p{

    color: var(--white);

    font-size: 18px;

    font-weight:bold;

    text-transform: capitalize;

}

.condition-text ul{

    margin: 10px 0px 0px 0px;

    padding-left: 20px;

}

.condition-text ul li{

    font-size: 14px;

    color: var(--white);

    padding: 5px 0px;

    text-transform: capitalize;

}

/* menu */



.dropdown-menu ul{

    list-style: none;

    padding: 0px;

}

.dropdown-menu.show{

    display: flex;

    width: auto;

    border: none;

    padding: .5rem;

    -webkit-box-shadow: 2px 1px 12px 3px rgba(191,191,191,0.74);

    -moz-box-shadow: 2px 1px 12px 3px rgba(191,191,191,0.74);

    box-shadow: 2px 1px 12px 3px rgba(191,191,191,0.74);

       

}

.dropdown-menu ul li{

    padding: 5px 0px;

}

.dropdown-menu ul li img{

    margin:0px 10px 0px 0px;

    font-size: 8px;

}

.dropdown-item.active, .dropdown-item:active {

    color: var(--white);

    text-decoration: none;

    background-color: var(--green);

}



@media screen and (max-width:991px) {

    .dropdown:hover .dropdown-men.show{

        display: flex;

       

    }

    .dropdown-menu.show {

        display: flex;

        flex-direction: column;

    }

    #drop{

    height: 300px;

    overflow-y: scroll;

    overflow-x: hidden;

}

}



/* banner correction */

.banner{

    position: relative;

}

.banner .container {

    position:absolute;

    z-index: 1;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.banner .title{

    text-align: left;

}



.banner-content{

  position: absolute;

    z-index: 1;

    top: 50%; 

    left: 0; 

    transform: translateY(-50%); 

    width: 100%;

}

.banner-container{

    max-width:1200px;

    width:100%;

    display:block;

    margin:auto;

}



.banner-new-title{

        font-size: 40px;

    font-weight: 700;

    color: black;

    width:50%;

}

.banner-new-para{

    font-size: 18px;

    font-weight: 400;

    line-height: 32px;

    letter-spacing: 0em;

    text-align: left;

    color: black;

    margin: 15px 0px 15px 0px;

      width:40%;

}

@media screen and (max-width:991px) {

    .banner .title{

        font-size: 29px;

        line-height: 38px;

    }

    .banner br{

        display: block;

    }

    .banner-new-title {

    font-size: 28px;

        

    }

.banner-new-para{

    font-size: 16px;

   

}

}

@media screen and (max-width:769px) {

    .banner .container {

      position:absolute;

      z-index: 1;

      top: 80%;

      left: 50%;

      transform: translate(-50%, -50%);

    }

    .banner .title{

        text-align: center;

        width: 80%;

        margin: auto;

        font-size: 23px;

        line-height: 30px;

    }

    .banner br{

        display: none;

    }

    .banner .btn-group{

        justify-content: center;

    }

    .banner .btn-group button {

        margin: 10px 0px 0px 0px;

    }

    .col-md-4 {

        flex: 0 0 auto;

        width: 100%;

    }

    .banner-new-title, .banner-new-para{

         width:100%;

         text-align: center;

    }

    .banner-content {

    position: absolute;

    z-index: 1;

    top: 10%;

    left: 0;

     transform:none; 

    width: 100%;

}



}

@media screen and (max-width:461px) {

    .banner .title{

        text-align: center;

        width: 90%;

        margin: auto;

        font-size: 19px;

        line-height: 30px;

    }

   

    .banner .green-btn {

        padding: 10px 20px;

        /* background: var(--green); */

        border: none;

        border-radius: 27.5px;

        font-size: 14px;

        /* font-weight: 400;

        line-height: 25px;

        letter-spacing: 0em;

        color: var(--white); */

    }

    .banner-new-title {

    font-size: 18px;

    }

    .banner-new-para {

        font-size: 10px;

    line-height: 20px;

}

 .banner-new-para {

     button{

         transform: scale(0.7);

     }

 }

 .banner-new-para {

    margin: 10px 0px 10px 0px;

     

 }

}

@media screen and (max-width:361px) {

    .banner .title{

        text-align: center;

        width: 90%;

        margin: auto;

        font-size: 14px;

        line-height: 20px;

    }

}

.schema-faq-code {

/*border: 1px solid #dedee0;*/

/*border-radius: 10px;*/

/*background-color:#fefbf9;*/

  overflow:hidden;max-width: 800px;

    margin: 3% auto 5%;

}

.schema-faq-code .faq-q {

font-size: 16px;

font-weight: bold;

margin: 0;

padding: 12px 56px 12px 12px;

line-height: 1.4;

cursor: pointer;

position: relative;

/*border-bottom: 1px solid #dedee0;*/

-webkit-touch-callout: none; 

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none; 

}

.faq-q:after {

    content: "+";

    position: absolute;

    top: 50%;

    right: 0;

    width: 56px;

    text-align: center;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-weight: bold;

    color: #000;

    font-size: 30px;

}

.faq-q.faq-q-open:after {

    content: "-";	

}

.faq-a {

margin: 0;

padding: 12px;

/*background-color:#fff;*/

font-size: 16px;

line-height: 1.7;

  /*border-bottom: 1px solid #dedee0;*/

  display: none;

}

.schema-faq-code .faq-question:last-child .faq-a {

  border-bottom:0px;

}

.faqs-section .heading, .faqs-section h2{text-align:center;}

.faq-question{background-color: #FFF;

    border: 2px solid #a3de0f;

    margin: 0px 0px 10px;

    border-radius: 8px;padding:10px;}