@charset "UTF-8";
  form.wpcf7-form p{ margin: 0px !important; }
span.ajax-loader{ display: none !important; }
div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }
span.wpcf7-not-valid-tip { display: none; }
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: red !important; background-color: rgba(153, 0, 0, 0.3) !important; outline: 1px solid red; }
span.wpcf7-form-control-wrap {display:block !important;} .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label{ font-size: 0.9em; font-weight: 300; color: var(--secondary-font-color); font-family: "Outfit", sans-serif; }
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label a{ color: var(--primary-color); }
.wpcf7-not-valid .wpcf7-list-item-label{ color: red !important; }
.contact_details_form input[type="checkbox"] { width: 15px; height: 15px; position: relative; top: 2px; margin-right: 10px; border: 1px solid #ededed; color: #232323; padding: 0 20px; background: none; }  .error-box{ text-align:center; position:relative; width:100%; height:100%; margin:100px auto; text-align:center; max-height: 500px; }
.error-box-text{ position:relative; top:-350px; }
.error-box-text h1{ font-size:200px; color:#d3282a; line-height:1; }
.error-box-text h3{ font-size:40px; color:#111; }
.error-box-text h4{ font-size:20px; color:#333; margin-top:20px; }
.back-box{ z-index:-999999; background:#f9f9f9; position:relative; top:150px; padding:50px; }
.error-box h2{ color:rgba(204,204,204,.2); font-size:250px; font-weight:600; letter-spacing:10px; text-transform:uppercase; }
.error-box-text .dark-button { background: #111; color: #fff; font-size: 11px; font-weight: 500; border-radius: 50px; padding: 10px 15px 10px 15px; -webkit-transition-duration: .3s; transition-duration: .3s; text-decoration: none; margin-top: 30px; }
.error-box-text .dark-button:hover { color: #fff; background: #d3282a; }
.error-box-text .button-md { display: inline-block; font-size: 14px; font-weight: 500; padding: 13px 25px 13px 25px; }  .count-back-box { width: 100%; height: 100%; min-height: 80vh; padding: 100px 0px; text-align: center; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
.count-back-box:before{ position: absolute; content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); top: 0; left: 0;}
.thankyou-box { margin: auto; }
.thankyou-icons { position: relative; text-align: center; }
.count-back-box-text { text-align: center; margin: 30px auto 0 auto; }
.count-back-box-text h3 { color: #111; font-size: 1.5rem; font-weight: 400; line-height: 6;}
.count-back-box-text h6 { color: #777; font-size: 18px; font-weight: 400; margin-top: 10px; }
.thankyou-page{ min-height: calc(100vh - 600px); } .swiper-container {
width: 100%;
height: 100vh;
text-align: center;
}
.swiper-container img {
width: 100%;
height: 100%;
}
.swiper-container p {
font-size: 36px;
font-family: Gill Sans, sans-serif;
font-weight: bold;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 0.8;
}
.slider-btn .swiper-button-prev:hover:after, .slider-btn .swiper-button-next:hover:after{ color: var(--whiteColor); }
.swiper-button-next:after, .swiper-button-prev:after{ color: var(--titleColor);
font-size: 20px;
line-height: 0.8; }
@media (max-width: 768px) {
.swiper-container img {
object-fit: cover;
object-position: center;
}
}
.doctor-card { position: relative; perspective: 1000px; }
.doctor-card .doctor-img-front, .doctor-card .doctor-img-back { width: 100%; height: 100%; text-align: center; transform-style: preserve-3d; backface-visibility: hidden; perspective: inherit; border-radius: 10px; transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3); }
.doctor-card .doctor-img-front { position: relative; z-index: 1; 
background: linear-gradient(157deg, #fff 0%, #fff 46%, #b3609c 72%, #870264 117%);
transform: rotateY(0deg); }
.doctor-card .doctor-img-front img { width: 100%; border-radius: 10px; }
.doctor-card .doctor-img-front .content-wrap { width: 100%; transform: translate3d(0, 0, 50px) scale(0.9); transform-style: preserve-3d; }
.doctor-card .doctor-img-front .inner-back-side h4 { font-size: 16px; font-weight: 600; color: #870064; }
.doctor-card .doctor-img-back { position: absolute; top: 0; left: 0; background: linear-gradient( 140deg, #6a1058 0%, #a12b82 30%, #b3609c 60%, #ffffff 100% ); background-color: rgba(245, 245, 245, 0.9); transform: rotateY(-180deg); display: flex; align-items: center; }
.doctor-card .doctor-img-back img { position: absolute; inset: 30px; width: calc(100% - 60px); height: calc(100% - 60px); border-radius: 20px; z-index: 0; }
.doctor-card .doctor-img-back .content-wrap { position: relative; width: 100%; height: 100%; padding: 30px; transform: translate3d(0, 0, 50px) scale(0.9); transform-style: preserve-3d; }
.doctor-card .doctor-img-back .box-overlay { position: absolute; inset: 0; background-color: rgba(245, 245, 245, 0.9); border-radius: 20px; z-index: 0; }
.doctor-card .doctor-img-back .inner-back-side { position: absolute; inset: 30px; z-index: 1; border: 1px solid #870064; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); overflow: hidden; }
.doctor-card:hover .doctor-img-front { transform: rotateY(180deg); }
.doctor-card:hover .doctor-img-back { transform: rotateY(0deg); }
.appointment-form label{ font-size: 0.8rem; padding: 5px 0; }
.job-form .form-group input, .job-form .form-group textarea{ padding: 13px 20px;  }
.job-form label{ font-size: 0.8rem; padding: 5px 0; }
.job-form .form-group select {
padding: 10px 15px;
background-image: url(//spmediforthospital.com/wp-content/themes/spforthospital/assets/img/icons/down-arrow-1.svg);
background-size: 12px;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: calc(100% - 18px) 50%;
}
.calendar-wrapper { min-height: 280px; }
.calendar-preloader { position: absolute; inset: 0; z-index: 10; background: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 14px; color: #555; } .assistance-widget {
position: fixed;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
height: 50px;
width: auto;
overflow: hidden;
background: #feb601;
border-radius: 50px;
box-shadow: 0 6px 31px #0000002e;
transition: all .3s ease;
}
.assistance-widget.dark-mode {
background: var(--secondaryColor); box-shadow: 0 6px 31px #0000004d;
}
.assistance-widget.widget-collapsed {
left: 20px;
width: 50px;
transform: none;
background: #fff !important;
} .sp-widget-content,
.sp-widget-buttons {
display: flex;
align-items: center;
position: relative;
height: 100%;
} .sp-widget-buttons {
gap: 15px;
padding: 10px 60px 10px 20px;
white-space: nowrap;
z-index: 1;
opacity: 1;
transform-origin: left;
transition: transform .3s ease, opacity .3s ease;
}
.sp-widget-buttons.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-100%);
} .sp-widget-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border: none;
border-radius: 25px;
background: transparent;
cursor: pointer;
white-space: nowrap;
min-width: max-content;
color: #000;
transition: background .2s ease;
}
.sp-widget-btn:hover {
background: #605d5f; }
.btn-text {
font-size: 14px;
font-weight: 500;
} .sp-toggle-btn {
position: absolute;
right: 8px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 8px;
margin: 8px;
border: none;
border-radius: 50%;
background: transparent;
cursor: pointer;
transition: all .3s ease;
}
.sp-toggle-btn:hover {
background: #ffffff33;
} .widget-collapsed .sp-toggle-btn {
width: 100%;
height: 100%;
margin: 0;
right: 50%;
transform: translateX(50%);
background: #ffffff33;
} .logo-img,
.sp-toggle-btn img {
width: 30px;
height: 30px;
object-fit: contain;
}
.close-icon {
display: none;
font-size: 20px;
color: #333;
} .assistance-widget.widget-expanded .logo-img {
display: none;
}
.assistance-widget.widget-expanded .close-icon {
display: inline-block;
} .dark-mode .sp-widget-btn {
color: #fff;
}
.dark-mode .close-icon {
color: #fff;
} .sp-toggle-btn img,
.sp-toggle-btn span {
transition: all .2s ease;
}
.footer-area.style-two .apps-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
margin-top: 20px;
}
.footer-area.style-two .apps-items img {
border-radius: 5px; max-width: 150px;
} .search-box-one {
min-width: 800px;
background: #ffffff;
border: 1px solid #E2E8F0;
box-shadow: 0px 4px 34px 0px rgba(206, 206, 206, 0.25);
border-radius: 70px;
margin: 0;
padding: 10px;
display: table;
position: relative;
z-index: 1;
}
.search-box-one form {
float: left;
width: 100%;
}
.search-box-one input:hover, .search-box-one input:focus {
background-color: #ffffff !important;
}
@media (max-width: 1399.98px) {
.search-box-one {
margin: 0;
padding: 20px;
}
}
@media (max-width: 991.98px) {
.search-box-one {
min-width: 100%;
width: 100%;
margin: 0;
padding: 13px 15px;
}
}
@media (max-width: 767.98px) {
.search-box-one {
margin: 0;
padding: 0px 15px 15px;
}
}
.search-box-one .form-control:hover, .search-box-one .form-control:focus {
background-color: #ffffff !important;
}
.search-input {
width: 25%;
float: left;
display: table-cell;
vertical-align: middle;
position: relative;
}
.search-input.search-line {
width: 28%;
}
.search-input.search-line::before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 1px;
height: 40px;
background: #E3E4E8;
content: "";
z-index: 1;
}
@media (max-width: 767.98px) {
.search-input.search-line::before {
display: none;
}
}
@media (max-width: 767.98px) {
.search-input.search-line {
width: 100%;
}
}
.search-input.search-map-line {
width: 58%;
}
.search-input.search-map-line input {
padding: 0px 0px 0px 36px;
}
@media (max-width: 767.98px) {
.search-input.search-map-line input {
padding: 0px 25px 0px 25px;
}
}
.search-input.search-map-line > i {
left: 10px;
color: #94A3B8; !important;
}
@media (max-width: 767.98px) {
.search-input.search-map-line > i {
left: 0;
}
}
@media (max-width: 767.98px) {
.search-input.search-map-line {
width: 100%;
margin: 8px 0px;
}
.search-box-one {
background: #ffffff;
border: 1px solid #E2E8F0;
box-shadow: 0px 4px 34px 0px rgba(206, 206, 206, 0.25);
border-radius: 15px;
margin: 0;
padding: 15px;
position: relative;
z-index: 1;
}
}
.search-input input {
height: 40px;
padding: 0 10px 0 25px;
border: 0;
}
.search-input input::placeholder {
color: #94A3B8;
}
.search-input.search-calendar-line input {
padding: 0 36px 0 36px;
}
@media (max-width: 767.98px) {
.search-input.search-calendar-line input {
padding: 0px 25px 0px 25px;
}
}
.search-input.search-calendar-line > i {
left: 10px;
}
@media (max-width: 767.98px) {
.search-input.search-calendar-line > i {
left: 0;
}
}
.search-input i {
position: absolute;
top: 50%;
right: inherit;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
color: #8894AE;
font-size: 18px;
}
.search-input .current-loc-icon {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin-top: 0px;
color: #475569;
font-size: 18px;
line-height: 0;
}
.search-input .current-loc-icon i {
position: unset;
transform: unset;
}
.search-input > i.bficon {
right: inherit;
left: 0;
z-index: 1;
}
@media (max-width: 767.98px) {
.search-input {
width: 100%;
}
}
.form-search-btn {
float: right;
}
.form-search-btn .btn {
font-size: 16px;
font-weight: 500;
min-width: 86px;
color: #fff !important;
padding: 9px 15px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
border-radius: 30px;
position:relative;
}
.form-search-btn .btn:hover {
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
@media (max-width: 767.98px) {
.form-search-btn .btn {
width: 100%;
}
}
@media (max-width: 767.98px) {
.form-search-btn {
width: 100%;
float: left;
}
}
.search-box-one .search-input.search-line .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 25px;
text-align: start;
}
.search-box-one .select2-selection.select2-selection--single {
border: none;
background: transparent !important;
color: #0f172a;
} .select2-results__option {
padding: 3px 15px;
font-size: 0.9rem;
}
.select2-container .select2-selection--single {
border: 1px solid #E2E8F0;
height: 38px;
border-radius: 5px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 30px;
padding-left: 15px;
}
.select2-selection.select2-selection--single {
outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px;
right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #0F172A transparent transparent;
border-style: solid;
border-width: 0 2px 2px 0;
border-color: #0F172A;
padding: 3px;
height: 0;
margin-left: -10px;
margin-top: -2px;
width: 0;
transform: rotate(45deg) translateY(-50%);
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #0F172A;
font-size: 14px;
font-weight: 400;
line-height: 38px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 2px 0 0 2px;
margin-top: 3px;
padding: 3px;
border-color: #0F172A;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--secondaryColor);
color: #fff;
}
.select2-container--default .select2-search--dropdown .select2-search__field{ outline: none; border-radius: 8px; }
.select2-container--default .select2-selection--multiple {
border: 1px solid #E2E8F0;
min-height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__clear{ height: 38px; margin-right: 30px; }
.select2-dropdown {
border-color: #E2E8F0;
}
.btn:hover {
background-color: var(--primaryColor);
border-color: var(--secondaryColor);
}
.search-box-one .search-data-box{ width: 100% !important; }
.packages .search-input.search-line::before{ content: unset; }
.pricing-header-text{ word-break: break-all; }
.form-control::placeholder{
font-size: 14px;
}
.search_list a { color: var(--secondaryColor); }
.dropdown_search form input::placeholder { font-size: 14px; font-weight: 400; }
.dropdown_search {
position: absolute;
top: 208%;
right: 0;
z-index: 9;
width: 370px;
background: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.dropdown_search form {
position: relative;
width: 100%;
}
.dropdown_search form input::-webkit-input-placeholder { color: #232323;
}
.dropdown_search form input::-moz-placeholder { color: #232323;
}
.dropdown_search form input:-ms-input-placeholder { color: #232323;
}
.dropdown_search form input:-moz-placeholder { color: #232323;
}
.dropdown_search form input {
width: 100%;
border: 0;
background: inherit;
height: 42px;
color: #232323;
padding: 0 50px 0 10px;
outline: none;
}
.dropdown_search form button {
position: absolute;
top: 0;
right: 0;
border: 0;
background: inherit;
height: 100%;
width: 40px;
text-align: center;
font-size: 18px;
color: #232323;
}
.dropdown_search form button:hover {
color: var(--secondaryColor);
} .element-item { will-change: transform, opacity;
transform: translateZ(0); }
.showmore_content {
max-height: 165px;
overflow: hidden;
position: relative; transition: max-height 0.25s ease-out; 
will-change: max-height;
}
.showmore_content.is-expanded {
max-height: 800px; }
.showmore_trigger {
width: 100%;
height: 45px;
line-height: 45px;
cursor: pointer;
}
.showmore_trigger span {
display: block;
}
.showmore_content:not(.is-expanded)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: linear-gradient(transparent, white);
pointer-events: none;
} .custom-show-btn {
cursor: pointer;
color: #8b1e5f;
font-weight: bold;
display: inline-block;
margin-top: 10px;
}
.grid {
backface-visibility: hidden;
transform-style: preserve-3d;
}