@import url("https://cdn.jsdelivr.net/npm/remixicon@4.7.0/fonts/remixicon.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
:root {
	--theme-color: #e4074e;
	--theme-color-hover: #bc003c;
	--dark-blue: #19334d;
	--blue:#4091C8;
	--dark-primary:#5a5a5a;
	--white: #ffffff;
	--black: #000000;
	--grey: #f7f9fc;
	--red:#ff0f0f;
	--lime-red: #e4074e;
}

html {
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--grey);
}

body {
	padding-bottom: 0px;
	color: #5a5a5a;
	font-family: "Inter", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: "Inter", sans-serif;	
}
a:focus,
a:focus-visible{
	outline:0 !important;
}
a:hover{
	text-decoration:none;
}
.form-control[type="email"] {
	text-transform: lowercase;
}

.modal-login-signup .form-group {
	margin-bottom: 20px;
}

.form-group .btn-modal {
	border: 0;
	font-size: 16px;
	background: var(--theme-color);
	color: var(--white);
	border-radius: 25px;
	padding: 6px 20px;
	margin: 0 auto;
	width: 140px;
	display: block;
	font-weight: 500;
}

.navbar-wrapper {
	background: #f2f2f2;
	z-index: 9;
}

.navbar-inverse {
	background: none;
	border: 0;
	margin-bottom: 0;
}

.container>.navbar-header {
	width: 100%;
}

/*
.navbar-inverse .navbar-nav{
	float:right;
}*/
.navbar-inverse .navbar-brand,
.navbar>.container .navbar-brand {
	padding-top: 10px;
	padding-left: 0;
	width: 20%;
}

.navbar-header .nav.extra-nav {
	width: 80%;
	float: left;
	padding-top: 6px;
	padding-bottom: 5px;
}

.nav.extra-nav li {
	float: left;
}

.top-note p {
	color: var(--dark-blue);
	font-size: 24px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

.top-note h1 span {
	font-size: 20px;
	text-transform: uppercase;
	font-style: italic;
	color: var(--theme-color);
	font-weight: 600;
	letter-spacing: 1px;
}

.extra-nav li.top-note {
	width: 65%;
	text-align: center;
}

.scroll-fix .extra-nav li.top-note {
	width: 70%;
}

.extra-nav li.user-adlisting {
	width: 30%;
}

.scroll-fix .extra-nav li.user-adlisting {
	width: 30%;
}

.scroll-fix .extra-nav li.user-adlisting .head-addlist {
	padding-top: 5px;
}

.head-addlist a {
	background: var(--theme-color);
	color: var(--white);
	padding: 8px 20px;
	border-radius: 25px;
	margin-right: 13px;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}

.head-addlist a:hover {
	background: var(--theme-color-hover);
}

.head-addlist a:first-child {
	background: var(--white);
	color: var(--theme-color);
	border: 2px solid var(--theme-color);
	padding: 6px 20px;
}

.head-addlist a:first-child:hover {
	background: var(--theme-color-hover);
	color: var(--white);
	border-color: var(--theme-color-hover);
}

/* User Profile Dropdown */
.user-dropdown {
    position: relative;
    align-items: end;
    display: flex;
    flex-direction:row-reverse;
    cursor: pointer;
}

.user-profile-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.user-profile-toggle i.ri-account-circle-line {
    font-size:20px;
    color: var(--dark-primary);
}

.user-profile-toggle .user-firstname {
    font-weight: 600;
    color: var(--dark-blue);
    font-size: 14px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-profile-toggle i.ri-arrow-down-s-line {
    font-size: 16px;
    color: var(--dark-primary);
    transition: transform 0.3s ease;
}
.user-profile-toggle:hover .user-firstname,
.user-profile-toggle:hover i.ri-arrow-down-s-line{
	color:var(--theme-color);
}
.user-dropdown:hover .user-profile-toggle i.fa-angle-down {
    transform: rotate(180deg);
}
.user-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 220px;
	height:auto;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all ease-in-out 0.3s;
    z-index: 1000;
    border: 1px solid #edf2f7;
	text-align:left;
}

.user-dropdown:hover .user-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.user-adlisting .head-addlist .user-dropdown-menu .dropdown-item {
    display: inline-block;
    padding: 10px 15px;
    color: var(--dark-blue);
	background:var(--grey);
    text-decoration: none;
    font-size: 14px;	
	font-weight:500;
    transition: all 0.2s ease-in-out;
	border:0;
	margin-right:0;
	margin-bottom:8px;
	border-radius:10px;
	width: 100%;
}
.user-adlisting .head-addlist .user-dropdown-menu .dropdown-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 11px rgba(15, 23, 42, .1);
	color:var(--theme-color);
}
.user-dropdown-menu .dropdown-item i{
    text-align: center;
    color: #718096;
	float: right;
}
.user-adlisting .head-addlist .user-dropdown-menu .dropdown-item:hover i{
	color:var(--theme-color);
}
.log-register {
	float: left;
	margin-top: 15px;
}

.select-lang {
	float: left;
	margin: 15px 15px 0;
}

.select-lang select {
	border: 0;
	background: none;
	width: 50px;
}

.select-lang select:focus-visible {
	outline: 0;
}

.head-addlist {
	float: left;
	margin-left: 0px;
	margin-top: 14px;
	width:100%;
}
.logged-in-user .head-addlist{
	margin-top: 3px;
}
.log-register a {
	color: var(--dark-blue);
	font-weight: 500;
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}

.log-register a:hover {
	color: var(--theme-color);
}

.default-banner-section {
	transition: all ease-in-out 0.3s;
	position: relative;
	margin-bottom: 0px;
	background: var(--dark-blue);
}

.default-banner-section img {
	width: 100%;
	opacity: 0.7;
}

.main-searchform.fixed-header {
	position: fixed;
	left: 0;
	right: 40%;
	padding: 0;
	height: 65px;
	top: -5px;
	padding: 7px 0 0px;
	z-index: 999;
	background: none;
	transition: all ease-in-out 0.3s;
}
.main-searchform.fixed-header .search-input-wrapper{
	height: 48px;
}
.main-searchform.fixed-header .search-submit-btn{
	padding: 10px 25px;
}
.default-banner-section.innerWithform {
	background: url('../images/inner-page-banner.jpg') 38% 74% no-repeat;
	padding-top: 3%;
}

.default-banner-section.innerWithform.fixed-header .pageHeader {
	display: none;
}

.default-banner-section.innerWithform.fixed-header {
	background: none;
	padding-top: 1%;
}

.default-banner-section.innerWithform .pageHeader {
	padding-top: 12px;
}

.default-banner-section.innerWithform .pageHeader h1 {
	font-size: 30px;
}

.default-banner-section.innerWithform .pageHeader p {
	font-size: 18px;
	color: var(--dark-blue);
}

.default-banner-section.innerWithform.fixed-header:after {
	display: none;
}

.default-banner-section.fixed-header .main-searchform p {
	font-size: 18px;
	margin-bottom: 0;
	display: none;
}

.default-banner-section .main-searchform.fixed-header {
	width: 712px;
}

.main-searchform.fixed-header .main-search-panel {
	transform: translateX(190px);
	margin: 0;
}

.main-searchform.fixed-header p {
	display: none;
}

.default-banner-section.fixed-header .input-sets .form-control {
	height: 40px;
}

.default-banner-section.fixed-header .input-sets .btn-search {
	height: 40px;
}

.navbar-scrollfix.shrink {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	border-radius: 0;
	background-color: #f5f5f5;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.scroll-fix .navbar-inverse .navbar-brand,
.scroll-fix .navbar>.container .navbar-brand {
	padding-top: 8px;
}

.navbar-brand>img {
	height: 40px;
	transition: all ease-in-out 0.3s;
}

.page-header.is-sticky .navbar-brand>img {
	height: 30px;
}

.scroll-fix .navbar-header .nav.extra-nav {
	padding-top: 8px;
}

.scroll-fix .head-addlist a {
	font-size: 14px;
	line-height: 40px;
	padding: 8px 20px;
}

.sidenav {
	height: 100vh;
	width: 22%;
	background-color: #f2f2f2;
	box-shadow: 21px 0px 6px -22px rgb(0 0 0 / 30%);
	position: fixed;
	left: -81%;
	top: 0;
	z-index: 999999;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	display: flex;
	flex-direction: column;
}

.sidenav.show {
	left: 0;
}

.sidenav .user-pann {
	background: var(--theme-color);
	height: 70px;
	padding: 15px;
}

.mb-login {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	line-height: 31px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.mb-login:hover,
.mb-login:focus {
	color: var(--white);
	text-decoration: none;
}

.mb-login i {
	font-size: 44px;
}

.mb-login .lablog {
	font-weight: 600;
}

.user-smpic {
	display: inline-block;
	margin-right: 8px;
	padding-top: 0;
}

.user-smpic img {
	width: 40px;
	height: 40px;
}

.sidenav .navbar-nav li a .navitem {
	font-size: 16px;
	font-weight: 600;
}

.menu-toggler {
	position: relative;
}

.menu-toggler.show:after {
	content: "";
	position: fixed;
	height: 100vh;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 99999;
	display: block;
}

.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.show .hamRotate.active,
.show .hamRotate {
	transform: rotate(45deg);
}

.hamRotate180.active {
	transform: rotate(180deg);
}

.line {
	fill: none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke: #000;
	stroke-width: 5.5;
	stroke-linecap: round;
}

.ham4 .top {
	stroke-dasharray: 40 121;
}

.ham4 .bottom {
	stroke-dasharray: 40 121;
}

.show .ham4.active .top,
.show .ham4 .top {
	stroke-dashoffset: -68px;
}

.show .ham4.active .bottom,
.show .ham4 .bottom {
	stroke-dashoffset: -68px;
}

.menu-opener {
	display: none;
}

.modal {
	z-index: 999999;
}

.modal-login-signup .modal-header .modal-title {
	text-align: center;
}

.modal-login-signup .modal-header {
	border-bottom: 0;
}

.modal-login-signup .modal-header .modal-title img {
	height: 30px;
	width: auto;
}

.modal-login-signup .modal-header h5 {
	text-align: center;
	color: #e4074e;
}

.modal-login-signup .modal-content {
	padding: 20px;
	border-radius: 15px;
	border: 5px solid rgba(255, 255, 255, 0.3);
}


.form-control[type="email"] {
	text-transform: lowercase;
}

.modal-login-signup .form-group {
	margin-bottom: 20px;
}

.form-group .btn-modal {
	border: 0;
	font-size: 16px;
	background: var(--theme-color);
	color: var(--white);
	border-radius: 25px;
	padding: 6px 20px;
	margin: 0 auto;
	width: 140px;
	display: block;
	font-weight: 500;
}

.main-searchform {
	width: 810px;
	margin: 0 auto;
	transition: all ease-in-out 0.5s;
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
}
.main-searchform h1 {
	text-align: center;
	font-size: 24px;
	color: var(--white);
	margin-bottom: 0;
	margin-top: 0;
}
.main-searchform h2 {
	text-align: center;
	font-size: 40px;
	color: var(--white);
	margin-bottom: 0;
	margin-top: 0;
}

.main-searchform p {
	text-align: center;
	font-size: 16px;
	color: var(--white);
	font-weight: 400;
}

.main-search-panel {
	padding: 0px;
	border-radius: 50px;
	border: 4px solid rgba(255, 255, 255, 0.25);
	margin: 10px 0;
}

.main-search-panel .form-group {
	margin-bottom: 0;
}

.main-searchform.fixed-header .extrasrc-category {
	display: none;
}

/* ============================================
   GLOBAL SEARCH COMPONENT
   ============================================ */
.docila-global-search {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.global-search-form {
    width: 100%;
}

.search-input-wrapper {
    display: flex;
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 50px;
    padding: 6px 6px 6px 20px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
	position:relative;
}

.search-input-wrapper:focus-within {
    box-shadow: 0 4px 25px rgba(228, 7, 78, 0.15);
}

.search-field {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 10px;
}

.search-field i {
    font-size: 20px;
    flex-shrink: 0;
}
.search-field i.ri-search-line{
	color:var(--dark-blue);
}
.search-field i.ri-crosshair-2-line{
	color:var(--dark-blue);
}
.search-field i.ri-crosshair-2-line:hover{
	color:var(--theme-color-hover);
}

.search-field input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 8px 0 8px 10px;
    background: transparent;
    color: #333;
    min-width: 0;
}

.search-field input::placeholder {
    color: #999;
}

.search-term {
    flex: 1.5;
}

.search-location {
    flex: 1;
}

.search-divider {
    width: 1px;
    height: 30px;
    background: var(--grey);
    margin: 0 15px;
    flex-shrink: 0;
}

.detect-location {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: #666;
    border-radius: 50%;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.detect-location:hover {
    background: var(--grey);
    color: #0066cc;
}

.search-submit-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--theme-color);
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.search-submit-btn:hover {
    background: var(--theme-color-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(228, 7, 78, 0.3);
}

.search-submit-btn i {
    font-size: 18px;
}
/* ============================================
   GLOBAL SEARCH COMPONENT END
   ============================================ */
/* ============================================
   HEADER COMPACT MODE
   ============================================ */
.header-search .docila-global-search {
    max-width: 660px;
}

.header-search .search-input-wrapper {
    padding: 4px 4px 4px 15px;
}

.header-search .search-field input {
    padding: 8px 0;
    font-size: 14px;
}

.header-search .search-submit-btn {
    padding: 10px 20px;
    font-size: 14px;
}

.header-search .search-submit-btn span {
    display: none;
}

/* ============================================
   HEADER COMPACT MODE END
   ============================================ */





.scroll-fix .navbar-inverse {
	margin-bottom: 6px;
}

.modal-login-signup .modal-dialog {
	width: 450px;
	margin-top: 90px;
}

.extrasrc-category .owl-nav {
	position: absolute;
	left: -36px;
	right: -36px;
	top: -13px;
	z-index: -1;
}

.extrasrc-category .owl-nav .owl-next,
.extrasrc-category .owl-nav .owl-prev {
	font-size: 48px;
	color: var(--grey);
	transition: all ease-in-out 0.3s;
}

.extrasrc-category .owl-nav .owl-next:hover,
.extrasrc-category .owl-nav .owl-prev:hover {
	color: var(--theme-color);
}

.extrasrc-category .owl-nav .owl-prev {
	float: left;
}

.extrasrc-category .owl-nav .owl-next {
	float: right;
}

.default-banner-section.fixed-header .extrasrc-category {
	display: none;
}

.extrasrc-category {
	text-align: center;
}

.extrasrc-category .loop {
	padding-left: 0;
	margin-top: 15px;
}

.extrasrc-category ul li {
	display: inline-flex;
	margin: 0 10px;
}

.extrasrc-category .loop .owl-item {
	width: auto !important;
}

.extrasrc-category .loop .item a {
	background: rgba(25, 51, 77, 0.7);
	padding: 6px 15px;
	font-size: 14px;
	line-height: 25px;
	color: var(--grey);
	font-weight: 400;
	border-radius: 25px;
	transition: all ease-in-out 0.3s;
	border: 1px solid var(--theme-color);
	display: block;
	text-decoration: none;
}

.extrasrc-category .loop .item a:hover {
	background: var(--theme-color-hover);
	color: var(--grey);
	text-decoration: none;
}

.more-category_mb {
	display: none;
}

.top-rated-home {
	background: #f7f9fc;
}

.top-rated-home h2,
.top-rated-home h3 {
	text-align: center;
	color: var(--dark-blue);
	margin-bottom: 30px;
	font-weight: 600;
	font-size:30px;
}
.med-cate h2{
	text-align: center;
	color: var(--dark-blue);
	margin-bottom: 30px;
	font-weight: 600;
	margin-top:0;
	font-size:30px;
}

.top-travels .owl-carousel .owl-item .item {
	background: var(--white);
	border-radius: 10px;
	box-shadow: 4px 5px 10px -10px rgb(0 0 0 / 30%);
}

.item .thumb-img img {
	border-radius: 10px 10px 0 0;
	height: auto;
}

.top-travels .info-grid {
	padding: 12px;
	background: #fff;
}

.top-travels .info-grid a.business-name {
	color: var(--dark-blue);
	font-size: 20px;
	text-transform:capitalize;
	transition: all ease-in-out 0.3s;
	display: block;
	margin-bottom: 8px;
}
.info-grid span.business-name strong{
	color: var(--dark-blue);
    font-size: 20px;
    text-transform: capitalize;
    transition: all ease-in-out 0.3s;
    display: block;
    margin-bottom: 8px;
}
.info-grid .geo-location {
	position: relative;
	padding-left: 20px;
}

.info-grid .geo-location:before {
	content: '\f041';
	position: absolute;
	left: 0;
	top: 0px;
	font-family: "FontAwesome";
	font-size: 18px;
	display: block;
	color: #999999;
}

.info-grid a.for-ph,
.info-grid a.for-whtapp {
	position: relative;
	padding-left: 20px;
	text-decoration: none;
	color: var(--dark-blue);
	font-weight: 500;
}

.info-grid a.for-ph:focus,
.info-grid a.for-whtapp:focus {
	outline: 0;
}

.info-grid a.for-ph:before {
	content: '\f095';
	position: absolute;
	left: 0;
	top: 0px;
	font-family: "FontAwesome";
	font-size: 18px;
	display: block;
	color: #999999;
}

.info-grid a.for-whtapp:before {
	content: '\f232';
	position: absolute;
	left: 0;
	top: 0px;
	font-family: "FontAwesome";
	font-size: 18px;
	display: block;
	color: #999999;
}

.info-grid a.for-ph {
	margin-right: 10px;
}

.actionCol {
	text-align: center;
}
.pagination-wrap{
	text-align: center;
    padding: 15px;
}
.page-numbers{
	width:40px;
	height:40px;
	border-radius:50%;
	text-align:center;
	font-size:16px;
	background: #19334D;
    background: linear-gradient(90deg, rgba(25, 51, 77, 1) 0%, rgba(228, 7, 78, 1) 100%);
	box-shadow: 0px 2px 3px -3px rgb(0 0 0 / 20%);
	color:var(--white);
	padding: 8px;
	display:inline-grid;
}
.page-numbers.current{
	background:var(--dark-blue);
}
.page-numbers:hover{
	color:var(--white);
	background:var(--dark-blue);
}
.page-numbers.next,
.page-numbers.prev{
	width:auto;
	border-radius: 30px;
    padding: 8px 15px;
}


.top-travels .owl-carousel .owl-stage-outer {
	padding: 15px 0;
}

.by-location {
	border-top: 50px solid #ffffff;
}

.top-rated-home.mobile-v {
	display: none;
}

.top-rated-home .top-travels ul {
	padding-left: 0;
	display: block;
	margin: 0 -10px;
}

.top-rated-home .top-travels ul li {
	list-style: none;
	width: 25%;
	float: left;
	margin-bottom: 30px;
	padding: 0 10px;
}

.top-rated-home .top-travels ul li .item {
	box-shadow: 4px 5px 6px -7px rgb(0 0 0 / 30%);
	border-radius: 10px;
}

.top-rated-home .top-travels ul li .item .thumb-img img {
	width: 55%;
}

.top-travels .info-grid {
	border-radius: 0 0 10px 10px;
}

.top-rated-home.desktop-v {
	display: block;
	padding-bottom: 30px;
}

.loadmore {
	text-align: center;
}

.loadmore a {
	background: var(--dark-blue);
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	padding: 8px 25px;
	border-radius: 25px;
	text-decoration: none;
	display: inline-block;
	transition: all ease-in-out 0.3s;
}

.loadmore a:hover {
	background: var(--theme-color);
	color: var(--white);
}

.mission_img {
	float: left;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	position: relative;
	cursor: pointer;
}

.mission_img img {
	max-width: 100%;
	width: 100%;
}

.mission_img h4 {
	text-decoration: none;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 24px;
	line-height: 35px;
	height: 0px;
	position: absolute;
	transition: 0.5s ease all;
	visibility: hidden;
	opacity: 0;
	bottom: 150px;
	transform: scale(0.3);
	padding: 120px 50px 0;
}

.mission_img:hover h4 {
	background-color: rgba(20, 20, 100, 0.4);
	visibility: visible;
	height: 100%;
	padding: 120px 50px 0;
	opacity: 1;
	bottom: 0;
	top: -10px;
	transform: scale(1);
}

.our-mission {
	margin: 30px 0;
}

.our-mission h5 {
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	color: #1f263e;
	line-height: 26px;
	margin-bottom: 30px;
}

.our-mission h5 small {
	font-size: 18px;
}

.global-list {
	padding-left: 0;
}

.global-list li {
	position: relative;
	list-style: none;
	font-size: 20px;
	padding: 0 0 25px 30px;
	font-weight: 600;
	color: #1f263e;
}

.global-list li:before {
	content: '\f058';
	font-family: "FontAwesome";
	color: #999999;
	font-size: 24px;
	position: absolute;
	left: 0;
	top: -4px;
	display: block;
}

.whatdo strong {
	font-size: 20px;
	font-weight: 600;
	color: var(--dark-blue);
}

.whatdo p {
	font-size: 16px;
	color: var(--dark-blue);
	line-height: 26px;
}

.addaction a {
	background: var(--theme-color);
	color: var(--white);
	padding: 10px 40px;
	border-radius: 25px;
	font-size: 14px;
	line-height: 50px;
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}

.addaction a:hover {
	background: var(--theme-color-hover);
}

.main-footer {
	background: var(--dark-blue);
	padding-top: 30px;
}

.footre-brand p {
	color: #f2f2f2;
}

.footer-nav h6,
.footer-contact h6 {
	font-size: 24px;
	color: var(--theme-color);
	font-weight: 500;
}

.footer-nav ul {
	padding-left: 0;
}

.footer-nav ul li {
	list-style: none;
	margin-bottom: 10px;
}

.footer-nav ul li a {
	color: #f2f2f2;
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}

.footer-nav ul li a:hover {
	color: #ccc;
}
.footer-social{
	text-align:center;
}
.footer-social a {
	background: var(--theme-color);
	color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size:22px;
	display: inline-block;
	text-align: center;
	padding-top: 5px;
	margin: 0 8px;
	transition: all ease-in-out 0.3s;
}
.footer-social a:hover {
	background: var(--theme-color-hover);
}
.copyright {
	text-align: center;
	border-top: 1px solid #666;
	padding-top: 5px;
}

.copyright p {
	font-size: 12px;
	color: #cccccc;
}

.default-banner-section {
	position: relative;
}

.innerBanner img {
	max-width: 100%;
}

.default-banner-section .pageHeader {
	position: absolute;
	top: 25%;
	right: 0;
	left: 0;
	text-align: center;
}

.pageHeader h1{
	font-size: 40px;
	color: var(--grey);
	font-weight: 600;
	margin: 0;
	text-transform:capitalize;
}

.pageHeader p {
	color: var(--theme-color);
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
}

.addListing {
	background: var(--grey);
	padding: 40px 0;
}

.listingForm {
	background: var(--white);
	padding: 30px;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 28%);
	width: 800px;
	margin: 0 auto;
	border-radius: 15px;
}
.listingForm.hospital-regist-form,
.listingForm.ambulance-regist-form{
	padding:30px;
}
.formTitle {
	padding: 0 15px;
}
.ambulance-regist-form .formTitle{
	padding:0;
}
.formTitle h2,
.formTitle h3 {
	font-size: 20px;
	font-weight: 600;
	color: var(--dark-blue);
	margin-top: 0;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #cccccc;
}

.formTitle h2 i,
.formTitle h3 i {
	color: var(--dark-blue);
	background: #fef2f2;
	font-size: 18px;
	margin-right: 5px;
	padding:8px;
	border-radius:8px;
	font-weight: 400;
    width: 34px;
    height: 34px;
    text-align: center;
	display:inline-block;
}
.doctor-regist .formTitle,
.hospital-regist-form .formTitle{
	padding:0;
}
.pageHeader {
	text-align: center;
}

.resultPage-body {
	background: var(--grey);
	padding: 30px 0;
}

.sideBar-options ul li i:before,
.sideBar-options ul li i:after {
	transition: all 0.25s ease-in-out;
}

.sideBar-options ul li {
	animation: flipdown 0.5s ease both;
}

.sideBar-options ul {
	list-style: none;
	perspective: 900px;
	padding: 0;
	margin: 0;
}

.sideBar-options>ul {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 2px 3px -3px rgb(0 0 0 / 20%);
	border: 1px solid #eaeaea;
	padding: 15px;
}

.sideBar-options ul li {
	position: relative;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
	border-bottom: 1px dotted #dce7eb;
}

.sideBar-options ul li:nth-of-type(1) {
	animation-delay: 0.5s;
}

.sideBar-options ul li:nth-of-type(2) {
	animation-delay: 0.75s;
	border-bottom: 0;
}

.sideBar-options ul li:nth-of-type(3) {
	animation-delay: 1s;
}

.sideBar-options ul li:last-of-type {
	padding-bottom: 0;
}

.sideBar-options ul li i {
	position: absolute;
	transform: translate(-6px, 0);
	margin-top: 6px;
	right: 0;
}

.sideBar-options ul li i:before,
.sideBar-options ul li i:after {
	content: "";
	position: absolute;
	background-color: var(--theme-color);
	width: 3px;
	height: 9px;
}

.sideBar-options ul li i:before {
	transform: translate(-2px, 0) rotate(45deg);
}

.sideBar-options ul li i:after {
	transform: translate(2px, 0) rotate(-45deg);
}

.sideBar-options ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.sideBar-options ul li input[type=checkbox]:checked~ul {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

.sideBar-options ul li input[type=checkbox]:checked~i:before {
	transform: translate(2px, 0) rotate(45deg);
}

.sideBar-options ul li input[type=checkbox]:checked~i:after {
	transform: translate(-2px, 0) rotate(-45deg);
}

.sideBar-options ul li ul {
	position: relative;
	z-index: 99;
}

.sideBar-options ul li ul li {
	border-bottom: 0;
	padding-bottom: 12px;
}

.sideBar-options ul li ul li a {
	color: #5a5a5a;
}


@keyframes flipdown {
	0% {
		opacity: 0;
		transform-origin: top center;
		transform: rotateX(-90deg);
	}

	5% {
		opacity: 1;
	}

	80% {
		transform: rotateX(8deg);
	}

	83% {
		transform: rotateX(6deg);
	}

	92% {
		transform: rotateX(-3deg);
	}

	100% {
		transform-origin: top center;
		transform: rotateX(0deg);
	}
}

.result-count {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 2px 3px -3px rgb(0 0 0 / 20%);
	border: 1px solid #eaeaea;
	margin-bottom: 20px;
}

.result-count p {
	margin-bottom: 0;
	padding: 12px 20px;
	font-size: 18px;
}

.result-count p strong {
	font-weight: 500;
}

.clinic-row {
	background: #ffffff;
	display: inline-block;
	width: 100%;
	margin-top: 30px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 28%);
	border: 1px solid #eaeaea;
}

.clinic-row .bizImg {
	width: 302px;
	height: 230px;
	float: left;
	border-radius: 10px 0 0 10px;
	position: relative;
}

.clinic-row .bizDetails {
	width: 65%;
	display: inline-block;
	padding: 20px;
	position: relative;
}

.clinic-row .bizImg img {
	border-radius: 10px 0 0 10px;
	height: 100%;
	width: 100%;
}

.clinic-row .bizDetails h5 {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 5px;
	text-transform: capitalize;
}

.clinic-row .bizDetails h5,
.clinic-row .bizDetails h5 a {
	margin-top: 0;
	color: var(--dark-blue);
	font-size: 22px;
	font-weight: 500;
	text-decoration: none;
	line-height: 19px;
}

.contactNumb .phNumb {
	margin-right: 20px;
}

.contactNumb a {
	color: #666666;
	position: relative;
	padding-left: 25px;
	text-decoration: none;
}

.contactNumb {
	margin-bottom: 12px;
}

.contactNumb .phNumb:before {
	content: '\f095';
	position: absolute;
	left: 0;
	top: -2px;
	font-family: "FontAwesome";
	font-size: 16px;
	display: block;
}

.contactNumb .whtsA:before {
	content: '\f232';
	position: absolute;
	left: 0;
	top: -2px;
	font-family: "FontAwesome";
	font-size: 16px;
	display: block;
}

.bizAddress {
	position: relative;
	padding-left: 25px;
}

.bizDetails .bizAddress:before {
	content: '\f041';
	position: absolute;
	left: 0;
	top: -2px;
	font-family: "FontAwesome";
	font-size: 16px;
	display: block;
}

.availableType {
	position: relative;
	padding-left: 25px;
}

.availableType:before {
	content: '\f0f0';
	position: absolute;
	left: 0;
	top: -1px;
	font-family: "FontAwesome";
	font-size: 14px;
	display: block;
}

.actionCenter {
	margin-top: 15px;
}

.actionCenter a {
	text-decoration: none;
}

.actionCenter a.viewbiz:hover {
	color: var(--dark-blue);
}

.actionCenter .call2ac {
	background: var(--theme-color);
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	padding: 6px 30px;
	border-radius: 25px;
	text-decoration: none;
	display: inline-block;
	transition: all ease-in-out 0.3s;
}

.actionCenter .call2ac:hover {
	background: var(--dark-blue);
}

.actionCenter .call2ac span {
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	display: inline-block;
	border-radius: 50%;
	color: var(--white);
	text-align: center;
	margin-left: 5px;
}

.call2ac span .fa {
	font-size: 12px;
}

.bizAddress p {
	font-size: 14px;
}

.viewsCount {
	position: absolute;
	right: 20px;
	top: 10px;
	text-align: center;
	line-height: 14px;
}

.vNum {
	display: block;
	font-weight: 600;
}

.vLabel {
	display: block;
	font-size: 12px;
}

.actionCenter a {
	margin-right: 15px;
}

.shareThis {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 34px;
	height: 34px;
	background: var(--theme-color);
	border-radius: 50%;
	text-align: center;
	transition: all ease-in-out 0.3s;
}

.shareThis:hover {
	background: var(--dark-blue);
}

.shareThis a {
	color: #ffffff;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: 6px;
}

.default-banner-section {
	/* background:url('../images/inner-page-banner.jpg') 0 0 no-repeat; */
	position: relative;
}

.profileBanner-single img {
	max-width: 100%;
}

.default-banner-section .profileOver {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	z-index: 1;
}

.default-banner-section .business-name {
	width: 87%;
	float: left;
	position: relative;
	margin-top: 0px;
	padding-left: 20px;
}

.default-banner-section .business-name .viewsCount {
	text-align: left;
	position: relative;
	right: inherit;
	left: 0;
	top: inherit;
	bottom: 8px;
	padding-left: 25px;
}

.default-banner-section .business-name .viewsCount:before {
	content: '\f06e';
	position: absolute;
	left: 0;
	top: 0;
	font-family: "FontAwesome";
	color: var(--theme-color);
	display: block;
	font-size: 18px;
}

.default-banner-section .business-name .viewsCount .vNum,
.default-banner-section .business-name .viewsCount .vLabel {
	display: inline-block;
	margin-right: 4px;
	color: var(--theme-color);
}

.default-banner-section .business-name h1 {
	color: var(--grey);
	font-size: 30px;
	margin-bottom: 15px;
}

.profileView-body {
	background: #f5f5f5;
	padding-top: 70px;
	padding-bottom: 40px;
}

.main-services,
.totalContact {
	background: #fff;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 28%);
	border: 1px solid #eaeaea;
	padding: 0;
	border-radius: 10px;
	border-top: 0;
	margin-bottom: 20px;
}

/* Dashboard Headers */
.ProHead {
    background: #19334D;
    background: linear-gradient(90deg, rgba(25, 51, 77, 1) 0%, rgba(228, 7, 78, 1) 100%);
    padding: 15px 20px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 35px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(255, 0, 68, 0.15);
}

.ProHead h4 {
	margin: 0;
	text-align: center;
	color: var(--grey);
	padding:0;
	font-size:22px;
}
.dashboard-content .profile-tabs-content .dash-tab .view-mode{
	padding:0 25px;
}

/* Modern Details Grid */
.modern-details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 40px;
    padding-top: 10px;
}
.detail-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 5px 0;
}
.detail-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #f1f5f9;
    color: #19334d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 20px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}
.detail-item:hover .detail-icon {
    background: #eef6ff;
    color: var(--theme-color);
    border-color: #bfdbfe;
    transform: translateY(-2px);
}
.detail-content {
    flex: 1;
}
.detail-content strong {
    display: block;
    font-size: 16px;
    color: #5a5a5a;
    margin-bottom: 4px;
    text-transform: capitalize;
	font-weight:600;
}
.detail-content p, .detail-content div {
    font-size: 16px;
    color: var(--dark-blue);
    font-weight: 500;
    margin: 0;
    line-height: 1.5;
}
.detail-content a {
    color: var(--dark-blue);
    text-decoration: none;
    transition: color 0.2s;
}
.detail-content a:hover {
    color:var(--theme-color);
    text-decoration: none;
}
.edit-action-footer{
	text-align: right;
    margin-top: 25px;
    padding-top: 15px;
	margin-bottom:25px;
}
.modern-edit-btn{
	color: var(--dark-blue);
	background:#fef2f2;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
	padding:6px 20px;
	border-radius:30px;
    transition: all ease-in-out 0.3s;
}
.modern-edit-btn:hover{
	color:var(--white);
	background:var(--theme-color-hover);
}


/* Inline Editing Styles */
.edit-mode {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.edit-field-row {
    margin-bottom: 15px;
}

.edit-field-row label {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    color: #5a5a5a;
	font-size:16px;
}

.edit-field-row label em {
    color: #e74c3c;
	font-style:normal;
}

.edit-field-row .form-control {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.edit-field-row .form-control:focus {
    border-color: #19334d;
    outline: none;
    box-shadow: 0 0 0 3px rgba(25, 51, 77, 0.1);
}

.edit-field-row small {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 4px;
}

.edit-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
#passwordSection .tra-Information {
    padding: 20px;
}
.btn-cancel{
	border-radius:10px;
}
.editProfile a {
    color: #4b5563;
    font-size: 13px;
    font-weight: 500;
    transition: 0.2s;
    cursor: pointer;
}


.form-message {
    margin-top: 15px;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
}

.form-message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.form-message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    background: #f7f9fc;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.checkbox-label:hover {
    background: #eef6ff;
}

.checkbox-label input[type="checkbox"] {
    margin: 0;
	float: left;
    margin-right: 8px;
}
.invite-doctor-section{
	margin-bottom: 25px;
    background: #fff;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.invite-inner-body{
	padding: 0 25px 25px;
}
.invite-inner-body .btn-invite{
	margin-top: 5px;
    background: var(--theme-color);
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    width: 100%;
    font-weight: 500;
}

.about-section-modern {
    display: flex;
    gap: 15px;
    padding-top: 35px;
    border-top: 1px solid #f1f5f9;
}
.tra-phoN .infoValue a {
	text-decoration: none;
	color: var(--dark-blue);
}

.tra-Information {
	padding: 25px;
}

.editProfile {
	padding: 15px;
	text-align: center;
}

.editProfile a {
	color: var(--dark-blue);
    background: #fef2f2;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 20px;
    border-radius: 30px;
    transition: all ease-in-out 0.3s;
}

.editProfile a:hover {
	color: var(--white);
	background: var(--theme-color-hover);
}

.actionC a {
	margin-right: 20px;
	font-size: 24px;
	color: var(--theme-color);
	width: 50px;
	display: inline-block;
	height: 50px;
	border-radius: 50%;
	border: 2px solid var(--theme-color);
	text-align: center;
	line-height: 45px;
	transition: all ease-in-out 0.3s;
}

.actionC a:hover {
	background: var(--dark-blue);
}

.actionC {
	padding-top: 15px;
	border-top: 1px solid #eaeaea;
}

.tra-Information .infoLabel strong {
	color: var(--dark-blue);
}

.serviceList {
	padding-left: 0;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.serviceList li.srvItems {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.serviceList li.srvItems [class*='L-'] {
	background: #f5f5f5;
	position: relative;
	padding: 10px 15px 10px 35px;
	border: 1px solid var(--dark-blue);
	border-radius: 6px;
	color: var(--dark-blue);
	font-weight: 500;
}

.serviceList li.srvItems [class*='L-']:before {
	content: '\f058';
	position: absolute;
	left: 12px;
	top: 8px;
	font-family: "FontAwesome";
	display: block;
	font-size: 18px;
	color: var(--theme-color);
}

.profileView-body .duo__cell.example__demo {
	width: 100%;
}

.profileView-body .duo__cell.example__demo img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.profileView-body .flickity-enabled.is-draggable .flickity-viewport {
	height: 500px !important;
}

.profileView-body .carousel.flickity-enabled {
	background: none;
	margin-bottom: 10px;
}

.clinic-row .bizDetails .profilePic {
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	left: -26px;
	top: 15px;
	border: 2px solid #fff;
}

.clinic-row .bizDetails .profilePic img {
	border-radius: 50%;
}

.cate-scroll .item a:hover {
	text-decoration: none;
}

.short-desription {
	display: inline-block;
	background: #fff;
	border-radius: 10px;
}

.page-header {
	position: relative;
	display: block;
	margin: 0;
	padding: 0px;
}

.page-header.is-sticky {
	position: fixed;
	top: 0;
	width: 100%;
	-webkit-animation: site-header-slide-down 0.5s forwards;
	animation: site-header-slide-down 0.5s forwards;
	z-index: 9;
	box-shadow: 4px 5px 6px -7px rgb(0 0 0 / 30%);
}

.page-header.slide-up {
	-webkit-animation: site-header-slide-up 0.3s forwards;
	animation: site-header-slide-up 0.3s forwards;
}

.page-header .headtop-mb {
	display: none;
}

.has-sticky-nav .wrap {
	padding-top: 70px;
}

@-webkit-keyframes site-header-slide-down {
	from {
		transform: translateY(-70px);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes site-header-slide-down {
	from {
		transform: translateY(-70px);
	}

	to {
		transform: translateY(0);
	}
}

@-webkit-keyframes site-header-slide-up {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-70px);
	}
}

@keyframes site-header-slide-up {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-70px);
	}
}

.upBiz-photos {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}

.upBiz-photos a {
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	padding: 8px 30px;
	border-radius: 25px;
	font-size: 16px;
	text-decoration: none;
	display: inline-block;
	font-weight: 600;
	transition: all ease-in-out 0.3s;
}

.upBiz-photos a:hover {
	background: var(--theme-color);
	color: var(--white);
}

#upload_link {
	text-decoration: none;
}

#upload {
	display: none
}

.packages .plans {
	background: var(--dark-blue);
	color: var(--white);
	border-radius: 10px;
	text-align: center;
}

.plans .plansName {
	background: var(--theme-color);
	border-radius: 10px 10px 0 0;
	padding: 8px;
}

.plansName strong {
	color: var(--grey);
	font-size: 18px;
	font-weight: 500;
}

.planBox {
	padding: 10px 15px;
}

.planBox h6 {
	font-size: 14px;
	font-weight: 400;
}

.planBox h6 strong {
	font-weight: 500;
	color: var(--theme-color);
	font-style: italic;
}

.planBox label {
	font-weight: 400;
	margin: 15px 0;
}

.planBox label span {
	color: var(--theme-color);
	font-weight: 600;
}

.planBox a.planUpgrade {
	padding: 6px 25px;
	color: #ffffff;
	border-radius: 25px;
	background: rgb(25, 51, 77);
	background: linear-gradient(90deg, rgba(25, 51, 77, 1) 50%, rgba(228, 7, 78, 1) 100%);
	border: 1px solid #33141e;
	margin: 8px 0;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 75%);
	transition: all ease-in-out 0.5s;
}

.planBox a.planUpgrade:hover {
	background: rgb(25, 51, 77);
	background: linear-gradient(90deg, rgba(25, 51, 77, 1) 1%, rgba(228, 7, 78, 1) 80%);
}

.clinic-view-body {
	background: var(--grey);
	padding-top: 30px;
}

.clinicProfile {
	display: inline-block;
	width: 100%;
	background: var(--white);
	border: 1px solid #eeeeee;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.clinicProfile .clinicPic {
	width: 20%;
	float: left;
}

.clinicProfile .clinicPic img {
	width: 100%;
	max-height: 140px;
	border-radius: 10px;
	border: 2px solid var(--dark-blue);
}

.clinicProfile .clinicDetails {
	width: 80%;
	float: right;
	padding-left: 20px;
	margin-top:10px;
}

.clinicDetails h1 {
	font-size: 24px;
	margin-top: 0;
	color: var(--dark-blue);
	margin-bottom: 2px;
}

.clinicDetails .address {
	position: relative;
	padding-left: 20px;
}

.clinicDetails .address::before {
	content: '\f041';
	position: absolute;
	left: 0;
	top: 0px;
	display: block;
	font-family: "FontAwesome";
	font-size: 16px;
	color: var(--theme-color);
	line-height: 19px;
}

.clinicDetails .phN {
	position: relative;
	padding-left: 20px;
}

.clinicDetails .phN::before {
	content: '\f095';
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	font-family: "FontAwesome";
	font-size: 16px;
	color: var(--theme-color);
	line-height: 19px;
}

.clinicDetails .phN a {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #dddddd;
	font-weight: 500;
	color: var(--dark-blue);
	text-decoration: none;
}

.clinicDetails .phN a:last-child {
	border-right: 0;
}

.actionRow {
	margin-top: 20px;
	padding-top: 15px;
	clear: both;
	display: inline-block;
	border-top: 1px dashed #ccc;
	width: 100%;
}

.actionRow a {
	margin-right: 15px;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	font-size: 14px;
	padding: 5px 18px;
	border-radius: 25px;
	text-decoration: none;
	display: inline-block;
	transition: all ease-in-out 0.3s;
}

.actionRow a:hover {
	background-color: var(--theme-color-hover);
	color: var(--white);
	border-color: var(--theme-color-hover);
}

.actionRow a .fa {
	margin-right: 5px;
}

.footre-brand {
	text-align: center;
}

.footre-brand .brand-logo img {
	width: auto;
	height: 24px;
	margin-bottom: 8px;
}

.clinicTabs {
	display: inline-block;
	width: 100%;
	background: var(--white);
	border: 1px solid #eeeeee;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.clinicTabs .nav-pills {
	border-bottom: 1px solid var(--dark-blue);
}

.clinicTabs .nav-pills li a {
	border-radius: 0;
	padding: 5px 35px 8px;
	font-size: 18px;
	color: var(--dark-blue);
	font-weight: 500;
	letter-spacing: 0.5px;
	position: relative;
	transition: all ease-in-out 0.3s;
}

.clinicTabs .nav-pills li a::after {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: var(--theme-color);
	position: absolute;
	bottom: -18px;
	left: 0;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.clinicTabs .nav>li>a:hover,
.clinicTabs .nav>li>a:focus {
	background-color: transparent;
	color: var(--theme-color);
}

.clinicTabs .nav-pills li.active a {
	background-color: transparent;
	color: var(--theme-color);
}

.clinicTabs .nav>li>a:hover::after,
.clinicTabs .nav>li>a:focus:after {
	opacity: 1;
	bottom: -2px;
}

.clinicTabs .nav-pills li.active a::after {
	opacity: 1;
	bottom: -2px;
}

.clinicTabs .tab-content .tab-pane.active p {
	text-align: left;
	margin-top: 10px;
}

.gotService-list .doctPic {
	width: 20%;
	float: left;
	margin-right: 15px;
}

.gotService-list .doctPic img {
	max-width: 100%;
	width: 100%;
	max-height: 145px;
	border-radius: 10px;
	border: 2px solid var(--dark-blue);
}

.gotService-list .Drprofiles {
	width: 55%;
	float: left;
	padding: 0 10px;
}
.gotService-list.doclists .Drprofiles{
	width: 78%;
	margin-top: 5px;
	padding:0;
}
.gotService-list .othersInfo {
	width: 25%;
	float: left;
}

.othersInfo .drTime .Fday {
	display: block;
	font-weight: 500;
}

.gotService-list .drRow {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid var(--theme-color);
}

.drInfo-1 a h4 {
	margin-top: 0;
	font-size: 20px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.drInfo-1 a {
	color: var(--dark-blue);
	text-decoration: none;
}

.drInfo-1 a:hover {
	color: var(--theme-color);
}




.drRow .callclinic {
	clear: both;
	width: 100%;
	text-align: right;
	display: inline-block;
}

.drRow .callclinic a {
	background: var(--theme-color);
	border: 0px solid var(--theme-color);
	color: var(--white);
	font-size: 14px;
	padding: 5px 18px;
	margin-left:15px;
	border-radius: 25px;
	text-decoration: none;
	display: inline-block;
	transition: all ease-in-out 0.3s;
}

.drRow .callclinic a:hover {
	background: var(--theme-color-hover);
}

.clinicTiming .dayslimit {
	display: inline-block;
	width: 100%;
	font-weight: 600;
	color: var(--dark-blue);
}

.clinicTiming .timelimit {
	display: inline-block;
	width: 100%;
}

.overview h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 20px;
}

.clinicTiming .weekday {
	margin-bottom: 10px;
}

.ourServices ul {
	padding-left: 0px;
	list-style: none;
}

.ourServices ul li {
	position: relative;
	padding-left: 23px;
	padding-bottom: 8px
}

.ourServices ul li::before {
	content: '\f00c';
	position: absolute;
	left: 0;
	top: 1px;
	display: block;
	font-family: "FontAwesome";
	font-size: 14px;
	color: var(--theme-color);
}

.innerSidebar h3 {
	margin-top: 0;
	color: var(--dark-blue);
}

.listingForm .avatar-upload {
	position: relative;
	max-width: 100%;
	margin: 0px auto;
}

.listingForm .avatar-upload .avatar-edit {
	background: var(--dark-blue);
	color: #333;
	width: 140px;
	height: 90px;
	border-radius: 6px;
	line-height: 56px;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	transition: all ease-in-out 0.3s;
}

.listingForm .avatar-upload .avatar-edit:hover {
	background: var(--theme-color);
}

.listingForm .avatar-upload .avatar-edit input {
	display: none;
}

.listingForm .avatar-upload .avatar-edit input+label {
	display: block;
	height: 100%;
	margin-bottom: 0;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	padding-top: 20px;
	font-weight: 400;
	color: var(--white);
}

.listingForm .avatar-upload .avatar-edit input+label:hover {
	color: var(--white);
}

.listingForm .avatar-upload .avatar-preview {
	width: 90px;
	height: 90px;
	position: relative;
	border-radius: 6px;
	border: 2px solid var(--theme-color);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	float: left;
	overflow: hidden;
}

.listingForm .avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.listingForm .avatar-upload .avatar-edit label .fa {
	display: block;
	font-size: 20px;
}

.profileOver .avatar-upload {
	position: relative;
	max-width: 100%;
	margin: 0px auto;
}

.profileOver .avatar-upload .avatar-edit {
	position: absolute;
	bottom: 5px;
	right: 10px;
	background: var(--white);
	color: #333;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	z-index: 999;
}

.profileOver .avatar-upload .avatar-edit input {
	display: none;
}

.profileOver .avatar-upload .avatar-edit input+label {
	display: inline-block;
	margin-bottom: 0;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	text-align: center;
	line-height: 25px;
	font-size: 22px;
	padding-top: 6px;
	font-weight: normal;
}

.profileOver .avatar-upload .avatar-edit input+label:hover {
	color: var(--theme-color);
}

.profileOver .avatar-upload .avatar-preview {
	width: 150px;
	height: 150px;
	position: relative;
	border-radius: 50%;
	border: 2px solid var(--grey);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	float: left;
	z-index: 99;
}

.profileOver .avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.profileOver .avatar-upload {
	width: 13%;
	float: left;
}

.listingForm .formAction .btn-save {
	border: 1px solid var(--dark-blue);
	color: var(--dark-blue);
	font-size: 18px;
	font-weight: 400;
	padding: 7px 40px;
	border-radius: 25px;
	text-decoration: none;
	margin: 0 10px;
	display: inline-block;
	transition: all ease-in-out 0.3s;
	background: var(--white);
	letter-spacing: 0.5px;
}

.listingForm .formAction .btn-save:hover {
	background: var(--dark-blue);
	color: var(--white);
}

.listingForm .formAction button {
	margin: 0 10px;
	letter-spacing: 0.5px;
}

.addMore {
	text-align: center;
	margin-bottom: 15px;
	padding: 15px 0 0;
	border-top: 1px dashed #cccccc;
}

.btn-addmore {
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	font-size: 14px;
	font-weight: 400;
	padding: 7px 25px;
	border-radius: 25px;
	text-decoration: none;
	margin: 0 10px;
	display: inline-block;
	transition: all ease-in-out 0.3s;
	background: var(--white);
	letter-spacing: 0.5px;
}

.btn-addmore:hover {
	background: var(--theme-color-hover);
	border-color: var(--theme-color-hover);
	color: var(--white);
	text-decoration: none;
}

.imgUpload h4 {
	font-size: 14px;
}

.success-mssg {
	text-align: center;
}

.success-mssg .checked {
	margin: 20px 0;
}

.success-mssg p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

.success-mssg p strong {
	color: var(--dark-blue);
	font-weight: 700;
}

.svg-success {
	display: inline-block;
	vertical-align: top;
	height: 100px;
	width: 100px;
	opacity: 1;
	overflow: visible;
}

@-webkit-keyframes success-tick {
	0% {
		stroke-dashoffset: 16px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 31px;
		opacity: 1;
	}
}

@keyframes success-tick {
	0% {
		stroke-dashoffset: 16px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 31px;
		opacity: 1;
	}
}

@-webkit-keyframes success-circle-outline {
	0% {
		stroke-dashoffset: 72px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 0px;
		opacity: 1;
	}
}

@keyframes success-circle-outline {
	0% {
		stroke-dashoffset: 72px;
		opacity: 1;
	}

	100% {
		stroke-dashoffset: 0px;
		opacity: 1;
	}
}

@-webkit-keyframes success-circle-fill {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes success-circle-fill {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.svg-success .success-tick {
	fill: none;
	stroke-width: 1px;
	stroke: #ffffff;
	stroke-dasharray: 15px, 15px;
	stroke-dashoffset: -14px;
	-webkit-animation: success-tick 450ms ease 1400ms forwards;
	animation: success-tick 450ms ease 1400ms forwards;
	opacity: 0;
}

.svg-success .success-circle-outline {
	fill: none;
	stroke-width: 1px;
	stroke: var(--theme-color);
	stroke-dasharray: 72px, 72px;
	stroke-dashoffset: 72px;
	-webkit-animation: success-circle-outline 300ms ease-in-out 800ms forwards;
	animation: success-circle-outline 300ms ease-in-out 800ms forwards;
	opacity: 0;
}

.svg-success .success-circle-fill {
	fill: var(--theme-color);
	stroke: none;
	opacity: 0;
	-webkit-animation: success-circle-fill 300ms ease-out 1100ms forwards;
	animation: success-circle-fill 300ms ease-out 1100ms forwards;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
	.svg-success .success-tick {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
		-webkit-animation: none;
		animation: none;
		opacity: 1;
	}

	.svg-success .success-circle-outline {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
		-webkit-animation: none;
		animation: none;
		opacity: 1;
	}

	.svg-success .success-circle-fill {
		-webkit-animation: none;
		animation: none;
		opacity: 1;
	}
}

.addDoctor {
	background: var(--theme-color);
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	padding: 6px 25px;
	border-radius: 25px;
	height: 36px;
	line-height: 20px;
	text-decoration: none;
	margin: 10px 0 0;
	display: inline-block;
	transition: all ease-in-out 0.3s;
	border: 1px solid var(--theme-color);
	letter-spacing: 1px;
}

.addDoctor:hover {
	background: var(--theme-color-hover);
	border: 1px solid var(--theme-color-hover);
	color: var(--white);
	text-decoration: none;
}

.docSlider .Drprofiles {
	padding: 15px 15px 10px 15px;
	position: relative;
}

.docSlider .carousel-cell {
	width: 60%;
}

.docSlider .othersInfo {
	padding: 0 15px;
}

.docSlider .drInfo-1 a h4 {
	font-size: 18px;
}

.docSlider .drInfo-1 .drQuali {
	font-size: 14px;
	margin-bottom: 10px;
}

.docSlider .addMore {
	display: inline-block;
	width: 100%;
	border-top: 0;
	margin-top: 15px;
}

.docSlider .editDoc {
	position: absolute;
	top: -12px;
	right: 15px;
}

.editDoc a {
	color: var(--white);
	font-size: 12px;
	font-weight: 400;
	padding: 3px 12px;
	border-radius: 25px;
	text-decoration: none;
	display: inline-block;
	transition: all ease-in-out 0.3s;
	background: var(--theme-color);
	letter-spacing: 0.5px;
	box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 18%);
}

.editDoc a:hover {
	background: var(--theme-color-hover);
}

.form-control:focus {
	border-color: var(--dark-blue);
}

.gotService-list {
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0px 2px 3px -3px rgb(0 0 0 / 20%);
	border: 1px solid #eaeaea;
	padding:15px;
}
.msc-title{
	font-size:20px;
	font-weight:600;
	text-transform:capitalize;
	color:var(--dark-blue);
}

.clinic-view-body .clinicTabs .drRow .doctPic {
	width: 145px;
	float: left;
}

.clinic-view-body .clinicTabs .drRow .Drprofiles {
	width: 55%;
	float: left;
	padding: 0 10px;
}

.clinic-view-body .clinicTabs .drRow .Drprofiles.clinicInfo-indoct {
	width: 100%;
}

.clinic-view-body .clinicTabs .drRow .othersInfo {
	width: 25%;
	float: left;
}

.clinic-view-body .clinicTabs .drRow .doctPic img {
	max-width: 100%;
	width: 100%;
	max-height: 145px;
	border-radius: 10px;
	border: 2px solid var(--theme-color);
}

.clinicLocation {
	font-size: 14px;
	color: #555;
	margin-bottom: 8px;
}

.callclinic .btn {
	margin-top: 5px;
}

.clinicMap iframe {
	width: 100%;
	height: 220px;
	border: 2px solid #eef6ff !important;
	border-radius: 10px;
}

.clinic-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.clinic-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
}

.clinicTabs .clinicMap p {
	margin: 0;
}

.clinic-view-body .clinicTabs .drRow {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid var(--theme-color);
}

.doctorProfile {
	display: inline-block;
	width: 100%;
	background: var(--white);
	border: 1px solid #eeeeee;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
}

.d-badge {
	position: absolute;
	right: 15px;
	top: 15px;
	background: var(--white);
	padding: 0px 8px;
	font-size: 12px;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	border-radius: 30px;
}

.d-badge i {
	color: var(--theme-color);
	font-size: 14px;
}

.doctorProfile .doctPic {
	width: 20%;
	float: left;
	margin-right: 15px;
}

.doctorProfile .doctPic img {
	width: 100%;
	max-height: 140px;
	border-radius: 10px;
	border: 2px solid var(--dark-blue);
}

.doctorProfile .Drprofiles {
	width: 100%;
    float: right;
    padding-left: 0;
    margin-top: 15px;
}

/* === Service Popup Styles === */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

.popup-overlay.active {
	opacity: 1;
	visibility: visible;
}

.popup-content {
	background: white;
	width: 90%;
	max-width: 520px;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
	padding: 32px;
	position: relative;
	transform: translateY(20px);
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.popup-overlay.active .popup-content {
	transform: translateY(0);
}

.popup-content .close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	background: #f1f5f9;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	font-size: 18px;
	color: #64748b;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.close-btn:hover {
	background: #e2e8f0;
	color: #334155;
}

.popup-content h3 {
	text-align: center;
	font-size: 24px;
	margin: 0 0 24px;
	color: #1e293b;
	font-weight: 700;
}


.form-section {
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid #e2e8f0;
	display: none;
}

.form-section h4 {
	font-size: 20px;
	margin-bottom: 16px;
	color: #1e293b;
}

.form-section input,
.form-section textarea {
	width: 100%;
	padding: 14px;
	margin-bottom: 14px;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	font-size: 16px;
	background: #f8fafc;
}

.form-section textarea {
	min-height: 90px;
	resize: vertical;
}

.listingForm .form-group {
	margin-bottom: 25px;
}

.listingForm .form-group small {
	position: absolute;
}
.loader-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.95);
	z-index: 9999;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.loader {
	border: 6px solid #f3f3f3;
	border-top: 6px solid #3498db;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	animation: spin 1s linear infinite;
	margin-bottom: 15px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loader-text {
	color: #333;
	font-size: 18px;
	font-weight: 500;
}

.addListing-form .form-group label span {
	font-size: 13px;
	color: #808080;
}

.addListing-form .form-group .ms-dropdown-menu label span {
	font-size: 16px;
}

.form-group label em {
	color: #ff0000;
	font-style: normal;
}

.ms-option input[type="checkbox"] {
	width: 16px;
	height: 16px;
}

.clinic-badge {
	font-size: 14px;
}

/* ===============================
   POPUP BASE (Login + Service)
================================ */
.popup-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.popup-overlay.active {
	display: flex;
}

.popup-content {
	background: #ffffff;
	width: 100%;
	max-width: 420px;
	padding: 22px;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	animation: popupFade 0.25s ease;
}

@keyframes popupFade {
	from {
		transform: translateY(20px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.popup-content h3 {
	margin: 0 0 15px;
	font-size: 20px;
	text-align: center;
	color: #222;
}

/* Close button */
.popup-content .close-btn {
	position: absolute;
	right: 14px;
	top: 10px;
	font-size: 26px;
	font-weight: 400;
	background: none;
	border: none;
	cursor: pointer;
	color: #555;
}

.popup-content .close-btn:hover {
	color: var(--theme-color-hover);
	background: var(--white);
}

/* ===============================
   FORM ELEMENTS
================================ */
.popup-content input,
.popup-content select {
	width: 100%;
	padding: 10px 12px;
	margin-bottom: 12px;
	border-radius: 6px;
	border: 1px solid #ddd;
	font-size: 14px;
}

.popup-content input:focus,
.popup-content select:focus {
	outline: none;
	border-color: #2563eb;
}

/* Buttons */
.popup-content button {
	width: 100%;
	padding: 11px;
	background: var(--theme-color);
	border: none;
	color: #fff;
	font-size: 15px;
	border-radius: 6px;
	cursor: pointer;
}

.popup-content button:hover {
	background: var(--theme-color-hover);
}

/* ===============================
   LOGIN TABS
================================ */
.auth-tabs {
	display: flex;
	gap: 50px;
	margin-bottom: 15px;
}

.auth-tab {
	flex: 1;
	padding: 8px;
	border: none;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 5px;
	font-size: 14px;
}

.auth-tab.active {
	background: var(--theme-color-hover);
	color: #fff;
}

.auth-box {
	display: none;
}

.auth-box.active {
	display: block;
}

/* Messages */
.popup-content .msg {
	margin-top: 8px;
	font-size: 13px;
	text-align: center;
	color: #d32f2f;
}

/* ===============================
   HEADER FIXES
================================ */




.head-addlist a {
	margin-right: 8px;
	white-space: nowrap;
}

/* ===============================
   FOOTER FIXES
================================ */
.main-footer {
	background: #0f172a;
	color: #cbd5f5;
	padding: 50px 0 20px;
}

.main-footer h6 {
	color: #ffffff;
	margin-bottom: 12px;
}

.footer-nav li {
	list-style: none;
	margin-bottom: 6px;
}

.footer-nav li a {
	color: #cbd5f5;
	font-size: 14px;
}

.footer-nav li a:hover {
	color: #ffffff;
}
.copyright {
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
	color: #94a3b8;
}

.status-text {
	margin-top: 8px;
	font-size: 14px;
}

.status-text.pending {
	color: #856404;
}

.status-text.published {
	color: #155724;
}

.action-grid {
	display: flex;
	gap: 15px;
	justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
}

.act-profile {
	padding: 12px 22px;
	border-radius: 25px;
	font-size: 16px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--white);
	color: var(--theme-color);
	border: 2px solid var(--theme-color);
	padding: 6px 20px;
	transition: all ease-in-out 0.3s;
}

.act-passreset {
	background: var(--theme-color);
	color: var(--white);
	padding: 8px 20px;
	border-radius: 25px;
	font-size: 16px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all ease-in-out 0.3s;
}

.act-profile:hover,
.act-passreset:hover {
	background: var(--theme-color-hover);
	color: var(--white);
	text-decoration: none;
}

.act-profile:focus,
.act-passreset:focus,
.act-profile:focus-visible,
.act-passreset:focus-visible {
	color: var(--white);
	outline: 0;
}



.btn-pro {
	background: var(--theme-color);
	color: var(--white);
	padding: 8px 20px;
	border-radius: 25px;
	border: 0;
	font-size: 16px;
	text-decoration: none;
	align-items: center;
	transition: all ease-in-out 0.3s;
}

.btn-pro:hover {
	background: var(--theme-color-hover);
}

.goProfile {
	background: var(--white);
	color: var(--theme-color);
	border: 2px solid var(--theme-color);
	padding: 6px 25px;
	border-radius: 25px;
	height: 36px;
	display: inline-block;
	line-height: 20px;
	font-size: 18px;
	margin-left: 10px;
	transition: all ease-in-out 0.3s;
}

.goProfile:hover {
	background: var(--theme-color);
	text-decoration: none;
	color: var(--white);
}

/*==doctor-account==*/
.doctor-account {
	padding: 40px 0
}

.dash-layout {
	display: flex;
	gap: 20px
}

.dash-sidebar {
	width: 220px;
	border-radius: 8px
}

.dash-tabs {
	list-style: none;
	padding: 0;
	margin: 0
}

.dash-tabs li {
	padding: 9px 20px;
	cursor: pointer;
	transition: all 0.3s;
	background: #f7f9fc;
	margin-bottom: 15px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	height: 50px;
}

.dash-tabs li .tabName {
	font-size: 16px;
	font-weight: 600;
	color: var(--dark-blue);
	padding-top: 4px;
	float: left;
}

.dash-tabs li i {
	background: var(--white);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	float: right;
	font-size: 20px;
	text-align: center;
	color: var(--dark-blue);
}

.dash-tabs li.active i {
	color: var(--theme-color);
}

.dash-tabs li.active .tabName {
	color: var(--white);
}

.dash-tabs li:last-child {
	border-bottom: 0;
}

.dash-tabs li:hover {
	background: #e8f0fe
}

.dash-tabs li.active {
	background: var(--theme-color);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.dash-content {
	flex: 1;
	background: #fff;
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dash-content .dash-tab h3 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
	color: var(--dark-blue);
}

.dash-tab {
	display: none;
}

.dash-tab .doct-info {
	width: 100%;
	padding: 0;
}

/* ========== PROFILE PHOTO SECTION ========== */
.profile-photo-section {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 24px 28px;
	background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color-hover) 100%);
	border-radius: 16px;
	margin-bottom: 30px;
}

.profile-photo-wrapper {
	position: relative;
}

.profile-photo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: #e2e8f0;
	border: 4px solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}

.profile-photo:hover {
	transform: scale(1.02);
}

.photo-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	color: #fff;
	font-size: 12px;
	gap: 4px;
}

.photo-overlay i {
	font-size: 24px;
}

.profile-photo:hover .photo-overlay {
	opacity: 1;
}

.profile-photo-info h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 6px;
}

.profile-photo-info p {
	color: rgba(255, 255, 255, 0.85);
	font-size: 15px;
	margin: 0;
}

/* ========== IMAGE CROPPER MODAL ========== */
.cropper-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	padding: 20px;
}

.cropper-modal-overlay.active {
	display: flex;
}

.cropper-modal {
	background: #fff;
	border-radius: 15px;
	width:400px;
	max-width: 500px;
	overflow: hidden;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
	animation: modalSlideIn 0.3s ease;
}

@keyframes modalSlideIn {
	from {
		transform: translateY(-30px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.cropper-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 24px;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}

.cropper-modal-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #1e293b;
	display: flex;
	align-items: center;
	gap: 10px;
}

.cropper-close {
	background: none;
	border: none;
	font-size: 28px;
	color: #64748b;
	cursor: pointer;
	line-height: 1;
	padding: 0;
}

.cropper-close:hover {
	color: #1e293b;
}

.cropper-modal-body {
	padding: 24px;
	background: #1e293b;
}

.cropper-container {
	max-height: 330px;
	overflow: hidden;
	border-radius:15px;
}

#cropperImage {
	display: block;
	max-width: 100%;
}

.cropper-modal-footer {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	padding: 18px 24px;
	background: #f8fafc;
	border-top: 1px solid #e2e8f0;
}

.cropper-modal-footer .btn {
	padding: 10px 24px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.cropper-modal-footer .btn-secondary {
	background: #e2e8f0;
	color: #475569;
	border: none;
}

.cropper-modal-footer .btn-secondary:hover {
	background: #cbd5e1;
}

.cropper-modal-footer .btn-primary {
	background: var(--theme-color);
	color: #fff;
	border: none;
}

.cropper-modal-footer .btn-primary:hover {
	background: var(--theme-color-hover);
}

/* ========== TOAST NOTIFICATIONS ========== */
.toast-container {
	position: fixed;
	top: 24px;
	right: 24px;
	z-index: 11000;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.toast {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
	min-width: 280px;
	max-width: 400px;
	transform: translateX(120%);
	transition: transform 0.3s ease;
	border-left: 4px solid #64748b;
}

.toast.show {
	transform: translateX(0);
}

.toast i {
	font-size: 22px;
	flex-shrink: 0;
}

.toast span {
	font-size: 14px;
	color: #1e293b;
	font-weight: 500;
}

.toast-success {
	border-left-color: #22c55e;
}

.toast-success i {
	color: #22c55e;
}

.toast-error {
	border-left-color: #ef4444;
}

.toast-error i {
	color: #ef4444;
}

.toast-info {
	border-left-color: var(--theme-color);
}

.toast-info i {
	color: var(--theme-color);
}

/* Spin animation for loader icons */
.ri-spin {
	animation: ri-spin 1s linear infinite;
}

@keyframes ri-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* Profile Row - Two Column Layout */
.profile-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.profile-col-left,
.profile-col-right {
	background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
	border-radius: 16px;
	padding: 28px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
}

.profile-col-left:hover,
.profile-col-right:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.profile-col-left h3,
.profile-col-right h3 {
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 24px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--theme-color);
	display: flex;
	align-items: center;
	gap: 10px;
}


.dash-content .dash-tab input:focus,
.dash-content .dash-tab select:focus {
	border-color: var(--dark-blue);
}

.dash-tab .doct-contact-info {
	width: 50%;
	float: right;
	background: #F7F9FC;
	border-radius: 30px;
	padding: 30px;
}

.dash-content .dash-tab label {
	color: var(--dark-blue);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 2px;
	display: block;
	text-transform: capitalize;
}

.dash-content .dash-tab input,
.dash-content .dash-tab select {
	box-shadow: none;
	height: 46px;
	padding: 10px 16px;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	text-transform: none;
	font-size: 15px;
	width: 100%;
	background: #ffffff;
	color: #1e293b;
	transition: all 0.25s ease;
}

.dash-content .dash-tab input:hover,
.dash-content .dash-tab select:hover {
	border-color: #cbd5e1;
}

.dash-content .dash-tab input:focus,
.dash-content .dash-tab select:focus {
	border-color: var(--theme-color);
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
	outline: none;
}

.dash-content .dash-tab input[readonly] {
	background: #f1f5f9;
	color: #64748b;
	cursor: not-allowed;
}

.dash-content .dash-tab .form-group {
	margin-bottom: 18px;
}

/* Save Button Styling */
.btn-submit {
	background: linear-gradient(135deg, var(--theme-color) 0%, var(--theme-color-hover) 100%);
	color: #fff;
	border: none;
	padding: 14px 32px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 4px 15px rgba(188, 0, 60, 0.3);
}

.btn-submit:hover {
	background: linear-gradient(135deg, var(--theme-color-hover) 0%, var(--theme-color) 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(228, 7, 78, 0.4);
}

.btn-submit:active {
	transform: translateY(0);
}

.btn-group {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #e2e8f0;
}

.dash-content .dash-tab .btn-group .btn {
	margin-top: 15px;
	padding: 10px 18px;
	background: #2563eb;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s
}

.btn:hover {
	background: #1d4ed8
}

.btn.danger {
	background: #dc2626
}

.btn.danger:hover {
	background: #b91c1c
}

.btn-secondary {
	background: #6b7280
}

.btn-secondary:hover {
	background: #4b5563
}

.note {
	font-size: 12px;
	color: #94a3af;
	margin-top: 16px;
	padding: 12px 16px;
	background: #f8fafc;
	border-radius: 8px;
	border-left: 3px solid var(--theme-color);
	font-style: italic;
}

.sch-item {
	display: flex;
	justify-content: space-between;
	background: #f1f5f9;
	padding: 8px;
	margin-top: 10px;
	border-radius: 4px
}

.remove-sch {
	border: none;
	background: none;
	color: #dc2626;
	cursor: pointer;
	font-size: 18px
}

.dash-toggle {
	display: none;
	margin-bottom: 10px;
	padding: 10px;
	background: #2563eb;
	color: #fff;
	border: none;
	border-radius: 4px
}

.separator {
	text-align: center;
	margin: 20px 0;
	color: #999;
	font-weight: 600
}

.clinic-list {
	list-style: none;
	padding: 0;
	margin: 20px 0
}

.clinic-list li {
	padding: 10px;
	background: #f8fafc;
	margin: 5px 0;
	border-radius: 4px;
	border-left: 3px solid #2563eb
}

em {
	color: #dc2626;
	margin-left: 3px
}

.msg {
	margin-top: 10px
}

.success {
	color: #16a34a;
	font-weight: 600
}

.error {
	color: #dc2626;
	font-weight: 600
}

/* ========== MODAL STYLES ========== */
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	overflow-y: auto;
	padding: 20px
}

.modal-container {
	max-width: 800px;
	margin: 30px auto;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
	position: relative
}

.modal-header {
	padding: 20px;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.modal-header h3 {
	margin: 0;
	font-size: 20px;
	color: #111827
}

.modal-close {
	background: none;
	border: none;
	font-size: 28px;
	cursor: pointer;
	color: #6b7280;
	line-height: 1
}

.modal-close:hover {
	color: #111827
}

.modal-body {
	padding: 20px;
	position: relative
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-bottom: 15px
}

.form-group {
	margin-bottom: 0
}

.modal-actions {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e5e7eb
}

.modal-message {
	margin-top: 15px;
	text-align: center;
	font-weight: 600
}

.image-preview {
	margin-top: 10px;
	max-width: 200px
}

.image-preview img {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ddd
}

/* ========== LOADER ========== */
.loader-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: 10;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #2563eb;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.loader-text {
	margin-top: 15px;
	color: #2563eb;
	font-weight: 600
}

/* ========== PILLS ========== */
.multi-pills {
	margin-top: 8px
}

.ms-pill {
	display: inline-block;
	margin: 3px 6px 3px 0;
	padding: 6px 10px;
	background: #eef6ff;
	border-radius: 16px;
	font-size: 13px;
	color: #013a63
}

/* ========== SEARCHABLE SELECT DROPDOWN ========== */
.searchable-select-wrapper {
	position: relative;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 100%
}

.searchable-select-container {
	position: relative;
	width: 100%
}

.searchable-select-input {
	width: 100%;
	padding: 10px 35px 10px 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 15px;
	outline: none;
	transition: border-color 0.3s;
	cursor: pointer;
	background: #fff
}

.searchable-select-input:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)
}

.searchable-select-arrow {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: 18px;
	color: #6b7280;
	transition: transform 0.3s
}

.searchable-select-dropdown.active+.searchable-select-container .searchable-select-arrow,
.searchable-select-container:has(+ .searchable-select-dropdown.active) .searchable-select-arrow {
	transform: translateY(-50%) rotate(180deg)
}

.searchable-select-dropdown {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	max-height: 250px;
	overflow-y: auto;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	display: none
}

.searchable-select-dropdown.active {
	display: block;
	animation: fadeInDown 0.2s ease
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-10px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.dropdown-item {
	padding: 10px 15px;
	cursor: pointer;
	transition: background 0.2s;
	border-bottom: 1px solid #f3f4f6;
	font-size: 14px;
	color: #374151
}

.dropdown-item:last-child {
	border-bottom: none
}

.dropdown-item:hover {
	background: #f9fafb
}

.dropdown-item.selected {
	background: #eef2ff;
	color: #2563eb;
	font-weight: 600
}

.dropdown-item.no-results,
.dropdown-item.no-results-search {
	color: #9ca3af;
	cursor: default;
	text-align: center;
	font-style: italic
}

.dropdown-item.no-results:hover,
.dropdown-item.no-results-search:hover {
	background: #fff
}

/* Custom scrollbar for dropdown */
.searchable-select-dropdown::-webkit-scrollbar {
	width: 8px
}

.searchable-select-dropdown::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 0 6px 6px 0
}

.searchable-select-dropdown::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px
}

.searchable-select-dropdown::-webkit-scrollbar-thumb:hover {
	background: #94a3b8
}


/*==doctor-account=====end=*/

.header-search-wrapper {
    background: var(--dark-blue);
    padding: 15px 0;
}

.header-search-wrapper .container {
    max-width: 1200px;
    padding: 0 15px;
}
.mb-user-info {
    display: flex;
    align-items: center;
}

.mb-user-details {
    display: flex;
    flex-direction: column;
}

.mb-user-name {
    font-weight: 600;
    color: var(--white);
    font-size: 16px;
	text-transform:capitalize;
}

.mb-user-role {
    font-size: 12px;
    color: var(--grey);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mb-user-info .user-smpic i {
    font-size: 36px;
    color: var(--white);
}
.cropper-modal-overlay.active .cropper-modal{
	left:auto;
	right:auto;
	opacity:1 !important;
	height: 550px;
    margin-top: 50px;
}
.cropper-modal-overlay.active .cropper-drag-box.cropper-move.cropper-modal{
	margin-top:0;
}
.cropper-modal-overlay.active .cropper-modal-body .cropper-container .cropper-container.cropper-bg{
	background-image:none;
}
.search-field.search-location.mb-location{
	display:none;
}
.search-field.search-location.desk-location{
	display:flex;
}
/* Results Summary */
.results-summary {
    background: #f8f9fa;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 4px solid var(--dark-blue);
}

.results-summary p {
    margin: 0;
    font-size: 16px;
    color: var(--dark-primary);
}

.search-summary {
    font-size: 18px;
    margin-top: 10px;
}

/* Section Headers */
.results-section {
    margin-bottom: 50px;
}

.section-header {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.section-header h2 {
    font-size: 24px;
    color: var(--dark-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-header .icon {
    font-size: 28px;
}

/* Specialty Grid */
.specialty-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.specialty-result-item {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
}

.specialty-result-item:hover {
    border-color: #0066cc;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.1);
}

.specialty-header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.specialty-header h3 {
    margin: 0;
    font-size: 20px;
    flex: 1;
}

.specialty-header h3 a {
    color: #0066cc;
    text-decoration: none;
}

.specialty-header h3 a:hover {
    text-decoration: underline;
}

.doctor-count {
    background: #e8f4fd;
    color: #0066cc;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.sample-doctors {
    margin-top: 10px;
}

.sample-label {
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
    font-weight: 600;
}

.sample-doctors ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

.sample-doctors li {
    padding: 6px 0;
}

.sample-doctors li a {
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.sample-doctors li a:before {
    content: "→";
    margin-right: 8px;
    color: #0066cc;
}

.sample-doctors li a:hover {
    color: #0066cc;
}

.view-all-link {
    color: #0066cc;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
}

.view-all-link:hover {
    text-decoration: underline;
}

/* Main Results Grid */
.search-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
}

.search-result-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.search-result-item:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.item-image-link {
    display: block;
    overflow: hidden;
}

.search-result-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.search-result-item:hover img {
    transform: scale(1.05);
}

.item-content {
    padding: 20px;
}

.item-content h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.item-content h3 a {
    color: #333;
    text-decoration: none;
}

.item-content h3 a:hover {
    color: #0066cc;
}

.specialty-label, .location-label {
    color: #666;
    font-size: 14px;
    margin: 8px 0;
}

.specialty-label {
    font-weight: 500;
    color: #0066cc;
}

/* No Results */
.no-results {
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 12px;
    margin: 40px 0;
}

.no-results-icon {
    font-size: 64px;
    margin-bottom: 20px;
}

.no-results h2 {
    color: #333;
    margin-bottom: 10px;
}

.no-results p {
    color: #666;
    font-size: 16px;
}

.search-suggestions {
    margin-top: 30px;
    text-align: left;
    display: inline-block;
    background: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.search-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.search-suggestions li {
    padding: 6px 0;
    color: #666;
}

.search-suggestions li:before {
    content: "✓";
    color: #0066cc;
    font-weight: bold;
    margin-right: 10px;
}
.clinic-basic .ableFeatures{
	width: 80%;
    float: right;
    padding-left: 20px;
}
.clinic-basic .ableFeatures h1{
	font-size:24px;
	color:var(--dark-blue);
	font-weight:500;
	margin-top:0px;
	margin-bottom:5px;
	text-transform:capitalize;
}

/*=====reset == password */

.auth-page-wrapper.reset-pass {
  min-height: 85vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f7fb;
  padding: 20px;
}

.reset-pass .auth-form-container {
  background: #fff;
  padding: 40px;
  max-width: 420px;
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}

.auth-icon {
  width: 70px;
  height: 70px;
  background: #19334D;
  background: linear-gradient(90deg, rgba(25, 51, 77, 1) 0%, rgba(228, 7, 78, 1) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.auth-icon i {
  font-size: 28px;
  color: #fff;
}

.auth-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.text-muted {
  color: #666;
  margin-bottom: 25px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}


.btn-auth {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}

.btn-auth:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.btn-auth:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.auth-footer {
  text-align: center;
  margin-top: 25px;
}

.auth-footer a {
  color: #667eea;
  text-decoration: none;
  font-weight: 500;
}

.auth-footer a:hover {
  text-decoration: underline;
}

.alert {
  padding: 14px 16px;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.alert-success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.alert-danger {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.alert i {
  font-size: 18px;
}
.access-page {
	min-height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
	padding: 40px 20px;
}
.access-card {
	background: #fff;
	border-radius: 20px;
	padding: 50px 40px;
	margin:0 auto;
	max-width: 600px;
	width: 100%;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}
.access-card-icon {
	width: 100px;
	height: 100px;
	background: #19334D;
    background: linear-gradient(90deg, rgba(25, 51, 77, 1) 0%, rgba(228, 7, 78, 1) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	box-shadow: 0 10px 30px rgba(0, 102, 204, 0.3);
}
.access-card-icon i {
	font-size: 48px;
	color: #fff;
}
.access-card h1 {
	font-size: 28px;
	color: #1e293b;
	margin-bottom: 15px;
	font-weight: 700;
}
.access-card .lead {
	color: #64748b;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 35px;
}
.access-steps {
	text-align: left;
	margin-bottom: 35px;
	padding: 25px;
	background: #f8fafc;
	border-radius: 12px;
}
.step {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 12px 0;
}
.step:not(:last-child) {
	border-bottom: 1px solid #e2e8f0;
}
.step-number {
	width: 32px;
	height: 32px;
	background: var(--theme-color);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	flex-shrink: 0;
}
.step-content h4 {
	font-size: 15px;
	color: #1e293b;
	margin: 0 0 4px;
	font-weight: 600;
}
.step-content p {
	font-size: 13px;
	color: #64748b;
	margin: 0;
}
.access-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 25px;
}
.access-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 28px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}
.access-actions .btn-primary {
	background: var(--theme-color);
	color: #fff;
}
.access-actions .btn-primary:hover {
	background: var(--theme-color-hover);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(228, 7, 78, 0.25);
}
.access-actions .btn-secondary {
	background: #f1f5f9;
	color: #475569;
}
.access-actions .btn-secondary:hover {
	background: #e2e8f0;
}
.access-help {
	padding-top: 20px;
	border-top: 1px solid #e2e8f0;
}
.access-help p {
	font-size: 14px;
	color: #64748b;
	margin: 0;
}
.access-help a {
	color: var(--theme-color);
	font-weight: 500;
}
.col-lg-8-succes .success-card{
	background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    padding: 50px;
    text-align: center;
    border: 1px solid #f0f4f8;
	max-width:70%;
	margin:0 auto;
}
.ico-img{
    color: var(--dark-blue);
    background: #fef2f2;
    font-size: 18px;
    margin-right: 5px;
    padding: 8px;
    border-radius: 8px;
    font-weight: 400;
    width: 34px;
    height: 34px;
    text-align: center;
    display: inline-block;
}
.ico-img img{
	width:19px;
}
.med-cate{
	margin:50px 0;
}
.category-box{
	background: #F7F9FC;
	background: linear-gradient(7deg, rgba(247, 249, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border:1px solid #e0e0e0;
	border-radius:10px;
	box-shadow:0px 4px 22px 1px rgb(0 0 0 / 5%);
	padding:30px 20px;
	text-align:center;
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
	transition: all ease-in-out 0.3s;
}
a.category-box-link{
	text-decoration: none;
	color: inherit;
	display: block;
}
a.category-box-link:hover,
a.category-box-link:focus{
	text-decoration: none;
	color: inherit;
}
a.category-box-link:hover .category-box{
	background: linear-gradient(197deg, rgba(247, 249, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border-color: var(--theme-color, #e4074e);
	box-shadow: 0px 6px 28px 2px rgb(0 0 0 / 10%);
	transform: translateY(-4px);
}
.category-box:hover{
	background: #F7F9FC;
	background: linear-gradient(197deg, rgba(247, 249, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.cat-pic i{
	font-size:30px;
	padding:10px;
	background:#eeeeee;
	border-radius:50%;
}
.cat-info{
	display:flex;
	align-items:center;
	height:64px;
	margin-top:10px;
}
.cat-info strong{
	font-size:18px;
	font-weight:500;
	display:block;
	line-height:23px;
}
.access-deny{
	max-width: 420px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}
.success-card{
	background: var(--white);
    padding: 30px;
    box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 28%);
    width: 800px;
    margin: 0 auto;
    border-radius: 15px;
}
.error-404.not-found .page-header{
	border:0;
}
.error-404.not-found .page-header h1{
	font-size:24px;
}
.error-404.not-found .call-to-action-wrap{
	margin-top:20px;
}
.btn-add-schedule-reg,
.btn-add-schedule {
	height: 48px; 
	background: var(--theme-color) ; 
	color: #fff; 
	border: none ; 
	border-radius: 8px; 
	font-weight: 700; 
	cursor: pointer; 
	transition: all 0.3s; 
	width: 100%; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	margin-bottom: 0; 
	margin-top:28px;
}
.btn-add-schedule-reg:hover,
.btn-add-schedule:hover { 
	background: var(--theme-color-hover); 
	transform: translateY(-1px); 
	box-shadow: 0 4px 12px rgba(228, 7, 78, 0.2);
}
.contactpage .bodyInner h2{
	margin-top: 15px;
    font-size: 20px;
	font-weight:500;
    text-align: center;
    padding: 0 4%;
    line-height: 30px;
    margin-bottom: 40px;
}
.contact-form .form-control{
	margin-bottom:20px;
}
.btn-groups{
	text-align:center;
}
.contact-form{
	padding:0 10%;
}
.contact-form textarea.form-control{
	height:120px;
}
.bodyInner{
	float:none;
	margin:-90px auto 60px;
	background:var(--white);
	box-shadow: 0px 4px 22px 1px rgb(0 0 0 / 12%);
	border-radius:15px;
	border:1px solid var(--theme-color);
	border-top-width:4px;
	padding:25px;
}
.bodyInner p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 26px;
}
.bodyInner h2,
.bodyInner h3,
.bodyInner h4{
	font-size:30px;
	color:var(--dark-blue);
	font-weight: 600;
	margin-bottom: 20px;
    margin-top: 30px;
}
.bodyInner ul{
	padding-left:0;
}
.bodyInner ul li{
	font-size:16px;
	position:relative;
	list-style:none;
	padding-left:25px;
	margin-bottom: 20px;
}
.bodyInner ul li:before{
	content:'\EB7B';
	font-family:"remixicon";
	font-size: 16px;
    position: absolute;
    left: 0;
    top: 0px;
	color:var(--theme-color);
}
.verified{
	color:var(--theme-color);
	font-size:10px;
	float:right;
	font-weight: 500;
	line-height: 20px;
}
.not-verified{
	color:var(--theme-color);
	font-size:10px;
	float:right;
	font-weight: 500;
	line-height: 20px;
}
.verified .ri-verified-badge-line{
	color:#137FEC;
	font-size: 16px;
    float: left;
    margin-right: 2px;
}
/* Modern Single Page Design */
.modern-single-page {
    padding: 40px 0 80px 0;
    background-color: #f8faff;
}

.msp-hero {
    display: flex;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
}

.msp-hero-image {
    flex: 0 0 20%;
	max-width:20%;
    margin-right: 30px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.msp-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    display: block;
}

.msp-hero-content {
    flex: 1;
}

.msp-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.msp-badge {
    background: #f0f7ff;
    color: #013a63;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.msp-badge.primary { background: #e6efff; color: #013a63; }
.msp-badge.secondary { background: #f0f0f0; color: #555; }
.msp-badge.highlight { background: #ffe6eb; color: #ff2a5f; }

.msp-title {
    font-size: 24px;
    font-weight: 600;
    color: #1a202c;
	margin-top:0;
    margin-bottom: 10px;
    line-height: 1.2;
	text-transform:capitalize;
}

.msp-meta {
    margin-bottom: 20px;
}

.msp-meta-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #4a5568;
    font-size: 14px;
}

.msp-meta-item i {
    font-size: 20px;
    color: #ff2a5f;
    margin-right: 12px;
    background: #fff0f3;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.msp-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.msp-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 25px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
	height: 40px;
}
.msp-btn i {
    margin-right: 8px;
    font-size: 18px;
}

.msp-btn-primary {
    background: #e4074e;
    color: #ffffff;
    border: 1px solid #e4074e;
}
.msp-btn-primary:hover { background: #bc003c; color: #ffffff; }

.msp-btn-whatsapp {
    background: #25d366;
    color: #ffffff;
    border: 2px solid #25d366;
}
.msp-btn-whatsapp:hover { background: #1ebd5b; color: #ffffff; }

.msp-btn-outline {
    background: transparent;
    color: #013a63;
    border: 2px solid #e2e8f0;
}
.msp-btn-outline:hover { background: #f8fafc; border-color: #cbd5e1; }

.msp-btn-block {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
}

.msp-btn-light {
    background: #e6efff;
    color: #013a63;
}
.msp-btn-light:hover { background: #d3e4ff; }

.msp-main-content {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.msp-section-title {
    font-size: 16px;
    font-weight: 600;
    color: #E4074E;
    margin-bottom: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.msp-description {
    font-size: 16px;
    line-height: 1.8;
    color: #4a5568;
}

/* Tabs */
.msp-tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    border-bottom: 2px solid #eef2f6;
    gap: 30px;
}

.msp-tabs-nav li {
    font-size: 18px;
    font-weight: 700;
    color: #64748b;
    padding-bottom: 15px;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}

.msp-tabs-nav li.active {
    color: #19334d;
}

.msp-tabs-nav li.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #19334d;
    border-radius: 3px 3px 0 0;
}

.msp-tab-content {
    display: none;
    animation: fadeInTab 0.4s ease;
}

.msp-tab-content.active {
    display: block;
}

@keyframes fadeInTab {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Gallery Grid */
.msp-gallery-grid {
    display: flex;
    gap: 15px;
}

.msp-sidebar-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    position: sticky;
    top: 30px;
}

.msp-sidebar-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msp-contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.msp-contact-list li {
    display: flex;
    margin-bottom: 20px;
}

.msp-contact-list li:last-child {
    margin-bottom: 0;
}

.msp-icon-wrapper {
    flex: 0 0 40px;
    color: #013a63;
    font-size: 20px;
}

.msp-contact-text strong {
    display: block;
    color: #1a202c;
    font-size: 15px;
    margin-bottom: 5px;
}

.msp-contact-text span, .msp-contact-text a {
    color: #4a5568;
    font-size: 15px;
    line-height: 1.5;
    text-decoration: none;
}
.msp-contact-text a:hover { 
	color: #ff2a5f; 
}
.msp-tab-content h4 a{
	color:#19334d;
	text-transform:capitalize;
}



/* Global Listing Buttons - Doctor and Clinic Style */
.btn-view-doctor {
    background: var(--lime-red);
    border: 1px solid var(--lime-red);
    color: var(--white);
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
    transition: all ease-in-out 0.3s;
    font-weight: 500;
}

.btn-view-doctor:hover {
    background: var(--white);
    color: var(--lime-red);
    border: 1px solid var(--lime-red);
    text-decoration: none;
}

.callclinic {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.callclinic a {
    margin-left: 0 !important;
}

.callclinic a:not(.btn-view-doctor) {
    background: transparent;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all ease-in-out 0.3s;
    font-weight: 500;
}

.callclinic a:not(.btn-view-doctor):hover {
    background: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}
/* small helper styles for badges (Bootstrap v3/4/5 friendly) */
.clinic-badge {
  display:inline-block;
  margin:3px 6px 3px 0;
  padding:6px 10px;
  background:#eef6ff;
  border-radius:16px;
  font-size:13px;
  color:#013a63;
}
.clinic-meta { margin-top:10px; }

/* Modern Service Card Design */
.gotService-list.doclists { display: block; }

.msc-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.msc-title {
    margin: 0 0 12px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.msc-title a {
    color: #222;
    text-decoration: none;
    transition: color 0.2s ease;
}

.msc-title a:hover {
    color: #ff2a5f;
}

.msc-meta {
    margin-bottom: 15px;
}

.msc-meta p {
    margin: 0 0 8px 0;
    color: #666;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.msc-meta p i {
    color: #ff2a5f;
    margin-right: 8px;
    font-size: 18px;
}

.msc-facilities {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.msc-badge {
    background: #f0f7ff;
    color: #013a63;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}

.msc-action {
    margin-top: auto;
    text-align: right;
}

.msc-btn {
	background: #e4074e;
    color: #ffffff;
    border: 1px solid #e4074e;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 40px;
}

.msc-btn:hover {
    background: #bc003c;
    color: #ffffff;
}

.faci-srv .facility-badge{
	background: #f0f7ff;
    color: #013a63;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}

.clinic-badge { display:inline-block; margin:3px 6px 3px 0; padding:6px 10px; background:#eef6ff; border-radius:16px; font-size:13px; color:#013a63; }
.clinic-meta { margin-top:10px; }
.no-results-listing { text-align:center; padding:40px 20px; color:#666; font-size:16px; }

/* Modern Service Card Design */
.gotService-list.doclists { display: block; }
.modern-service-card {
    display: flex;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
    margin-bottom: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f0f0f0;
	flex-direction: column;
}
.modern-service-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}
.modern-service-card .msc-card1{
	display: flex;
    flex-direction: row;   
    margin-bottom: 15px;
	padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;	
}
.msc-card2 .msc-info{
	border-bottom: 1px solid #f0f0f0;
}
.msc-card2 .msc-action{
	margin-top:12px;
}
.msc-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.msc-title {
    margin: 0 0 2px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.msc-title a {
    color: #222;
    text-decoration: none;
    transition: color 0.2s ease;
}

.msc-title a:hover {
    color: #ff2a5f;
}

.msc-meta {
    margin-bottom: 15px;
}

.msc-meta p {
    margin: 0 0 8px 0;
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
	text-transform:capitalize;
}

.msc-meta p i {
    color: #ff2a5f;
    margin-right: 8px;
    font-size: 18px;
}
.msc-badge {
    background: #f0f7ff;
    color: #013a63;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.msc-action {
    margin-top: auto;
    text-align: right;
}
.info-grid .msc-badge{
	margin-bottom:10px;
}
.btn-view {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: var(--white);
    font-size: 14px;
    padding: 5px 18px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
    transition: all ease-in-out 0.3s;
}

.btn-view:hover {
    background: var(--theme-color-hover);
    color: var(--white);
    border: 1px solid var(--theme-color-hover);
}

.no-doctors-found {
    text-align: center;
    padding: 40px 20px;
}

.no-doctors-found p {
    font-size: 18px;
    margin-bottom: 20px;
}

.msc-image {
	margin-right: 20px;	
}
.msc-image img{
	width: 144px;
    height: 144px;
	border: 1px solid #ddd;
    border-radius: 50%;
}
.clinicList .msc-content .msc-title{
	margin-bottom:10px;
}
.msp-tab-content .msp-gallery-grid .msp-gallery-item{
	width: 25%;
    display: inline-flex;
}
.msp-tab-content .msp-gallery-grid .msp-gallery-item img{
	width:100%;
}
.docila-breadcrumb{
	margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.pageHeader strong{
	font-size:24px;
	color:#F2F2F2;
	font-weight: 600;
}
.msc-action{
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.msc-card2 .msc-info p .ri-hospital-line{
	padding: 5px 8px;
    background: #EEEEEE;
    color: var(--theme-color);
    border-radius: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
	margin-right: 5px;
}
.page-action{
	text-align:center;
	display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
	margin-top: 30px;
}
.page-action a{
	background:var(--theme-color);
	color:var(--white);
    padding: 8px 25px;
	margin:0 10px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
	line-height: 23px;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 40px;
}
.page-action a:hover{
	background:var(--theme-color-hover);
}
.home-doclist{
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between; 
	align-items:center; 
	margin-bottom:15px;
}
.hp-doctor-filters{
	display:flex; 
	gap:10px;
}
.sidebar-sticky{
	position: sticky;
	top: 90px;
	z-index: 10;
}

/* ==========================================================================
   Breadcrumb Styles
   ========================================================================== */
.docila-breadcrumb {
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 0px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.docila-breadcrumb::-webkit-scrollbar {
    height: 4px;
}
.docila-breadcrumb::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}

.docila-breadcrumb .breadcrumb-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.docila-breadcrumb .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #4a5568;
}

.docila-breadcrumb .breadcrumb-item a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
}

.docila-breadcrumb .breadcrumb-item a:hover {
    color: #e4074e;
}

.docila-breadcrumb .breadcrumb-item i {
    margin-right: 4px;
    font-size: 16px;
}

.docila-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    margin: 0 10px;
    color: #a0aec0;
}

.docila-breadcrumb .breadcrumb-item.active {
    color: #e4074e;
    font-weight: 600;
}
.home .main-search-panel{
	margin: 25px 0;
}

/* Banner specific overrides */
.inner-banner-content .docila-breadcrumb {
    margin: 15px 0 0 0;
    padding: 0;
}
.pageHeader .docila-breadcrumb,
.inner-banner-content .docila-breadcrumb {
    scrollbar-width: none;
}
.pageHeader .docila-breadcrumb::-webkit-scrollbar,
.inner-banner-content .docila-breadcrumb::-webkit-scrollbar {
    display: none;
}
.pageHeader .docila-breadcrumb .breadcrumb-list,
.inner-banner-content .docila-breadcrumb .breadcrumb-list {
    justify-content: center;
}
.pageHeader .docila-breadcrumb .breadcrumb-item,
.inner-banner-content .docila-breadcrumb .breadcrumb-item {
    color: rgba(255,255,255,0.9);
}
.pageHeader .docila-breadcrumb .breadcrumb-item a,
.inner-banner-content .docila-breadcrumb .breadcrumb-item a {
    color: #ffffff;
}
.pageHeader .docila-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.inner-banner-content .docila-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255,255,255,0.6);
}
.pageHeader .docila-breadcrumb .breadcrumb-item.active,
.inner-banner-content .docila-breadcrumb .breadcrumb-item.active {
    color: #ff2a5f;
}
.pageHeader h2{
	color:#ffffff;
}
.top-rated-home .thumb-img {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;          /* fixed frame */
    overflow: hidden;
    background: #f1f1f1;
}

.top-rated-home .thumb-img img {
    width: 55%;
    height: 100%;
    object-fit: cover;
    display: block;
	margin: 0 auto;
}
.loadmore a.disabled {
    pointer-events: none;
    opacity: 0.6;
}


/*==== Responsive ====*/




@media (min-width: 1200px) {
	.container {
		width: 100%;
		max-width: 1540px;
		padding: 0 5%;
	}
}

@media (min-width: 1921px) {
	.container {
		width: 100%;
		max-width: 1540px;
		padding: 0;
	}

}

@media (min-width: 1200px) and (max-width:1440px) {

.navbar-inverse .navbar-brand,
.navbar>.container .navbar-brand {
	width: 18%;
	padding-top:6px;
}
.navbar-header .nav.extra-nav {
	width: 82%;
}

.top-note p {
	font-size: 20px;
}

.extra-nav li.top-note {
	width: 60%;
}

.extra-nav li.user-adlisting {
	width: 35%;
}

.head-addlist a {
	font-size: 14px;
	margin-left: 12px;
	margin-right: 0;
}

.head-addlist {
	margin-top: 10px;
	text-align:right;
}
.page-header.is-sticky .navbar-brand>img {
    height: 35px;
    width: auto;
}
.desktop-only .menu-opener {
	margin-top: 0;
}

.default-banner-section .main-searchform.fixed-header {
	width: 600px;
	right: 0%;
}
.main-searchform.fixed-header .main-search-panel{
	transform: translateX(-45px);
}
.search-divider{
	margin:0 10px;
}
.main-searchform.fixed-header .search-submit-btn {
    padding: 10px 15px;
}
.main-searchform.fixed-header .search-field.search-location input{
	max-width:164px;
}
.main-searchform.fixed-header .search-field{
	gap:0;
}
.main-searchform.fixed-header .search-field input{
	font-size:14px;
}
.main-searchform.fixed-header .search-field input.location-input{
	padding-left:0;
}
.search-field input.location-input{
	padding-left:0;
}
.navbar-wrapper{
	padding:8px 0;
}


}

@media (min-width: 992px) {
.header-search .search-submit-btn span {
	display: inline;
}
	
}

@media (min-width: 768px) and (max-width:899px){
.extrasrc-category .owl-nav{
	left: -45px;
	right: -45px;
}
.default-banner-section img{
	height:240px;
}
.extrasrc-category{
	padding:0 30px;
}
.main-searchform{
	top:10%;
	width: 90%;
}
.navbar-brand>img{
	width: 100%;
	height:auto;
}
.navbar-wrapper .container{
	width:100%;
}
.navbar-inverse .navbar-brand, 
.navbar>.container .navbar-brand{
	width: 15%;
}
.navbar-header .nav.extra-nav{
	width:85%;
}
.extra-nav li.top-note {
    width: 58%;
    text-align: left;
}
.extra-nav li.user-adlisting {
    width: 36%;
}
.top-note p{
	font-size:16px;
}
.head-addlist a{
	padding:6px 8px;
	margin-right:0
}
.head-addlist a:first-child{
	padding:6px 8px;
	font-size: 14px;
	margin-right:8px;
}
.head-addlist{
	margin-top:8px;
}
.category-box{
	margin-bottom:15px;
}
.med-cate {
    margin: 30px 0;
}
.top-rated-home .top-travels ul li{
	width: 50%;
}
.page-header.is-sticky .navbar-brand>img{
	height:auto;
}	
.sidenav {
    width: 36%;
}
.listingForm{
	width:100%;
}
.success-card{
	width:100%;
}
.profileOver .avatar-upload{
	width:21%;
}
.default-banner-section .business-name{
	width:78%;
}
.profileView-body .dashboard-sidebar{
	width: 100%;
    top: 0;
    text-align: center;
}
.profileView-body .dashboard-sidebar .sidebar-nav{
	border:0;
	box-shadow:none;
}
.profileView-body .dashboard-sidebar .sidebar-nav li{
	border-bottom:0;
}
.sidebar-nav li a{
	padding:12px  25px;
}
.profileView-body .dashboard-content{
	padding:20px;
	width: 100%;
}

}


@media (min-width: 768px) {
.navbar-header {
	width: 100%;
}

.menu-opener {
	width: 35px;
	height: 35px;
	float: right;
	display: block;
	margin-top: 4px;
}

.sidenav .navbar-nav {
	margin: 0;
	padding-left: 0;
}

.sidenav .navbar-nav li {
	list-style: none;
	padding: 15px;
	float: none;
}

.sidenav .navbar-nav li a {
	color: var(--dark-blue);
	text-decoration: none;
}

.sidenav .navbar-nav li a:hover {
	color: var(--theme-color);
}

.sidenav .navbar-nav li a .rel-ico {
	margin-right: 8px;
	background: var(--white);
	padding: 3px;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: inline-block;
	text-align: center;
}

.sidenav .user-pann {
	background: var(--theme-color);
	height: 70px;
	padding: 10px 15px;
}



}
@media (max-width:991px) {
.msp-hero { 
	flex-direction: column; 
}
.msp-hero-image {
	flex: 0 0 auto; 
	width: 100%; 
	margin-right: 0;
	margin-bottom: 10px;
	max-width:100%; 
}
.msp-body > .row { 
	flex-direction: column;
}
.msp-main-content { 
	margin-bottom: 30px; 
}
.modern-details-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}

		
	
}


@media (max-width:767px) {
.log-register {
	display: none;
}
.sidenav.show{
	width:80%;
}
.navbar-inverse .navbar-brand,
.navbar>.container .navbar-brand {
	width: 32%;
	padding-right: 0;
	padding-top: 8px;
	padding-bottom:5px;
	height: 40px;
}

.scroll-fix .navbar-inverse {
	min-height: 40px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.navbar-brand>img {
	height: auto;
	width: 100%;
}

.navbar-header .nav.extra-nav {
	width: 68%;
	padding-top: 0px;
}

.head-addlist {
	padding-left: 0px;
	margin-top:0px;
	text-align:center;
}
.logged-out-user .head-addlist{
	margin-top:10px;
}
.extra-nav li.top-note {
	display: none;
}

.scroll-fix .extra-nav li.user-adlisting {
	width: 100%;
	padding-left: 33%;
}

.extra-nav li.user-adlisting {
	width: 80%;
	padding-left: 5%;
}
.head-addlist a.addListing{
	margin-right:0px;
}

.head-addlist a:first-child {
	padding: 6px;
}

.mhide {
	display: none;
}

.select-lang {
	display: none;
}

.head-addlist a,
.scroll-fix .head-addlist a {
	padding: 6px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.navbar-wrapper {
	padding-top: 6px;
}

.default-banner-section img {
	opacity: 1;
}

.navbar-inverse .container {
	padding: 0;
}

.navbar-inverse.shrink .container {
	padding: 0 15px;
}

.container>.navbar-header {
	margin: 0;
}

.log-register {
	margin: 0 10px;
}

.menu-opener {
	width: 35px;
	height: 35px;
	float: right;
	display: block;
	margin-top: -2px;
}

.scroll-fix .menu-opener {
	margin-top: -7px;
}

.scroll-fix .navbar-brand>img {
	height: auto;
}

.scroll-fix .navbar-header .nav.extra-nav {
	padding-top: 5px;
}

.scroll-fix .navbar-inverse .navbar-brand,
.scroll-fix .navbar>.container .navbar-brand {
	padding-top: 5px;
	height: 50px;
}

.navbar-inverse {
	margin-bottom: 0px;
	min-height: 45px;
}

.modal-login-signup .modal-dialog {
	position: relative;
	width: 80%;
	margin: 20% auto 10px;
}

.sidenav .navbar-nav {
	margin: 0;
	padding-left: 0;
}

.sidenav .navbar-nav li {
	list-style: none;
	padding: 15px;
}

.sidenav .navbar-nav li a {
	color: var(--dark-blue);
}

.sidenav .navbar-nav li a .rel-ico {
	margin-right: 10px;
	background: var(--white);
	padding: 3px;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	display: inline-block;
	text-align: center;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	color: var(--theme-color);
	text-decoration: none;
}

.main-searchform {
	width: 75%;
}

.main-search-panel {
	border-width: 2px;
	border-radius: 7px;
	margin: 0;
	border:0;
}

.input-sets.r-lines .form-control {
	border-radius: 6px 0 0 6px;
}

.input-sets .form-control {
	height: 36px;
	padding-left: 20px;
	font-size: 14px;
}

.input-sets.r-lines .form-control {
	padding-left: 22px;
}

.input-sets .fa {
	left: 8px;
	top: 32%;
	font-size: 14px;
}

.input-sets img {
	left: 8px;
	top: 33%;
	width: 15px;
}

.input-sets .btn-search {
	height: 36px;
	font-size: 14px;
	border-radius: 0 5px 5px 0;
}

.main-searchform p {
	font-size: 16px;
	margin-bottom: 5px;
	display:none;
}

.default-banner-section {
	height: auto;
	padding-top: 0;
}

.default-banner-section.fixed-header {
	padding: 8px 0 8px;
	top: 55px;
	right: 0;
	height: 65px;
	background: var(--theme-color);
	z-index: 1;
}

.more-category_mb {
	background: #f7f9fc;
	padding: 0 15px 15px;
	display: block;
	position: relative;
	z-index: 1;
	margin-top: 0px;
}

.cate-scroll .owl-carousel .owl-item img {
	height: 35px;
	width: auto;
	margin: 0 auto;
	filter: brightness(0) invert(1);
}

.cate-scroll .owl-carousel .owl-stage-outer {
	padding: 15px 0;
}

.cate-scroll .owl-carousel .owl-item .item {
	padding: 12px 8px;
	background: rgb(25, 51, 77);
	background: linear-gradient(337deg, rgba(25, 51, 77, 1) 10%, rgba(180, 1, 58, 1) 45%, rgba(228, 7, 78, 1) 100%);
	border-radius: 10px;
	text-align: center;
	box-shadow: 4px 5px 6px -7px rgb(0 0 0 / 30%);
	border: 1px solid #eee;
	min-height: 100px;
}

.cate-scroll .owl-carousel .owl-item .item a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}

.extrasrc-category {
	display: none;
}

.cate-scroll .owl-carousel .owl-item .item p {
	margin-bottom: 0;
	margin-top: 8px;
	color: var(--white);
	font-weight: 400;
	line-height: 15px;
}

.cate-scroll .owl-carousel .owl-dots {
	text-align: center;
	line-height: 8px;
}

.cate-scroll .owl-carousel button.owl-dot {
	width: 10px;
	height: 12px;
	border-radius: 100%;
	background: #cccccc;
	margin: 0 8px;
}

.modal-login-signup .modal-header {
	border-bottom: 0;
	padding: 0;
}

.modal-header .close {
	margin-top: -15px;
	margin-right: -10px;
}

.modal-body {
	position: relative;
	padding: 15px 15px 0;
}

.cate-scroll .owl-carousel button.owl-dot.active {
	background: var(--dark-blue);
}

.top-rated-home {
	border-top: 0px solid #ffffff;
}

.by-location {
	border-top: 20px solid #ffffff;
}

.default-banner-section.fixed-header .main-search-panel {
	transform: translateX(0px);
}

.default-banner-section.fixed-header .main-searchform {
	width: 95%;
}

.top-rated-home .container {
	padding: 0
}

.info-grid a.for-ph:before {
	font-size: 16px;
	top: -1px;
}

.info-grid a.for-whtapp:before {
	font-size: 16px;
	top: -2px;
}

.info-grid a.for-ph,
.info-grid a.for-whtapp {
	padding-left: 18px;
}

.top-travels .example__demo .thumb-img img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}

.top-rated-home h2,
.top-rated-home h3 {
	font-size: 20px;
	margin: 20px 0;
	text-align:center;
}

.populars {
	border-top: 20px solid #fff;
}

.top-travels .carousel {
	margin-bottom: 20px;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
}

.flickity-enabled.is-draggable .flickity-viewport {
	height: 430px !important;
	overflow-x:hidden;
	overflow-y:visible;
}

.top-travels .info-grid a.business-name {
	font-size: 18px;
}

.top-rated-home.mobile-v {
	display: block;
}

.top-rated-home.desktop-v {
	display: none;
}
.our-mission h5 {
	font-size: 20px;
	display:none;
}

.our-mission h5 small {
	font-size: 16px;
}

.global-list li {
	font-size: 14px;
	padding: 0 0 15px 20px;
}

.global-list li:before {
	top: -2px;
	font-size: 16px;
}

.whatdo {
	display: inline-block;
	margin-top: 20px;
}

.our-mission {
	margin: 10px 0;
}

.footer-nav ul li {
	list-style: none;
	margin-bottom: 8px;
	float: left;
	padding: 0 5px;
	border-right: 1px solid #666;
}

.footer-nav ul li:last-child {
	border-right: 0;
}

.footer-contact p {
	display: inline-block;
	margin-right: 10px;
}

.footer-social {
	margin-bottom: 15px;
	text-align: center;
}

.listingForm {
	width: 90%;
	padding: 15px 0;
	border-radius: 15px;
}

.pageHeader h1 {
	font-size: 18px;
}

.pageHeader p {
	font-size: 16px;
	margin-bottom:0;
}

.default-banner-section .pageHeader {
	top: 50%;
	padding-top: 0;
	transform: translateY(-50%);
}

.except-home-ban .pageHeader {
	top: 15%;
}

.addListing {
	padding: 20px 0;
}

.imgUpload input[type="file"] {
	width: 100%;
}

.basicInfo {
	margin-bottom: 10px;
}

.imgUpload {
	margin-bottom: 20px;
}

.default-banner-section.innerWithform .pageHeader {
	padding-top: 5px;
}

.default-banner-section.innerWithform .pageHeader h1 {
	font-size: 16px;
}

.default-banner-section.innerWithform .pageHeader p {
	font-size: 12px;
}

.default-banner-section .main-searchform.fixed-header {
	width: 100%;
	top:0px;
	border-top:2px solid var(--theme-color);
	padding:0;
	z-index: 9;
	height: auto;
	right: 0;
}

.page-header.is-sticky {
	position:relative;
	top: 0;
	z-index: 9;
}

.page-header.is-sticky .navbar-brand {
	display: none;
}

.page-header.is-sticky .navbar-header .nav.extra-nav {
	width: 100%;
	padding-bottom: 8px
}

.page-header.is-sticky .menu-opener {
	margin-top: -2px;
}

.page-header.is-sticky .extra-nav li.user-adlisting {
	padding-left: 0;
}

.page-header.is-sticky .head-addlist {
	padding-left: 0px;
}

.page-header.is-sticky .head-addlist a {
	padding: 5px 15px;
	border: 2px solid var(--lime-red);
}

.page-header.is-sticky .head-addlist a:first-child {
	padding: 5px 15px;
}

.page-header.is-sticky .sidenav {
	top: inherit;
	bottom: 0;
}

.page-header.is-sticky .menu-toggler.show:after {
	top: inherit;
	bottom: 0;
}

.vNum {
	font-size: 12px;
}

.vLabel {
	font-size: 10px;
}

.whatdo p {
	line-height: 26px;
}

.main-searchform.fixed-header .main-search-panel {
	transform: translateX(0px);
}

.resultPage-body {
	padding: 0px 0 20px;
}

.sideBar-options>ul {
	padding: 8px 10px;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 10%);
}

.sideBar-options li h4 {
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 14px;
}

.sideBar-options ul li i:before,
.sideBar-options ul li i:after {
	width: 2px;
	height: 7px;
}

.sideBar-options ul li i {
	transform: translate(-10px, 0);
}

.sideBar-options ul li ul {
	margin: 10px 0;
}

.sideBar-options ul li ul li a {
	font-size: 12px;
}

.sideBar-options ul li ul li {
	padding-bottom: 8px;
}

.sideBar-options {
	margin-bottom: 15px;
}

.result-count p {
	text-align: center;
	padding: 8px 10px;
	font-size: 13px;
	text-align: center;
	color: #000;
}

.clinic-row {
	margin-top: 0px;
	margin-bottom: 15px;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 10%);
}

.result-count {
	border-radius: 6px;
	box-shadow: 0px 2px 5px -3px rgb(0 0 0 / 10%);
	margin: 15px 0;
}

.gotService-list {
	margin-bottom: 15px;
}

.clinic-row .bizImg {
	width: 100%;
	height: 200px;
	overflow-y: hidden;
	border-radius: 10px 10px 0 0;
}

.clinic-row .bizImg img {
	border-radius: 10px 10px 0 0;
	height: auto;
	width: 100%;
}

.clinic-row .bizDetails {
	width: 100%;
	padding: 10px 15px 10px;
}

.viewsCount {
	color: #777;
	padding-top: 0;
	line-height: 10px;
	right: 25px;
}

.clinic-row .bizDetails h5,
.clinic-row .bizDetails h5 a {
	font-size: 18px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;
}

.bizAddress {
	margin-bottom: 8px;
}

.carousel-cell {
	background: none;
	box-shadow: none;
}

.availableType {
	margin-bottom: 10px;
}

.actionCenter .call2ac {
	padding: 6px 15px;
	margin-right: 0px;
}

.availableType:before {
	top: 2px;
}

.clinic-row .bizDetails h5 {
	padding-right: 40px;
}

.contactNumb a {
	padding-left: 20px;
}

.contactNumb .phNumb {
	margin-right: 15px;
}

.contactNumb {
	margin-bottom: 8px;
}

.bizAddress p {
	margin-bottom: 8px;
}

.actionCenter {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
}

.footer-nav {
	display: inline-block;
	width: 100%;
}

.profileView-banner {
	position: relative;
}

.actionCenter .viewbiz {
	margin-right: 0;
}

.profilePic {
	width: 60px;
	height: 60px;
	margin-top: 0px;
	margin-bottom: 6px;
	position: absolute;
	bottom: 0;
}

.profileView-banner .business-name {
	width: 82%;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 18%;
}

.actionC {
	text-align: center;
}

.actionC .share2Others {
	margin-right: 0;
}

.profileView-banner .business-name .viewsCount {
	background: none;
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	padding-top: 0;
}

.profileView-banner .business-name h1 {
	margin-bottom: 12px;
	font-size: 20px;
	margin-top: 0;
}

.profileView-body {
	padding-top: 20px;
	padding-bottom: 20px;
}

.serviceList li.srvItems {
	margin-bottom: 10px;
	margin-right: 10px;
}

.tra-Information.tra-srvc {
	padding-bottom: 5px;
}

.serviceList li.srvItems [class*='L-'] {
	padding: 6px 10px 6px 30px;
}

.serviceList li.srvItems [class*='L-']:before {
	top: 4px;
}

.clinic-row .bizDetails .profilePic {
	left: 85%;
	top: -25px;
}

.top-travels .clinic-row .bizDetails .profilePic {
	left: 80%;
}

.profileView-banner .profileOver {
	position: relative;
	bottom: 0;
}

.default-banner-section.innerWithform {
	margin-bottom: 0;
}

.profileView-body .carousel.flickity-enabled {
	margin-bottom: 15px;
}

.default-banner-section {
	z-index: 2;
	background: var(--white);
}
.tra-Information {
    padding: 15px;
}

.page-header.is-sticky .navbar-brand>img {
	height: auto;
}

.packages .plans {
	margin-bottom: 20px;
}

.changePic {
	bottom: 4px;
	right: -6px;
	width: 18px;
	height: 18px;
	line-height: 19px;
	font-size: 10px;
}

.planBox h6 {
	margin-top: 5px;
	line-height: 20px;
}

.planBox label {
	margin: 0 0 5px;
}

.planBox a.planUpgrade {
	background: linear-gradient(90deg, rgba(25, 51, 77, 1) 15%, rgba(228, 7, 78, 1) 100%);
	margin: 0px 0 5px;
}

.plans .plansName {
	padding: 5px 0;
}

.clinicProfile {
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 8px;
}

.clinicDetails h1 {
	font-size: 18px;
}

.clinicDetails .ableFeatures {
	transform: translateY(-62px);
	width: 72%;
	float: right;
}

.clinicProfile .clinicPic {
	width: 25%;
	float: left;
	height: 75px;
}

.clinicProfile .clinicPic img {
	height: 100%
}

.clinicProfile .clinicDetails {
	width: 100%;
	float: right;
	padding-left: 0;
}

.clinicDetails .rating {
	margin-top: 10px;
	margin-bottom: 5px;
}

.actionRow a .fa {
	margin-right: 2px;
}

.actionRow a {
	margin-right: 6px;
	font-size: 12px;
	padding: 5px 10px;
}

.actionRow {
	margin-top: 5px;
	margin-bottom: 5px;
}

.clinicTabs {
	padding: 12px;
}

.gotService-list .doctPic {
	width: 30%;
	float: left;
	margin-bottom: 15px;
}

.gotService-list .Drprofiles {
	width: 100%;
	float: left;
	padding: 0;
}
.doctorProfile{
	padding: 15px;
	margin-bottom: 15px;
}
.othersInfo {
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	padding: 8px 5px;
	border-radius: 8px;
	margin: 10px 0;
	background: #f5f5f5;
}

.docSlider .othersInfo {
	width: 90%;
	float: none;
	margin: 10px auto;
}

.drInfo-1 a h4 {
	font-size: 18px;
	margin-bottom: 2px;
}

.gotService-list.doclists .Drprofiles{
	width: 100%;
    margin-top: 0px;
    padding: 10px;
    background: var(--grey);
	margin-bottom: 5px;
	border-radius: 8px;
    border: 1px solid #f5f5f5;
}
.gotService-list.doclists .Drprofiles p{
	margin-bottom:0;
}
.doctPic img {
	height: auto;
	border-radius: 8px;
}

.clinic-view-body {
	padding-top: 20px;
}

.drRow .callclinic {
	text-align: center;
	margin-top: 5px;
}

.tab-pane .drRow {
	padding: 15px 0;
}

.formTitle h3 {
	margin-bottom: 15px;
}

.formTitle h2 {
	margin-bottom: 20px;
	font-weight: 700;
}

.formTitle h2,
.formTitle h3 {
	font-size: 18px;
}

.avatar-upload .avatar-preview {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	border: 2px solid var(--grey);
}

.avatar-upload .avatar-preview>div {
	border-radius: 10px;
}

.imgUpload h4 {
	text-align: center;
}

.btn-addmore {
	font-size: 14px;
	padding: 7px 20px;
	margin: 0 5px;
}

.btn-submit {
	font-size: 16px;
	padding: 8px 30px;
	height: 40px;
	margin: 10px 5px 0;
}

.listingForm .formAction button {
	margin-top: 20px;
}

.addDoctor {
	font-size: 14px;
	padding: 7px 30px;
}

.success-mssg .checked {
	margin: 0px 0 20px;
}

.listingForm .avatar-upload {
	width: 82%;
}

.default-banner-section .profileOver {
	position: relative;
	bottom: 0;
	padding: 15px 0;
}

.profileOver .avatar-upload {
	width: 30%;
}

.default-banner-section .business-name {
	width: 70%;
	padding-left: 0;
}

.profileOver .avatar-upload .avatar-preview {
	width: 80px;
	height: 80px;
}

.default-banner-section .business-name h1 {
	color: var(--dark-blue);
	font-size: 20px;
	font-weight: 600;
}

.addDoc {
	display: none;
}

.page-header.is-sticky .addDoc {
	display: inline-block;
	margin-right: 20px;
}

.docSlider .carousel-cell {
	background: #ffffff;
}

.packages {
	padding: 15px;
}

.mission_img h4 {
	text-decoration: none;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	height: 100%;
	position: absolute;
	transition: 0.5s ease all;
	visibility: visible;
	opacity: 1;
	bottom: 0;
	transform: scale(1.1);
	padding: 78px 50px 0;
}

.main-footer {
	padding-bottom: 50px;
}

.gotService-list .othersInfo {
	width: 100%;
}

.page-header .headtop-mb {
	display: block;
	background: var(--theme-color);
	padding: 8px 15px;
}

.page-header .headtop-mb p {
	font-size: 16px;
	color: var(--white);
	text-align: center;
	margin: 0;
}

.page-header.is-sticky .headtop-mb {
	display: none;
}

.input-sets .ri-map-pin-line {
	left: 3px;
	top: 23%;
	font-size: 14px;
	color: #cccccc;
}

.input-sets .ri-search-line {
	left: 4px;
	top: 22%;
	font-size: 14px;
	color: #cccccc;
}

.head-addlist a.logUser {
	display: none;
}

.mb-login {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	cursor: pointer;
}

.dash-layout {
	flex-direction: column;
}

.dash-sidebar {
	display: block;
	width: 100%;
}

.dash-sidebar.open {
	display: block;
}

.dash-toggle {
	display: block;
}

.form-row {
	grid-template-columns: 1fr;
}

.profile-row {
	grid-template-columns: 1fr;
	gap: 20px;
}

.profile-col-left,
.profile-col-right {
	padding: 20px;
}

.profile-col-left h3::before,
.profile-col-right h3::before {
	font-size: 18px;
}

.btn-submit {
	width: 100%;
	justify-content: center;
}

.modal-container {
	margin: 10px;
}

.modal-body {
	padding: 15px;
}

/* this is by banibrata */
.registration-photo-upload {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	background: #f8fafc;
	border-radius: 12px;
	border: 1px dashed #cbd5e1;
	margin-bottom: 25px;
}

.reg-photo-wrapper {
	position: relative;
}

.reg-photo-preview {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: #e2e8f0;
	border: 3px solid #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	background-image: url('../images/med-04.jpg');
}

.reg-photo-preview.has-image {
	border-color: var(--theme-color);
}

.reg-photo-preview:hover {
	transform: scale(1.05);
}

.reg-photo-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	color: #fff;
	font-size: 10px;
}

.reg-photo-overlay i {
	font-size: 20px;
	margin-bottom: 2px;
}

.reg-photo-preview:hover .reg-photo-overlay {
	opacity: 1;
}

.reg-photo-info h5 {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 600;
	color: #1e293b;
}

.reg-photo-info p {
	margin: 0;
	font-size: 14px;
	color: #64748b;
}

.reg-photo-info p.small-note {
	font-size: 12px;
	color: #94a3b8;
	margin-top: 4px;
}


	
/* ============================================
   GLOBAL SEARCH MOBILE RESPONSIVE
   ============================================ */
.search-input-wrapper {
	flex-direction: row;
	border-radius: 30px;
	padding: 0 3px 1px 0;
	gap: 10px;
	border:1px solid #e0e5ec;
}
.search-field.search-location.mb-location{
	display:block;
	background:none;
	text-align: left;
}
.search-field.search-location.desk-location{
	display:none;
}
.search-input-wrapper .search-field.search-term input.search-input{
	height:42px;
	padding-left: 0;
	font-size: 14px;
}
.search-field {
	width: 100%;
	padding: 0;
	border-radius: 30px;
}
.mb-location.search-field input{
	padding-left:0;
	color:var(--white);
	font-size: 14px;
}
.search-field i.ri-search-line{
	margin-left: 8px;
}
.search-divider {
	display: none;
}
.category-box{
	padding:15px;
	margin-bottom: 15px;
}
.cat-info strong{
	font-size:14px;
	line-height:18px;
}
.cat-info{
	height:45px;
}
.cat-pic i{
	font-size: 20px;
    padding: 8px;
}
.search-submit-btn {
	width: 20%;
	justify-content: center;
	padding:10px 12px;
	border-radius: 30px;
}

.search-submit-btn span {
	display: inline;
}   

.header-search-wrapper {
	padding: 12px 0;
}
.dash-tabs li{
	height: 40px;
    width: 30%;
	padding: 5px 10px;
    display: inline-block;	
	margin: 0 5px;
}  
.dash-tabs li .tabName{
	font-size: 14px;
	font-weight: 400;
}   
.dash-tabs li i{
	font-size: 18px;
	width: 28px;
	line-height: 28px;
	height: 28px;
}   
.schedule-row.doc-timing select,
.schedule-row.doc-timing input{
	margin-bottom:15px;
}    
.dash-content .dash-tab h3{
	margin-top:20px;
} 
.sch-item{
	margin:15px 0 8px;
} 
.dash-tab .user-logout a{
	text-align:center;
}
.doctor-account .dash-title{
	margin-top: 0;
    margin-bottom: 30px;
    font-size: 24px;
	color:var(--dark-blue);
	font-weight:600;
}
.main-searchform {
	width: 100%;
	top: 13%;
}
.global-search-form{
	background: var(--dark-blue);
    padding: 0 15px 10px;
}
.search-field .detect-location i.ri-crosshair-2-line{
	color:#4091C8;
}
.autocomplete-results.active{
	background: no-repeat !important;
    box-shadow: none !important;
}
.location-autocomplete.autocomplete-results.active{
	background:var(--white) !important;
	box-shadow:0 10px 40px rgba(0, 0, 0, 0.15) !important;
}
.autocomplete-list .autocomplete-header{
	text-transform:capitalize;
	font-weight:400;
	font-size:12px;
	color:var(--theme-color);
}
.autocomplete-results .autocomplete-loading{
	padding: 8px;
}
.autocomplete-loading:before{
	border-top-color:var(--theme-color) !important;
}
.autocomplete-results.active, .location-autocomplete{
	top: calc(100% + 0px) !important;
}
.main-searchform {
	width: 100%;
	top: 0%;
	position:relative;
	background:var(--dark-blue);
	padding: 15px 0;
}

.single-clinic .main-searchform {
	top: 28%;
}

.profileView-body .flickity-enabled.is-draggable .flickity-viewport {
	height: 220px !important;
}

.default-banner-section img {
	height: 70px;
}

.default-banner-section.search-banner img {
	height: 95px;
	display:none;
}
.header-search .search-submit-btn span{
	display:inline-block
}
.search-results .header-search-wrapper{
	padding:0;
}
.search-results .header-search-wrapper .container{
	padding:0;
}
.search-results .default-banner-section .pageHeader{
	padding-top: 15px;
}
.search-results .default-banner-section .pageHeader .search-summary{
	margin-top:0;
}
.search-results .default-banner-section img{
	height:75px;
}
.specialty-results-grid,
.search-results-grid {
	grid-template-columns: 1fr;
}
.section-header h2 {
	font-size: 20px;
}
.results-summary{
	margin-top:15px;
}
.header-search .search-input-wrapper {
    padding: 0;
	padding-right: 5px;
}
.header-search-wrapper .container{
	padding:0;
}
.clinic-basic .ableFeatures{
	width: 75%;
	padding-left:12px;
}
.clinic-basic .ableFeatures h1{
	font-size:18px;
}
.clinicDetails .location-details p{
	font-size: 14px;
    text-transform: capitalize;
}
.gotService-list .doctPic img{
	width:98px;
	height:98px;
	border-radius:50%;
	border:1px solid var(--dark-blue);
}
.doctorProfile .doctPic img{
	width: 75px;
	height: 75px;
	border-radius: 50%;
	border: 1px solid var(--dark-blue);
}
.doctorProfile .Drprofiles{
	width: 100%;
	margin-top: 0px;
	padding: 10px;
	background: var(--grey);
	margin-bottom: 5px;
	border-radius: 8px;
	border: 1px solid #f5f5f5;
}
.clinicTabs .nav-pills li a{
	padding: 5px 15px 8px;
    font-size: 16px;
}
 .access-card {
	padding: 35px 25px;
}
.access-card h1 {
	font-size: 22px;
}
.modern-details-grid{
	display: block;
	margin-bottom: 10px;
    padding-top: 0;
}
.ProHead{
	margin-bottom:15px;
}
.ProHead h4{
	font-size:18px;
}
.dashboard-content .profile-tabs-content .dash-tab .view-mode {
    padding: 0 15px;
}
.detail-item{
	padding: 15px 0;
}
.detail-content strong{
	font-size:14px;
}
.detail-content p{
	font-size:14px;
}
.dashboard-content{
	padding:15px;
}
.edit-action-footer{
	text-align:center;
}
.about-section-modern{
	padding-top:15px;
}
#passwordSection .tra-Information {
    padding: 0 15px 15px;
}
.profileOver .avatar-upload .avatar-preview>div{
	border:1px solid var(--dark-blue);
}
.dashboard-layout { 
	flex-direction: column; 
} 
.dashboard-sidebar {
	width: 100%; 
	position: static; 
} 
.modern-details-grid { 
	grid-template-columns: 1fr; 
} 
.main-searchform h1{
	font-size:16px;
	font-weight:400;
}

.user-role-diagnostic .listingForm.modern-form-card{
	padding:25px 15px;
	width:100%;
}	
.bodyInner{
	margin:20px;
	padding:20px;
}
.bodyInner p {
    font-size: 14px;
    line-height: 26px;
}
.bodyInner h2, .bodyInner h3, .bodyInner h4{
	font-size: 20px;
}
.popup-content {
	padding: 24px;
	margin: 16px;
}

.msp-hero{
	padding:15px;
	margin-bottom: 15px;
}
.msp-meta {
    margin-bottom: 15px;
}
.modern-single-page{
	padding-top:20px;
}
.msp-main-content {
    margin-bottom: 15px;
}
 .modern-service-card {
	flex-direction: column;
	padding: 16px;
}

.msc-action {
	margin-top: 15px;
	text-align: left;
	justify-content: center;
}
.modern-service-card {
	padding: 12px;
}
.msc-image {
    margin-right: 12px;
    display: flex;
}

.gotService-list.doclists{
	margin:0 -15px 15px;
	border-radius:0;
}
.msc-image img {
    width: 75px;
    height: 75px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.modern-service-card .msc-card1{
	display: flex;  
	flex-direction: row;	
	border-bottom: 1px solid #f0f0f0;
    margin-bottom: 12px;
	padding-bottom:12px;
}
.msc-facilities{
	margin-bottom:0;
}
.msp-hero-image img{
	width: 140px;
    height: 140px;
	border-radius:50%;
	border:1px solid #dddddd;
	margin:0 auto;
}
.msp-hero-image{
	box-shadow:none;
}
.contactpage .bodyInner h2{
	margin:0 0 20px;
	padding:0;
	font-size:18px;
}
.contact-form {
    padding: 0;
}
.home-doclist{
	display:block;
	padding: 15px 0;
}
.hp-doctor-filters{
	display: block;
	text-align:center;
	padding-top: 10px;
}
.hp-doctor-filters select.form-control{
	display: inline-block;
}
.docila-breadcrumb{
	padding: 0;
    margin-bottom: 5px;
}
.docila-breadcrumb .breadcrumb-item{
	font-size:11px;
}
.docila-breadcrumb .breadcrumb-item i{
	font-size:12px;
}
.med-cate{
	margin:20px 0;
}
.med-cate h2{
	font-size:20px;
}
.mission-3col-wrapper {
    margin-top: 0 !important;
}
.main-searchform .container{
	padding-left:0;
	padding-right:0;
}


	/*====767px===end==*/

}

@media (min-width:481px) and (max-width:767px) {
.gotService-list .doctPic{
	width:20%;
}
.doctorProfile .doctPic{
	width:20%;
}
.gotService-list .Drprofiles{
	width:77%;
}
.clinicProfile .clinicPic{
	height:90px;
}
.med-cate .col-xs-6{
	width: 33.33333333%;	
}
.med-cate {
    margin: 30px 0 0;
}
.med-cate h2{
	font-size:20px;
}
.navbar-inverse .navbar-brand, .navbar>.container .navbar-brand{
	height:58px;
}
.navbar-header .nav.extra-nav{
	padding-top:12px;
}

.head-addlist{
	text-align: right;
}
.menu-opener{
	margin-top: -10px;
	margin-right: 10px;
}

}

@media (max-width:390px) {
.profileView-body .flickity-enabled.is-draggable .flickity-viewport {
	height: 198px !important;
}

}

@media (max-width:390px) {
.profileView-body .flickity-enabled.is-draggable .flickity-viewport {
	height: 430px !important;
}

.extra-nav li.user-adlisting {
	padding-left: 10%;
}

.head-addlist {
	padding-left: 0;
}

.head-addlist a {
	margin-right: 0;
}

.head-addlist a,
.scroll-fix .head-addlist a {
	font-size: 14px;
}

.page-header .headtop-mb p {
	font-size: 14px;
}

.head-addlist a:first-child {
	padding: 6px 12px;
}

.sidenav .navbar-nav li a .navitem {
	font-size: 14px;
	font-weight: 600;
}
}

@media (max-width:375px) {
.modal-dialog {
	margin-top: 23%;
}

.profileView-body .flickity-enabled.is-draggable .flickity-viewport {
	height: 400px !important;
}

.extra-nav li.user-adlisting {
	padding-left: 10%;
}

.head-addlist {
	margin-top: 0;
}

.head-addlist {
	padding-left: 0;
}

.head-addlist a {
	margin-right: 7px;
}

.head-addlist a,
.scroll-fix .head-addlist a {
	font-size: 14px;
}

.page-header .headtop-mb p {
	font-size: 14px;
}

.sidenav .navbar-nav li a .navitem {
	font-size: 14px;
	font-weight: 600;
}
.clinicTabs .nav-pills li a{
	padding: 5px 15px 8px;
    font-size: 14px;
}
.actionRow a{
	padding: 5px 6px;
}
.search-submit-btn{
	margin-left: -13px;
	padding:12px;
	font-size: 13px;
}

}

@media (max-width:320px) {
	.extra-nav li.user-adlisting {
		padding-left: 20%;
	}

}


@media (max-width: 768px) {
    .pageHeader .docila-breadcrumb .breadcrumb-list,
    .inner-banner-content .docila-breadcrumb .breadcrumb-list {
        justify-content: flex-start;
    }
}