/********************************
===== custom css start here =====
********************************/
/* Button css */
.btn-primary {
    /*background-color:#0336ca ;
    border: 1px solid #0336ca;*/
	background-color:var(--theme-color-2);
    border: 1px solid var(--theme-color-2);
	border-radius:25px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary{
	background-color: var(--theme-color-3);
	border: 1px solid var(--theme-color-3);
    border-color: var(--theme-color-3);
    color: #ffffff;	
}
.btn-danger{
	border-radius:25px;
}
/* color css */
.color-theme{
	/*color:#0336ca;
	color:#143185;*/
	color:var(--theme-color-3);
}
.text-glow{
	text-shadow:0 0 5px #00cdf8;
}
/* index.php */
.header-nav{
	transition: all .2s;
}
.header-nav.scrolldown{
	animation: fade_in_out 0.2s;
	opacity: 1;
	margin-top:-85px;
}
@keyframes fade_in_out {
    0% {
		margin-top:0;
		opacity: 1;
		transition: all .2s;
    }
    100% {
		opacity: 0;
		margin-top:-80px;
    }
}
.header-trans .header-nav{
	/*border-bottom: 1px solid #0336ca;	*/
}
.section.section-search-header{
	padding:20px 0;
	/*background:#f9f9f9!important;*/
	background:url(../../assets/img/whitebg.jpg);
	min-height:auto;
}
.section.home-tile-section{
	padding:60px 0 60px;
}
.main-menu-wrapper{
	padding:0 30px;
}
.main-menu-wrapper ul.main-nav li a{
	padding:20px 0 !important;
	line-height:normal;
	display:flex;
	align-items:center;
	font-weight: 600;
	position:relative;
}
.main-menu-wrapper ul.main-nav li a.btn-login{
	padding:10px 20px !important;
	margin-top:10px;
	background-color:var(--theme-color-3);
	color:#fff;
	border-radius:30px;
}
.main-menu-wrapper ul.main-nav li a:hover.btn-login{
	color:var(--theme-color-1);
}
.main-menu-wrapper ul.main-nav li a:hover{
	color:var(--theme-color-3);
}
.main-menu-wrapper ul.main-nav li a.active{
	color:var(--theme-color-3);
}
.main-menu-wrapper ul.main-nav li.has-submenu ul.submenu li a{
	padding:20px !important;
	line-height:normal;
}
.main-menu-wrapper ul.main-nav li.lang-nav a{
	color:var(--theme-color-3);
}
.icon-sb-mobile{
	display:none;
	width:16px;
	margin-right:10px;
}
.login-li{
	padding-right: 150px;
}
.mobile-view-icon{
	display:none;	
}
.home-main-banner{
	padding-top:146px;
}
.main-home-carousel{
	max-height:600px;
}
.main-home-carousel .carousel-control-next-icon, .main-home-carousel .carousel-control-prev-icon{
    width: 45px;
    height: 45px;	
}
.main-home-carousel .carousel-control-next-icon{
	background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") #01cae4 no-repeat 50%/50% 100%;
}
.main-home-carousel .carousel-control-prev-icon{
	background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") #01cae4 no-repeat 50%/50% 100%;
}
.main-home-carousel .carousel-indicators li{
	background:#01cae4;
	width: 16px;
    height: 16px;
	margin:0 8px;
	border: 0;
    border-radius: 50%;
}
.main-home-carousel .carousel-indicators li.active{
	background:#143185;
}
.btn-choose-country{
	margin:10px;
}
.search-hospital{
	max-width:320px;
	margin:0 auto 20px;
}
.search-doctor{
	max-width: 1140px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.lang-nav{
	margin-left:auto;
}
.icon-country-flag{
	width:16px;
	height:16px;
	border-radius:50%;
	border:1px solid rgba(0,0,0,.15);
}
.main-menu-wrapper ul.main-nav li a.shopping-cart-icon{
	position:relative;
	margin-right:50px;
	padding-right:5px !important;
}
.shopping-cart-icon img{
	width:26px;
	height:auto;
	-webkit-filter: drop-shadow(1px 1px 0 #fff)
    drop-shadow(-1px 1px 0 #fff);
	filter: drop-shadow(1px 1px 0 #fff) 
    drop-shadow(-1px 1px 0 #fff);
}
.shopping-cart-icon i.fas{
	font-size:16px !important;
	float:left;
}
.unread-msg1{
	/*background-color:#0336ca;*/
	background-color:#143185;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
	font-weight:bold;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 10px;
    right: -5px; 
}
.btn-make-app{
	border:3px solid #fff;
	color:#fff;
	transition:all ease .3s;
}
.btn-make-app:hover{
	color:var(--theme-color-3);
	border-color:var(--theme-color-3);
}
.btn-outline-info{
	/*color:#0336ca;
	border-color:#0336ca;*/
	color:#143185;
	border-color:#143185;
}
.btn-outline-info:hover{
	/*background:#0336ca;
	border-color:#0336ca;*/
	background:#0de0fe;
	border-color:#0de0fe;
}
@media only screen and (min-width: 1360px){
	.main-home-carousel{
		max-height:730px;
	}
}
@media only screen and (max-width: 1240px){
	.header-trans .container{
		max-width:100%;
	}
	.main-home-carousel{
		max-height:440px;
	}
}
@media only screen and (max-width: 1088px){
	.header-trans .main-nav > li{
		margin-right:12px;
	}
}
@media only screen and (max-width: 1199px){
	.header-navbar-rht li.contact-item {
		display: block;
	}
}
@media only screen and (max-width: 991.98px){
	.main-menu-wrapper{
		padding:0 0px;
	}
	.main-menu-wrapper ul.main-nav li a{
		padding:15px 20px !important;
	}
	.icon-sb-mobile{
		display:block;
	}
	.header-navbar-rht li.contact-item {
		display: none;
	}
	.login-li{
		padding-right: 0px;
	}
	.mobile-view-icon{
		display:block;	
		margin-top:0 !important;
		margin-right:5px;
		font-size:9pt;
	}
	.home-main-banner{
		padding-top:65px;
	}
	.divider .carousel-inner{
		height:100vh;
	}
	.main-home-carousel{
		max-height:100vh;
		height:100vh;
	}
	.lang-nav{
		margin-left:0;
	}
	.shopping-cart-icon .i{
		float:left;
	}
	.unread-msg1{
		right:auto;
	}
	.btn-choose-country{
		padding:.265rem;
		font-size: 10pt;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.btn-make-app{
		margin-top:10px;
	}
}
@media only screen and (max-width: 792px){
	.header-navbar-rht li.contact-item {
		display: none;
	}
	.main-menu-wrapper{
		width:100%;
		transform: translateX(-1000px);
	}	
}
@media only screen and (max-width: 768px){
	.divider .carousel-inner{
		height:auto;
	}
	.main-home-carousel{
		max-height:100vh;
	}
}
@media (max-width:414px){
	.main-home-carousel{
		height:auto;
	}
	.main-menu-wrapper{
		padding:0 0px;
	}	
	.section-search-header{
		padding:120px 0 30px;
	}
	.btn-choose-country{
		width:100%;
		margin:0 0 6px;
		font-size:8pt;
	}
	.search-doctor{
		max-width:320px;
		margin:0 auto 20px;
		padding:0;		
	}
}
.breadcrumb-bar{
	padding:168px 0 15px;
	background-color:var(--theme-color-2);
}
.speicality-img img{
	max-width:50%;
}
.live_chat{
	padding:5px;
	background:#fff;
	text-align:center;
	font-size:12px;
	border-radius:50%;
	border:1px solid #eee;
	box-shadow:0 3px 5px rgba(0,0,0,.15);
	position:fixed;
	bottom:56px;
	right:5px;
	z-index:999;
	transition:all ease .3s;
}
.live_chat:hover{
	transform:scale(1.1);
}
.live_chat img{
	width:52px;
	height:auto;
}

/*** Animation whatsapp icon ***/
.bucket-container {
    position: relative;
    height: 52px;
    width: 52px;
	border-radius: 50%;
}
.bucket-container .back {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.3s all ease;
    background: #4caf50;
	border-radius: 50%;
}
.bucket-container .front {
    height: 46px;
    width: 46px;
    position: absolute;
    left: 3px;
    top: 3px;
    background:#4caf50;
    border-radius: 50%;
    transition: 0.3s all ease;
}
.bucket-container svg {
    position: absolute;
    left:0.32em;
    top:0.3em;
    z-index: 999;
    font-size: 4em;
    fill: #fff;
	transition:all .3s ease;
}
.bucket-container .back.active {
  transform: scale(0.9);
}
.bucket-container .front.active {
  transform: scale(0);
}
.bucket-container:hover svg {
  fill: #4caf50;
  transform:rotateY(180deg);
}
.bucket-container:hover .back {
  transform: scale(0.9);
  background:#fff;
  border:3px solid #4caf50;
}
.bucket-container:hover .front {
  transform: scale(0);
}
/** **/

.main-banner{
	padding-top:86px;
}
.main-slider .slick-slide {
    height: auto;
}
.main-slider .slick-slide img {
    width: 100%;
}
.default-slider .slick-slide{
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 265px;
}
@media (min-width: 576px){
	.live_chat{
		bottom:80px;
		right:15px;
	}
}
@media (max-width:992px){
	.breadcrumb-bar{
		padding:100px 0 15px;
	}	
}
@media (max-width:414px){
	.breadcrumb-bar {
		padding: 75px 0 15px !important;
	}
	.main-slider .slick-slide {
		height:auto;
	}
	.default-slider .slick-slide{
		width:165px;
		margin:0 2px;
	}
}
.footer{
	/*background:#c7c7c7 url(../img/footer-bg.png) no-repeat bottom center;*/
	background:var(--theme-color-2);
	font-size:10pt;
}
.footer-title{
	color:#fff;
}
.footer .footer-menu ul li a{
	color:#fff;
}
.footer .footer-bottom .copyright-text p{
	color:#fff;
}
.footer .footer-bottom .copyright{
	border-top:0;
}
.book-btn1{
	/*background-color: #0336ca;
	border: 2px solid #0336ca;*/
	background-color: var(--theme-color-3);
	border: 2px solid var(--theme-color-3);
}
.book-btn1:hover{
	background-color:var(--theme-color-2);
	border-color: var(--theme-color-2);
	color: #ffffff;
}
.doc-img{
	/*min-width: 278px;
    min-height: 278px;
    background:url(../img/doctors/doctor-img-default.jpg) no-repeat;*/
	background-size:100%;
}
.submenu.last-submenu{
	left:auto;
	right:0;
	width:250px;
}
.main-nav li .submenu.last-submenu::before{
	left:auto;
	right:10%;
}
.submenu.last-submenu .shopping-cart{
	padding:15px 20px;
}
@media only screen and (max-width: 991.98px){
	.main-nav ul.submenu.last-submenu .shopping-cart ul{
		display:block !important;
	}
	.main-nav ul.submenu.last-submenu .shopping-cart ul.booking-date li{
		color:#fff;
	}
	.main-nav ul.submenu.last-submenu .shopping-cart ul.booking-date li span{
		color:#fff;
	}
}
.listing{
	margin:0;
	padding:0;
}
.listing li{
	list-style:none;
	display:block;
	margin-bottom:6px;
}
.as-seen-on-logo{
	max-width:100%;
}
.proud-partner-logo{
	max-width:80%;
}
.section.section-make-appointment{
	padding:36px 0;
	background:var(--theme-color-1);
}
.section-doctor{
	padding:0 0 60px !important;
}
.section-doctor-top{
	padding:30px 0;
	margin-bottom:30px;
	background:var(--theme-color-1);
	text-align:center;
	color:#fff;
}
.section-doctor-top h3{
	color:#fff;
}
@media (max-width:768px){
	.section-doctor-top{
		margin-bottom:0;
	}
}
.speicality-item-grid ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.speicality-item-grid li{
	margin-bottom:15px;
	list-style:none;
	display:block;
	float:left;
	width:20%;
}
@media (max-width:500px){
	.speicality-item-grid ul{
		width:100%;
	}
	.speicality-item-grid li{
		width: 50%;
	}
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/


#button {
  display: inline-block;
  /*background-color:#0336ca;*/
  background-color:var(--theme-color-1);
  width: 36px;
  height: 36px;
  text-align: center;
  color:#fff;
  border-radius: 4px;
  position: fixed;
  bottom: 10px;
  right: 20px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family:FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
  display:none;
}
#button:hover {
  cursor: pointer;
  background-color:var(--theme-color-3);
}
#button:active {
  background-color:var(--theme-color-2);
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* pharmacy-search.php */
.content-wrapper{
	padding-top:0px;
}
/* doctor-profile--- */
.overview-list{
	margin-bottom: 25px;
}
/* hospital list */
.search-logo-display{
	padding:15px;
	width:100%;
	height:125px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.search-logo-display img{
	width:152px;
	height:auto;
}
.hospital-name{
	text-align:center;
}
.hospital-name h3.title{
	font-size:10pt;
}
.hospital-list-widget{
	height:100%;
	margin-bottom:0;	
}
@media (max-width:992px){
	.search-logo-display{
		padding:0;
	}
}
@media (max-width:414px){
	.search-logo-display{
		max-height: 100px;
		overflow: hidden;
	}
	.search-logo-display a{
		text-align:center;
	}
	.search-logo-display img{
		max-width:65%;
	}
	.hospital-name{
		padding:0;
	}
}
/* hospital detail */
.clinic-services span{
	margin:0 0 5px;
}
.clinic-details ul li a img{
	width:90px;
	height:100%;
}
.product-custom ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.product-custom li{
	display:block;
	list-style:none;
	width:25%;
	margin-right:10px;
}
.product-custom span.price {
    font-size: 16px;
	font-weight: 500;
}
@media (max-width:522px){
	.product-custom li{
		width:46.88%;
		margin:0 5px;
	}
	.product-custom span.price {
		font-size: 14px;
	}
}
/* doctor_comparison_list.blade.php */
.comparison-row{
	padding:10px;
	text-align:center;
}
.comparison-img{
	max-width:100px;
	margin:0 auto;
}
.comparison-name{
	padding:6px 0;
}
.comparison-info-card{
	margin-bottom:15px;
}
.comparison-info-card .comparison-title{
	padding:6px 10px;
	background:#15558d;
}
.comparison-info-card .comparison-title h5{
	color:#fff;
}
.comparison-detail ul{
	margin:0;
	padding:0;
}
.comparison-top.sticky{
	position: sticky;
    z-index: 999;
    top: 85px;
    background: #fff;
	transition:all ease .3s; 
	transition-timing-function: ease-in;
	box-shadow:0px 5px 10px rgb(96 96 96 / 15%);
}
.mobile-comparison-name{
	font-size:85%;
}
.mobile-comparison-info .comparison-info-card{
	width:100%;
	margin: 0 5px 15px;
}
.mobile-comparison-info .comparison-detail{
	font-size:80%;
}
.mobile-comparison-info .comparison-detail ul{
	padding-left:15px;
}
.mobile-comparison-info .comparison-title{
	text-align:center;
}
.mobile-comparison-info .view-pro-btn,
.mobile-comparison-info .apt-btn
{
    padding: 5px 6px;
    font-size: 90%;
	margin-bottom:5px !important;
	margin-top:0 !important;
}
/********************************
===== custom css start here =====
********************************/

/********************************
===== hotel search =====
********************************/
.section-hotel-search{
	padding:100px 0;
	background:url(../img/bg-travel-hotel.jpg);
	background-size:cover;
	background-position:center;
	min-height:550px;
}
.search-hotel-grid{
	padding:20px;
	background:#fff;
	border-radius:10px;
}

/** *** **/

.tabulation {
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  -ms-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  -o-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
}
.tabulation label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .tabulation label {
    width: 40%;
  }
}
.tabulation input[type="text"] {
  background: rgba(0, 0, 0, 0.05);
  border: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 10px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  color: #0a365c !important;
}
.tabulation input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0a365c !important;
}
.tabulation input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #0a365c !important;
}
.tabulation input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #0a365c !important;
}
.tabulation input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #0a365c !important;
}
@media screen and (max-width: 480px) {
  .tabulation input[type="text"] {
    width: 100%;
    float: right;
  }
}
@media screen and (max-width: 480px) {
  .tabulation .cs-select {
    width: 55%;
    float: right;
  }
}
/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

select.cs-select{
	width:100%;
	padding:10px;
	position:relative;
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\e91b';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	width: 100%;
	font-size: 16px;
}

.cs-select ul span {
	padding: 1em;
	color: #777;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}

div.cs-skin-border {
	background: transparent;
	font-size: 16px;
	font-weight: 700;
	max-width: 600px;
}

@media screen and (max-width: 30em) {
	div.cs-skin-border { font-size: 1em; }
}

.cs-skin-border > span {
	border: 5px solid #000;
	border-color: inherit;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
}

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
	font-family: 'themify';
	content: "\e648";
}

.cs-skin-border ul span::after {
	content: '';
	opacity: 0;
}

.cs-skin-border .cs-selected span::after {
	/*content: "\e64b";*/
	content: "\e64c";
	color: #ddd9c9;
	font-size: 1.5em;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-border.cs-active > span {
	background: #fff;
	border-color: #fff;
	color: #db4118;
}

.cs-skin-border .cs-options {
	color: #db4118;
	font-size: 0.75em;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
}

.cs-skin-border.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-border ul span {
	padding: 1em 2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
	background: #f5f3ec;
}
.btn-search-hotel{
	letter-spacing: 0;
    text-transform: none;
    font-weight: bold;
    font-size: 18px;
	background:#15558d;
	border:1px solid #15558d;
	transition:all ease .3s;
}
.btn-search-hotel:hover{
	background:#0a365c;
	border:1px solid #15558d;
}
/********************************
===== hotel listing =====
********************************/
.hotel-listing-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.hotel-listing-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.hotel-listing-right {
    margin-left: auto;
    -ms-flex: 0 0 205px;
    flex: 0 0 205px;
    max-width: 205px;
}
.hotel-img {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    margin-right: 20px;
    width: 150px;
}
.hotel-img img {
	border-radius: 5px;
}
.hotel-location {
    color: #757575;
	font-size: 14px;
    margin-bottom: 25px;
}
.hotel-location a {
    color: #09e5ab;
    font-weight: 500;
}
.hotel-listing-widget .hotel-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3px;
}
.hotel-listing-widget .rating i {
	font-size: 14px;
}
.hotel-listing-widget .average-rating {
	font-size: 14px;
	font-weight: 500;
}
.hotel-details {
	margin-bottom: 15px;
}
.hotel-details h5 {
    font-weight: normal;
    color: #757575;
    margin-bottom: 25px;
}
.hotel-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hotel-details ul li {
	display: inline-block;
	padding-right: 5px;
}
.hotel-details ul li:last-child {
	padding-right: 0;
}
.hotel-details ul li a {
	display: inline-block;
	width:36px;
	height:36px;
	overflow:hidden;
	border-radius:5px;
}
.hotel-details ul li a img {
	border-radius: 5px;
	width: 40px;
}
.hotel-services {
    color: #272b41;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    font-size: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hotel-services span {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
}
.hotel-services span + span {
    margin-left: 5px;
}
.hotel-infos {
    margin-bottom: 15px;
}
.hotel-infos h2 b.strike{
	text-decoration: line-through;
	font-weight: 500;
}
.hotel-infos ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.hotel-infos ul li {
    display: block;
    line-height: 30px;
    color: #4E4852;
}
.hotel-infos ul li i {
    font-size: 15px;
    min-width: 30px;
}
.hotel-booking a + a {
	margin-top: 15px;
}
.hotel-booking a {
    background-color: #fff;
    border: 2px solid #20c0f3;
    border-radius: 4px;
    color: #20c0f3;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.hotel-booking a.view-pro-btn:hover, .hotel-booking a.view-pro-btn:focus {
	background: #20c0f3; 
	color: #fff;
}
.hotel-booking a.apt-btn {
    background-color: #20c0f3;
    color: #fff;
}
.hotel-booking a.apt-btn:hover, .hotel-booking a.apt-btn:focus {
	background-color: #0db9f2;
	border-color: #0db9f2;
	color: #fff;
}

@media only screen and (max-width: 767.98px){
	.hotel-listing-widget{
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}
	.hotel-listing-left {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.hotel-img{
		margin: 0 auto 20px;
		flex:0;
	}
	.hotel-listing-widget .hotel-name{
		font-size:18px;
	}
	.hotel-services{
		justify-content:center;
		margin-bottom:10px;
	}
	.hotel-listing-right{
		margin-left: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/********************************
===== medical record =====
********************************/
.btn-preview{
	cursor:pointer;
	padding:6px;
}
.btn-preview img{
	width:auto;
	height:30px;
}
/********************************
===== about us =====
********************************/
.content-wrap{
	padding-top:100px;
}
.section-about-us{
	padding:100px 0 60px;
}
.why-choose-us{
	padding:60px 0;
	background:#efefef;
}
.about-why-choose{
	/*background:#0336ca;*/
	background:#143185;
	padding: 30px;
	margin-bottom:15px;
    position: relative;
    border-radius: 6px;
	text-align:center;
	color:#fff;
}
.about-why-choose h3{
	color:#fff;
	font-size:16px;
}
.compnay-logo{
	max-width:300px;
	margin:20px auto;
	display:block;
}
.section{
	padding:60px 0;
}

.select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}

.select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}
.pic-about-us{
	display:block;
	margin:0 auto;
	padding:60px 0 0px;
	position:relative;
}
.pic-about-us img{
	max-width:100%;
}
.pic-about-us:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:260px;
	height:260px;
	border-radius:50%;
	z-index:-1;
	background:var(--theme-color-1);
	transition:all ease .3s;
}
.pic-about-us:after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:360px;
	height:360px;
	border-radius:50%;
	z-index:-1;
	background:var(--theme-color-2);
	transition:all ease .3s;
}
.pic-about-us:hover:before{
	width:300px;
	height:300px;
}
.pic-about-us:hover:after{
	width:330px;
	height:330px;
}
@media (max-width:992px){
	.content-wrap{
		padding-top:60px;
	}
	.content-wrap > .section {
		padding: 30px 0;
	}
	.pic-about-us:before{
		width:150px;
		height:150px;
	}
	.pic-about-us:after{
		width:220px;
		height:220px;
	}
	.pic-about-us:hover:before{
		width:180px;
		height:180px;
	}
	.pic-about-us:hover:after{
		width:200px;
		height:200px;
	}
}
.about-three-card{
	padding:15px 0;
}
.about-three-card-pic{
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
}
.about-three-card-pic img{
	border-radius:0px;
	box-shadow:0 0 5px rgba(0,0,0,.35);
	transition:all ease .3s;
}
.about-three-card-pic img:hover{
	transform:scale(1.2);
	filter:blur(.5px);
}
.about-three-card-content a{
	/*color:#0336ca;*/
	color:#143185;
}
.about-three-card-title{
	font-weight:bold;
	color:var(--theme-color-3);
}
.readMore-collapse{
	position:relative;
	border:none;
	transition:all ease .3s;
}
.readMore-collapse:hover{
	color:#fff;
	background:var(--theme-color-1);
}

.readMore-collapse[aria-expanded="false"] .readmore-plus{
	display:block;
}
.readMore-collapse[aria-expanded="false"] .close-collapse{
	display:none;
}
.readMore-collapse[aria-expanded="true"] .readmore-plus{
	display:none;
}
.readMore-collapse[aria-expanded="true"] .close-collapse{
	display:block;
}
.choose-us-card{
	position:relative;
	margin-bottom:20px;
}
.choose-us-icon{
	position:absolute;
	top:-15px;
	left:-15px;
	width:60px;
	height:60px;
	transition:all ease .3s;
}
.choose-us-icon:hover{
	transform:rotateY(180deg);
}
.choose-us-icon img{
	max-width:100%;
	border:1px solid #fff;
	border-radius:50%;
}
.choose-us-card-title{
	text-align:center;
	padding:20px;
	color:var(--theme-color-2);
	font-weight:500;
	font-size:18px;
	width:90%;
	margin:0 auto;
}
.choose-us-card-content{
	padding:30px;
	min-height:200px;
	border:1px solid var(--theme-color-2);
	color:var(--theme-color-3);
	text-align:center;
	position:relative;
	display:flex;
	align-items:center;
}
.our-services-card{
	height:100%;
	padding:20pt 15px;
	margin-bottom:15px;
	color:var(--theme-color-3);
	font-size:14px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 10px rgba(100,100,100,.15);
	transition:all ease .3s;
	position:relative;
}
.our-services-card:hover{
	box-shadow:0 0 20px rgba(100,100,100,.35);
}
.our-services-card h3{
	color:var(--theme-color-2);
	font-weight:500;
	font-size:18px;
	width:90%;
	margin:0 auto 15px;
}
.our-services-card ul{
	margin:0;
}
.our-services-card:before{
	position:absolute;
	bottom:0;
	right:20pt;
	font-size:72pt;
	opacity:.1;
}
.services-1:before{
	content:'1';
}
.services-2:before{
	content:'2';
}
.services-3:before{
	content:'3';
}
.services-4:before{
	content:'4';
}
.services-5:before{
	content:'5';
}
.services-6:before{
	content:'6';
}
.services-7:before{
	content:'7';
}
.services-8:before{
	content:'8';
}
.services-9:before{
	content:'9';
}
@media (max-width:992px){
	.pic-about-us{
		max-width:300px;
	}
	.about-three-card-pic img{
		max-width:360px;
	}
}
@media (max-width:414px){
	.about-three-card-pic img{
		max-width:100%;
	}
	.choose-us-card{
		margin-bottom:10px;
	}
	.choose-us-card-title{
		padding:10px;
	}
	.choose-us-card-content{
		min-height:auto;
		padding:40px;
	}
}

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 20px auto;
}
.timeline::after {
  content: '';
  position: absolute;
  width:3px;
  height:93%;
  background:linear-gradient(180deg, var(--theme-color-1), var(--theme-color-2), #7384b500);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  border-radius:50%;
}
.timeline-card{
	width:100%;
	position:relative;
	display:flex;
	align-items:center;
	padding:2em 0;
	z-index:1;
}
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: #fff;
  border: 5px solid var(--theme-color-3);
  top: 25px;
  border-radius: 50%;
  z-index: 1;

}
.timeline-container.now::after {
	background-color: var(--theme-color-1);
	animation:blinking 2s infinite;
}
@keyframes blinking {
	0% {background-color: var(--theme-color-1);border: 5px solid var(--theme-color-3);}
	50% {background-color: var(--theme-color-3);border: 5px solid var(--theme-color-1);}
	100% {background-color: var(--theme-color-1);border: 5px solid var(--theme-color-3);}
}
.timeline-left {
  left: 0;
  transition:all ease .3s;
}
.timeline-right {
  left: 50%;
  transition:all ease .3s;
}
.timeline-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index:2;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}
.timeline-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}
.timeline-right::after {
  left: -12px;
}
.timeline-card-content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  box-shadow:7px 7px 10px rgba(0,0,0,.1);
  z-index:1;
  overflow:hidden;
  transition:all ease .2s;
}
.timeline-card-content:after{
	content:'';
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:132px;
	background:url(../img/icon-puremedis.png) no-repeat;
	background-size:132px;
	background-position:right top;
	z-index:-1;
	opacity:.1;
	transition:all ease .3s;
}
.timeline-card-content:hover:after{
	background-size:152px;
}
.timeline-card-content p{
	margin-bottom:0;
	transition:all ease .3s;
}
.timeline-card-content h2{
	display:none;
}
.timeline-card-content:hover p{
	padding-left:5px;
}
.timeline-year{
	padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
	font-size:36px;	
	font-weight:600;
	color:var(--theme-color-2);
	transition:all ease .3s;
}

.timeline-year.left-grid{
	right: 50%;
    text-align: right;	
}
@media screen and (max-width: 600px) {
  .timeline::after {
  left:27px;
  }
  .timeline-container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  .timeline-container::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }
  .timeline-left::after, .timeline-right::after {
  left: 15px;
  }
  .timeline-right {
  left: 0%;
  }
	.timeline-card-content h2{
		display:block;
	}
	.timeline-year{
		display:none;
	}
}
/********************************
===== Doctor search =====
********************************/
.custom-form-control{
	display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size:8pt;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;	
	border:1px solid #ccc;
	border-radius:.25rem;
}
.filter-widget .custom-select{
	font-size:9pt;
}
.filter-widget .custom-select.custom-input{
	background:none;
}
.filter-widget .select2-container .select2-search--inline .select2-search__field{
	font-size:9pt;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	font-size:9pt;
}
.filter-widget .custom_check{
	font-size:9pt;
}
.btn-search .btn{
	font-size:9pt;
	height:auto;
}
.default-select-grid{
	font-size:14px;
	border:2px solid #c2d6f3 !important;
}
.doctor-img img {
    border-radius:0px;
    max-width: none;
	max-height:100%;
}
.doctor-img a{
	display: flex;
    overflow: hidden;
    width:100%;
    height:200px;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
	margin:0 auto 5px;
}
.search-doctor-widget{
	/*min-height:250px;*/
}


.vodiapicker{
	display: none; 
}
#a{
	padding-left: 0px;
}
#a img, .btn-select img{
	width: 12px;  
}
#a li{
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#a li:hover{
	background-color: #F4F3F3;
}
#a li img{
	margin: 5px;
}
#a li span, .btn-select li span{
	margin-left:5px;
}
.b{
	display: none;
	width: 100%;
	max-width: 350px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 5px;
	background:#fff;
	position:absolute;
	z-index:1;
}
.open{
	display: show !important;
}
.btn-select{
	width: 100%;
	max-width: 350px;
	height: 34px;
	border-radius: 5px;
	background-color: #fff;
	border:2px solid #c2d6f3 !important;
}
.btn-select li{
	list-style: none;
	float: left;
	padding-bottom: 0px;
}
.btn-select:hover li{
	margin-left: 0px;
}
.btn-select:hover{
	background-color: #F4F3F3;
	border: 1px solid transparent;
	box-shadow: inset 0 0px 0px 1px #ccc;  
}
.btn-select:focus{
	outline:none;
}
.lang-select{
	margin:0px;
}

@media (max-width:992px){
	.search-filter .card-body{
		display: flex;
		flex-wrap: wrap;
	}
	.filter-widget .custom-select{
		padding: 0.265rem;
		font-size: 8pt;
		line-height: normal;
		height: 25px;
	}
	.filter-widget .select2-container .select2-selection--multiple{
		min-height:auto !important;
		 height: 25px;
	}
	.filter-widget .form-control{
		font-size:8pt;
	}
	.filter-widget .custom_check{
		font-size:8pt;
	}
	.filter-widget .select2-container .select2-search--inline .select2-search__field{
		font-size:8pt;
		padding:0 9px;
	}
	.filter-widget .custom_check{
		padding-left:25px;
	}
	.filter-widget .custom_check .checkmark{
		width:16px;
		height:16px;
	}
	.filter-widget + .btn-search{
		width:100%;
	}
	.custom-form-control{
		padding: 0.265rem;
		font-size: 8pt;
		line-height: normal;
		height: 25px;
	}
	.btn-search .btn{
		font-size: 10pt;
		height: auto;
	}
}
@media (max-width:414px){
	.search-filter .card-header{
		padding:6px;
	}
	.search-filter .card-body{
		padding:6px;
	}	
	.btn-search .btn{
		font-size: 10pt;
		height: auto;
	}
}
/********************************
===== Coming Soon =====
********************************/
.section-coming-soon{
	min-height:60vh;
}
.rokect-coming-soon{
	max-width:325px;
	margin:0 auto;
}
/********************************
===== Phamacy Details =====
********************************/
.phamacy-slider .carousel-item{
	min-height:auto;
	height:auto;
}
.phamacy-slider i{
	width:25px;
	height:25px;
	padding:5px;
	background:rgba(0,0,0,.35);
	border-radius:50%;
}
.phamacy-widget .phamacy-logo{
	width:165px;
	height:165px;
	margin-top:-60px;
	background:#fff;
	border:1px solid #eee;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:2;
}
.phamacy-profile-logo{
	margin:0;
}
.phamacy-widget .phamacy-info-grid{
	width:80%;
	margin-left:15px;
}
.phamacy-title{
	display:flex;
}
.phamacy-info-i{
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align: center;
	padding:3px;
	margin-left:6px;
	width:18px;
	height:18px;
	border-radius:50%;
	background:var(--theme-color-2);
	cursor:pointer;
	transition:all ease .3s;
}
.phamacy-info-i:hover{
	opacity:.75;
}
.phamacy-info-i a{
	color:#fff;
}
.phamacy-widget-modal-content{
	text-align:center;
}
.phamacy-widget-modal-content .phamacy-logo{
	width:165px;
	height:165px;
	margin:0 auto;
	margin-top:-60px;
	background:#fff;
	border:1px solid #eee;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.btn-speak-to-pharmacist{
	background:var(--theme-color-2);
	border:none;
	color:#fff;
}
.btn-speak-to-pharmacist:hover{
	background:var(--theme-color-3);
	border:none;
}
.btn-speak-to-pharmacist a{
	color:#fff;
}
@media only screen and (max-width: 991.98px){
	.phamacy-widget .doc-info-left{
		min-height:0;
		justify-content:center;
		align-items:center;
	}
	.phamacy-widget .phamacy-info-grid{
		margin:0;
		margin-top:10px;
	}
	.phamacy-widget .phamacy-title{
		justify-content:center;
	}
}
@media only screen and (max-width: 414px){
	.phamacy-widget .phamacy-logo{
		width:125px;
		height:125px;
	}
}
/********************************
===== Aestetics =====
********************************/
.section-why-view{
	background:url(../img/aestetics-main-banner-bg-2.jpg);
	min-height:500px;
}
.grid-bootom{
	position:relative;
	width:100%;
	background: #692276;
    padding: 20px 0;
}
.btn-cta{
	border:0;
    border-radius: 10px;
    color: #20c0f3;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	background-color: #143185;
	transition:all ease .3s;
}
.btn-cta:hover{
	background:#20c0f3;
	color:#fff;
}
.grid-bootom .btn-cta{
	max-width:250px;
	margin:10px auto;
}
.card-V{
	margin:0 auto;
	padding:55px 20px;
	width:90%;
	height:auto;
	background:#9729a2;
	border-radius:50%;
	position:relative;
	background:url(../img/why-view-round-card.svg) no-repeat;
	background-position:center;
	background-size:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:#fff;
}
.main-character{
	font-size:5.2em;
	font-weight:bold;
	line-height:1;
}
.main-desc-text{
	text-transform:uppercase;
	color:#f9b805;
}
.why-view-text{
	margin:15px 0;
	font-size:16px;
	text-align:center;
}
.section-view-vision-mission{
	background:url(../img/aestetics-main-vision-mission-bg.jpg);
	background-position:center;
	min-height:500px;	
}
.view-mission-pic{
	max-width:80%;
}
.view-vision-mission-text{
	margin:15px 0;
	font-size:16pt;
	color:#fff;
	text-align:center;
}
.section-globally-view{
	background:url(../img/aestetics-main-banner-bg-2.jpg);
	min-height:500px;	
}
.globally-view-slider .slick-dots li button{
	background:rgba(0,0,0,.35);
}
.globally-view-slider .slick-dots li.slick-active button{
	background:rgba(0,0,0,1);
}
.section-recog-worldwide{
	background:url(../img/sp_world_view_bg.jpg);
	background-size:cover;
	background-position:center;	
}
.section-hospital-partner{
	border-top: 1px solid #7d2a86;
	min-height:120px;
	padding:30px 0;
}
.section-footer-text{
	padding:15px 0;
	background:#7d2a86;
	color:#fff;
}
@media (max-width:820px){
	.view-vision-mission-text{
		font-size:12pt;
	}
}
/********************************
===== /speciality_list =====
********************************/
.search-specialist-icon{
	padding:15px;
	width:100%;
	height:100px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.search-specialist-icon img{
	width:86px;
	height:auto;
	transition:all ease .2s;
}
.search-specialist-icon img:hover{
	transform:rotateY(180deg);
	opacity:.67;
}
/********************************
===== /contact us =====
********************************/
.contact-info{
	font-size: 0.9375rem;;
}
.contact-info p{
	font-size: 0.9375rem;;
}
/********************************
===== member/home =====
********************************/
.mobile-widget-profile .profile-info-widget{
	display:flex;
}
.mobile-widget-profile.widget-profile{
	padding:10px;
}
.mobile-widget-profile.widget-profile .profile-info-widget .booking-doc-img{
	margin:0;
	margin-right:10px;
}
.mobile-widget-profile.widget-profile .profile-info-widget .booking-doc-img img{
	width:52px;
	height:52px;
}
.mobile-widget-profile.widget-profile .profile-info-widget{
	text-align:left;
}
.dash-widget-body{
	display:flex;
	align-items:center;
	border-right: 1px solid #f0f0f0;
}
.dash-widget-icon{
	margin-right:15px;
	position:relative;
}
.dash-widget-icon:before{
	content:'';
	position:absolute;
	top:0;
	right:10px;
	width:60%;
	height:60%;
	border-radius:50%;
	background:rgb(13 224 254 / 25%);
}
.dash-widget-icon img{
	max-width:60px;
	z-index:1;
	position:relative;
}
.dash-widget-body.last{
	border-right:0;
}
.amount-count{
	display:inline-block;
	padding:5px 10px;
	color:#143185;
	font-weight:bold;
	font-size:1.2em;
}
@media (max-width:768px){
	.dash-card .card-body{
		padding:10px;
	}
	.dash-widget-body{
		flex-direction:column;
		height:100%;
		border-right:0;
	}
	.dash-widget-body .dash-widget-info{
		text-align:center;
		margin-top:auto;
	}
	.dash-widget-icon{
		margin-right:0px;
	}
	.dash-widget-icon img{
		max-width:45px;
	}
}

/********************************
===== member/favourites =====
********************************/
.my-favourite-wrapper{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.my-favourite{
	width:24.22%;
	margin:3px;
}
.my-favourite .verified-check{
	position:absolute;
	top:0;
	left:0;
}
.my-favourite .pro-content .title{
	font-size:14px;
	margin-bottom:0;
}
.my-fav-profile-pic{
	position:relative;	
}
.fav-doc-img{
	max-width:100%;
}
@media (max-width:1199px){
	.my-favourite{
		width:32.3%;
	}	
}
@media (max-width:991px){
	.my-favourite{
		width:32%;
	}	
}
@media (max-width:820px){
	.my-favourite{
		width:31%;
	}	
}
@media (max-width:428px){
	.my-favourite{
		width:47%;
	}		
}
/********************************
===== member register =====
********************************/
.account-content{
	margin-top:150px;
	padding-bottom:40px;
}
.btn-request-otp{
	position:absolute;
	top:8px;
	right:8px;
	font-size:14px;
}
@media (max-width:991px){
	.account-content{
		margin-top:100px;
		padding-bottom:40px;
	}
}
.toggle-password{
	position:absolute;
	top:20px;
	right:10px;
	font-size:16px;
	cursor:pointer;
	transition:all ease .3s;
}
.toggle-password:hover{
	opacity:.75;
}
/********************************
===== Doctor booking success =====
********************************/
.success-card .card-body{
	padding:20px;
}
.success-cont i{
	font-size:16px;
	padding:6px;
	width:auto;
	height:auto;
	margin-bottom:0;
}
.success-cont p{
	margin-bottom:1.5rem;
}
.success-title{
	margin-top:15px;
	margin-bottom:15px;
}
.booking-detalis-grid{
	margin:0;
	margin-left:22px;
	margin-bottom:15px;
	padding:0;
}
.booking-detalis-grid li{
	line-height:2;
	color:#143185;
}
.booking-detalis-grid li span{
	min-width:150px;
	display:inline-block;
	font-weight:bold;
}
@media (max-width:768px){
	.booking-detalis-grid li span{
		display:block;
	}
}
/********************************
===== Custom table css =====
********************************/
.custom-table{
	border:1px solid #f7f7f7;
	width:100%;
}
.custom-table th{
	padding:5px;
	background:#eee;
	font-size:80%;
}
.custom-table tr td{
	padding:5px;
	font-size:80%;
	border-bottom:1px solid #f1f1f1;
}
@media (max-width:428px){
	.table-responsive-mobile{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
}
/********************************
===== Booking enquiry page =====
********************************/
.booking-enquiry-card{
	margin-bottom:.762rem;
	border: 1px solid #f0f0f0;
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
}
.booking-enquiry-card-body{
	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.booking-enquiry-card h3{
	font-size:1.25rem;
	font-weight:600;
}
.booking-enquiry-card p{
	margin-bottom:0px;
	font-size:14px;
}
.booking-enquiry-card-footer{
	margin-top:10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.booking-enquiry-details{
	margin-top:15px;
	padding-top:10px;
}
a.collapse-details[aria-expanded="false"] .hide-details{
	display:none;
}
a.collapse-details[aria-expanded="true"] .more-details{
	display:none;
}
/********************************
===== member/order =====
********************************/
.item-order-card{
	display:flex;
	align-items:center;
	margin-bottom:6px;
}
.item-order-img{
	width:80px;
	height:80px;
	background:#f7f7f7;
}
.item-order-img img{
	max-width:100%;
}
.item-order-detail{
	display:flex;
	margin-left:10px;
}
.item-order-name{
	font-weight:500;
}
.item-order-desc{
	font-size:80%;
	color:#888;
}
.item-order-quantity{
	padding:0 10px;
	color:#143185;
	font-weight:600;
}
.item-order-charge{
	font-size:13px;
}
/********************************
===== member/change password =====
********************************/
.otp-input-fields {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding:20px;
}
.otp-input-fields input {
  height: 40px;
  width: 40px;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #2f8f1f;
  text-align: center;
  outline: none;
  font-size: 16px;
  /* Firefox */
}
.otp-input-fields input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.otp-input-fields input[type=number] {
  -moz-appearance: textfield;
}
.otp-input-fields input:focus {
  border-width: 2px;
  border-color: #287a1a;
  font-size: 20px;
}
.phone-setting-grid{
	border:1px solid #eee;
	margin:10px 0;
	text-align:left;
	border-radius:10px;
}
select.custom-select-country-region{
	width:100%;
	display:block;
	border:0 !important;
	color:#143185;
}
/*** =====================
	Puremedis CSS here
======================== ***/
/*** Home layout ***/
/*** Slide banner ***/
.home-page-slide-banner{
	padding:2em 0;
	height:100%;
	position:relative;
	z-index:1;
}
.home-page-slide-banner .carousel-item{
	height:100%;
	min-height:auto;
	transition: transform 5s ease-in-out;
}
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 3s;
 transition-property: opacity;
}
.banner-content{
	position:absolute;
	top:20px;
	left:20px;
	max-width:80%;
}
.btn-make-appoitment{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background-color:var(--theme-color-2);
	padding:10px 20px;
	border-radius:30px;	
	transition:all ease .3s;
}
.btn-make-appoitment:hover{
	color:#fff;
	background-color:var(--theme-color-1);
}
.select-sm{
	font-size:12px;
	color:var(--theme-color-3);
}
.the-doctor-image{
	position:absolute;
	right:0;
	bottom:0;
	width:200px;
}
.the-doctor-image img{
	max-width:100%;
}
/*** Select search ***/
.select-search-card{
	background:#fff;
	border-radius:15px;
	display:flex;
	box-shadow: 6px 6px 5px rgba(0,0,0,.15);
}
.select-search-content{
	width:50%;
	padding:15px;
	text-align:center;
}
.select-search-label{
	padding:10px;
	margin-bottom:15px;
	background:#f7f7f7;
	border-radius:10px;
	font-weight:bold;
}
.select-search-label.clinic-hosiptal{
	background:var(--theme-color-1);
	color:#fff;
}
.select-search-label.doctor{
	background:var(--theme-color-2);
	color:#fff;
}
.select-search-label.pharmacy{
	background:var(--theme-color-3);
	color:#fff;
}
.select-search-desc{
	font-size:12px;
	color:var(--theme-color-2);
	text-transform:uppercase;
	margin-bottom:10px;
}
.btn-search-outline{
	border:1px solid #ccc;
	border-radius:10px;
	color:#888;
	font-size:12px;
}
.select-search-img{
	width:50%;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0 15px 15px 0;
}
.select-search-img img{
	max-width:100%;
	transition:all ease .3s;
}
.select-search-img:hover img{
	transform:scale(1.1);
	filter:brightness(.75);
}
.testimonial-user-detail{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	display:flex;
}
.testimonial-user-avatar{
	width:36px;
	height:36px;
	margin-right:15px;
	background:#eee;
	border-radius:50%;
	border:1px solid #eee;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.testimonial-user-avatar img{
	max-width:100%;
}
.testimonial-content{

}
@media (max-width:992px){
	.img-slide-banner{
		width:100%;
	}
	.select-search-card{		
		flex-direction:column-reverse;
	}
	.select-search-content{
		width:100%;
	}
	.select-search-img{
		width:100%;
		border-radius:15px 15px 0 0;
	}
}
@media (max-width:768px){
	.testimonial-user-detail{
		flex-direction:column;
	}
	.testimonial-user-avatar{
		margin:0 0 10px;
	}
}
@media (max-width:550px){
	.home-page-slide-banner{
		padding-bottom: 0;
	}
	.home-page-slide-banner .carousel-item{
		max-height:265px;
		overflow:hidden;
	}
	.img-slide-banner{
		width:auto
	}
	.banner-content h1{
		font-size:20px;
	}
	.select-search-card {
		flex-direction: row-reverse;
		align-items: center;
	}
	.select-search-img{
		border-radius:15px 15px;
	}
}
/*** privacy policy ***/
.custom-ol li{
	margin-bottom:10px;
	font-size:16px;
}