@font-face{font-family:Inter Regular;
 src:url(../fonts/Inter-Regular.ttf);
 }
 @font-face{font-family:Inter Medium;
 src:url(../fonts/Inter-Medium.ttf);
 }
@font-face{font-family:Inter SemiBold;
 src:url(../fonts/Inter-SemiBold.ttf);
 }
@font-face{font-family:Inter-Bold;
 src:url(../fonts/Inter-Bold.ttf);
 }

 
 
/*-----------------------*/
html {scroll-behavior:smooth;}
body { padding: 0; margin: 0 auto;font-family:Inter Regular; position: relative; font-weight: 400; overflow-x: hidden; color: #000; font-size: 16px;background:#fff;}
ul { list-style: none }
a { text-decoration: none; outline: none; }
body a:hover, body a:focus { text-decoration: none; color:#0c589e; }
a:focus { outline: none; text-decoration: underline }
textarea:focus { outline: none }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0; max-width: 100%; width: 100%;}
p {padding: 0px; margin: 0px;}h2{font-family:Inter Medium;} 
h1, h2, h3, h4, ul, p { padding: 0px; margin: 0px;}
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }.latest-newsbox::placeholder {color:#666666; font-size:15px;}
.form-control:focus { box-shadow: none }
ul { padding: 0; list-style: none;}
a {color:#0c589e; text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }

.csn-ul{margin-left:20px;  text-align: justify;}
.csn-ul li {position: relative;margin-bottom:7px;}
.csn-ul li:before {position: absolute;top:9px;left:-19px;height: 8px;width: 8px;
background:#014d49;border-radius: 100%;content: '';}



.animation-element {
  opacity: 0;
}
.animation-element.slide-left {
  opacity: 0;
  transition: all 800ms linear;
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  transition: all 800ms linear;
  transform: translate3d(100px, 0, 0);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}


.animation-element.slide-up {
  opacity: 0;
  transition: all 200ms linear;
  transform: translate3d(0, 100px, 0);
}

.animation-element.slide-up.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-up1 {
  opacity: 0;
  transition: all 300ms linear;
  transform: translate3d(0, 300px, 0);
}

.animation-element.slide-up1.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-up2 {
  opacity: 0;
  transition: all 400ms linear;
  transform: translate3d(0, 400px, 0);
}

.animation-element.slide-up2.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}


/*===============header===============*/
#top-head{background: #F6F6F6; padding:6px 0; align-items: center; display:flex; justify-content: center;}
.top-head{
  align-items: center;
  display: flex;
  position: relative;
  z-index: 666;
  background: none;
  margin: auto;
  max-width: 90rem;
  width: 100%;
  padding:0px 50px;
  justify-content: space-between;
}
.top-head ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
	gap: 10px;
}
.top-head li {
    width: 14%;
    padding:0px;
    list-style: none;
    position: relative;
    text-align: center;
}
.top-head li a {
    color:#ffffff;
	border-radius: 6px;
     border: 1px solid #0C589E;
    background: #0C589E;
    box-shadow: 0px 5px 23.7px -11px rgba(0, 0, 0, 0.53);
    display: block;
    width:30px;
    height:30px;
    line-height:28px;
    font-size:16px;
}
.top-head li a:hover{background:#ffffff; color:#0C589E;}
.top-social-media{margin:0px; padding:0px; position:relative;}
.top-lcocation-add{width:95%;display:flex; align-items: center; gap:20px; justify-content: right; margin:0px; padding:0px 2rem 0px 0px; position:relative; }

.top-lcocation-box{margin:0px; padding-left:35px; position:relative;}
.top-lcocation-box img {width:16px;position:absolute;left:10px;top:2px;}

.top-hospital-open{margin:0px; padding-left:35px; position:relative;}
.top-hospital-open img {width:20px;position:absolute;left:10px;top:2px;}

.top-phone-top{width: max-content;border-radius: 6px;background: #0C589E;box-shadow: 0px 5px 23.7px -11px rgba(0, 0, 0, 0.53);color:#ffffff;margin:0px; padding:5px 10px 5px 30px; position:relative;  animation: mymove 1s infinite;}

@keyframes mymove {
  from {background: #0C589E}
  to {background: #da0000}
}

.top-phone-top img {width:16px;position: absolute;left: 10px;top: 9px;}




#header-id {
    height: auto;
}
#header-id {
  background:#01568C;
  height:90px;
  transition: transform .3s ease-in-out;
  width:100%;padding:10px 0;
  margin:0px auto;
  top:0px;
}
.header-inner {
    margin: 0 auto;
    max-width:1280px;
    width:100%;
}

.headerTertiary {
  align-items: center;
  display: flex;
height:70px;
position: relative;
z-index: 666;
background: none;
margin: auto;
max-width:90rem; width:100%;
padding:0% 50px;
justify-content: space-between;
}
.topnav-left {
  max-width:50%;
  padding: 0px;
  width: 100%;
  display: block;
  float: left;
}
.topnav-left {
  max-width:50%;
  padding: 0px;
  width: 100%;
  display: block;
  float: left;
}
.headerTertiary .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.headerTertiary .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.emergency-no a{color:#e30000 !important;}
.nav-topright{  padding-top:20px;margin-right: 0px;}
.sticky .nav-topright{padding-top:10px;padding-bottom: 8px;}
.nav-topright ul {
    display: flex;
    font-size:15px; font-weight:700;
    justify-content: flex-end;
    line-height: 1.25rem;
    margin-bottom: 0;
}
.nav-topright li {
    margin-left:.3rem;position: relative; padding-left:4px
}

.nav-topright li a {
    color:#6d6e71;
}
.nav-topright li a:hover{
    color:#2278b5;
}
.headnav-right{width:90%;display: flex;justify-content: right; margin-top:0px;}
.headerSecondry{
  align-items: center;
  background:none;
  display: flex;
  height:60px;
  position: relative;

}
.logo-scrollup{display:block;}
.logo-scrolldown{display:none;}


.logo-d > img {
  max-width:280px;
  transform:translateY(0px);
  position:relative;
  transition: transform .3s ease-in-out;
  padding:0px 0px 0px;
}
.logo1-d{
  max-width:230px !important;
  transform:translateY(-50px) !important;
  position: absolute;
  transition: transform .3s ease-in-out;
  padding-bottom: 40px;
  top: 0;
  margin-left: 120px;
  z-index: 999;
}
.sticky .logo-d > img {max-width:150px; transform:translateY(1px);}
.sticky .logo1-d {max-width:200px !important; transform:translateY(15px) !important; margin-left:110px;}
.logo-m > img {
  max-width: 130px;
  transform:translateY(-1px);
  position:absolute;
  display:none;
  left: 20px;
  
}
.sticky{position:fixed;top:0;width:100% !important;  backdrop-filter: blur(40px); z-index: 999; /*box-shadow:1px 5px 10px rgba(0,0,0,0.2);*/ height:80px !important;  padding:0px 0 !important; }
/*.sticky .headerTertiary{display:none;}*/
.sticky .headerSecondry{height: auto;}

.sticky .page-header .sub-menu{background:#fff;}
.sticky .page-header {padding:0.0rem 1rem 0rem 1rem;}
.sticky .logo-scrollup{display:none;}
.sticky .logo-scrolldown{display:block;}

.dropdown-phone1{display: none;position: absolute; border-radius:12px;min-width:380px;overflow: auto;z-index:999;  right:40px; padding-top:30px;}
.dropdown-phone1 ul{background:#0c589e;border-radius:12px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding:15px 5px; position:relative; z-index:999;}
.dropdown-phone1 ul::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(bg.png) no-repeat;
  background-size:50%;
  background-position: bottom right;
  z-index: -1;
  bottom:0px;
  right:0px;
}
.dropdown-phone1 a {text-align:left;padding:0.4rem 1rem;text-decoration: none;display:flex;justify-content: space-between;color:#ffffff !important;border-bottom:0px solid #0c589e;} 
.dropbtn1{position:relative;}

.dropdown:hover .dropdown-phone1{
  display:block;
}


.navbar__buttons{display: flex;align-items: center;gap:10px;/*flex-grow: 1;*/ justify-content: right;}
.navbar__buttons a {
    color: var(--text-gray-color);
    font-weight: 500;
    transition: 0.3s ease;
}
.page-header .top-menu > li > a span{display:block; font-size:13px;}

@media (min-width: 64rem){.navbar__buttons a {font-size:14px; font-family:Inter Regular;}.page-header ul a{font-size:14px !important; font-family:Inter Regular; }.page-header .top-menu > li > a{padding: 1.3rem 0.7rem !important;}
.sticky .page-header .top-menu > li > a{padding: 0.9rem 0.5rem !important;}
}

@media (min-width:90rem){.navbar__buttons a {font-size:15px;   font-family:Inter Regular;}.page-header ul a{font-size:15px !important; font-family:Inter Regular;}.page-header .top-menu > li > a{padding: 1.3rem 1rem !important;}
.sticky .page-header .top-menu > li > a{padding: 0.9rem 0.5rem !important;}
}

.most-recent {
    width:170px;
    border:0px solid #dcdde1;
    border-radius:8px;
    column-count: 1;
    position: relative;
	background:none;
	
}
.jdgm-sort-dropdown select:focus{border-bottom:2px solid #0fffe0;  font-size:16px; font-family:Inter Regular;}
.most-recent::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/2024/01/w-arrow.png) no-repeat;
    background-size: 100%;
    z-index: 1;
    right: 9px;
    top: 17px;
}
.jdgm-sort-dropdown {
    padding: 10px 20px 10px 15px;
    font-size:16px;font-weight:Bold;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: 170px;
	color:#1A1A1A;
}

.navigation img{width:25px; }
.search-head{position:relative; padding-left:0px; color:#1A1A1A !important;}
.search-head img{width:18px; position: absolute;left:10px; top:-10px;}
.phone-head img{width:18px; position: absolute;left:-22px; top:0px;}

.phone-head{ width:167px;background:#ffffff;
    color:#0c589e !important;
    border: 2px solid #0c589e;
    margin: 20px 0;text-align:center;
    font-size: 15px;
    border-radius: 8px;
    padding:8px 10px 8px 30px;
    transition: all 0.4s ease;
    position: relative;
	
}
.content-head{ width:100px;background: #0c589e;
    color:#ffffff !important;
    border: 2px solid #0c589e;
    margin: 20px 0;text-align:center;
    font-size:15px;
    border-radius: 8px;
    padding:8px 10px; 
    transition: all 0.4s ease;
    position: relative;
	
}

.btn-11 {
  border: none;
  background: #0c589e;
  background: #0c589e;
    color: #fff;
    overflow: hidden;
}

.log-in:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -100px;
    left: 0;
    width:25px;
    height: 100%;
    background-color: #fff;
    animation: log-in 4s ease-in-out infinite;
}
@-webkit-keyframes log-in {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



/*--Head END--*/



.midbox-wiki {
  margin: auto;
  max-width: 80%;
  width: 100%;
  position: relative;
}
.wiki-mk {
  padding-left: 60px;
  padding-right: 60px;
}

#home-search-section{
	width: 100%;
    background: #ebf2fa;
    height: 100%;
    /*overflow: hidden;*/
    padding:200px  0px;
    position: relative;
    margin-bottom:-10px;
	z-index:2;
}

#home-search-section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/2023/01/banner-n.jpg) repeat-x;
  background-size:100%;
  background-position:top center;
  z-index: -1;
  bottom:0px;
  left: 0px;
}


#home-search-section h2 {
  font-size:35px;font-weight: bold;
  color: #191919;font-family:Inter-Bold;
  padding-bottom: 0px;
  text-align: center;
  z-index: 1;
  margin: 0px;
  position: relative;
  display: block;
}
#home-search-section h4{
  font-size: 40px;
  color: #191919;
  padding-bottom:50px;
  text-align: center;
  z-index: 1;
  margin: 0px ;
  position: relative;
  display: block;
}
#home-search-section p {
  color: #292829;
  padding-top: 20px;
  font-size: 18px;
  text-align: center;
  margin: 0px 15% 40px;
}
#home-search-section p span{color: #2860a1;}

 

.home-search-section{width:70%; border-radius: 8px;background: #FFF;box-shadow: 0px 11px 9.6px -10px rgba(0, 0, 0, 0.25); padding:20px; margin:0px auto; position: relative;}
.home-search-section .search-box{width:100%;display:flex; gap:15px;margin:0px;position: relative;}
.home-search-section .doctor-search{width:37%;display:flex;margin:0px;position: relative;}
.home-search-section .doctor-search::before {content: "";position: absolute;width:20px;height:20px;background: url(../images/2023/01/form8.png) no-repeat;background-size:90%;background-position:left top;left:15px;top:18px;z-index:1;}
.home-search-section .location-search{width:75%;display:flex;margin:0px;position: relative;}
.home-search-section .location-search::before {content: "";position: absolute;width:20px;height:20px;background: url(../images/2023/01/form5.png) no-repeat;background-size:90%;background-position:left top;left:15px;top:18px;z-index:1;}

.home-search-section .search-box input::placeholder {color: rgba(0, 0, 0, 0.25); font-size:16px;}
.home-search-section .search-box input:focus {border:1px solid #2860a1;}
.home-search-section .search-box input {
  height: 55px;
  padding-left:45px;
  width:100%;
  font-size: 16px;
  border: 0px;
  border-radius:8px 8px;
  background:#fff;
  border: 1px solid #CDCDCD;
  outline: none;position:relative;
}

.home-search-section .search-now{
	width:26%;
 border-radius:8px;
border:2px solid #F1B43D;
background:#F1B43D;
color:#01568C;
  margin:0px;
  font-size: 16px;
  font-weight: 500;
  padding:6px 10px 6px 10px;
  position: relative;
  display: flex;
  align-items:center;
  justify-content: center;
}
 
.home-search-section .search-now:hover{background:#ffffff; color:#2860a1; box-shadow: 0px 5px 23.7px -11px rgba(0, 0, 0, 0.53);}


.date-section {position: relative;padding: 25px 0; margin-top:20px;}
.date-section{position: relative; padding:0px 0 55px;}
.date-section h2{font-family: arial; text-align:center;font-size: 18px; color:#2860a1; margin-bottom:20px;}
#date{height: 50px;  background:#F6F6F6; box-shadow: 0 0 5px rgb(0 0 0 / 10%); border-radius:5px;}
#date .item{text-align:center; border-right:1px solid #9b9b9b; font-weight:bold; line-height:24px; position: relative; margin:0px; padding:0px; font-size: 16px;}
#date .item span{text-align:center; display:block; font-weight:400;}
#date .item:hover{background:#2860a1; color:#fff; cursor: pointer;}




.doc-section {position: relative;padding:25px; z-index:6; background-color: rgb(255, 255, 255);}
.doc-section h2{font-size: 18px; color:#2860a1; margin-bottom:20px;}

.schedule-box-section{width:100%; display:flex; gap:20px; padding:0px; margin:0px; position:relative;}
.schedule-box-left{width:50%; padding:0px; margin:0px; position:relative;}
.schedule-box-right{width:50%;  padding:0px; margin:0px; position:relative;}.schedule-box-right .book-boxapp1{width:100%; margin:0px 10px;}


.info-card {
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 16px 13px 16px 16px;
    border-radius: 10px;column-count: 1;
	padding: 18px;margin-bottom:20px;
}
.info-card-header {
    border-bottom:1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;display:flex;align-items: center;
}
.info-card-img {
    width:90px;
    height:90px; border:1px solid #ddd;padding:4px;
    border-radius:100%;
    background-position: center;
    background-size: cover;
    margin-right: 15px;
}
.text-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;color:#121C42;
    white-space: initial;font-size: 20px;
}
.text-department{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;color: #545454;
    white-space: initial;font-size: 16px!important;
}
.info-dr-img{width:22px; vertical-align: text-bottom;}
.profie-link{color:#2860a1; font-size:15px; padding-top:12px; display: block; text-decoration: none;}.profie-link:hover{color:#2860a1; }
.hospital-consultation-doc{display:flex; align-items:center; justify-content:space-between;}
.video-consultation-doc{display:flex; align-items:center; justify-content:space-between; border-top:1px solid #ddd; padding-top:14px;}
.h-consultation {
  width:auto;
  display:flex; gap:15px;
  font-size: 15px;
  color: #6a6a6a;
}
.h-consultation img{width:auto;  height:22px;}
.book-hdr {width:55%;display: block;float:right;font-size: 16px; text-align: center;padding:8px 5px;  border-radius: 6px;border: 1px solid #F1B43D; background:#F1B43D;}
.book-hdr:hover{background:#F1B43D;}
.doc-section a{text-decoration: none; color:#2860a1 !important;}
.book-hdr:hover a{color:#2860a1 !important;}

.dr-timebox {
  width:100%;  
     overflow:hidden;
        gap: 14px;
        justify-content: left;
        flex-wrap: wrap;
        padding:14px 0px;
		display:flex;
}

.dr-timebox {
  scrollbar-width: thin;
  scrollbar-color:#2860a1 #fbe7e6;
}
.dr-timebox::-webkit-scrollbar {
  width:4px;
  height:4px;
}
.dr-timebox::-webkit-scrollbar-track {
  background-clip: content-box;
  border:1px solid transparent;
}
.dr-timebox::-webkit-scrollbar-thumb {
  background-color:#fbe7e6;
}
.dr-timebox::-webkit-scrollbar-thumb:hover {
  background-color:#2860a1;
}
.dr-timebox::-webkit-scrollbar-corner, .dr-timebox::-webkit-scrollbar-track {
  background-color:#2860a1;
}
/* The below styles are for display purposes only */
[class^=scrollbar] {
  height:470px;
  overflow-y: scroll;
  overflow-x:hidden;
  padding-right:10px; margin-right:20px;
}


.dr-timebox .city-time{
   width:auto;flex: 0 0 auto;
  font-size: 14px;
  cursor:pointer;
  padding:8px;
  border: 1px solid #ddd;
  border-radius:10px;
  text-align: center;
  display: block;
}
.city-time.active {
  background:#2860a1;
  color: #fff;
  border: 1px solid #ddd;
}
.dr-timebox .city-time:hover {
  background:#2860a1;
  color: #fff;
}

.appointment-details-section{position: relative; padding:25px 0; margin-top:-90px; z-index:2;}
.appointment-details-section h2{font-size: 18px; color: #444 !important; margin-bottom:20px;}
.app-details-section {
  background-color: #fff;
  display:flex;
  align-items:flex-start;
  box-shadow:0 0 5px rgb(0 0 0 / 10%);
  padding: 16px 13px 16px 16px;
  border-radius: 10px;
  column-count: 1;
  padding: 18px;
  margin-bottom: 20px;
  
}
.book-boxapp {
  width: 48%;
  float: left;
  margin: 10px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background:#EBF5FF;
  position:relative;
}
.book-boxapp h2 {
  font-size: 18px;
  color: #444 !important;
  margin:20px 0px 10px;
}
.book-boxapp span {
  font-size:14px;
  padding-top: 10px;
  display: block;
  color:#2860a1;
  position:absolute;
  right:20px;
  top:10px;
}
.bookbox-text {
  font-size: 15px;
  padding-top: 7px;
  display: inline-block;
  color: #6a6a6a;
  margin-left: 11px;
  margin-bottom: 3px;
  width: 100%;
}
.bookbox-text img {
  width: 30px;
  display: inline-block;
  padding-right: 10px;
}

.dr-img-doc{display:flex; gap:0px; margin:15px 0px 0px; padding:0px; position:relative;}
.dr-boximg {width: 25%;text-align: center;}
.dr-boximg img{
  width:90px;
  height:90px;
  border: 1px solid #2860a1;
  padding: 4px;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  margin-right: 15px;
}
.dr-boxpro {width: 75%;margin:0px; padding:0px;}
 
.book-boxapp1 {
  width: 48%;
  float: left;
  margin: 10px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 10px;
} 
.book-boxapp1 h2 {
 border-bottom: 0px solid #efefef;
  background-color: #f3f3f3;
  width: 100%;
  margin: 10px 0 15px;
  padding: 10px;
}
#sh-book p{margin-top:10px;}
#sh-book .inp-block{display: flex; flex-direction: column; margin-bottom:10px;}
#sh-book label {
    font-size:14px;
    color: #575757;
    margin:0px 0px 5px;
     
}
#sh-book input:focus {border:1px solid #2860a1 !important;}
#sh-book input::placeholder {color:#444; font-size:14px;}
#sh-book input, select, textarea {
    border:1px solid #ddd !important;
    height:50px;
    padding-left:20px;
    width:70%;
    padding: 0 10px;
    font-size: 14px;
    border: 0px;
    border-radius: 5px;
    background: #ffffff;
    outline: none;
    text-align: left;
}
.otp-box{display:flex; gap:15px; width:70%; margin:0px; padding:0px;}
.otp-box input{ width:100%; text-align:center !important; padding-left:0px !important;}


#sh-book .book-hdr {
  width: 100%;
  background:#2860a1;
  text-align: center;
  color: #fff !important;
  border:1px solid #2860a1;
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  margin:10px 0px 0px;
  padding:10px 0px;
  text-decoration:none;
}
#sh-book .book-hdr:hover{ background:#fff; color: #2860a1 !important;}


#details-for-appointment{display:block; margin:0px; padding:0px; position:relative;}
#details-for-appointment .inp-block{display: flex; flex-direction: column; margin-bottom:10px; position:relative;}
#details-for-appointment input:focus {border:1px solid #2860a1 !important;}
#details-for-appointment label {
    font-size:14px;
    color: #575757;
    margin:0px 0px 5px;
     
}
#details-for-appointment input::placeholder {color:#444; font-size:14px;}
#details-for-appointment input{
    border:1px solid #ddd !important;
    height:50px;
    padding-left:40px !important;
    width:100%;
    padding: 0 10px;
    font-size: 14px;
    border: 0px;
    border-radius: 5px;
    background: #ffffff;
    outline: none;
    text-align: left;
}
.name-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(../images/2023/01/01/form1.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}
.patient-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(../images/2023/01/01/form2.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}
.emai-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(../images/2023/01/01/form3.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}


.age-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(birthday-icon.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}



.birth-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(../images/2023/01/01/form6.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}
.name-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(../images/2023/01/01/form5.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}
.name-icon::before {content: '';z-index: 2;height: 53px;min-height: 34px;width:40px;min-width:35px;
background: url(../images/2023/01/01/form6.png) no-repeat center left;background-size:21px;background-position:11px 16px;position: absolute; top:22px;}


#details-for-appointment .book-hdr {
  width: 100%;
  background:#2860a1;
  text-align: center;
  color: #fff !important;
  border:1px solid #2860a1;
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  margin:10px 0px 0px;
  padding:10px 0px;
  text-decoration:none;
}
#details-for-appointment .book-hdr:hover{ background:#fff; color: #2860a1 !important;}

.inp-block .radio-box {
  display: block;float: left;width:auto;
  position: relative;padding-right: 10px;
  padding-left: 30px;
  margin-bottom:1px;
  cursor: pointer;
  font-size:16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;height: auto !important;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color:#fff;
  border: 1px solid #2860a1;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-box:hover input ~ .checkmark {
  background-color:rgba(233, 248, 255, 0.12);
}

/* When the radio button is checked, add a blue background */
.radio-box input:checked ~ .checkmark {
  background-color:#2860a1;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-box .checkmark:after {
 	top:6px;
	left:6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

#details-for-appointment .pay-rs{display:flex; flex-direction: row; justify-content: space-between; width:100%; border:1px solid #dedede; padding:10px; border-radius:10px; margin-bottom:10px;}

#details-for-appointment .pay-rs em{color:#2860a1; font-size:12px;}
.resend-otp{margin-top:20px; font-size:11px; color:#a1a1a1;}


.dr-boxpro1{
  border-top: 1px solid #444;
  padding-top: 15px;
  margin-top: 15px;
  display:block;clear: both; 
}
.dr-boxpro1 h3{font-size:16px; font-weight:bold; color:#00000; file:images/2024/03/02/1.png; margin-bottom:0px;}
.thank-img{text-align:center; padding-top:7%;}
.thank-img img{width:80px;}
.thank-text{text-align: center;font-size:25px; color:#2860a1;}
.thank-booked-doc{text-align: center; font-size:20px; color:#000000; padding-top: 5%;}
.thank-no-doc{text-align: center; font-size:16px; color:#000000; padding-top: 5%;}
.thank-rate-star{text-align: center; font-size:14px; color:#000000; padding-top:5%; margin-bottom:10px;}
.thank-star-icon{text-align: center; font-size:20px; color:#000000; margin-bottom:10px;}


/*---------footer------- */
footer {
    background:#03426D;
    width: 100%;
    height: auto;
    padding:20px 0 20px;
    margin:0px 0px 0;
    display: flex; 
    position: relative;
    border-top: 1px solid #222;
    flex-direction: column;
}
.footer-section {
    margin: 0px;
    padding: 0px;
    display: flex;gap:30px;
    position: relative;
}
.footer-about{
    width:38%;
    margin: 0px;
    padding-right:4%;
    display: flex;
    flex-direction: column;
}
.footer-about img {
    width:220px;
    margin:20px 0 20px;
    padding: 0px;border-radius:8px;
}
.footer-about p {
  color:rgba(255, 255, 255, 0.70);
  font-size: 14px;margin-bottom:40px;
  position: relative;
}

.footer-links{width:100%;margin:50px 0px 0; padding:0px;display: flex; justify-content: space-between;}
.footer-navbox{width:auto;} .footer-nav-des{display:block;}.footer-nav-mob{display:none;}
.footer-navbox h4{font-size:20px;color:#ffffff;padding-bottom: 10px;margin:0px;}
.footer-navbox ul{display: block;margin: 0px;padding: 0px;}
.footer-navbox li{display: block;padding: 0px;list-style: none;}
.footer-links a{display:block;font-size:14px;   margin:0px;padding:5px 0px; color:rgba(255, 255, 255, 0.70);}
.footer-links a:hover{color:#e1e1e1;}
.but .fa-chevron-down{display:none;}
.footer-navbox .active .fa-chevron-down::before{content: "\f077";}
.footerbox a .fa{padding-right:7px;}


.footer-soc li{padding-left:25px; position:relative;}
.footer-navbox li .fa{position:absolute; left:0px; top:9px;}

.copyright {
	margin-top:0px;padding-top:0px; margin-top:0px; border-top:0px solid #fff5; 
    font-size: 16px;
    display: flex;color:#ffffff;
    width: 100%;justify-content: space-around;
}
.footer-about .wiki {
    width:90%;margin-top:20px;
}
.footer-about .wiki ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
	gap: 10px;
}
.footer-about .wiki li {
    width: 14%;
    padding:0px;
    list-style: none;
    position: relative;
    text-align: center;
}
.footer-about .wiki li a {
    color:#ffffff;border:2px solid #fff;
    display: block;
    border-radius:8px;
    width:35px;
    height:35px;
    line-height:30px;
    font-size:18px;
}
.footer-about .wiki li a:hover{background:#ffffff; color:#0c589e;}
.copyright .wh{
    width:100%;
    text-align:center;
}
.copyright .wh a{color:#f1a29d;}

.but .fa-chevron-down{display:none;}
.footer-navbox .active .fa-chevron-down::before{content: "\f077";}

.footer-find-button{display:flex; flex-direction: column; margin:20px 0 0; padding:0px; position:relative;}
.footer-find-button a::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/2024/01/footer-arrow.png) no-repeat;
  background-size:10px;
  background-position: bottom right;
  z-index: -1;
  bottom:12px;
  right:10px;
}
.footer-find-button .footer-find-doctor{
  width:100%;
  font-family: Inter Medium;
  font-size: 14px;
  padding:10px 14px;
  padding-left:50px !important;
  margin-bottom:20px;
  color: #ffffff;
  border-radius: 6px;
  position: relative;border:2px solid #fff;
  background:#B6291F;
  z-index:1;
}
.footer-find-doctor::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/2024/01/footer-doc.png) no-repeat;
  background-size:22px;
  background-position: bottom left;
  z-index: -1;
  bottom:9px;
  left:14px;
}
.footer-find-button .footer-book-appointment{
  width:100%;
  font-family: Inter Medium;
  font-size: 14px;
  padding:10px 14px;
  padding-left:50px !important;
  margin: 0px;
  color: #fff;border:2px solid #fff;
  border-radius: 6px;
  position: relative;
  background:none;
  z-index:1;
}
.footer-book-appointment::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/2024/01/footer-book.png) no-repeat;
  background-size:18px;
  background-position: bottom left;
  z-index: -1;
  bottom:9px;
  left:14px;
}


.footer-bottom-mob{position:fixed;bottom: 0;left: 0;right: 0;z-index: 3;background:#0c589e;box-shadow: 0 -1px 4px rgba(0,0,0,.08);display:none; border-radius:10px 10px 0px 0px;}
.navigation-mobile-link {height:60px;color:#ffffff !important;text-align: center !important;justify-content: center !important;flex-grow: 1 !important;flex-direction: column !important;display: flex !important;text-decoration: none;border-right:1px solid #ffffff;}
.navigation-mobile-link .mx-auto{margin-left:auto !important;width:15px;margin-right:auto !important;}
.f-12 {font-size:12px; font-family:Inter SemiBold; padding-top:5px;}
/*---------footer------- */


/*---------Mob Header------- */
.mob-head-button{display:none;}
.m-searchbox{display:flex;align-items: center;justify-content: center;width:auto;}
.mob-phone{display:flex;align-items: center;justify-content: center;width:auto;} 
.get-started-m{display:flex;align-items: center;font-family:Inter Medium;width: auto;}.get-started-m a{color:#ffffff; background:#0c589e;font-size: 13px; border-radius: 5px;padding:5px 7px; border: 1px solid #0c589e;}
.get-started-m a:hover{color:#ffffff; background:#0c589e;}
/*---------END Header------- */


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

.slider-des{display:none;}.slider-mob{display:block !important;} .iti__country-list{width:280px; overflow-x:hidden;}
.mob-head-button{display:flex; margin:0px; gap:10px; right:15px;top:14px;position: absolute; align-items: center;justify-content: center;}
.m-searchbox img{width:30px;height:auto;}	
.mob-phone img{width:30px;height:auto;}.get-started-m{display:flex;}	

.m-search-box{display:flex;display: flex;align-items: center;justify-content: center;}
.m-search-box img {width: 25px;height: 25px;}
.m-phone{display:flex;display: flex;align-items: center;justify-content: center;}
.m-phone img {width: 25px;height: 25px;}
#header-id{height:70px; width: 100%;  padding:1px 0;}.headerSecondry{height:auto;}
 .headerTertiary{display:none !important;}  
.logo-m > img{max-width:160px; display:block; padding:8px 0; transform: translateY(5px);}
 .sticky .logo-m > img{transform: translateY(-1px);}
 .sticky .logo-d > img{max-width:134px; transform: translateY(17px); z-index: 666;}
.home-slider{height:220px;}#slider-section {height:100%; background:none;}
.sticky{backdrop-filter:none; height:60px !important;}
#top-head{display:none;}
	
.midbox-wiki{max-width:99%;} .wiki-mk{padding-left:20px; padding-right:20px;}
#home-search-section{padding:100px 0px;}
#home-search-section::before{background:#edf9ff;}
#home-search-section h2{font-size:30px;}
#home-search-section h3{font-size:30px;}#home-search-section h4{font-size:30px;}
#home-search-section p{margin: 0px 0px 40px; padding-top:10px; font-size:14px;}

.home-search-section{width:100%; padding:15px;}
.home-search-section .search-box{flex-direction: column; gap:15px;}
.home-search-section .doctor-search{width:100%;}.home-search-section .location-search{width:100%;}
.home-search-section .search-now{width:100%; padding:12px 20px;}
.date-section{padding:20px 30px; overflow: hidden;}.info-card-img{height: auto;}
.info-card-header{gap:15px;}.text-truncate{font-size:14px;}
.text-department{font-size:13px !important;}.profie-link{font-size:14px;}
.dr-timebox .city-time{width:auto;flex:0 0 auto; font-size: 12px;} .dr-timebox{overflow-x: scroll;     flex-wrap: initial;}
.hospital-consultation-doc{flex-direction: column; gap:15px;}
.h-consultation{width:100%;}.book-hdr{width:100%;}

#details-for-appointment .pay-rs{flex-wrap: wrap;}

.appointment-details-section{margin-top: -60px;}
.video-consultation-doc{flex-direction: column; gap:15px;}
.app-details-section{flex-direction: column; gap:15px;}
.book-boxapp{width:100%; margin:0px;}.book-boxapp1{width:100%; margin:0px;}
.book-boxapp h2{font-size:16px;}.book-boxapp span{font-size:13px; top: 0px; right:10px;}
.dr-boximg img{height: auto;}.dr-img-doc{gap:10px;}
.otp-box{width:100%;}#sh-book input, select, textarea{width:100%;}
#sh-book .book-hdr{font-size:16px;}#sh-book p{font-size:13px;}

.book-boxapp1 h2{font-size:16px;}
             

/*------Footer-----*/
.footer-section{flex-direction: column; gap:0px;}.footer-about{width:100%; padding-right:0%;}.footer-navbox h4{font-size:18px;}.footer-links{flex-direction: column; margin:20px 0px 0;}.footer-navbox{margin:10px 0;}.copyright{flex-direction: column;border-top:0px;  padding-bottom:0px; margin-top:10px; font-size: 14px;}.copyright .wiki{width:100%; margin-bottom:14px;}.copyright .wiki ul{justify-content: center;}.copyright .wh{width:100%; text-align: center;}.footerbox{display:none; }  .footer-navbox ul{display:none;}.but{cursor:pointer; position:relative; border-bottom:1px solid #6c6c6c;} .but .fa-chevron-down{display: flex;position: absolute;right:8px;top:5px;}.footer-bottom-mob{display:flex;}
#button{display:none;}.footer-nav-des{display:none;}.footer-nav-mob{display:block;}
/*------END Footer-----*/

.doc-section{padding: 25px 0px;}
.schedule-box-section{flex-direction: column; gap:20px;}.schedule-box-left{width:100%;}.schedule-box-right{width:100%;}
.schedule-box-right .book-boxapp1{margin: 0px 0px;}



			 
}