/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;0,400;1,100..900&display=swap'); */

/* Hide scrollbar for Chrome, Safari, and Edge */
::-webkit-scrollbar { width: 0px; height: 0px;}
/* Track */
::-webkit-scrollbar-track { background: #929292; border-radius: 2px;}
/* Handle */
::-webkit-scrollbar-thumb { background: #929292; border-radius: 2px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #bcbcbc;}

/* Hide scrollbar for Firefox */
  html { scrollbar-width: none; /* Hides scrollbar in Firefox */}

 .bap-steps{display: flex;margin-top: 15px;width: 91%;margin: 15px auto;}
 .bar{display: flex; align-items: center;}
 .step-f, .step-t, .step-v {width: 33.33%;}
 .circle, .line {background: #ddd;}
 .circle {width: 17px;height: 17px;border-radius: 10px;}
 .line {height: 4px;width: 96%;}
 .line-l, .line-r { width: 48%;}
 .filled.circle, .filled.line {background: #0faa03;}
 .bap-steps h4 {color: #008107;font-size: 17px;margin-bottom: 10px;}
 .bap-steps p {margin: 10px 0;font-size: 15px;}
 .bap-steps p {margin: 10px 0;}
 
 
 .owl-carousel.owl-drag .owl-item {margin-right: 9px !important;}
 
 .spl-div a{margin-top: 20px;}
 .search-clinic-page,.clinic-deatil-page{font-optical-sizing: auto;font-weight: 400;font-style: normal;}
 .noClinic {background-color: #f1f1f1;border-radius: 10px;margin: 20px 0;padding: 0 20px;}
 .noClinic p{padding: 20px 0 !important;}
 :root{
   --gray1: #51656C;
   --gray3: #283857;
   --lightblue: #5daaf0;
   --darkblue: #2B3045;
 }

 :root {scrollbar-width: none !important;}
  .heading-div {background-color: #f9f9f9;padding: 20px 25px 17px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
  .heading-div h2 {color: var(--darkblue);font-size: 20px;text-transform: capitalize;}
  img {width: 100%;}
 
 /* reset css */
 *,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
 .container *,.container :after,.container :before{line-height: 1;}
 img{max-width: 100%;}
 ul,li{list-style: none;margin: 0;}
 a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;}
 select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
 select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
 input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
 textarea{resize: none;}
 p {color: #3a3a3a;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6 !important;}
 .textl{text-align: left;}
 .textc{text-align: center;}
 .textr{text-align: right;}
 /* reset css */
 p {  transform: translateY(2px) !important;}
 /* common css */
 /* .wrapper{width: 100%;overflow: hidden;} */
 .wrapper{width: 100%;overflow: initial;padding: 150px 0 0 0;}
 .container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
 /* common css */
 


 
 /* custom confirm box css starts  */
 .dialog-ovelay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.50);z-index: 999999}
 .dialog-ovelay .dialog {width: 400px;margin: 100px auto 0;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);border-radius: 3px;overflow: hidden}
 .dialog-ovelay .dialog header {padding: 10px 8px;background-color: #f6f7f9;border-bottom: 1px solid #e5e5e5}
 .dialog-ovelay .dialog header h3 {font-size: 14px;margin: 0;color: #555;display: inline-block}
 .dialog-ovelay .dialog header .fa-close {float: right;color: #c4c5c7;cursor: pointer;transition: all .5s ease;padding: 0 2px;border-radius: 1px    }
 .dialog-ovelay .dialog header .fa-close:hover {color: #b9b9b9}
 .dialog-ovelay .dialog header .fa-close:active {box-shadow: 0 0 5px #673AB7;color: #a2a2a2}
 .dialog-ovelay .dialog .dialog-msg {padding: 12px 10px}
 .dialog-ovelay .dialog .dialog-msg p{margin: 0;font-size: 15px;color: #333}
 .dialog-ovelay .dialog footer {border-top: 1px solid #e5e5e5;padding: 8px 10px;  }
 .dialog-ovelay .dialog footer .controls {direction: rtl;display: flex; max-width: 200px; justify-content: end; margin-left: auto; gap: 15px;}
 .dialog-ovelay .dialog footer .controls .button {padding: 5px 15px;border-radius: 3px}
 .button {cursor: pointer}
 .button-default {background-color: rgb(248, 248, 248);border: 1px solid rgba(204, 204, 204, 0.5);color: #5D5D5D;}
 .button-danger {background-color: #f44336;border: 1px solid #d32f2f;color: #f5f5f5}
 .link {padding: 5px 10px;cursor: pointer}
 /* custom confirm box css starts ends */
 
 
 /* loading spin css  */
 .loader {position: absolute;top: calc(50% - 32px);left: calc(50% - 32px);width: 64px;height: 64px;border-radius: 50%;perspective: 800px;z-index: 2;}
 .inner {position: absolute;box-sizing: border-box;width: 100%;height: 100%;border-radius: 50%;}
 .inner.one {left: 0%;top: 0%;animation: rotate-one 1s linear infinite;border-bottom: 5px solid #51656c;}
 .inner.two {right: 0%;top: 0%;animation: rotate-two 1s linear infinite;border-right: 5px solid #51656c;}
 .inner.three {right: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; border-top: 5px solid #51656c;}
 @keyframes rotate-one {
   0% {
     transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
   }
   100% {
     transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
   }
 }
 @keyframes rotate-two {
   0% {
     transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
   }
   100% {
     transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
   }
 }
 @keyframes rotate-three {
   0% {
     transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
   }
   100% {
     transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
   }
 }
 /* loading spin css ends */
 

 
 /* owl-carousel css  */
 .date-select.owl-carousel .owl-nav button.owl-next, .date-select.owl-carousel .owl-nav button.owl-prev{  width: 40px; height: 40px;position: absolute;}
 .date-select.owl-carousel .owl-nav button.owl-next{top: 0; bottom: 0; right: 0; margin: auto;}
 .date-select.owl-carousel .owl-nav button.owl-prev{top: 0; bottom: 0; left: 0; margin: auto;}
 .date-select.owl-carousel .owl-nav button{display: flex; align-items: center; justify-content: center;}
 .date-select.owl-carousel .owl-nav button span{font-size: 35px; color: #2a7078;}
 .date-select.owl-carousel .owl-nav button:hover{background-color: unset;}
 .date-select.owl-carousel .owl-nav {margin: auto;}
 /* owl-carousel css ends */
 
 
 
 
 /* booking form dialog  */
 #bookingFormDialog {width: 90%; max-width: 500px; margin: auto; background-color: #deecec ;border-radius: 15px;}
 #bookingFormDialog h3{text-align: center;font-size: 25px; color: #22283d ;padding: 40px 0;}
 dialog[open] {animation: slide-in-from-top 0.35s ease-out;}
 dialog::backdrop {background: rgba(0, 0, 0, 0.8);}
 #bookingFormDialog form input, #bookingFormDialog form textarea, #bookingFormDialog form select{width: 100%; border-bottom: 1px solid #6bade4;padding: 5px 0;}
 #bookingFormDialog form {width: 80%;margin: auto; }
 .booking-input-container{width: 100%; max-width: 350px;}
 .booking-input-container input + label, .booking-input-container textarea + label{visibility: hidden;}
 .booking-input-container input:valid + label, .booking-input-container textarea:valid + label {visibility: visible;}
 .booking-input-container {display: flex; flex-direction: column-reverse;}
 #bookingFormDialog form .booking-input-container:nth-child(1), #bookingFormDialog form .booking-input-container:nth-child(2) { flex-direction: column;}
 .booking-inputs{display: flex; flex-direction: column; justify-content: center; gap: 15px; align-items: center;}
 .booking-input-container textarea{height: 80px;}
 .booking-buttons {display: flex; align-items: center ; justify-content: space-around; padding-bottom: 40px; }
 .booking-buttons button{color: #e9e9e9 ; background-color: #5eabf3; padding: 10px 0 ;}
 .booking-buttons button:nth-child(2){ background-color: #d35351;  }
 .booking-input-container select option{font-size: 14px;}
 .booking-input-container select {font-size: 14px;}
 .booking-buttons button:hover{padding: 11px 1px; color: #fff ;}
 .select-timings h3 {font-size: 22px;}
 /* booking form dialog ends */
 
 /* time dialog starts  */
 #timeDialog {margin: auto; width: 90%; max-width: 500px; background-color: #deecec ;border-radius: 15px; }
 #timeDialog span{display: flex; align-items: center; justify-content: center; width: 45px ; height: 45px; cursor: pointer;margin-left: auto; margin-top: 20px; margin-right: 20px;}
 #timeDialog h3{font-size: 25px; text-align: center ; color: #22283d ;padding: 10px 0;}
 .timing-input-container {display: flex; align-items: center; justify-content: left; width: 100%; max-width: 200px; }
 .timing-input-container input {width: auto;margin: 5px;}
 #timingForm{padding: 40px 30px;}
 .timing-inputs-container{display: flex; align-items: center; justify-content:left; flex-wrap: wrap;gap: 30px; padding: 30px 0;}
 #timingForm > .timing-input-container{max-width:unset !important; }
 #timingForm button{background-color: #5eabf3; padding: 10px;color: #fff;}
 /* time dialog starts  */
 
 
 
 
 /* client side booking  */
 .date-span{font-size: 35px;}
 .year-span{font-size: 20px; padding-right: 6px ;}
 .week-span{font-size: 17px;padding: 6px;}
 .single-date { border-radius: 3px; display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; padding: 10px; color: #3a3a3a; border: 1px solid var(--lightblue);}
 /* .single-date {border-radius: 3px;display: flex;align-items: center;justify-content: center;background-color: #8595a4;padding: 5px;color: #fff;} */
 .single-date:hover,.selectedDate{color: #fff; cursor: pointer;background-color: var(--lightblue); }
  /* padding:12px;} */
 .month-span{display: flex;flex-direction: column;justify-content: center;align-items: start;}
 .date-select{display: flex;align-items: center; justify-content: space-around; padding: 30px 50px;position: relative;}
 
 .select-timings{padding: 10px 50px;}
 .select-timings div p{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;width: 100%; max-width: 1000px;gap: 10px;column-gap: 50px;  }
 .select-timings div p p{margin: 0; }
 .select-timings div{padding: 10px 0;}
 .select-timings div p span{cursor: pointer;}
 .select-timings div p span:hover, .selectedTime{color:#0faa03;}
 
 #dateTimeSelectBtn {background-color: var(--lightblue) ;width: 120px;padding: 11px 20px 9px;border-radius: 4px;margin: 40px 0;color: #fff;}
 .dateBtnContainer{text-align: end; padding: 10px 50px;}
 .disabledbtn{opacity: 0.5; background-color: #69785c;}
 
 .appointment-wrapper { background-color: #f9f9f9; padding: 20px; border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
 .appointment-wrapper .select-timings p,.appointment-wrapper .select-timings h3 { color: #252525;}
 
 .appointment-date-time{display: none;}
 
 
 /* appointment form section  */
 #appointment-detail p {color: #242424; font-size: 16px;text-align: left;}
 .date-time-selected {background-color:  var(--lightblue);padding: 20px 100px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 12px}
 /* .date-time-selected {background-color: #8595a4;padding: 20px 100px;border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} */
 .date-time-container{display: flex; align-items: center;justify-content: center;}
 .date-time-container span{color: #fff;}
 .change-date-container{display: flex; align-items: center; justify-content: space-between ;}
 .date-time-selected p{margin: 0;padding: 0; color:#fff}
 .change-date-container > span {font-size: 18px;font-weight: 500;border: 2px solid #fff;padding: 5px 15px;border-radius: 9px;color: #fff;}
 .change-date-container > span:hover{color: #24293e; cursor: pointer;background-color: #fff;}
 
 /* .appointment-input-container label{display: flex; align-items: center; justify-content: center; width: 30px;filter: brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(0%) hue-rotate(185deg) brightness(114%) contrast(100%);} */
 .appointment-input-container > span:first-child{display: flex; align-items: center; justify-content: center; width: 30px;}
  /* filter: brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(0%) hue-rotate(185deg) brightness(114%) contrast(100%); */
 /* .appointment-input-container input, .appointment-input-container select {border-bottom: 1px solid #fff; color: white; padding: 5px 0;margin: 0 8px ; font-size: 18px;} */
 .appointment-input-container input::placeholder{color: #c4c4c4;}
 .appointment-input-container{display: flex; align-items: center; padding: 10px 0; margin: 20px 0 0 0;position: relative;}
 .appointment-form{padding: 50px 100px 20px 100px;}
 
 .appointment-btn-div button, .otp-form div button { background-color: var(--lightblue); width: 120px; padding: 11px 20px 9px; border-radius: 5px; margin: 20px; color: #fff;}
 .appointment-btn-div, .otp-form div.otp-btn{text-align: right;margin-left: auto;width: 100%;}
 
 .dis-none{display: none;}
 
 /* appointment form section ends */
 
 /* appointment otp section  */
 .otp-form{margin-top: 30px;}
 .appointment-otp p{color: #252525;}
 .otp-form div input{max-width: 150px; font-size: 20px !important;letter-spacing: 10px;}
 .otp-form div input::placeholder{color: #fff;}  
 .appointment-otp{padding: 30px 100px;}
 .change-details-container{text-align: right;}
 .change-details-container span{color: #fff; cursor: pointer; font-weight: bold;}
 .change-details-container span:hover{color: #ff3431; }
 
 .resend-otp span{color: #0faa03; font-size: 14px; cursor: pointer;}
 .resend-otp {text-align: left !important; padding: 0 30px ;}
 
 .reduce-opacity, .reduce-opacity:hover{opacity: 0.5 !important;}
 .booked-slot, .booked-slot:hover {color: #ffd6d6 !important;}
 
 /* appointment otp section ends */
 
 
 .appointment-input-error { color: #e80707; position: absolute; bottom: -12px; font-size: 13px; width: 100%; right: -40px;}
 .otpform-error{color: #ffa8a8;  font-size: 13px;}
 
 /* booking Completed  */
 .tnankyou-msg p {color: #fff;}
 .tnankyou-msg {background-color: var(--lightblue);padding: 20px 100px;border-radius: 5px;}
 .book-another{color: #fff; font-weight: bold; cursor: pointer;}
 /* booking Completed ends */
 
 .search-input-container label { display: flex; align-items: center; justify-content: center; width: 100%;cursor: pointer; max-width: 45px;}
 .search-input-container label img{width: 100%; max-width: 20px; }
 .search-input-container {position: relative;width: 100%;display: flex;align-items: stretch;justify-content: flex-start;}
 .search-functionality > .container > h2{font-size: 32px; text-align: center;}
 
 .search-all-inputs {display: flex;align-items: center;justify-content: space-around;padding: 20px 0  20px; gap: 10px;}
 /* .search-city-locality{display: flex; align-items: center; justify-content: center;width: 100%; height: 100%; border: solid .5px #3c3c3c59; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;} */
 .search-city-locality { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: solid .5px #3c3c3c59; box-shadow: rgba(50, 50, 93, 0.19) 0px 2px 5px -1px, rgba(0, 0, 0, 0.01) 0px 1px 3px -1px; background-color: #fff;}
 
 .search-input-container input{padding:12px 0 9px;  width: 100%; border-right: solid .5px #3c3c3c59;}
 /* .search-input-container input::placeholder{text-align: end;} */
 
 .search-clinic-lable.search-icons button { display: flex; justify-content: center; align-items: center;}
 .boooking-place-images{width: 100%; max-width: 320px;}
 .search-input-btn{width: 100%; max-width: 150px;}
 /* .search-input-btn button{width: 100%;max-width: 150px;background: var(--lightblue);padding: 0;padding: 20px 0;} */
 .search-input-btn button { width: 100%; max-width: 150px; background: var(--lightblue); padding: 17px 0; border: solid .5px #3c3c3c33; box-shadow: rgba(50, 50, 93, 0.19) 0px 2px 5px -1px, rgba(0, 0, 0, 0.01) 0px 1px 3px -1px;}
 .search-input-btn button:active{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}
 .search-input-btn  button{color: #fff;}
 
 
 
 #search-clinic-drop{padding: 0 10px;}
 .search-drop{position: absolute; z-index: 3; top: 120%; width: 100%;background-color: #fff;border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; max-height: 300px;  overflow: scroll;}
 .search-drop li{padding: 6px 15px ;transition-duration: 0.5s;}
 .search-drop p{font-size: 15px;margin-bottom: 0; padding-bottom: 0;}
 .search-drop li:hover{padding: 6px 20px ; color: #115d93; cursor: pointer; }
 .search-drop a{display: block;margin: 10px 0;}
 
 /* search form styling ends */  
 
 /* search result page styling  */
 .search-page-navigator{ border-radius: 15px;}
 .search-total-pages p{font-size: 15px;}
 /* .search-pages-number li a {color: #fff;font-size: 14px;padding: 4px 8px;} */
 .search-pages-number li a { color: #24293ea3; font-size: 15px; padding: 6px 8px 3px;}
 /* .search-pages-number li a:hover{ color : var(--gray1)} */
 .search-pages-number li a:hover {
	color: #FFF;
	background: #5daaf0;
	border-color: #5daaf0;
}

 .search-pages-number li.active a {color: #FFF;
	background: #5daaf0;
	border-color: #5daaf0;}
 .search-pages-number li {color: #fff;;border: 1px solid #cdcdcd;display: flex;align-items: center;justify-content: center;border-radius: 5px;cursor: pointer;overflow: hidden;}
 .search-pages-number li:hover{color: #5478f2 ; background-color: #fff; }
 .search-pages-number{display: flex; align-items: center; justify-content: center; gap: 7px ;}
 .search-pages-last{padding: 7.5px 16px !important; color: #fff !important; background-color: #fff;}
 .search-pages-next{padding: 0 !important; }
 
 /* .instant-booking {
   padding: 10px;
 }
 
 .instant-booking input {
   width: 6%;
 }
 
 
 .instant-booking label {
   position: relative;
   right: 22px;
 } */
 
 /* .search-total-pages p{color: #fff;} */
 
 .search-page-navigator{display: flex; align-items: center; justify-content: space-between; padding: 5px 34px;}
 
 /* .clinic-profile div {display: flex; align-items: center; justify-content: center; width: 200px; height: 200px;border-radius: 10px;overflow: hidden;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} */
 .clinic-profile div { display: flex; align-items: center; justify-content: center; width: 200px; height: 220px; border-radius: 6px; overflow: hidden; position: relative; box-shadow: rgba(60, 64, 67, 0.09) 0px 1px 2px 0px, rgba(60, 64, 67, 0.12) 0px 2px 6px 2px;}
 .clinic-profile div img {width: 100%; height: 100%;object-fit: cover;}
 /* .clinic-profile a{background-color: var(--gray3); color: #fff; text-align: center; font-size: 14px; padding: 12px 10px 10px; border-radius: 10px; margin-top: 10px;width: 100%;} */
 .clinic-profile a { background-color: #5daaf0e0; color: #fff; text-align: center; font-size: 14px; padding: 12px 10px 10px; margin-top: 10px; width: calc(100% - 6px); position: absolute; bottom: 3px; border-radius: 3px;border: 0.5px solid #ffffffc4;}
 .clinic-profile{max-width: 200px; width: 100%;}
 
 .clinic-details h2 {font-size: 20px;font-weight: 4px;color: var(--gray3);text-transform: capitalize;max-width: 450px;overflow: hidden;width: 100%;}
 .clinic-details p{color: #000000; font-size: 15px;margin: 3px 0;  text-align: left;}
 .clinic-address span{display: flex; align-items: center; justify-content: center; width: 25px;filter: brightness(0) saturate(100%) invert(35%) sepia(82%) saturate(1136%) hue-rotate(207deg) brightness(107%) contrast(90%);margin: 3px;}
 .clinic-address{display: flex; align-items: start;justify-content: start; gap: 15px;}
 .clinic-address p{padding: 0;margin: 0; max-width: 300px; width: 100%; color: #343434;text-align: left;}
 .clinic-details{padding: 20px; max-width: 510px; width: 100%;}
 
 /* .doctor-clinic-div{line-height: 1;} */
 .clinic-details{line-height: 1.3;}
 .doctor-clinic-div a {color: #8593a0;font-size: 14px;padding: 0 3px;}
 .doctor-clinic-div a:hover {color: #6b6e6f;font-size: 14px;padding: 0 3px; text-decoration: underline !important;}

 .profile-details{display: flex; align-items: start; justify-content: start;}
 .open-dates h4 { font-size: 15px; color: var(--gray1); padding: 5px; font-weight: bold; margin-top: 3px;}
 .day-timings{background-color: #5daaf017; border-radius: 7px ;}
 .day-timings p{text-align: center; margin: 0;padding: 0;font-size: 11px; padding: 7px 0;  min-width: 63px;}
 .single-day{  padding: 0 5px 5px; border: 1px solid #e7e7e7; text-align: center; width: 100%; border-radius: 10px;max-width: 110px;} 
 .open-dates{display: flex; align-items: center; justify-content: start; gap: 10px;} 
 
 /* .call-book-clinic div span{display: flex; align-items: center; justify-content: center; width: 16px;filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(18%) hue-rotate(311deg) brightness(103%) contrast(108%);}
 .call-book-clinic div {display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 16px; border-radius: 10px; margin: 10px 0;}
 .call-book-clinic div a{font-size: 15px; color: #fff; margin: 0; padding: 10px 0;} */
 .call-book-clinic {display: flex; align-items: center; justify-content: center; gap: 10px;}
 .call-clinic{background-color: #69bdd7;}
 .book-clinic{background-color: var(--gray3);}
 .place-map{display: flex;}
 .place-map iframe{width: 100%; max-width: 500px; height: 175px; border-radius: 10px ; border: 2px solid #ababab;}
 .place-map .directions-card-medium-large{display: none !important;}
 
 .search-page-results{position: relative;display: flex; align-items: start; justify-content: space-between; padding: 30px; border-radius: 15px; margin: 30px 0;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
 
 /* search result page styling ends */   
 
 /* .clinicResults{min-height: 300px;} */
 /* clinic detail view css  */
 .clinic-page-dir{height: 250px; background-color: var(--gray1); color: #fff; padding: 30px; border-radius: 20px;}
 .clinic-page-dir span{font-size: 13px; padding: 5px;color: #fff;}
 .clinic-profile-div hr{background-color: var(--gray1); height: 2px ; width: 100%;}
 .clinic-profile-div > span{ display: flex; align-self: center; justify-content: center; width: 100%; max-width: 180px; height: 180px; border-radius: 50%; overflow: hidden;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
 .clinic-profile-div span img{object-fit: cover;}
 .clinic-profile-div{ background-color: #fff; border-radius: 17px; width: 100%; padding: 20px;display: flex; align-items: center; justify-content: center;flex-direction: column;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; margin-bottom: 20px;}
 .clinic-profile-div p{font-size: 12px; text-align: center; margin: 0; padding: 10px 0;}
 .clinic-profile-div h3 {color: var(--gray1);text-transform: capitalize;font-weight: bolder;padding: 10px 0;width: 100%;max-width: 100%;overflow: hidden;font-size: 20px; text-align: center;margin-top: 10px;}

 .clinic-profile-booking { position: sticky; top: 260px; width: 100%; max-width: 290px; min-width: 290px; transform: translateY(-180px);}
 
 .single-doctor > span {display: flex; align-items: center; justify-content: center; width: 85px ; min-width: 85px ; height: 85px;border-radius: 50% ; overflow: hidden;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
 .single-doctor > span img{width: 100%; height: 100%;}
 .single-doctor div{display: flex; align-items: start; justify-content: center; flex-direction: column; gap: 2px;text-align: left;}
 .single-doctor div span:nth-child(1){font-size: 16px; font-weight: bold;}
 .single-doctor div span:nth-child(2){font-size: 12px}
 .single-doctor {display:  flex; align-items: center; justify-content: flex-start; gap: 10px;}
 .docters-div{display: flex; align-items: center; justify-content: left; gap: 20px; flex-wrap: wrap;} 
 .docters-div > button { width: 100%; max-width: 30%; min-width: 250px;}
 
 .location-div iframe{ width: 100%; height: 200px; max-width: 430px; border-radius: 20px;}
 .location-div{display: flex; align-items: center; justify-content: start; gap: 30px;}
 
 .timings-doctor-location h3{ color: var(--gray1);   padding: 0 0 10px; font-size: 22px;}
 .timings-doctor-location {width: 100%; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 20px ; padding: 0 20px 20px;margin: 30px 0;} 
.timings-doctor-location .location-div p{text-align: left;}
 .timings-doctor-location > div{padding: 25px 0; border-bottom: 1px solid #5daaf017;}
 .clinic-full-info { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 0 30px; gap: 30px;}
 .fluid-container-back { background-color: #d4dde2  ; padding: 5px; max-width: 1240px; border-radius: 10px; }
 #select-doctor-dialog, #select-specialization-dialog, #doctor-specialization-dialog{ border: unset;box-shadow: 0 0 20px rgba(0,0,0,.2); margin: auto;}
 #select-doctor-dialog[open] , #select-specialization-dialog[open], #doctor-specialization-dialog[open] {animation: slide-in-from-top 0.35s ease-out; border-radius: 15px; min-width: 300px;max-width: 700px;}
 #select-specialization-div{display: flex; align-items: center; justify-content: flex-start; gap: 10px ; flex-wrap: wrap;}
 #select-specialization-div a{ padding: 10px; border-radius: 5px; background-color: #dadada; border: 1px solid #6e6e6e ; margin: 0;}
 #select-specialization-div a:hover{ background-color: #283857; color: #fff;}
 #select-specialization-dialog{width: 90%; max-width: 500px !important;}
 @keyframes slide-in-from-top {
     0% {
         transform: translateY(-100%);
         opacity: 0;
     }
     100% {
         transform: translateY(0);
         opacity: 1;
     }
     }
 #select-doctor-dialog::backdrop , #select-specialization-dialog::backdrop {background: rgba(0, 0, 0, 0.8);}
 #select-doctor-dialog .docters-div, #select-specialization-dialog .spl-div{padding: 25px;}
  
 /* clinic detail view css end */
 
 
 /* doctor detail page css  */
 .d-clinic-info span{display: flex ; align-items: flex-start; justify-content: center;min-width: 90px; width: 90px; height: 90px; border-radius: 50%; overflow: hidden;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
 .d-clinic-info span img{width: 100%; height: 100%; object-fit: cover;}
 .d-clinic-info  h4 {color: #283857;font-size: 19px;}
 .d-clinic-info div p{ font-size: 15px; margin: 5px 0;}
 .before-after-images img { width: 145px; height: 100px; object-fit: cover;}
 .d-clinic-info > div.d-clinic-name{display: flex; align-items: flex-start; justify-content: center; gap: 20px; }
 /* .d-book-place a span {display: flex; align-items: center; justify-content: center; width: 15px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(207deg) brightness(102%) contrast(102%);}
 .d-book-place a {display: flex; align-items: center; justify-content: left; gap: 10px; margin: 12px 0; padding: 9px 20px ; border-radius: 12px;}
 .d-book-place a p{font-size: 14px;color: #fff; margin: 0;} */
 /* .d-book-place a:nth-child(1){background-color: var(--gray3);}
 .d-book-place a:nth-child(2){background-color: #69bdd7;} */
 .d-clinic-name p{text-align: left;}
 
 .d-clinics-list{display: flex; align-items: flex-start;justify-content: space-between; gap: 20px ;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;padding: 20px; border-radius: 20px;margin: 0 0 20px 0;}
 .d-book-place{max-width: 240px; width: 100%; }
 .d-book-place iframe{width: 100%; height: 120px; border-radius: 12px;}
 
 .d-doctor-info span{ display: flex; align-items: center; justify-content: center; width: 20px;filter: brightness(0) saturate(100%) invert(38%) sepia(82%) saturate(785%) hue-rotate(197deg) brightness(87%) contrast(100%); min-width: 20px;}
 .d-doctor-info div {	display: flex;	align-items: start;	justify-content: center;	gap: 10px;	padding: 5px 0px;}
 .d-doctor-info{ display: flex; align-items: start; justify-content: center; gap: 10px; flex-direction: column; }
 
 .selectdoctor-dialog-header-div span{display: flex;align-items: center ; justify-content: center; width: 20px;filter: brightness(0) saturate(100%) invert(26%) sepia(41%) saturate(7485%) hue-rotate(2deg) brightness(92%) contrast(98%) ;cursor: pointer;}
 .selectdoctor-dialog-header-div {display: flex; align-items: center; justify-content: space-between;}
 
 
 .treatment{width: 100%; max-width: 300px;}
 .treatment .before-after-images{ display: flex; gap:10px }
 /* doctor detail page css ends */
 
 
 /* gallery photos page */
 #clinic-images {display: flex;}
 #clinic-images .magnific-img { margin: 0 6px; width: 100%; height: 170px; position: relative; transition: all .3s ease-in-out; background: no-repeat center center/cover; max-width: 50%;border-radius: 5px; overflow: hidden; box-shadow: rgba(80, 80, 80, 0.2) 0px 2px 7px 0px;}
 #clinic-images .magnific-img a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
 #clinic-images .magnific-img a em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
 #clinic-images .magnific-img a:hover em {opacity: .6;}
 #clinic-images .magnific-img a em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
 #clinic-images .magnific-img a:hover em img {margin-top: 0;opacity: 1;}
 .mfp-arrow {background: #eee url('../images/previous.png') no-repeat center/20px !important;width: 48px !important;height: 48px !important;transition: all .4s !important;}
 .mfp-arrow-right {background-image: url('../images/next.png') !important;}
 .mfp-arrow::before,.mfp-arrow::after {display: none;}
 .mfp-close {font-size: 32px;}
 .mfp-container:hover button.mfp-arrow,.mfp-container:hover .mfp-counter {opacity: 1 !important;}
 .mfp-arrow:hover {width: 60px !important;}
 /* gallery photos page */
 
 
 /* Book appoitment The clinic */
 .book-app-btn{display: flex; align-items: center; justify-content: left; gap: 10px; margin: 0 0 10px 0; padding: 9px 10px; border-radius: 5px;background-color: var(--gray3);}
 .book-app-btn span {display: flex; align-items: center; justify-content: center; width: 15px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(207deg) brightness(102%) contrast(102%);}
 .book-app-btn p{font-size: 14px;color: #fff; margin: 0;}
 /* Book appoitment The clinic */
 
 /* Call The clinic */
 .call-clinic-btn, .call-clinic-link{display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 10px 0; padding: 9px 20px; border-radius: 5px;background-color: var(--lightblue);}
 .call-clinic-btn p, .call-clinic-link p{font-size: 14px; color: #fff; margin: 0;}
 .call-clinic-btn span, .call-clinic-link span{display: flex; align-items: center; justify-content: center; width: 15px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(207deg) brightness(102%) contrast(102%);}
 .call-clinic-btn p.no{display: none;}
 .call-clinic-link{display: none;}
 /* Call The clinic */
 
 #appointment-detail { background-color: #EFF5FF; padding: 15px; border: 1px solid #cccccc2b; display: flex; gap: 10px; align-items: center;box-shadow: rgba(60, 64, 67, 0.09) 0px 1px 2px 0px, rgba(60, 64, 67, 0.09) 0px 2px 6px 2px;}
 #appointment-detail > span{display: flex;}
 #appointment-detail > span img{width: 175px; object-fit: cover; overflow: hidden; border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 5px; height: 125px;}
 /* #appointment-detail{background-color: #f7f7f7; padding: 20px 30px; border: 1px solid #cccccc21;} */
 #appointment-detail > div.clinic-info {display: flex; justify-content: flex-start; gap: 20px;margin: 5px 0;}

 .doctor-list-card .boooking-place-images{max-width: 300px;}
 .doctor-list-card .call-book-clinic{display: block;}
 .doctor-clinic-div span{display: block;}
 /* 20-02-2025 */
 .search-functionality {position: relative;}
 .no-of-pages-wrapper {padding: 30px 0;}
 .no-of-pages { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;}
 footer{margin-top: 30px;}
 /* 20-02-2025 */
 
 .clinic-full-info.doctor-profile{padding: 0;}
 .doctor-profile .clinic-profile-booking {top: 100px; transform: none;}
 .Doctor-clinics-div {width: 100%;}
/* .doctor-profile */

 /* client side booking ends */
 @media screen and (max-width: 1200px) {
   .mf-logo img { left: 31px;}
   .clinic-profile-div > span{max-width: 140px;height: 140px;}
   .clinic-profile-div h3 {font-size: 16px;}
   .clinic-profile-div p {font-size: 10px;}
   .clinic-profile-booking a {padding: 8px;font-size: 12px;}
   .clinic-profile-booking {min-width: 213px;}
   .timings-doctor-location .location-div p {font-size: 15px;}
   .timings-doctor-location .location-div p{margin: 0;}
 }
 @media screen and (max-width: 1080px) {
   .mf-logo img{ left: 15px; width: 103px; height: 44px;}
   .right-desktop-menu-container > ul {justify-content: normal;}
   .select-timings{padding: 0px 50px;}
   #dateTimeSelectBtn{ margin: 10px 20px 40px 0;}
   .clinic-profile div{width: 150px; height: 150px; border-radius: 10px;}
   .clinic-profile a{font-size: 13px; padding: 6px; border-radius: 6px;}
   .clinic-profile { max-width: 150px;}
   .clinic-details { padding: 16px; max-width: 365px; width: 100%;}
   .clinic-details h2 {font-size: 16px;}
   .clinic-details p { font-size: 13px;}
   .call-book-clinic div a {font-size: 11px;}
   .place-map iframe { height: 126px;}
   .clinic-full-info { padding: 0px 28px; gap: 30px; }
   .d-book-place a p {font-size: 13px;}
   .d-book-place a{gap: 5px;padding: 9px 14px;}
   .date-span, .week-span{font-size: 23px;}
   .month-span sub, .month-span sup{font-size: 10px;}                 
   .year-span{font-size: 20px;}
   .week-span{font-size: 17px;}
   .search-all-inputs{flex-direction: column;gap: 25px;}
   .timings-doctor-location{padding: 0 20px 20px 20px;}
   .location-div iframe { width: 100%; height: 140px;}
   .clinic-profile-booking { top: -95px;}
   .open-dates{ flex-wrap: wrap;}
   .d-clinic-info div h4{font-size: 16px;}
   .d-clinic-info div p{font-size: 13px;}
   /* .d-clinic-info{flex-direction: column;align-items: start;} */
   .d-clinic-info span{border-radius: 5px;}
   .d-book-place{min-width: 190px;}
   .appointment-wrapper .select-timings p, .appointment-wrapper .select-timings h3{font-size: 16px;}
   .select-timings div { padding: 5px 0;}
   .date-select{padding: 20px 100px;}
   #dateTimeSelectBtn { margin: 10px 20px 2px 0;}
 }
 
 
 @media screen and (max-width: 932px){
   .clinic-details { padding: 12px; max-width: 250px; min-width: 220px;}
   .call-book-clinic { gap: 0px; flex-direction: column;}
   .call-book-clinic div { padding: 0 16px; border-radius: 8px; margin: 4px 0; width: 100%; }
   .place-map iframe { height: 105px; border-radius: 10px;}
   .search-page-results { padding: 15px;}
   .clinic-profile-booking {max-width: 213px;}
   .tnankyou-msg{padding: 20px 54px;}
 }
 
 @media screen and (max-width: 768px) {
   .mf-logo img { left: 7px;}
   .search-input-container label{padding: 17px; }
   .search-input-container input {padding: 7px 2px;font-size: 14px;}
   .search-city-locality{gap: 8px;}
   .search-pages-number li {height: 28px;min-width: 28px;padding: 1.5px;    font-size: 10px;}
   .search-total-pages p{  font-size: 12px;}
   .clinic-full-info{flex-direction: column;}
   .clinic-profile-booking{position: static; max-width: 300px ; margin: 30px auto 0;}
   .timings-doctor-location{margin: 0;}
   .clinic-full-info{padding: 0;}
   .single-doctor > span{width: 72px; height: 70px;}
   .date-span, .week-span{font-size: 19px;}
   .month-span sub, .month-span sup{font-size: 9px;}
   .year-span{font-size: 18px;}
   .week-span{font-size: 15px;}
   .appointment-input-container { max-width: 100% !important; width: 100%; gap: 5px !important; }
   form.app-form { gap: 12px !important;}
   .search-city-locality{flex-direction: column;max-width: unset;width: 100%;}
   .circle {
    width: 15px;
    height: 15px;
  }.bap-steps h4 {
    color: #008107;
    font-size: 14px;
    margin-bottom: 7px;
  }
  .bap-steps p {
    margin: 10px 0; font-size: 13px;
  }
 }
 
 @media screen and (max-width:660px) {
   .mf-logo img {left: 12px;height: 31px;width: 102px;}
   .clinic-details{ max-width: 100%;}
   .search-page-results{ flex-direction: column;}
   .call-book-clinic { gap: 8px;flex-direction: row;}
   .boooking-place-images{width: 100%;}
   .place-map iframe{max-width: 100%;}
   .clinic-full-info{gap: 10px;}
   .appointment-wrapper .select-timings p, .appointment-wrapper .select-timings h3{font-size: 14px;}
   .call-clinic-link{display: flex;}
   .call-clinic-btn{display: none;}
   .wrapper {padding: 130px 0 0 0;}
 }
 
 
 @media screen and (max-width:560px) {
   .mf-logo img { left: 23px;}
   .timing-inputs-container{gap: 10px; justify-content: center;}
   .select-timings{padding: 0px 10px;}
   .date-select{padding: 30px 50px;}
   .owl-nav{display: none;}
   .select-timings div p{column-gap: 20px;}
   .date-time-selected{padding: 20px 50px;}
   .appointment-form{padding: 20px 50px;}
   .change-date-container > span{font-size: 16px};
   .appointment-otp{padding: 20px 50px;}
   
   
   .search-pages-number{gap: 8px;}
   .search-page-navigator{padding: 3px 15px;}
   .open-dates{overflow: scroll; flex-wrap: nowrap;}
   .d-clinics-list{flex-direction: column;}
   .d-book-place{min-width: 190px;}
   .d-book-place{max-width: none;}
 
   .date-span, .week-span{font-size: 16px;}
   .month-span sub, .month-span sup{font-size: 7px;}
   .year-span{font-size: 15px;}
   .week-span{font-size: 13px;}
   .appointment-otp p{font-size: 13px;}
   .tnankyou-msg{padding: 14px 16px;}
   .circle { width: 11px; height: 11px; border-radius: 10px;}
   .bap-steps h4 { color: #008107; font-size: 11px; margin-bottom: 3px;}
   .bap-steps p { margin: 4px 0; font-size: 11px;}
 }
 
 @media screen and (max-width:450px) {
   .mf-logo img { left: 15px;}
   .search-page-navigator {  align-items: start;flex-direction: column;padding: 15px;gap: 10px;}
   .search-total-pages p{ margin: 0;}
   .clinic-details{min-width: 0%;padding: 0 12px;}
   .clinic-address span{display: none; }
   .clinic-profile { max-width: 100px;}
   .clinic-profile div {width: 100px;height: 100px;}
   .call-book-clinic {gap: 0px;flex-direction: column;padding:15px 0 2px 0;}
   .location-div{flex-direction: column;}
   .appointment-input-container input {font-size: 14px;}
   .search-all-inputs {gap: 20px;}
   .search-input-container label { width: 50px; padding: 12px;}
 }
 
 @media screen and (max-width: 420px) {
   .fc-daygrid-day{height: 20px !important;}
   .fc-day a{font-size: 10px; }  
   #calendar{height: 500px;}
   .fc-today-button{font-size: 12px !important;}
   #timeDialog span{width: 38px; height: 38px;}
   .date-select{padding: 30px 10px;}
   .date-time-selected{padding: 20px 10px;}
   .appointment-form{padding: 20px 10px;}
   .date-time-selected p{font-size: 12px;}
   .appointment-otp{padding: 20px 10px;}
 }
 
 @media screen and (max-width: 359px) {
   .clinic-address{display: none;}
 }
 


.best-clinic-health-main-wrapper{padding:80px 0 40px ;}
/*.best-clinic-health-wrapper {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 25px 0;background: #EFF5FF;border: solid .5px #3c3c3c59; flex-wrap: wrap;} */
  .best-clinic-health-wrapper {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;box-shadow: rgba(0, 0, 0, 0.10) 0px 3px 8px;padding: 25px 0;background: #EFF5FF;border: solid .5px #3c3c3c59;flex-wrap: wrap;}
.best-cliinic-heath-items{width: 100%; max-width:240px; display: flex; justify-content: center; align-items: center; gap: 10px;  border-right:solid 1px #0000006b;}
.best-clinic-health-wrapper .best-cliinic-heath-items:last-child{border-right: unset;}
 .best-cliinic-heath-items span img{width: 40px; height: 40px;}
 .best-cliinic-heath-items P{color: #2B3045;}

  /* .find-clinic-breadcrumb-wrapper{display: none;} */
 .find-clinic-breadcrumb-wrapper .breadcrumb{width: 100%; max-width: 100%; display: flex; justify-content:flex-start; align-items: center; gap: 10px;margin-bottom: 5px;}
 .find-clinic-breadcrumb-wrapper .breadcrumb span img{width: 100%; max-width: 20px;}
 .find-clinic-scroll.scrolled-header .search-functionality {position: fixed;left: 0;right: 0;top: 0;padding-top: 17px;background: #f4f8ff;border-bottom: 2px solid #0000001f;z-index: 9;}
 /* .find-clinic-scroll.scrolled-header .best-clinic-health-main-wrapper{display: none !important; } */
 .find-clinic-scroll.scrolled-header .find-clinic-breadcrumb-wrapper{display: block !important;}
 .find-clinic-scroll.scrolled-header .search-functionality > .container > h2{display: none;}
 .find-clinic-scroll.scrolled-header .search-all-inputs {padding: 5px 0  20px;}
 .find-clinic-scroll.scrolled-header  .clinicResults { padding-top: 100px;}

 @media(max-width:1300px){
  .best-cliinic-heath-items {max-width: 240px;}
 }

 @media(max-width:1240px){
  .best-cliinic-heath-items { max-width: 220px;}
 }

 @media(max-width:1141px){
  .best-cliinic-heath-items {border-right: unset;}
  .search-all-inputs {gap: 10px;}

 }


 @media(max-width:768px){
  .search-input-container { border: solid .5px #3c3c3c59; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
  .search-city-locality{border: unset; box-shadow: unset; box-shadow: unset}
  .best-cliinic-heath-items {justify-content: flex-start;}
  .search-functionality h2 { font-size: 22px;}
  .search-input-btn { max-width: 100%;}
  .search-input-btn button {margin-left:unset;    padding: 15px 0;}
  .search-input-container label {padding: 14px;}

 } 

 .wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Full viewport height */
}

.find-clinic-scroll {
  flex: 1; /* Pushes footer to the bottom */
}

#doctor-specialization-dialog{width: 90%; max-width: 500px;}
.clinic-doctors-specialization .clinic-doctors .clinic-doctor {	display: flex;	align-items: center;	justify-content: start;}
.clinic-doctors-specialization .doctor-image {	display: flex;	align-items: center;	justify-content: center;	width: 120px;	height: 120px;	overflow: hidden;	border-radius: 50%;	min-width: 120px;	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.clinic-doctors-specialization .doctor-image img{ width: 100%;height: 100%; object-fit: cover;}
.clinic-doctors-specialization .clinic-doctors .clinic-doctor {padding: 16px 0px;border-bottom: 1px solid #f2f2f2;}
.clinic-doctors-specialization .clinic-doctors .clinic-doctor .doctor-details { display: flex; justify-content: space-between; align-items: start; flex-direction: column; height: 100%; padding: 0 20px; gap: 7px; }
.clinic-doctors-specialization .clinic-doctors .clinic-doctor .doctor-details  h4{ font-size: 17px ; }
.clinic-doctors-specialization .clinic-doctors .clinic-doctor .doctor-details  .doctor-specialization{display: flex; align-items: center; justify-content: flex-start; gap: 5px ; flex-wrap: wrap;}
.clinic-doctors-specialization .clinic-doctors .clinic-doctor .doctor-details .doctor-specialization a {	border: 0.5px solid #e1e1e1;	background-color: var(--lightblue);	padding: 13px 13px 11px;	border-radius: 5px;	font-size: 16px;	color: #fff;}
.clinic-doctors-specialization .clinic-doctors .clinic-doctor .doctor-details  .doctor-specialization a:hover{background-color: #283857;  color: #fff;}
.clinic-doctors-specialization  {height: 300px ; overflow: scroll;}
.clinic-doctors-specialization .clinic-doctors{padding: 0px 25px;}
.clinic-doctors-specialization .clinic-doctors .clinic-doctor .doctor-details h4 span{font-size: 13px; opacity: 0.7;}
.clinic-doctors-specialization .clinic-doctor:last-child{border: none;}
.doctor-gender span{display: flex;}
.clinic-doctors-specialization > p{padding: 0 25px; font-size: 14px; color: #e01919; margin: 15px 0 0; text-align: center;}
.d-doctor-info p{text-align: left;padding: 0;}
#doctor-video{text-align: right;}
#doctor-video iframe { width: 300px; height: 200px; border-radius: 9px; border: none;}

.clinic-doctor:first-child .doctor-specialization a:first-child::before {
	position: absolute;
	/* content: ''; */
	width: 25px;
	height: 20px;
	background-color: #000;
	left: -25px;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: shake;
	animation-name: shake;
	background: url('../images/icons/point-arrow.png') no-repeat center center/contain;
	top: 0;
	bottom: 0;
	margin: auto;
}



.doctor-specialization a:first-child {
  position: relative;
}

@keyframes shake {
  0% { transform: translateX(0); }
  10% { transform: translateX(-5px); }
  20% { transform: translateX(5px); }
  30% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  50% { transform: translateX(-5px); }
  60% { transform: translateX(5px); }
  70% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  90% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}
.swal2-toast h2:where(.swal2-title) {	margin: .7em 1em 0.4em !important;}
.contact-links a:last-child{display: none !important;}