html{scroll-behavior: smooth; }
hr{margin:40px 0;}
hr{background: rgb(68 68 68 / 50%);}
::-webkit-scrollbar{width: 7px; height:7px; }
::-webkit-scrollbar-track{box-shadow: inset 0 0 7px #444; }
::-webkit-scrollbar-thumb{background: #0389c8; }
::-webkit-scrollbar-thumb:hover{background-image: linear-gradient(to top, #82B82A, #1BA77C); }
::selection{color: #fff; background: #90bd48;}
:focus-visible{outline: #0389c8 auto 1px;}
.nav-link:focus{color: #0389c8;}



body{font-family: 'Yantramanav', sans-serif;color: #444;font-size: 17px;line-height: 28px;font-weight: 500;width: 100%;overflow-x: hidden;}

.page-wrapper-main{position: relative;width: 100vw;overflow: hidden;}
.page-content-wrapper{width: 100vw;transition: 500ms;}

a{text-decoration: none;}
ul{margin: 0;padding: 0;}
p{margin: 0;}

/*====================== Page form =========================*/
.page-form .input-wrap{margin-top: 12px;}
.page-form .form-control{padding: 22px 21px;border-radius: 6px;color: #444;font-size: 17px;font-weight: 400;line-height: 22px;border: none;}
.page-form textarea.form-control{height: 100px;resize: none;}
.page-form .form-control::placeholder{color: #999;}
.page-form .form-control:focus{color: #444;background-color: #fff;border-color: #6fc34b;box-shadow: 0 0 0 1px rgb(111 195 75 / 50%);}
.page-form .page-btn{margin-top: 15px;}
.page-form .page-btn button{margin-right: 62px;font-size: 17px;font-weight: 400;line-height: 22px;letter-spacing: -0.04px;color: #fff;background: #0389c8;padding: 9px 22px;border-radius: 6px;border: 0;}
.page-form .page-btn .arrow-icon g{stroke: #fff;}
/*--------------------------------*/
.form-check-area{position: relative;height: 40px;margin-bottom: 10px;}
.form-check-area input{height: 100%;}
.form-check-area label{position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #dfdfdf;border-radius: 3px;padding: 8px 15px;color: #999;font-size: 17px;font-weight: 400;line-height: 22px;transition: 500ms;}

div[class*="radioActive"] .btn-patient{background: #0389c8;color: #fff;}

/*====================== Page Button =========================*/
:focus-visible{outline: none;}
/*------- Page Button 1 -------*/
.page-btn{padding: 0;width: fit-content;}
.page-btn .link-arrowed{padding: 9px 26px;background: #0389c8;color: #fff;cursor: pointer;}
.page-btn .arrow-icon{position: relative;top: -1px;-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease;vertical-align: middle;}
.page-btn .arrow-icon-circle{transition: stroke-dashoffset 0.3s ease;stroke-dasharray: 95;stroke-dashoffset: 95;}
.page-btn:hover .link-arrowed .arrow-icon{transform: translate3d(5px, 0, 0);}
.page-btn:hover .link-arrowed .arrow-icon-circle{stroke-dashoffset: 0;}


/*====================== Page Devider ======================*/
.devider{margin: 18px 0;text-align: center;overflow: hidden;}
.devider span{position: relative;padding: 0 15px;}
.devider span::before{content: '';background: #999;width: 100vw;height: 1px;position: absolute;top: 50%;right: 100%;}
.devider span::after{content: '';background: #999;width: 100vw;height: 1px;position: absolute;top: 50%;left: 100%;}
.devider img{height: 44px;filter: invert(0.6);}
/*---------------- Devider Left ----------------
.devider.left{text-align: left;}
.devider.left span{padding: 0 20px 0 0;}
.devider.left span::before{display: none;}*/









p{margin-bottom: 15px;font-size: 19px;font-weight: 400;line-height: 28px;letter-spacing: 0.33px;color: #444;}
p:last-child{margin-bottom: 0;}
b, strong{font-weight: 500;}
.text-sec{padding-left: 30px;}
/*====================== Page Heading ======================*/
.sec-head{margin-bottom: 35px;}
.sec-head h4{font-size: 25px;font-weight: 400;line-height: 32px;letter-spacing: 0.44px;color: #0585B6;margin-bottom: 10px;}
.sec-head h3{font-size: 50px;font-weight: 500;line-height: 55px;letter-spacing: 0.88px;color: #444;white-space: pre-line;}
.sec-head p a{color: #6fc34b;transition: 500ms;}
.sec-head p a:hover{color: #0585B6;}
/*====================== Page Button ======================*/
.page-button{display: block;font-size: 17px;font-weight: 400;line-height: 22px;letter-spacing: -0.04px;color: #fff;background: #0585B6;padding: 14px 22px;border: 0;border-radius: 6px;}













/*========================================================
                       Header
========================================================*/
/*============================ Main Page ============================*/

.header{position: fixed;top: 0;width: 100%;padding: 0px 0px 0px 15px;display: flex;align-items: center;background: #fff;transition: 500ms;z-index: 3;}
.header .page-brand{margin-right: 50px;width: 160px;transition: 500ms;}
.header .page-brand img{width: 100%;}
/*--------------------------------*/
.header .page-header-area{width: inherit;display: flex;flex-direction: column;}
.header .page-header-area .top-header{padding: 10px 25px 10px 0;width: 100%;text-align: right;border-bottom: 1px solid rgb(112 112 112 /53%);display: flex;justify-content: flex-end;align-items: center;transition: 500ms;}
/*--------------------------------*/
.header .page-header-area .top-header ul li{list-style: none;display: inline-block;margin-right: 30px;}
.header .page-header-area .top-header ul li:last-child{margin-right: 0;}
.header .page-header-area .top-header ul li a{font-size: 20px;line-height: 28px;font-weight: 400;color: #666;transition: 500ms;}
.header .page-header-area .top-header ul li a img{width: 20px;filter: invert(59%) sepia(81%) saturate(396%) hue-rotate(41deg) brightness(95%) contrast(87%);margin-right: 10px;transition: 500ms;}
.header .page-header-area .top-header ul li a:hover{color: #222;}

.header .page-header-area .top-header ul .doctor-appointment a{font-size: 17px;color: #fff;font-weight: 500;}
.header .page-header-area .top-header ul .doctor-appointment a:hover{color: #fff;}

/*====================== Navigation =====================*/
.navi{width:100%;position:relative;transition:500ms;}
.navi a:hover, .pro-inner a:hover, .pagination a:hover{text-decoration:none;}
.navi .navbar{padding:0;}
.navi .navbar .navbar-collapse{justify-content: flex-end;}
.navi .nav-item .nav-link, .navi .nav-item .nav-link.active{width: max-content;font-size: 21px;font-weight: 400;line-height: 28px;color: #444;text-decoration: none;padding: 20px 22px 20px;display: block;position: relative;transition: 500ms;}
.navi .nav-item .nav-link::before{display: block;content: '';position: absolute;top: -4px;left: 0;width: 0%;height: 7px;background: #0799DB;z-index: 1;transition: 500ms;}
.navi .nav-item .nav-link.active::before{width: 100%;}
/*---------- Dropdown Menu ----------*/
.dropdown-menu{box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 20%);padding:0;min-width: 240px;border: 0;border-radius:0 0 5px 5px;overflow: hidden;display: block;opacity:0;visibility: hidden;transform: rotateX(-90deg);transform-origin: 0 0;margin-top:0px;position:relative;transition: 300ms;}
.dropdown:hover .dropdown-menu, .pro-top-bar .dropdown-menu.show{opacity: 1;visibility: visible;transform: rotateX(0);}
.dropdown-menu .dropdown-item{padding: 10px 0 10px 20px;border-bottom: 1px solid rgb(0 0 0 / 5%);font-size: 19px;font-weight: 400;position: relative;white-space: normal;transition: 500ms;}
.dropdown-menu li:last-child .dropdown-item{border-bottom:none;}
.dropdown-menu .dropdown-item::before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 4px;height: 0%;background: #84AD3B;transition: 500ms;}
.dropdown-toggle::after{vertical-align: 0.135em;}
/*----------  ----------*/
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{background-color: transparent;}
.dropdown-menu .dropdown-item:focus::before, .dropdown-menu .dropdown-item:hover::before{height: 100%;}
.dropdown-menu .dropdown-item.active::before, .dropdown-menu .dropdown-item.active::before{height: 100%;}

.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active{color: #212529;background: transparent;}

/*---------- Dropdown Menu ----------*/
.dropdown.megha{position:unset;}
.dropdown .megha-dropdown{position: absolute;top: 100%;right: 1%;width: 90%;margin: 0 auto;padding:20px 15px;}
.dropdown .megha-dropdown ul{display: flex;flex-wrap: wrap;padding: 0;}
.dropdown .megha-dropdown ul li{flex: 0 0 auto;width: 25%;padding: 0 10px;list-style: none;}
.dropdown .megha-dropdown ul li:nth-last-child(-n+4) .dropdown-item{border-bottom: 0;}
.dropdown .megha-dropdown .dropdown-item::before{height: 4px;}
.dropdown .megha-dropdown .dropdown-item:focus::before, .dropdown .megha-dropdown .dropdown-item:hover::before{height: 100%;}
.dropdown .megha-dropdown .dropdown-item.active::before, .dropdown .megha-dropdown .dropdown-item.active::before{height: 100%;}
/*---------- Menu Effect ----------*/
.navbar span.effect{position:absolute;left:0;top: -4px;width: 0%;height: 7px;background:#0799DB; -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.navbar .effect{opacity: 0;transition: 500ms;}
.navbar.show .effect{opacity: 1;}

/*------- Sticky Header -------*/
.header.sticky{padding: 0 0 0 10px;box-shadow: 0 0 40px 0px rgb(0 0 0 / 10%);}
.header.sticky .page-brand{margin-right: 30px;/*margin-bottom: 10px;*/width: 140px;}
.header.sticky .page-brand img{width: 100%;}
.header.sticky .page-header-area .top-header{padding: 8px 20px 8px 0;}
.header.sticky .page-header-area .top-header ul li a{font-size: 17px;line-height: 20px;}

.header.sticky .page-header-area .top-header ul .doctor-appointment a{font-size: 15px;padding: 6px 15px;}

.header.sticky .page-header-area .top-header ul li a img{width: 16px;margin-right: 5px;}
.header.sticky .page-header-area .header-navi .main-nav li a{padding: 20px 20px 10px;font-size: 18px;line-height: 20px;}
.header.sticky .page-header-area .header-navi .main-nav li a.active::before{top: -3px;height: 5px;}
.header.sticky .navi .nav-item .nav-link,
.header.sticky .navi .nav-item .nav-link.active{padding: 15px 20px 15px;font-size: 20px;}

/*------- Mobile Navi Btn -------*/
.header .page-header-area .top-header .mobile-menu-btn{margin-left: 20px;padding: 12px 5px;}
.header .mobile-menu-btn{border: 1px solid #999;border-radius: 0;transition: 500ms;display: none;}
.header .mobile-menu-btn:hover{background-color: transparent;color: #0389c8;}

.hamburger{display: flex;align-self: center;flex-direction: column;justify-content: space-between;width: 30px;height: 16px;cursor: pointer;}
.hamburger div{align-self: flex-end;height: 2px;width: 100%;background: #0389c8;}
.hamburger .top-bar{-webkit-animation: burger-anim 2s infinite ease-in-out alternate;animation: burger-anim 2s infinite ease-in-out alternate;}
.hamburger .med-bar{width: 75%;transition: all 200ms ease-in-out;background: #84AD3B;
    -webkit-animation: burger-anim 2s infinite ease-in-out alternate forwards 200ms;animation: burger-anim 2s infinite ease-in-out alternate forwards 200ms;}
.hamburger .btm-bar{width: 50%;transition: all 400ms ease-in-out;
    -webkit-animation: burger-anim 2s infinite ease-in-out alternate forwards 400ms;animation: burger-anim 2s infinite ease-in-out alternate forwards 400ms;}
@-webkit-keyframes burger-anim{
  0%{width: 100%;}
  50%{width: 50%;}
  100%{width: 100%;}
}
@keyframes burger-anim{
  0%{width: 100%;}
  50%{width: 50%;}
  100%{width: 100%;}
}

/*------- Mobile Navi -------*/
#sidebar-wrapper{z-index: 1000;position: fixed;left: 260px;width: 0;height: 100%;margin-left: -260px;overflow-y: auto;background: #fff;
  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#sidebar-wrapper .sidebar-nav{position: absolute;top: 0;width: 250px;margin: 0;padding: 15px 0px;list-style: none;}
#sidebar-wrapper .sidebar-nav li{text-indent: 20px; line-height: 40px;}
#sidebar-wrapper .sidebar-nav li.brand{border-bottom: 1px solid rgb(0 0 0/10%);margin-bottom: 15px;}
#sidebar-wrapper .sidebar-nav li.brand img{max-width: 150px;margin: 0 auto 15px;display: block;}
#sidebar-wrapper .sidebar-nav li a{display: block;text-decoration: none;color: #444;position: relative;}

#sidebar-wrapper .sidebar-nav li.doctor-appointment a{padding: 8px 10px 8px 0;color: #fff;}
#sidebar-wrapper .sidebar-nav li.doctor-appointment a:hover{color: #fff;background: #90bd48;}
#sidebar-wrapper .sidebar-nav li.doctor-appointment a::before{display: none;}

#sidebar-wrapper .sidebar-nav li a::before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 0;background: #0799DB;transition: 500ms;}
#sidebar-wrapper .sidebar-nav li a:hover{text-decoration: none;color: #444;background: rgba(255,255,255,0.2);}
#sidebar-wrapper .sidebar-nav li a:hover::before,
#sidebar-wrapper .sidebar-nav li a.active::before{width: 5px;}
#sidebar-wrapper .sidebar-nav li a:active,
#sidebar-wrapper .sidebar-nav li a:focus {text-decoration: none;}
#sidebar-wrapper .sidebar-nav > .sidebar-brand{height: 65px;font-size: 18px;line-height: 60px;}
#sidebar-wrapper .sidebar-nav > .sidebar-brand a{color: #444;}
#sidebar-wrapper .sidebar-nav > .sidebar-brand a:hover{color: #444;background: none;}

/*-------*/
#sidebar-wrapper .sidebar-nav li ul{margin-left: 10px;background: rgb(3 137 200 / 8%);opacity: 0;visibility: hidden;transform: rotateX(-90deg);transform-origin: 0 0;height: 0;transition: 500ms;}
#sidebar-wrapper .sidebar-nav li.show ul{opacity: 1;visibility: visible;transform: rotateX(0);height: auto;}
#sidebar-wrapper .sidebar-nav li ul li{text-indent: 0px;display: block;}
#sidebar-wrapper .sidebar-nav li ul li a{font-size: 16px;font-weight: 400;border-bottom: 1px solid #fff;line-height: 20px;padding: 8px 0 8px 15px;}

#sidebar-wrapper .sidebar-nav li ul li a::before{background: #84AD3B;}
#sidebar-wrapper .sidebar-nav li ul li a:hover::before{width: 3px;}

/*------- Menu Overlay -------*/
.menu-overlay{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #000;opacity: 0;transition: 0.5s;visibility: hidden;z-index: 3;}
/*------- Menu Active -------*/
.body-menu.toggled{position: relative;min-height: 100%;top: 0px;overflow: hidden;}
.body-menu.toggled .menu-overlay{visibility: visible;opacity: 0.5;}
.body-menu.toggled #sidebar-wrapper{width: 260px;}
.body-menu.toggled .page-content-wrapper{margin-left: 250px;}

.haveDrop ul{margin-left: 10px;background: rgb(3 137 200 / 8%);opacity: 0;visibility: hidden;height: 0;transform: rotateX(-90deg);transform-origin: 0 0;transition: 500ms;}
.haveDrop.show ul{opacity: 1;visibility: visible;height: auto;transform: rotateX(0);}



/*====================== Main Slider ======================*/
#main-slide{z-index: 0;}
#main-slide{margin-top: 140px;}
#main-slide .carousel-item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(9 9 9 /35%);}
/* #main-slide .main-slide-img{object-fit: cover;object-position: center;} */
#main-slide .slider-content{position: absolute;left: 14.2%;top: 50%;transform: translateY(-50%);color: #fff;width: 35%;}
#main-slide .slider-content::before{content: '';position: absolute;top: -2.25vw;left: -2.25vw;width: 6.5vw;height: 6.5vw;background: #84AD3B; border-radius: 50%;z-index: -1;-webkit-animation: 0.6s ease-in-out 0.8s normal backwards 1 running fadeInLeft;animation: 0.6s ease-in-out 0.8s normal backwards 1 running fadeInLeft;}
#main-slide .slider-content h2{font-size: 3.802vw;line-height: 4.167vw;font-weight: 500;letter-spacing: 0.06vw;text-shadow: 0px 3px 6px rgb(0 0 0 / 16%);margin-bottom: 0;-webkit-animation: 0.9s ease-in-out 0.2s normal backwards 1 running fadeInLeft;animation: 0.9s ease-in-out 0.2s normal backwards 1 running fadeInLeft;}
/*--------------------------------*/
.carousel-indicators{margin-bottom: 2.92%;}
.carousel-indicators [data-bs-target]{height: 11px;width: 11px;border: 2px solid #fff;background: transparent;border-radius: 50%;opacity: 1;margin: 0 1px;transition: 300ms;}
.carousel-indicators .active{background: #fff;}
#main-slide .carousel-control-prev, #main-slide .carousel-control-next{opacity: 0;}



/*====================== Index Profile ======================*/
.index-profile{padding: 73px 0 0;}
.index-profile h2{font-size: 21px;line-height: 28px;letter-spacing: 0.37px;color: #444;margin-top: 31px;}
.index-profile p{margin-top: 27px;padding-right: 13px;}
.index-profile a{margin-top: 30px;padding: 11px 26px;display: block;width: fit-content;background: #0389c8;color: #fff;}
/*--------------------------------*/
.index-profile .profil-img{width: 100%;border-radius: 42px;box-shadow: 0 3px 6px rgb(0 0 0 /16%);overflow: hidden;}
.index-profile .profil-img img{width: 100%;}
/*--------------------------------*/
.index-profile .company-experience{margin-left: 32px;position: relative;top: 50%;transform: translateY(-63.3%);}
.index-profile .company-experience .experience-year{margin-bottom: 11px;}
.index-profile .company-experience span{font-size: 143px;line-height: 110px;letter-spacing: -14px;color: #0389C7;font-weight: 500;position: relative;}
.index-profile .company-experience span::after{content: '+';position: absolute;top: 11px;right: -18px;font-size: 60px;line-height: 55px;font-weight: 300;color: #82B82B;}
.index-profile .company-experience h6{font-size: 20px;line-height: 20px;letter-spacing: 0.33px;color: #444;font-weight: 500;}
.index-profile .company-experience p{font-size: 19px;line-height: 27px;letter-spacing: 0.33px;color: #666;margin-top: 18px;}
/*--------------------------------*/
.index-profile .company-profile, .index-profile .company-experience{margin-bottom: 67px;}



/*====================== Index Services ======================*/
.index-services{margin-top: -50px;padding: 97px 0 0;position: relative;}
.index-services span{position: absolute;top: 0;left: 0;width: 100%;height: 462px;border-radius: 0 190px 0 0;background-image: linear-gradient(to right, #1BA77C, #82B82A);z-index: -1;overflow: hidden;}
.index-services span::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/services-bg.jpg) no-repeat center center fixed;    background-size: cover;opacity: 15%;} 
.index-services .text-sec{padding-left: 37px;}
.index-services .text-sec h4, .index-services .text-sec h3{color: #fff;}
/*--------------------------------*/
.index-services .item{padding: 15px;}
.index-services .item .card{max-width: 420px;margin: auto;padding: 11px;border-radius: 15px;background: #fff;box-shadow: 0 3px 15px rgb(0 0 0 /16%);}
.index-services .item img{border-radius: 15px 15px 0 0;}
.index-services .item .content{padding: 30px 0 24px;text-align: center;height: 110px;}
.index-services .item .content h4{margin-bottom: 0;font-size: 24px;line-height: 28px;font-weight: 400;letter-spacing: 0.33px;color: #444;}
/*--------------------------------*/
#owl-services-slider.owl-carousel .owl-dots, #owl-services-slider.owl-carousel .owl-nav{display: flex;justify-content: space-between;position: absolute;top: 150px;left: 50%;transform: translateX(-50%);width: calc(100% + 140px);z-index: -1;}
#owl-services-slider.owl-carousel .owl-dots.disabled, #owl-services-slider.owl-carousel .owl-nav.disabled{display: flex;}
#owl-services-slider.owl-carousel .owl-nav .owl-next, #owl-services-slider.owl-carousel .owl-nav .owl-prev{display: inline-block;width: 59px;height: 59px;background: #fff;box-shadow: 0 3px 6px rgb(0 0 0 /16%);border-radius: 50%;text-align: center;transition: 500ms;position: relative;}
/*--------------------------------*/
#owl-services-slider.owl-carousel .owl-nav .owl-next svg,
#owl-services-slider.owl-carousel .owl-nav .owl-prev svg{width:35px;height:auto;position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);
  stroke:#82B82B;stroke-width:40;stroke-linecap:round;stroke-miterlimit:10;fill:none;}
#owl-services-slider.owl-carousel .owl-nav .owl-prev svg{transform: translate(-50%, -50%) scaleX(-1);}
#owl-services-slider.owl-carousel .owl-nav .owl-next svg #spclArrow,
#owl-services-slider.owl-carousel .owl-nav .owl-prev svg #spclArrow{stroke-dasharray: 0 , 0, 2900;}
#owl-services-slider.owl-carousel .owl-nav .owl-next:hover svg #spclArrow,
#owl-services-slider.owl-carousel .owl-nav .owl-prev:hover svg #spclArrow{animation: spclArrow 3.7s;}
@keyframes spclArrow{ 10%{stroke-dasharray: 0, 500, 2900} 100%{stroke-dasharray:2900, 500, 2900;}}



/*====================== Index Doctor ======================*/
.index-doctor{margin-top: 50px;}
.index-doctor .doctor-img{border-radius: 0 0 0 91px;overflow: hidden;}
.index-doctor .doctor-img img{width: 100%;}
/*--------------------------------*/
.index-doctor .doctor-details{margin-left: 9px;}
/* .index-doctor .doctor-details h4{font-size: 25px;font-weight: 400;line-height: 32px;letter-spacing: 0.44px;color: #0585B6;margin-bottom: 10px;}
.index-doctor .doctor-details h3{font-size: 50px;font-weight: 500;line-height: 55px;letter-spacing: 0.88px;color: #444;} */
.index-doctor .doctor-details h2{width: 95%;font-size: 21px;line-height: 28px;letter-spacing: 0.37px;color: #444;margin-top: 25px;}
.index-doctor .doctor-details p{width: 93%;margin-top: 27px;}
/*--------------------------------*/
.index-doctor .doctor-details .doctor-contact-sec{margin-top: 55px;display: flex;align-items: center}
/* .index-doctor .doctor-details .doctor-appointment{margin-right: 20px;} */
.doctor-appointment .page-btn .link-arrowed{font-size: 17px;font-weight: 500;line-height: 28px;letter-spacing: 0.33px;color: #fff;background: #90bd48;padding: 10px 18px;display: block;width: fit-content;}
/*--------------------------------*/
.index-doctor .doctor-details .doctor-contact{display: flex;}
.index-doctor .doctor-details .doctor-contact .contact-btn{margin-top: -5px;padding-left: 20px;}
.index-doctor .doctor-details .doctor-contact .contact-btn:last-child{margin-left: 34px;padding-left: 27px;position: relative;}
.index-doctor .doctor-details .doctor-contact .contact-btn:last-child::before{content: '';position: absolute;left: 0;top: calc(50% - 25px);width: 1px;height: 50px;background: rgb(112 112 112 /35%);}
.index-doctor .doctor-details .doctor-contact .contact-btn .location{font-size: 20px;line-height: 28px;font-weight: 400;color: #0585B6;margin-bottom: 1px;transition: 500ms;}
.index-doctor .doctor-details .doctor-contact .contact-btn .location img{width: 20px;margin-left: 1px;margin-right: 2px;filter: invert(41%) sepia(52%) saturate(5951%) hue-rotate(174deg) brightness(91%) contrast(96%);}
.index-doctor .doctor-details .doctor-contact .contact-btn .number{font-size: 20px;line-height: 28px;font-weight: 500;color: #160303;transition: 500ms;}

.index-doctor .doctor-details .doctor-contact .contact-btn:hover .location{color: #444;}
.index-doctor .doctor-details .doctor-contact .contact-btn:hover .location img{filter: invert(30%);}
.index-doctor .doctor-details .doctor-contact .contact-btn:hover .number{color: #444;}

/*------- Page Modal -------*/
.page-modal .modal-content{background-color: transparent;border: 0px;}
.page-modal .modal-content .modal-body{margin-top: 50px;padding: 45px 15px;position: relative;z-index: 0;}
.page-modal .modal-content .modal-body .modal-tab-btn{position: absolute;top: -50px;left: 0;width: 90%;}
.page-modal .modal-content .modal-body::before{content: '';position: absolute;top: 0;left: 0;width: 90%;height: 100%;background: linear-gradient(-45deg, #84AD3B, #0389c8);background-size: 250% 250%;animation: gradient 30s ease infinite;box-shadow: 0 0 40px 0 rgb(0 0 0 / 30%);z-index: -1;}
@keyframes gradient{
	0%{background-position: 0% 50%;}
	50%{background-position: 100% 50%;}
	100%{background-position: 0% 50%;}
}
/*--------------------------------*/
.page-modal .modal-title{font-size: 34px;font-weight: 600;line-height: 40px;letter-spacing: 0.66px;text-transform: uppercase;color: rgb(255 255 255 / 38%);}
.page-modal .modal-title span{font-size: 24px;font-weight: 400;line-height: 24px;text-transform: none;display: block;}
.page-modal .modal-img-slide{margin: 20px auto 0;}
.page-modal .modal-img-slide .carousel-inner{border: 8px solid #fff;}
/*--------------------------------*/
.page-modal .request-form{background: #fff;padding: 30px;box-shadow: 0 5px 20px 0px rgb(0 0 0 / 30%);}
.page-modal .page-form .input-wrap{margin-top: 0px;}
.page-modal .page-form .form-control{padding: 8px 15px;margin-bottom: 10px;border: 1px solid #dfdfdf;border-radius: 3px;}
/*--------------------------------*/
.page-modal .page-form .form-footer{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;margin-top: 10px;}
.page-modal .page-form .form-footer .page-btn{margin: 0;display: contents;}
.page-modal .page-form .form-footer .page-btn button{margin-right: 0;}
/*--------------------------------*/
.page-modal .page-form .form-footer .appointment-modal-btn{display: flex;width: fit-content;font-size: 16px;font-weight: 400;line-height: 18px;color: rgb(0 0 0 / 50%);cursor: pointer;transition: 500ms;}
.page-modal .page-form .form-footer .appointment-modal-btn img{width: 30px;margin-right: 5px;position: relative;left: 0;filter: invert(59%) sepia(81%) saturate(396%) hue-rotate(41deg) brightness(95%) contrast(87%);transition: 500ms;}
.page-modal .page-form .form-footer .appointment-modal-btn span{display: block;font-size: 14px;line-height: 14px;}
.page-modal .page-form .form-footer .appointment-modal-btn:hover img{left: -5px;filter: invert(40%) sepia(81%) saturate(396%) hue-rotate(41deg) brightness(95%) contrast(87%);}
/*--------------------------------*/
.page-modal .btn-close{position: absolute;top: 7px;right: 11%;filter: invert(1);opacity: 30%;transition: 500ms;}
.page-modal .btn-close:hover{opacity: 50%;}
/*--------------------------------*/
.modal-backdrop{background-color: #fff;}
.modal-backdrop.show{opacity: .85;}

/*------- Tabbed Styles -------*/
.tabbed{width: 100%;border-bottom: 4px solid #222;overflow: hidden;transition: border 250ms ease;}
.tabbed ul{margin: 0px;padding: 0px;padding-top: 5px;overflow: hidden;float: left;padding-left: 48px;list-style-type: none;display: flex;flex-wrap: wrap;position: relative;z-index: 0;}
.tabbed ul *{margin: 0px;padding: 0px;}
.tabbed ul li{display: block;}
.tabbed ul li span{float: right;padding: 10px 24px 8px;background: #FFF;margin-right: 46px;z-index: 2;position: relative;cursor: pointer;color: #777;text-transform: uppercase;box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);transition: all 250ms ease;}

.tabbed ul li span:before,
.tabbed ul li span:after{display: block;content: " ";position: absolute;top: 0;height: 100%;width: 44px;background: #FFF;transition: all 250ms ease;}
.tabbed ul li span:before{right: -24px;transform: skew(30deg, 0deg);box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;}
.tabbed ul li span:after{left: -24px;transform: skew(-30deg, 0deg);box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;}
.tabbed ul li span:hover,
.tabbed ul li span:hover:before,
.tabbed ul li span:hover:after{background: #F4F7F9;color: #444;}
.tabbed ul li span.active{z-index: 3;}
.tabbed ul li span.active,
.tabbed ul li span.active:before,
.tabbed ul li span.active:after{background: #222;color: #fff;}
/*------- Round Tabs -------*/
.tabbed.round ul li span{border-radius: 8px 8px 0 0;}
.tabbed.round ul li span:before{border-radius: 0 8px 0 0;}
.tabbed.round ul li span:after{border-radius: 8px 0 0 0;}

/*====================== Index Spcl Services ======================*/
.spcl-services{margin-top: 45px;box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);position: relative;}
.spcl-services .content{padding:65px 0 45px 25px;}
.spcl-services .content p{font-size: 39px;font-weight: 500;line-height: 1.2;color: #444;}
.spcl-services .content p span{font-weight:700;text-transform: uppercase;display: block; }
.spcl-services .page-btn a{margin: 15px 0 0 0;padding: 7px 22px;width: auto;background: #fff;border: 2px solid #8FBD47;border-radius: 6px;font-size: 17px;font-weight: 400;line-height: 22px;letter-spacing: -0.04px;color: #444;display: block;}
.spcl-services .page-btn .arrow-icon g{stroke: #444;}

.spcl-services .spcl-bg{position: absolute;bottom: 0;left: 0;width: 100%;z-index: -1;}
.spcl-services .spcl-bg img{height: auto;width: 41%;}
.spcl-services .spcl-bg::after{content: '';position: absolute;right: 0;bottom: 0;top: 0;width: 100%;background-image: linear-gradient(to right, rgb(255 255 255 /0) 37%, #fff 41%);}


/*====================== Index Counter ======================*/
.counter-sec{margin-top: -2.4vw;z-index: 1;position: relative;}
.counter-area{background: #fff;padding: 73px 0 46px;border-radius: 2vw;box-shadow: 0px 11px 1px 0px rgb(0 0 0 / 12%);position: relative;}
.counter-area .counter-card{text-align: center;}
.counter-area .counter-card .counter-icon{width: 90px;height: 90px;margin: 0 auto 10px;position: relative;z-index: 0;}
.counter-area .counter-card .counter-icon span{width: 100%;height: 100%;display: block;background: rgb(3 137 199 /75%);border-radius: 50%;}
.counter-area .counter-card .counter-icon img{height: 54px;margin: 18px auto;filter: invert(1);}
.counter-area .counter-card .counter-icon::before,
.counter-area .counter-card .counter-icon::after{content: '';position: absolute;border-radius: 50%;z-index: -1;}
.counter-area .counter-card .counter-icon::before{width: 42px;height: 42px;background: rgb(146 192 72 /47%);top: -21px;left: 21px;-webkit-animation: counter-float 16.8s infinite linear;animation: counter-float 16.8s infinite linear;}
.counter-area .counter-card .counter-icon::after{width: 47px;height: 47px;background: rgb(3 137 199 /24%);top: 15px;right: -23px;-webkit-animation: counter-float 4.8s infinite linear;animation: counter-float 4.8s infinite linear;}
.counter-area .counter-card h6{display: flex;justify-content: center;font-size: 50px;font-weight: 500;line-height: 55px;color: #444;letter-spacing: 0.77px;margin-bottom: 0;}
.counter-area .counter-card h6 sup{font-size: 30px;font-weight: 500;line-height: 30px;color: #82B82B;top: -16px;left: -3px;}
.counter-area .counter-card h5{font-size: 20px;font-weight: 400;line-height: 30px;color: #444;letter-spacing: 0.33px;margin-bottom: 0;}

.counter-area .counter{position: relative;display: flex;align-items: center;overflow: hidden;height: 3.125rem;}
.counter-area .counter > span{z-index: 1;display: flex;flex-direction: column;height: 100%;width: 27px;transition: transform 2s ease;transform: translateY(0);}
.counter-area .counter > span span{flex: 0 0 100%;height: 100%;}


@-webkit-keyframes counter-float{
  from{-webkit-transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg);}
  to{-webkit-transform: rotate(360deg) translate3d(3px, 0, 0) rotate(-360deg);}
}
@keyframes counter-float{
  from{transform: rotate(0deg) translate3d(3px, 0, 0) rotate(0deg);}
  to{transform: rotate(360deg) translate3d(3px, 0, 0) rotate(-360deg);}
}

/*====================== Index contact ======================*/
.index-contact{padding: 62px 0 62px;margin-top: 30px;background-image: linear-gradient(to right, #82B82A, #1BA77C);overflow: hidden;position: relative;z-index: 0;}
.index-contact h5{width: 70%;margin: 0 0 0 37px;font-size: 39px;font-weight: 500;line-height: 46px;letter-spacing: -0.04px;color: #fff;}
.index-contact .page-btn a{width: auto;margin-right: 62px;font-size: 17px;font-weight: 400;line-height: 22px;letter-spacing: -0.04px;color: #444;background: #fff;padding: 14px 22px;border-radius: 6px;display: block;}
.index-contact .page-btn .arrow-icon g{stroke: #444;}


/*====================== Index Reviews ======================*/
.reviews-sec{padding: 62px 0 21px 0;}
.reviews-sec .sec-head{padding-left: 35px;}/*
.reviews-sec .review-header{display: flex;justify-content: space-between;align-items: center;}*/
.reviews-sec .review-header .sec-head{margin-bottom: 0;}
.reviews-sec .owl-carousel{margin-top: 65px;padding-left: 35px;position: relative;}
.reviews-sec .owl-carousel::before{content: '"';position: absolute;top: -6px;left: 20px;font-size: 150px;font-weight: 400;color: rgb(68 68 68 /10%);}
.reviews-content{width: 96%;}
.reviews-content p{letter-spacing: 0.75px;}
.reviews-content .review-name{font-size: 20px;line-height: 28px;font-weight: 700;letter-spacing: 0.33px;color: #444;margin-top: 26px;padding: 19px 0 19px 3px;position: relative;}
.reviews-content .review-name::before{content: '';position: absolute;top: 0;left: 0;height: 2px;width: 140px;background: #6FC34B;}
/*--------------------------------*/
.reviews-sec .owl-carousel .owl-nav{margin-top: 6px;margin-left: 3px;display: flex;}
.reviews-sec .owl-carousel .owl-prev,
.reviews-sec .owl-carousel .owl-next{width: 46px;height: 46px;background: #0389C7;color: #fff;border-radius: 50%;display: inline-block;text-align: center;position: relative;}
.reviews-sec .owl-carousel .owl-prev{margin-right: 13px;}
/*--------------------------------*/
.reviews-sec .owl-carousel .owl-prev svg,
.reviews-sec .owl-carousel .owl-next svg{width:23px;height:auto;position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);stroke:#fff;stroke-width:40;stroke-linecap:round;stroke-miterlimit:10;fill:none;}
.reviews-sec .owl-carousel .owl-prev svg{transform: translate(-50%, -50%) scaleX(-1);}
.reviews-sec .owl-carousel .owl-prev svg #spclArrow,
.reviews-sec .owl-carousel .owl-next svg #spclArrow{stroke-dasharray: 0 , 0, 2900;}
.reviews-sec .owl-carousel .owl-prev:hover svg #spclArrow,
.reviews-sec .owl-carousel .owl-next:hover svg #spclArrow{animation: spclArrow 3.7s;}

.reviews-sec .slider-area{position: relative;}
.g-review-img{position: absolute;right: 0;top: -65px;max-width: 100px;}

.reviews-content iframe{width: 100%;aspect-ratio: 560/315;}

/*====================== Index Request ======================*/
.request-sec{margin: 50px 0 62px;}
.request-sec .request-form{background: #E7F6FD;padding: 55px 50px;border-radius: 5px;}
.request-form .sec-head{margin-bottom: 18px;}
.request-sec .request-form .sec-head p{font-size: 21px;letter-spacing: 0.36px;margin-top: 18px;}
/*--------------------------------*/
.request-sec .request-contact{padding: 45px;height: 630px;background: url(../img/appointment-bg.webp) no-repeat center right;position: relative;display: flex;align-items: flex-end;}
.request-sec .request-contact::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgb(231 246 253 /0), rgb(202 208 214 /1));}
.request-sec .request-contact-details{z-index: 1;}
.request-sec .request-contact-details p{font-size: 39px;font-weight: 700;line-height: 51px;letter-spacing: -0.1px;margin-bottom: 6px;}
.request-sec .request-contact-details .contact-no{font-size: 45px;font-weight: 700;line-height: 50px;letter-spacing: 0.44px;margin-bottom: 35px;display: block;color: #444;transition: 500ms;}
.request-sec .request-contact-details .contact-no span{width: 57px;height: 57px;border-radius: 50%;border: 2px solid #444;display: inline-block;text-align: center;line-height: 49px;margin-right: 5px;position: relative;}
.request-sec .request-contact-details .contact-no span::before{content: "";width: 100%;height: 100%;border-radius: 50%;background: #a3a3a3b5;position: absolute;left: 0;opacity: 0.5;z-index: -1;animation: call-blink 2s ease-out infinite;}
.request-sec .request-contact-details .contact-no span img{width: 30px;filter: invert(0.27);transition: 500ms;}
.request-sec .request-contact-details .page-btn a{width: fit-content;margin-right: 62px;font-size: 17px;font-weight: 400;line-height: 22px;letter-spacing: -0.04px;color: #fff;background: #6FC34B;padding: 14px 22px;border-radius: 6px;}
.request-sec .request-contact-details .page-btn .arrow-icon g{stroke: #fff;}
@keyframes call-blink{
  0%{transform: scale(1);}
  50%, 75%{transform: scale(2.5);}
  80%, 100%{opacity: 0;}
}

.request-sec .request-contact-details .contact-no:hover{color: #103964;}

/*====================== Index Footer ======================*/
.footer{background: #0389C7;border-radius: 180px 0 0 0;overflow: hidden;position: relative;z-index: 0;}
/*--------------------------------*/
.footer-top{padding: 70px 0 18px;}
.footer-top .footer-link-area{margin-top: 35px;}
.footer-top .footer-link-area .footer-link-header{font-size: 20px;line-height: 20px;font-weight: 500;margin-left: 25px;color: #fff;}
.footer-top .footer-link-area .footer-link{margin-top: 25px;list-style: none;}
.footer-top .footer-link-area .footer-link li{margin-left: 25px;font-size: 19px;line-height: 19px;font-weight: 400;margin-bottom: 11px;}
.footer-top .footer-link-area .footer-link li:last-child{margin-bottom: 0;}
.footer-top .footer-link-area .footer-link a{color: rgb(255 255 255 /85%);transition: 500ms;position: relative;}
.footer-top .footer-link-area .footer-link a::before{content: '';position: absolute;top: 50%;left: -7px;transform: translateY(-50%);width: 1px;height: 0;background: #fff;opacity: 0;transition: 500ms;}
.footer-top .footer-link-area .footer-link a:hover{color: rgb(255 255 255 /100%)}
.footer-top .footer-link-area .footer-link a:hover::before{height: 100%;opacity: 1;}
/*--------------------------------*/
.footer-top .footer-link-area .footer-link.width-half{margin-top: 30px;display: flex;flex-wrap: wrap;}
.footer-top .footer-link-area .footer-link.width-half li{width: calc(50% - 25px);}
.footer-top .footer-link-area .footer-link.width-half li:nth-last-child(2),
.footer-top .footer-link-area .footer-link.width-half li:last-child{margin-bottom: 0;}
/*--------------------------------*/
.footer-contact{position: relative;width: 100%;background: #6FC34B;padding: 32px;color: #fff;}
.footer-contact .footer-contact-header{font-size: 20px;line-height: 20px;font-weight: 500;margin-bottom: 35px;}
.footer-contact .footer-contact-sub-header{margin-bottom: 22px;font-size: 20px;line-height: 20px;font-weight: 400;letter-spacing: 0.44px;}
.footer-contact .foot-contact-area{display: flex;margin-bottom: 22px;}
.footer-contact .row div[class*="col-"]:nth-child(even) .foot-contact-area{margin-left: 25px;}
.footer-contact .foot-contact-area-icon{width: 30px;height: 25px;}
.footer-contact .foot-contact-area-icon img{filter: invert(1);height: 100%;}
.footer-contact .foot-contact-area-detail{width: calc(100% - 30px);}
.footer-contact .foot-contact-area-detail h6{font-size: 18px;font-weight: 500;color: #fff;margin-bottom: 12px;}
.footer-contact .foot-contact-area-detail p{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.1px;color: rgb(255 255 255 /85%);white-space: pre-line;}
.footer-contact .foot-contact-area-detail a{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.1px;color: rgb(255 255 255 /85%);display: block;position: relative;transition: 500ms;}
.footer-contact .foot-contact-area-detail a::before{content: '';position: absolute;top: 50%;left: -7px;transform: translateY(-50%);width: 1px;height: 0;background: #fff;opacity: 0;transition: 500ms;}
.footer-contact .foot-contact-area-detail a:hover{color: rgb(255 255 255 /100%)}
.footer-contact .foot-contact-area-detail a:hover::before{height: 100%;opacity: 1;}
/*--------------------------------*/
.footer-left{position: relative;z-index: -1;}
.footer-left::before{content: '';position: absolute;top: 50%;right: 50%;transform: translateY(-50%);width: 100vw;height: 300vh;background: #047FB8;}
/*--------------------------------*/
.footer-social{margin: 37px 32px;display: flex;}
.footer-social p{color: #fff;font-size: 20px;font-weight: 500;line-height: 35px;letter-spacing: 0.1px;text-transform: uppercase;width: fit-content;margin-right: 25px;}
.footer-social li{list-style: none;display: inline-block;font-size: 35px;line-height: 35px;margin-right: 15px;}
.footer-social li a{color: #fff;transition: 500ms;}
.footer-social li a:hover{color: rgb(255 255 255 /75%);}
/*--------------------------------*/
.footer .footer-btm{padding: 30px 25px 23px;border-top: 1px solid rgb(255 255 255 /50%);display: flex;justify-content: space-between;}
.footer .footer-btm p{font-size: 16px;line-height: 21px;color: rgb(255 255 255 /85%);}
.footer .footer-btm p a{color: rgb(255 255 255 /85%);display: inline-block;position: relative; transition: 500ms;}
.footer .footer-btm p a::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width: 0;height: 1px;background: #fff;transition: 800ms;}
.footer .footer-btm p a:hover{color: rgb(255 255 255 /100%)}
.footer .footer-btm p a:hover:after{width: 100%;}



/*====================== Back to top =========================*/
#back-top a{position: fixed;bottom: 50px;right: 30px;width: 50px;height: 50px;text-align: center;background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 23%);
  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;
  transition: all .3s ease;-webkit-animation: jump 1s ease-in alternate infinite;animation: jump 1s ease-in alternate infinite;z-index: 1;}
#back-top a span{width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: linear-gradient(to right, #82B82A, #1BA77C);clip-path: polygon(0% 100%,50% 0,100% 100%,50% 85%);}
@keyframes jump{
  0%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,50%,0);}
}


/* 22-01-2024 */

.page-modal .page-form .pageRadio {
    width: 100%;
    display: flex;
    gap: var(--bs-gutter-x);
}
.page-modal .page-form .pageRadio .wpcf7-list-item {
    margin: 0;
    width: 50%;
	height: 40px;
	position: relative;
	z-index: 0;
}
.page-modal .page-form .pageRadio .wpcf7-list-item input{
	height: 100%;
    width: 100%;
    appearance: inherit;
}
.page-modal .page-form .pageRadio .wpcf7-list-item .wpcf7-list-item-label{
	position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 8px 15px;
    color: #999;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    transition: 500ms;
	z-index: -1;
}

.page-modal .page-form .pageRadio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
    background: #0389c8;
    color: #fff;
}


/*====================== Sticky Note =========================*/
/* .sticky-note{position: fixed;bottom: 10px;right: 10px;width: 380px;background: #fff;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);transition-property: all;animation: 1s ease-out 0s 1 sticky-note;}
@keyframes sticky-note {0% {transform: translateY(98%);}100% {transform: translateY(0%);}}
.sticky-note .sticky-content-area{width: 100%;box-shadow: inset 0 0 20px 0 rgb(0 0 0 / 20%);}

.note-details{background: #0076BE;color: #fff;padding:20px 15px;}
.note-details h2{margin-bottom: 0;font-size: 25px;line-height: 30px;font-weight: 500;}
.note-details h2 img{width: 35px;}
.note-details p{margin: 10px 0 0;font-family: 'Inter', sans-serif;}
.note-details p.short-desc{display: none;font-size: 18px;line-height: 24px;font-weight: 500;}
.note-details p.detail-desc{font-size: 14px;line-height: 22px;font-weight: 400;}
.note-details .sticky-link{display: flex;justify-content: flex-end;font-size: 14px;margin-top: 8px;transition: 500ms;}
.note-details .sticky-link a{color: #fff;border: 1px solid #fff;border-radius: 5px;padding: 5px 10px;margin-left: 5px;line-height: 20px;cursor: pointer;transition: 500ms;}
.note-details .sticky-link a:hover{background: #FF7F00;border-color: #FF7F00;} */