h1, h2, h3, h4 {
  word-wrap: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.bg-footer {
  background-color: var(--bg-footer-dark);
}
.bg-pattern{ background: url(../img/bg-pattern.png); background-repeat: repeat; }
.maintitle{ font-size: 35px; font-weight: 700; }
.dropdown-toggle::after{ border: none; }
.cu-height{ height: 400px; }
.hero-area.style-one .hero-slide-item .hero-bg:after{ content: unset; }
.menu .menu-section li a{ font-weight: 600; font-size: 0.9rem; }
.navbar-area .other-options .option-item{ }
.option-item .btn span .icon-left{ top: 50%; transform: translateY(-50%); }
.option-item .btn .icon-right{ top: 50%; transform: translateY(-50%); }
.option-item .btn span{ display: flex; align-items: center; justify-content: space-between; }
.option-item .btn span span{ padding-right: 0; }
.case-study-card { position: relative;z-index: 1;overflow: hidden;border-radius: 18px; }
.case-study-card::after { border-radius: 18px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), to(#222222));background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222222 100%);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;visibility: hidden;-webkit-transition: all 350ms;transition: all 350ms;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1); }
.case-study-card img { border-radius: 18px;width: 100%;-webkit-transition: all 350ms;transition: all 350ms; }
.case-study-card .case-study-content { position: absolute;bottom: 0;left: 0;width: 100%;z-index: 100;padding: 0 24px 24px;visibility: hidden;-webkit-transition: all 350ms;transition: all 350ms;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1); }
.case-study-card .btn { position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -60%);transform: translate(-50%, -60%);z-index: 400;width: 60px;height: 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0;-webkit-transition: all 350ms;transition: all 350ms;opacity: 0;visibility: hidden; }
.case-study-card .btn i { font-size: 32px; }
.case-study-card:hover::after, .case-study-card:hover .case-study-content, .case-study-card:focus::after, .case-study-card:focus .case-study-content { opacity: 1;-webkit-transform: scale(1);transform: scale(1);visibility: visible; }
.case-study-card:hover .btn, .case-study-card:focus .btn { opacity: 1;visibility: visible;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.case-study-card:hover img, .case-study-card:focus img { -webkit-transform: scale(1.1);transform: scale(1.1); }

.navbar-area .logo img{ width: 200px; padding: 5px; }

.custom-tooltip {
  --bs-tooltip-bg: var(--secondaryColor);
  --bs-tooltip-color: var(--bs-white);
}

.wheel {
  -webkit-animation: spin 5s linear infinite; /* Safari browser */
  animation: spin 5s linear infinite;}

/* for Safari browser  */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

@media only screen and (max-width: 991px) {
.navbar-area .navbar-wrapper {
    flex-wrap: unset;
  }
}
.navbar-area.style-one .other-options .option-item:nth-child(2):before {
  background-color: transparent;
}

.navbar-area.style-one .other-options .option-item i{ color: var(--white); font-size: 1.1rem; line-height: 1; }

.navbar-area.style-one:not(.sticky){ background: rgba(255, 255, 255, 0.3); }
.switch-theme-mode{ right: 2px; top: unset; bottom: 15%; }
.switch-theme-modes{ left: 2px; top: unset; bottom: 15%; }
.slider-btn {
  z-index: 1;
}
.slider-btn .prev-btn,
.slider-btn .next-btn {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.slider-btn .prev-btn i,
.slider-btn .next-btn i {
  font-size: 35px;
}
.slider-btn .prev-btn {
  left: -10px;
  border-radius: 0 50% 50% 0;
}
.slider-btn .next-btn {
  right: -10px;
  border-radius: 50% 0 0 50%;
}

/*-------------------------------------
 Start Working Process Section Styling
 ---------------------------------------*/
.cs_working_process_grid.cs_style_1 {
  position: relative;
  min-height: 682px;
}
.cs_working_process_grid.cs_style_1::after {
  content: "";
  width: 1px;
  height: calc(100% - 257px);
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.cs_process_item .cs_process_title {
	font-size:20px;
}

/* Dashed rotating border */
 .cs_process_item::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px dashed var(--secondaryColor);
    border-radius: 50%;
    animation: rotateDash 6s linear infinite;
} 

/* Rotation rotateDash */
 @keyframes rotateDash {
  100% {
    transform: rotate(360deg);
  }
} 

@media (max-width: 1399px) {
  .cs_working_process_grid.cs_style_1::after {
    height: calc(100% - 280px);
  }
}
@media (max-width: 1199px) {
  .cs_working_process_grid.cs_style_1::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .cs_working_process_grid.cs_style_1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    justify-items: center;
  }
}
@media (max-width: 575px) {
  .cs_working_process_grid.cs_style_1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.cs_process_item {
  width: 245px;
  height: 245px;
  padding: 20px;
  border: 1px dashed #000;
  border-radius: 50%;
  position: absolute;
}
@media (max-width: 991px) {
  .cs_process_item {
    position: initial;
  }
}
.cs_process_item:nth-child(1) {
  top: 0;
  left: 0;
}
.cs_process_item:nth-child(2) {
  top: 120px;
  left: 311px;
}
@media (max-width: 1399px) {
  .cs_process_item:nth-child(2) {
    top: 120px;
    left: 280px;
  }
}
@media (max-width: 1199px) {
  .cs_process_item:nth-child(2) {
    top: 50px;
    left: 340px;
  }
}
.cs_process_item:nth-child(3) {
  top: 425px;
  left: 523px;
}
@media (max-width: 1399px) {
  .cs_process_item:nth-child(3) {
    left: 440px;
    top: 400px;
  }
}
@media (max-width: 1199px) {
  .cs_process_item:nth-child(3) {
    left: 135px;
    top: 260px;
  }
}
.cs_process_item:nth-child(4) {
  top: 120px;
  right: 322px;
}
@media (max-width: 1399px) {
  .cs_process_item:nth-child(4) {
    right: 280px;
  }
}
@media (max-width: 1199px) {
  .cs_process_item:nth-child(4) {
    right: 135px;
    top: 260px;
  }
}
.cs_process_item:nth-child(5) {
  top: 0;
  right: 0;
}
.cs_process_item .cs_process_iten_inner {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: inherit;
  position: relative;
}
.cs_process_item .cs_process_iten_inner::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--secondaryColor);
  opacity: 0.1;
  transition: all 0.3s ease;
}
.cs_process_item .cs_process_title {
  line-height: 1.42em;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}
.cs_process_item:hover .cs_process_title {
  color: #fff;
}
.cs_process_item:hover .cs_process_iten_inner::after {
  opacity: 1;
}

.cs_process_shape_1 {
  width: 100%;
  max-width: 1296px;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.cs_process_shape_1 svg {
  width: 100%;
  margin-bottom: -35px;
}
@media (max-width: 1399px) {
  .cs_process_shape_1 {
    max-width: 1100px;
    top: 50%;
  }
  .cs_process_shape_1 svg {
    margin-bottom: -55px;
  }
}
@media (max-width: 1199px) {
  .cs_process_shape_1 {
    max-width: 940px;
    top: 48%;
  }
  .cs_process_shape_1 svg {
    margin-bottom: -72px;
  }
}
@media (max-width: 991px) {
  .cs_process_shape_1 {
    display: none;
  }
}
.cs_process_shape_1::after {
  content: "";
  width: 30px;
  height: 30px;
  border: 3px dashed var(--secondaryColor);
  border-radius: 50%;
  position: absolute;
  bottom: -10px;
  left: -30px;
}

.cs_center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.specialities-section {
    padding: 60px 0 35px;
    position: relative;
    background: url(../img/dep_bg.jpg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
	z-index: 1;
}

.shapes {
    position: absolute;
    width: 100%;
}

.specialities-section .specialist-card {
    background: #ffffff;
    box-shadow: 0px 4px 24px rgba(183, 183, 183, 0.25);
    border-radius: 30px;
    align-items: center;
    margin: 0 0 15px;
    padding: 10px;
    position: relative;
    z-index: 9;
}

.specialities-section .specialist-card .specialist-img {
/*     background: #dd95ca; */
    height: 66px;
    width: 66px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.specialities-section .specialist-card .specialist-info a {
    color: #012047;
}

.specialities-section .specialist-card .specialist-info h4 {
    font-weight: 600;
    font-size: 1.05rem;
    color: #012047;
    margin-bottom: 5px;
}

.specialities-section .specialist-card .specialist-info p {
    font-weight: 500;
    margin-bottom: 0;
}

.specialities-section .specialist-card .specialist-nav a {
    background: #E6E8EE;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 38px;
    color: #012047;
    margin: auto;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.specialities-section .specialist-card .specialist-nav img{ width: 30px; height: 30px; }

.specialities-section:after {
    content: "";
    /*background-image: linear-gradient(90.08deg, #9d287f 0.09%, #870064 70.28%);*/
	background: rgba(135,0,100,0.6);
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.specialities-section .specialist-card:hover .specialist-img img {
    transition: all 0.5s;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
}
.specialities-section .specialist-card:hover .specialist-img{ background: #e5e2e2; }
.specialist-card:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: -1; border-radius: 30px; }
/*div{ position: relative; border-radius: 163px; }
div .specialist-card:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 9999; border-radius: 163px; }*/

.menu > ul > li { margin-right: 15px; }

.appointment-area.style-one{ background: none }
.appointment-area.style-one:before{ content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; right: 0; background: url('../img/11_R6II5094-HDR-outdoor-copy-1.png'); background-repeat: no-repeat; background-position: bottom right; }
.appointment-section{ position: relative; }
.appointment-area.style-one .appointment-section:after{ content: ""; position: absolute; width: 100%; height: 80%; bottom: 0; left: 0; background: var(--secondaryColor); z-index:-1; border-radius: 20px; }

.appointment-area.style-one .appointment-section .counter-card-wrap.style-two .counter-card {
    width: 30%;
}

@media only screen and (max-width: 991px) {
  .appointment-area.style-one:before{ background: none; }
  .appointment-area.style-one:after{ height: 100%; }
}

.hero {
                position: relative;
                overflow: hidden;
                padding-top: 300px;
                background: radial-gradient(1200px 600px at 80% -10%, rgba(135, 0, 100, 0.20), transparent),
                    linear-gradient(180deg, #fff0f7, #ffe6f2 40%, var(--bg));
                min-height: 100vh !important;
            }

            .hero.has-bg {
                background: linear-gradient(180deg, rgba(9, 10, 22, 0.55), rgba(9, 10, 22, 0.25) 40%, rgba(246, 249, 252, 0.85)),
                    url('banner.png') center/cover no-repeat;
                color: #ffffff;
            }

            .hero.has-bg .eyebrow {
                color: #ffd1ef;
            }

            .hero.has-bg .hero-search .bar {
                background: rgba(255,255,255,0.92);
                border-color: rgba(255,255,255,0.6);
                box-shadow: 0 8px 24px rgba(0,0,0,0.15);
            }

            @media only screen and (max-width: 767px) {
                .hero.has-bg .hero-search .bar {
                    width: 306px !important;
                }
            }

            @media only screen and (max-width: 767px) {
                .hero.has-bg .hero-search .bar {
                    display: none;
                }
            }

            @supports (height: 100svh) {
                .hero {
                    min-height: 100svh;
                }
            }

            .hero-search {
                margin-top: clamp(16px, 3vw, 28px);
                max-width: fit-content;
            }

            .hero-search .bar {
                display: flex;
                align-items: center;
                width: 600px;
                gap: 8px;
                background: #fff;
                border: 1px solid rgba(217, 41, 138, 0.12);
                border-radius: 999px;
                padding: 8px 10px 8px 16px;
                box-shadow: 0 8px 24px rgba(217, 41, 138, 0.15);
            }

            @media(max-width:767.98px) {
                .hero-search .bar {
                    width: 296px !important;
                }
            }

            .hero-search .bar input {
                flex: 1;
                border: 0;
                outline: 0;
                font-size: 16px;
                background: transparent;
                color: var(--ink);
            }

            .hero-search .bar .icon {
                width: 40px;
                height: 40px;
                border-radius: 999px;
                background: linear-gradient(135deg, var(--primary), #ff4db0);
                color: #fff;
                border: 0;
                display: grid;
                place-items: center;
                box-shadow: 0 6px 16px rgba(217, 41, 138, 0.28);
                cursor: pointer;
            }

            /* Hero full-width banner overrides (page-level) */

            .section.hero, #hero {
                padding: 0 !important;
                margin: 0 !important;
                width: 100%;
            }

            #hero .swiper, #hero .swiper-wrapper, #hero .swiper-slide {
                width: 100% !important;
            }

            #hero .swiper-slide {
                min-height: 100vh !important;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

            #hero .swiper-button-next, #hero .swiper-button-prev {
                color: #fff;
            }

            #hero .swiper-pagination-bullet {
                background: rgba(255,255,255,.7);
            }
                  /* positions */
            .absolute,.abs {
                position: absolute;
            }

            .abs-center {
                left: 50%;
                transform: translateX(-50%);
            }

            .abs-middle {
                top: 50%;
                transform: translateY(-50%);
            }

            .abs-centered {
                position: absolute;
                top: 45%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .abs-centered-new {
                position: absolute;
                top: 80%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            @media(min-width:1200px) {
                .abs-centered-new {
                    position: absolute;
                    top: 70% !important;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
            }

/*             .floating-actions {
                display: flex;
                flex-direction: column;
                gap: 5px;
                z-index: 1050;
            }

            .floating-actions .float-btn {
                width: 52px;
                height: 52px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                border: 0;
                outline: 0;
                cursor: pointer;
                color: #fff;
                box-shadow: 0 8px 24px rgba(16,24,40,.18);
                transition: transform .2s ease, box-shadow .2s ease;
            }

            .floating-actions .float-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 12px 32px rgba(16,24,40,.24);
            }

            .float-btn.btn-call {
                background: #0ea5e9;
            }

            .float-btn.btn-whatsapp {
                background: #22c55e;
            }

            .float-btn.btn-appointment {
                background: #d9298a;
            }

            .float-btn.btn-chat {
                background: #f59e0b;
            }

            .float-btn.btn-top {
                background: #475569;
            }

            .float-btn i {
                font-size: 20px;
                line-height: 1;
            }

            @media (max-width:575.98px) {
                .floating-actions {
                    right: 12px;
                    bottom: 12px;
                    gap: 10px;
                }

                .floating-actions .float-btn {
                    width: 46px;
                    height: 46px;
                }

                .float-btn i {
                    font-size: 18px;
                }
            }
             */
            #doctors, #specialities {
                scroll-margin-top: 110px;
            }

            @media (max-width: 991.98px) {
                #doctors, #specialities {
                    scroll-margin-top: 80px;
                }
            }

            .price {
                background: #870064;
                padding: 10px;
                color: white;
            }

            .style-ones {
                color: #870064 !important;
            }

            .bg-style-one {
                background-color: #870064 !important;
                color: white !important;
            }
ul.ui-autocomplete {
    z-index: 1100; /* Use a value higher than your offcanvas z-index */
}

/* Department card design css start */

    .sp_iconbox.sp_style_2 {
  padding: 30px;
  background-color: var(--whiteColor);
  position: relative;
  overflow: hidden;
  background: url("../img/service_bg.jpg");
  background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.sp_iconbox.sp_style_2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(235, 233, 233, 0.96);
    z-index: 0;
    border-radius: 0px;
}
.sp_iconbox.sp_style_2.sp_gray_bg {
  background-color: var(--grayColor);
}
.sp_iconbox.sp_style_2 .iconbox_index {
  color: var(--secondaryColor);
  -webkit-text-stroke: 1px var(--whiteColor);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5em;
  position: relative;
  z-index: 1;
  opacity: 0;
}
.sp_iconbox.sp_style_2 .sp_iconbox_icon {
  width: 53px;
  height: 53px;
  position: relative;
}
.sp_iconbox.sp_style_2 .sp_iconbox_icon img {
  position: relative;
  z-index: 1;
}
.sp_iconbox.sp_style_2 .sp_iconbox_icon::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #dd95ca;
  -webkit-filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));
          filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));
  border-radius: 50%;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sp_iconbox.sp_style_2 .sp_iconbox_icon::after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: -4px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  background-color: #dd95ca;
  z-index: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sp_iconbox.sp_style_2 .sp_iconbox_title {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sp_iconbox.sp_style_2 .sp_iconbox_title a{ color: #012047; }
.sp_iconbox.sp_style_2 .sp_iconbox_subtitle {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
color: var(--paraColor);
}
.sp_iconbox.sp_style_2 .sp_iconbox_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
	background-size: cover;
}
.sp_iconbox.sp_style_2 .sp_iconbox_overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--secondaryColor);
  opacity: 0.8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sp_iconbox.sp_style_2 .sp_iconbox_shape {
  width: 56px;
  height: 56px;
  background-color: var(--ashColor);
  border-radius: 50%;
  position: absolute;
  bottom: -56px;
  right: -56px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sp_iconbox.sp_style_2:hover .sp_iconbox_overlay,
.sp_iconbox.sp_style_2:hover .iconbox_index {
  opacity: 1;
}
.sp_iconbox.sp_style_2:hover .sp_iconbox_icon::before {
  background-color: var(--ashColor);
}
.sp_iconbox.sp_style_2:hover .sp_iconbox_icon::after {
  background-color: var(--whiteColor);
}
.sp_iconbox.sp_style_2:hover .sp_iconbox_title a,
.sp_iconbox.sp_style_2:hover .sp_iconbox_subtitle {
  color: var(--whiteColor);
}
.sp_iconbox.sp_style_2:hover .sp_iconbox_shape {
  bottom: -20px;
  right: -20px;
}

/*.specialities-page{ background: url("../img/hero/hero-bg-bottom.jpg") no-repeat center top / cover; position: relative; z-index: 9; }
.specialities-page:before{ content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); position: absolute; z-index: -1; }*/
/* Department card design css end */




/* Doctor List Sidebar CSS Start */

.offcanvas-header {
	justify-content: space-between;
}

.offcan-clear-btn{
	background:var(--secondaryColor);
    color: white;
    border: none;
    padding: 5px 15px;
	border-radius: 2px
}

.filter-count{
	color:var(--secondaryColor);
}

.off-label{
	color:var(--secondaryColor);
}

.off-btn-primary
{
   border: none;
    padding: 10px 0px;
    background: var(--secondaryColor);
    color: var(--whiteColor);
}

.off-btn-outline-secondary{
	padding: 10px 0px;
    border: 2px solid var(--secondaryColor);
    background: var(--whiteColor);
}
.off-text-primary{
	color:var(--secondaryColor);
}

.off-input{
	padding:10px !important;
}

.search-data-box{
	padding: 11px 20px;
    margin: auto;
    border: 1px solid #eaeaea;
	border-bottom: 5px solid #eaeaea;
    border-right: 5px solid #eaeaea;
    border-radius: 6px;
    width: 40rem;
}

@media (max-width: 1023px) {
  .search-data-box {
    width: 100%;
    max-width: 100%;
  }
}

/* Doctor List Sidebar CSS End */



/* Department List CSS Start */

   /* Enhanced Alphabet Filter */
    .alpha {
        margin: 40px 0 30px;
        animation: fadeInUp 1s ease-out 0.7s both;
    }

    .alpha p {
        margin: 0 0 16px 0;
        color: var(--muted);
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .alpha ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .alpha li {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        cursor: pointer;
        user-select: none;
        background: white;
        border: 2px solid #e5e7eb;
        font-weight: 700;
        color: #374151;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
    }

    .alpha li::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 1;
        color: #000;
    }

    .alpha li span {
        position: relative;
        z-index: 2;
    }

    .alpha li:hover {
        transform: translateY(-4px) scale(1.05);
        box-shadow: var(--shadow-md);
        border-color: 1px solid #870064;
        color:#000 ;

    }

    .alpha li:hover::before {
        opacity: 1;
    }

    .alpha li:hover span {
        color: rgb(26, 26, 26);
    }

    .alpha li.active {
        background: var(--gradient-primary);
        color: #870064;
        border-color: transparent;
        box-shadow: var(--shadow-md);
        transform: scale(1.1);
        animation: pulse 2s infinite;
    }

    .alpha li.deactive {
        opacity: 0.3;
        pointer-events: none;
        background: #f3f4f6;
        border: 2px dashed #d1d5db;
        color: #9ca3af;
    }
.search-data-boxss{
	padding: 11px 20px;
    margin: auto;
    border: 1px solid #eaeaea;
	border-bottom: 5px solid #eaeaea;
    border-right: 5px solid #eaeaea;
    border-radius: 6px;
	    display: flex;
    margin-top: 20px;
    width: 50rem;
    
}
@media (max-width: 1023px) {
  .search-data-boxss {
    width: 100%;
    max-width: 100%;
  }
}

/* Department List CSS End */

/* pagination doctor css start */
.active>.page-link, .page-link.active
{
	background:var(--secondaryColor) !important;
}
/* pagination doctor css end */

.single-para ul{ margin-bottom: 20px; padding: 0; margin: 0; }
.single-para ul li{ position: relative; padding-left: 40px; margin-top: 0; font-weight: 600; color: var(--titleColor); list-style: none; margin-top: 15px; line-height: 1.6; }
.single-para ul li:first-child{ margin-top: 0; }
.single-para ul li:before{ content: "\eb81"; color: var(--secondaryColor);
    position: absolute;
    top: 0.25em; transform: translateY(-0.25em);
    left: 0;
    font-size: 25px;
    line-height: 1;
    font-weight: 300; font-family: 'remixicon' !important;} 
.single-para p{
	text-align: justify;
}
.date-calendar .datepicker,
.date-calendar .datepicker-centuries>table,
.date-calendar .datepicker-days>table,
.date-calendar .datepicker-decades>table,
.date-calendar .datepicker-months>table,
.date-calendar .datepicker-years>table {
    width: 100%; table-layout: fixed;
}

/*Bootstrap Calendar*/
.datepicker {
    border-radius: 0;
    padding: 0;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    /*display: list-item;*/
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #3546b3;
    color: #ffffff;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    /*border-radius: 3px;*/
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 10px;
	text-align: center;
}

.datepicker table tr td.disabled.day {
    background-color: #fdf5f5;
	border-radius: 0;
}



.date-calendar .datepicker table td.day {
    position: relative;
	text-align: center;
}

.date-calendar .datepicker table td.day::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 36px;
    height: 36px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /*background: transparent;*/
    z-index: -1;
}
.date-calendar .datepicker table td.today.day::before{ background: var(--secondaryColor); }
.date-calendar .datepicker table td.active::before{ background: #6c6c6f; }
.date-calendar .datepicker table td.active{ color: #ffffff; }

.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker thead th {
    border-radius: 0;
    padding: 0 12px;
}
.datepicker td {
    border-radius: 50%;
    padding: 0 12px;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: var(--secondaryColor);
    color: #ffffff;
    border-radius: 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    /*background-image: none;*/
}
.datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 37px;
    height: 37px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
    font-size: 21px;
}
.datepicker .datepicker-switch {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
	text-align: center;
}
.datepicker .datepicker-switch:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 1%;
    width: 30%;
	display: inline-block;
	line-height: 4;
}
.datepicker table tr td span.active, .datepicker table tr td span:hover, .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background-color: #eee;
  background-image: none;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}

.datepicker table td.today.day { 
  /* Hintergrundfarbe für die aktive Auswahl */
	/*background-color: var(--secondaryColor);*/
	color: #ffffff;
}
.datepicker table td{ font-size: 0.8rem; }
.datepicker table tr td.day:not(.disabled):not(.today):not(.active):hover::before,
.datepicker table tr td.day:not(.disabled):not(.today):not(.active).focused::before {
    background: #eee;
    cursor: pointer;
}
.datepicker-days tbody::before {
    content: "";
    display: block;
    height: 10px;
}
.datepicker,
.datepicker table,
.datepicker thead,
.datepicker tbody,
.datepicker tfoot,
.datepicker tr,
.datepicker th,
.datepicker td {
    list-style: none !important;
}

.datepicker *::marker {
    content: none !important;
}

.datepicker .day.available-date{ background-color: var(--secondaryColor); color: #fff; }


.single-para blockquote{ padding: 32px 30px 32px 90px; margin-bottom: 30px; border-radius: 20px; background-color: #92BDF6; display: flex;; align-items: center; flex-wrap: wrap; position: relative; }
.single-para blockquote:before{ content: ""; position: absolute; width: 50px; height: 50px; background: url('../img/icons/quote-blue.svg') no-repeat; left: 3%; top: 50%; transform: translateY(-50%); background-size: contain; }


/* offcanvas style start */
.modern-sidebar {
  
    height: 100vh;
    background: linear-gradient(180deg, #870264, #5b0144);
    color: #fff;
    padding: 20px 0;
    font-family: 'Inter', sans-serif;
}

.sidebar-logo {
    text-align: center;
    margin-bottom: 30px;
}

.sidebar-logo img {
    max-width: 160px;
}

.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li {
    position: relative;
}

.sidebar-menu > li > a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 22px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

.sidebar-menu > li > a:hover {
    background: white;
    padding-left: 28px;
	color:var(--secondaryColor);
}

.sidebar-menu i {
    width: 22px;
    text-align: center;
    font-size: 16px;
}

.has-submenu .arrow {
    margin-left: auto;
    font-size: 12px;
    transition: transform 0.3s ease;
}

/* SUBMENU */
.submenu {
    display: none;
    background: rgba(0,0,0,0.2);
}

.submenu li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 50px;
    font-size: 14px;
    color: #e6e6e6;
    text-decoration: none;
    transition: all 0.3s ease;
}

.submenu li a:hover {
    background: rgba(255,255,255,0.12);
}

/* ACTIVE */
.has-submenu.active .submenu {
    display: block;
}

.has-submenu.active .arrow {
    transform: rotate(180deg);
}

/* offcanvas style  end */



.infin-font{
	    font-size: 1.2rem;
    color: black !important;
}
.infin-font:hover{
	    font-size: 1.2rem;
       color: var(--secondaryColor);

}.infin-font:active{
	    font-size: 1.2rem;
    color: var(--secondaryColor);
}

.load-color{
	color: var(--secondaryColor);
}
.button-spec{
	background: var(--secondaryColor);
	padding: 5px;
	 i{
	color:white ;
	}
}
.button-spec:hover{
	background: white;
	border:2px solid  var(--secondaryColor);
	    padding: 10px 5px;
	i{
	color: var(--secondaryColor) !important;
	}
}
.button-spec span{
	padding:0px;
}

/* floating css */

/* ===============================
   FLOATING ACTION CONTAINER
================================ */
.floating-actions {
    position: fixed;
    right: 20px;
    bottom: 15%;
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* KEY: prevents other buttons expanding */
    gap: 8px;
    z-index: 1050;
}

/* ===============================
   BASE FLOAT BUTTON
================================ */
.floating-actions .float-btn {
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;

    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;

    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.18);
    transition:
        width 0.35s ease,
        box-shadow 0.25s ease;
}

/* ===============================
   ICON
================================ */
.float-btn i {
    font-size: 20px;
    min-width: 20px;
    line-height: 1;
}

/* ===============================
   HIDDEN TEXT
================================ */
.float-btn .btn-text {
    opacity: 0;
    transform: translateX(-6px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
    font-size: 14px;
    font-weight: 500;
}

/* ===============================
   HOVER EFFECT (ONLY THIS ITEM)
================================ */
.float-btn:hover {
    width: fit-content;
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.24);
}

.float-btn:hover .btn-text {
    opacity: 1;
    transform: translateX(0);
}

/* ===============================
   BUTTON COLORS
================================ */
.btn-call {
    background: #0ea5e9;
}

.btn-whatsapp {
    background: #22c55e;
}

.btn-appointment {
    background: #870064;
}

.btn-chat {
    background: #f59e0b;
}

.btn-top {
    background: #475569;
}

/* ===============================
   MOBILE OPTIMIZATION
================================ */
@media (max-width: 575.98px) {
    .floating-actions {
        right: 12px;
        bottom: 12px;
        gap: 10px;
    }

    .floating-actions .float-btn {
        width: 46px;
        height: 46px;
        padding: 0 14px;
    }

    .float-btn i {
        font-size: 18px;
    }

    .float-btn:hover {
        width: 240px;
    }
}

/* floating css */


/* department detail page css start */

/* =============================
SLIDER CORE
============================= */

.content-block .appointment-area{
	position:relative;
	margin-top:120px;
}


.content-block .appointment-area::before {
  content:unset ;
  
}
.content-block .appointment-area::after {
  content: "";
  position: absolute;
  background:unset;
  background-color: rgba(0,0,0,0.5); /* Overlay */
  z-index: -1;
  border-radius:20px;
	height:100%;
}
.content-block .appointment-area p{
	color:#fff;
}

.content-block .contact-info-card{
	border: 1px solid rgba(0, 13, 68, 0.25);
    box-shadow: 0px 6px 0px #DDE2E2;
}
.content-block .carousel-inner .carousel-item img {
    height: 600px; /* Set a fixed height */
    object-fit: cover; /* Ensures images cover the area without stretching */
    object-position: center; /* Centers the image within the container */
    overflow: hidden; /* Hides any overflowing parts of the image */
}
.content-block .location-card img{
	height:300px;
	width:100%;
	object-fit:contain;
	
}

.carousel-control-prev,
.carousel-control-next{
  top:50%;
	transform:translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  transition: all 0.35s ease;
}

/* remove default arrow */
.carousel-control-prev::after,
.carousel-control-next::after {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

/* hover effect */
.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: #870064; /* primary brand color */
  transform: scale(1.08);
}

/* active click */
.carousel-control-prev:active,
.carousel-control-next:active {
  transform: scale(0.95);
}


.award-about-sec .telemedicine-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 items in one row */
  gap: 30px;
}

/* XL */
@media (max-width: 1399px) {
  .telemedicine-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* MD */
@media (max-width: 991px) {
  .telemedicine-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 575px) {
  .telemedicine-grid {
    grid-template-columns: 1fr;
  }
}


/* department detail page css end */


/* timeline css start */
.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eeeeee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #870064;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}

.timeline-body > p + p {
	margin-top: 5px;
}
.timeline-body img{
	height:300px;
	object-fit:scale-down;
}

@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}

	ul.timeline > li > .timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}

	ul.timeline > li > .timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}

	ul.timeline > li > .timeline-panel {
		float: right;
	}

	ul.timeline > li > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	ul.timeline > li > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}
/* timeline css end*/

.ht-250{ height: 250px; }

/* Home page disease block design css start */
      
.disease-section {
  padding: 80px 0;
}

/* =============================
TWO COLUMN LAYOUT
============================= */
.twos-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

/* =============================
LEFT COLUMN
============================= */
.sections-title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.alphabet-lists {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.alphabet-lists a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #e2e6ef;
  text-decoration: none;
  font-weight: 600;
  color: #870064;
  transition: all .25s ease;
}

.alphabet-lists a:hover,
.alphabet-lists a.active {
  background: #870064;
  color: #fff;
  border-color: #870064;
}

/* =============================
RIGHT COLUMN
============================= */
.searchs-card {
  padding: 20px;
}

.searchs-card h4 {
  margin-bottom: 20px;
  font-size: 22px;
}

/* SEARCH FORM */
.searchs-form {
  display: flex;
  gap: 12px;
  margin-bottom: 25px;
}

.searchs-form input {
  flex: 1;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #dbe0ea;
  font-size: 15px;
}

.searchs-form input:focus {
  outline: none;
  border-color: #870064;
}

.searchs-form button {
  height: 48px;
  padding: 0 22px;
  border-radius: 8px;
  background: #870064;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background .25s ease;
}

.searchs-form button:hover {
  background: #084298;
}

/* RESULTS PLACEHOLDER */
.searcsh-results {
  min-height: 140px;
  border: 1px dashed #dbe0ea;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777;
  margin-bottom: 20px;
}

/* FOOTER TEXT */
.searchs-footer {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* =============================
RESPONSIVE
============================= */
@media (max-width: 991px) {
  .twos-col {
    grid-template-columns: 1fr;
  }

  .searchs-card {
    padding: 30px;
  }
}
/* Home page disease block design css end */


/* Sticky Block for department and disease detail page css */


.property-nav-sticky {
    display: block;
    position: relative;
    left: 0;
    right: 0;
/*     bottom: 0; */
    z-index: 9;
    background: var(--secondaryColor);
    text-align: center;
    height: 74px;
    overflow: hidden;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}

.property-nav-sticky nav {
    display: inline-block;
    position: relative;
}

.property-nav-sticky nav ul {
    display: block;
    margin: 0;
    width: 100%;
}

.property-nav-sticky nav ul li {
    display: inline-block;
}

.property-nav-sticky nav ul li a {
    color: white;
    position: relative;
    display: block;
    text-transform: capitalize;
    text-decoration: none;
   
    font-weight: 400;
    letter-spacing: 1px;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 74px;
    padding: 0 10px;
    white-space: nowrap;
    transition: all 0.4s;
}
.property-nav-sticky.sticky nav ul li a:hover {
	 color: white;
}
.property-nav-sticky.sticky {
    position: fixed;
    bottom: auto;
    top: 98px;
    height: 50px;
    z-index: 111;
    background: var(--secondaryColor);
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}

.property-nav-sticky.sticky ul li a {
    padding: 0 10px;
    line-height: 50px;
    font-size: 0.8rem;
}


@media (max-width: 1280px) {
  
   
    .property-nav-sticky.sticky {
        overflow-x: scroll;
    }

    .property-nav-sticky nav {
        width: calc(100% - 60px);
        overflow-x: scroll;
    }

    .property-nav-sticky nav ul {
        display: table;
        padding: 0px 0;
    }

    .property-nav-sticky nav ul li {
        display: table-cell;
    }

}
@media (max-width: 640px) {
    .property-nav-sticky {
        height: auto;
    }

    .property-nav-sticky nav ul li a {
        line-height: 20px;
        font-size: 0.8rem;
    }
}
@media (max-width: 768px) {
    .property-nav-sticky:not(.sticky) nav ul {
        padding: 10px 0;
    }
	.property-nav-sticky.sticky {
    top: 65px !important;
	}
}

/* Sticky Block for department and disease detail page css  */

.menu-mobile-header .nav-link   {
	
	color:black !important;

	
}
.sticky .nav-link   {
	
	color:black !important;
}
.sticky a:hover, .navbar-area.style-one .menu ul li a.active {
	
	color:var(--secondaryColor) !important;
	font-weight:bold;
}
.menu .menu-section .menu-item-has-children .menu-subs li a
 {
	 color:black !important;
}
.package-img img{
	height:250px
}

.pricing-card ul {
    padding: 0 10px;
    margin-bottom: 23px; list-style: none;
}
.pricing-card ul li {
    margin-bottom: 14px; position: relative;
}

.pricing-card ul li:after{ content: "\eb7b"; position: absolute; font-family: 'remixicon' !important; font-style: normal; width: 18px; height: 18px; font-size: 18px; right: 0; color: var(--secondaryColor); }

.offcanvas{
	opacity: 85%;
    width: 20%;
/* 	margin-top: 100px; */
}
.modern-sidebar{
/* 	margin-top:25% !important; */
  line-height: 0.9;
}

.containersssss {
  position: absolute;
  top: 20%;
  right: 10px; 
  z-index: 9;
  /* above overlay & captions */
  width: 450px;
  background-color: white;
  border-radius: 4rem;
  padding: 5px;
  opacity: 80%;

}

.search__boxsss {
  float: left;
  width: 80%;
  height: 2rem;
  background: none;
  color: #870064;
  font-size: 16px;
  border-radius: 2rem;
  outline: none;
  border: none;
  transition: all .75s ease-in;
  cursor: pointer;
}

.search__iconsss {
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  /* right: 12px; */
  top: 5px;
  color: #870064;
  padding: 5px;
  border-radius: 50%;
  transition: 0.25s ease-in;
}

@media (max-width:1280px){
.icon-shows{
	display:none !important;
}
	.containe{
	padding-left:20px !important;
	padding-right:20px !important;
}
}

@media (min-width:1281px) and (max-width:1650px){
.icon-shows{
	display:none !important;
}
	.containe{
	padding-left:100px !important;
	padding-right:100px !important;
}
}

.icon-shows{
	display:block;
}
.containe{
	padding-left:120px;
	padding-right:120px;
}
.d-font-title{
	font-size:18px !important;
}
.slider-texts{
margin-top:-10px;	
}

@supports (height: 100svh) {
    #hero {
        height: 100svh;
    }
}
/* HERO SECTION */
#hero {
    position: relative;
    width: 100%;
    height: 100vh;          /* Full screen */
    min-height: 600px;     /* Safety for small devices */
    overflow: hidden;
}

/* SWIPER */
.heroSwiper,
.heroSwiper .swiper-wrapper,
.heroSwiper .swiper-slide {
    width: 100%;
    height: 100%;
}

/* IMAGE */
.hero-slide-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;     /* KEY: fills screen, no distortion */
    object-position: center;
    display: block;
}

/* OVERLAY */
.op-5 {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

@media (max-width:1280px){
	.heroSwiper,
.heroSwiper .swiper-wrapper,
.heroSwiper .swiper-slide {
    width: 100%;
    height: 100%;
}
}
.map-icon-img {
       width: 50px !important;
    height: 50px;
    margin-left: -15px;
    max-width: 50px !important;
}
.map-icon-imgs {
       width: 35px !important;
    height: 30px;
    max-width: 50px !important;
}

.content-block .contact-info-card.style-two:hover {
    border-color: var(--secondaryColor);
    box-shadow: 0px 6px 0px var(--secondaryColor);
}
.doctor-card .doctor-img-front img { width: 100%; border-radius: 10px; }
.doctor-card .doctor-img-front { border-radius: 10px; }
.footer-area .contact-info-widget{ background-color: #fff; }
/* Wrapper */
.fab-wrapper {
  position: fixed;
  bottom: 20%;
  right: 0px;
  z-index: 40;
}

/* Stack */
.fab-stack {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* Button */
.fab-item {
  position: relative;
  width: 45px;
  height: 45px;
/*   background: var(--bg-gray); */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.fab-item:hover {
  transform: scale(1.05);
}

/* Icon bubble */
.fab-icon {
  width: 44px;
  height: 44px;
  background: var(--primary);
  color: #fff;
  border-radius: 50%;
  border: 4px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: absolute;
  left: -12px;
}

/* Tooltip */
.fab-tooltip {
  position: absolute;
  right: 72px;
  background: var(--primary);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
  pointer-events: none;
}

/* Tooltip show */
.fab-item:hover .fab-tooltip {
  opacity: 1;
  transform: translateX(0);
}

/* Desktop spacing */
@media (min-width: 1024px) {
  .fab-wrapper {
    bottom: 20%;
    right: 0;
  }

  .fab-stack {
    gap: 15px;
  }
}
@media (max-width:767.98px){
	.breads{
		padding-top:90px;
	}
	  .fab-wrapper {
    bottom: 20%;
    right: 5px;
  }
}

.content-block .wh-area.style-one .wh-img-wrap {
  height: 400px !important;
  background-size: contain;
}
@media only screen and (min-width: 1600px) {
    .content-block :not(.doctor-info) > h2,.content-block :not(.doctor-info) > h3,.content-block :not(.doctor-info) > h1  {
        font-size: 30px;
        line-height: 36px;
    }
	
}
/* 	.navbar-area.style-one .menu ul li a {
			color: #000 !important;
		} */

		/* Medium screens and above → WHITE */
		@media (min-width: 768px) {
			.navbar-area.style-one .menu ul li a {
				color: #fff ;
			}
			.navbar-area.style-one.sticky .menu ul li a {
				color: #000 ;
			}
		}


@media only screen and (max-width: 767px) {
    .wh-area.style-one .wh-img-wrap
 {
        height: 237px !important;
        background-position: top center;
	 	background-size: contain !important;
    }
	.wh-area.style-one .global-img {
		 height: 237px !important;
		 background-size: contain !important;
	}
	.wh-area.style-one .wh-img-wrap .circle-text-wrap {
    bottom: -90px;
	}
}

/* ecg css in banner start */

.heartbeat-wrap {
  width: 50%;
  margin-top: 14px;
}




/* Mobile adjustment */
@media (max-width: 767px) {
  .heartbeat-wrap {
    width: 160px;
    margin-top: 10px;
  }
}
/* Heartbeat accent under header */
        .heart-line {
            position: fixed;
            left: 0;
            right: 0;
            top: var(--header-h);
            height: 2px;
            /* background: linear-gradient(90deg, #ff9bd8, #ffd1ef, #ff9bd8); */
            background-size: 200% 100%;
            animation: heart-scroll 6s linear infinite;
            z-index: 50;
            pointer-events: none;
        }

        @keyframes heart-scroll {
            0% {
                background-position: 0 0
            }

            100% {
                background-position: 200% 0
            }
        }

        /* ECG in hero */
        .ecg path {
            stroke-dasharray: 480 120;
            stroke-dashoffset: 600;
            animation: ecg 2.4s ease-in-out infinite;
        }

        @keyframes ecg {
            0% {
                stroke-dashoffset: 600;
                opacity: .7
            }

            50% {
                stroke-dashoffset: 200;
                opacity: 1
            }

            100% {
                stroke-dashoffset: 600;
                opacity: .7
            }
        }

        /* Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(16px);
            transition: opacity .6s ease, transform .6s ease;
        }

        .reveal.show {
            opacity: 1;
            transform: none;
        }
	
/* ecg css in banner end  */

.doctor-img .promo-video{ height: 230px; position: relative; }
.doctor-img .promo-video:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  border-radius: 20px; }
.doctor-videos .promo-video{ height: 200px; position: relative; }
.doctor-videos .promo-video:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(135,0,100, 0.5); border-radius: 20px; }
.single-para .category-card{ background: url('../img/article.png'); position: relative; z-index: 9; }
.single-para .category-card:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(7,22,48, 0.6); border-radius: 20px; z-index: -1; }


.specialities-section .specialist-card .specialist-nav img {		
		    width: 40px;
		 	 height: 40px;
}

/*  */
.doc-tooltip-wrap {
  position: relative;
  display: inline-block;
}

.doc-tooltip-wrap::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background:white;
	border:1px solid var(--secondaryColor);
  color: var(--secondaryColor);
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s ease;
}

.doc-tooltip-wrap::before {
  content: "";
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #000;
  opacity: 0;
  transition: 0.25s ease;
}

.doc-tooltip-wrap:hover::after,
.doc-tooltip-wrap:hover::before {
  opacity: 1;
}

/*  */

.blog-img img{
/* 	height:300px; */
	object-fit: cover;
}

/* footer department item style start */
.footer-bottom-menus {
    column-count: 5;
    column-gap: 40px;
}

/* Large laptops / desktops */
@media (max-width: 1400px) {
    .footer-bottom-menus {
        column-count: 4;
    }
}

/* Tablets landscape */
@media (max-width: 1200px) {
    .footer-bottom-menus {
        column-count: 3;
    }
}

/* Tablets portrait */
@media (max-width: 992px) {
    .footer-bottom-menus {
        column-count: 2;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .footer-bottom-menus {
        column-count: 2;
        column-gap: 0;
    }
}

.footer-bottom-menus li {
    display: block;
    margin-bottom: 8px;
    break-inside: avoid; /* prevents awkward breaks */
}

.footer-dividers {
    border: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    margin: 15px 0 15px;
}

.footer-titles {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* footer department item style end  */



@media only screen and (min-width: 992px) and (max-width: 1399px) {

	    .containe {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media only screen and (max-width:767.98px){
	 .containersssss {
    position: absolute;
    top: 20%;
    right: 10px;
    z-index: 9;
    width: 350px;
    background-color: white;
    border-radius: 4rem;
    padding: 5px;
    opacity: 80%;
}
	.navbar-area.style-one .menu ul li a {
    color: #000000;
}
	.appointment-area.style-one .appointment-section .counter-card-wrap.style-two .counter-card
	{
		width:100%
}
	
	
}
/* Sticky header */
.site-header {
	position: sticky;
	top: 0;
	z-index: 999;
/* 	background: #fff; */
}

/* Logo wrapper */
.logo {
	position: relative;
	display: inline-block;
}

/* Logo images */
.logo-img {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Second logo hidden initially */

.sticky .site-header .logo-default {
	display: none;
}

.sticky .site-header .logo-scrolls {
	display: block !important;
}

#doctors .doctor-card{ height: calc(100% - 5%); }


/* ACTIVE CARD */
.specialist-card.active {
	border-color: var(--secondaryColor);
/* 	box-shadow: 0 12px 30px rgba(13, 110, 253, 0.25); */
	transform: translateY(-3px);
}

/* Text color on active */
.specialist-card.active h4,
.specialist-card.active p {
	color: var(--secondaryColor);
}

/*  ACTIVE STATE */
.specialist-card.active::before {
	background: #b4b3b3; /* example active bg */
}
.specialities-section .specialist-card.active .specialist-info h4 {
		color: var(--secondaryColor); /* example active bg */
}
/* 
.specialist-card {
  overflow: hidden;
  max-width: 100%;
}
 */
@media (max-width: 991px) {
  .cursor,
  .cursor-inner {
    display: none;
  }
	
	  .navbar-area .other-options .option-item:last-child {
		  width:25px;
		  margin-left:5px;
	}
}
@media (max-width:767.98px){
	.appointment-area.style-one .appointment-section:after {
		height:100%;
	}
	    .appointment-area.style-one:before {
			position:relative;
	}
	.appointment-area.style-one:after {
		background:transparent;
	}
	.abs .maintitle {
	font-size:20px;
} 
}

/* breadcrumb responsive css start */
@media only screen and (max-width: 767px) {
    .breadcrumb-area .breadcrumb-wrap {
        margin: 0 10px;
        padding: 20px;
    }
/* 	about page css */
	 .wh-area.style-three .wh-img-wrap {
        height: 355px !important;
        background-position: top center;
    }
}



/* breadcrumb responsive css end */

.contact-info-widget .contact-info span{
	    line-break: anywhere;
}
   


















.case-slider .swiper-slide {
    border-radius: 24px;
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.case-slider .swiper-slide.swiper-slide-active {
    border-radius: 24px;
    -webkit-filter: none !important;
    filter: none !important
}

.case-slider .swiper-slide.swiper-slide-active .case-img::before {
    opacity: .8;
    visibility: visible
}

.case-slider .swiper-slide.swiper-slide-active .case-img .case-action {
    opacity: 1;
    visibility: visible
}

.case-slider .case-box .case-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.case-box {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    --space: 40px
}

@media(max-width: 991px) {
    .case-box {
        --space: 20px
    }
}

@media(max-width: 575px) {
    .case-box {
        padding:10px;
        border-radius: 20px;
        --space: 10px
    }
}

.case-box .case-img {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    z-index: 2
}

@media(max-width: 991px) {
    .case-box .case-img {
        margin-bottom:0
    }
}

.case-box .case-img:before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 24px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 20, 34, 0.8)), to(rgba(11, 20, 34, 0.8)));
    background: linear-gradient(180deg, rgba(11, 20, 34, 0.8) 0%, rgba(11, 20, 34, 0.8) 100%);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

@media(max-width: 575px) {
    .case-box .case-img {
        border-radius:15px
    }
}

.case-box .case-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

@media(max-width: 575px) {
    .case-box .case-img img {
        max-width:100%;
        max-height: 100%;
        border-radius: 15px
    }
}

.case-box .case-content {
    position: absolute;
    bottom: 40px;
    z-index: 2;
    padding: 0 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

@media(max-width: 991px) {
    .case-box .case-content {
        max-width:380px;
        padding: 0 20px;
        bottom: 20px;
        gap: 60px
    }
}

@media(max-width: 767px) {
    .case-box .case-content {
        max-width:100%;
        display: block;
        margin: auto
    }
}

.case-box .box-title {
    margin-bottom: 0px
}

.case-box .box-title a {
    color: var(--whiteColor)
}

.case-box .case-subtitle {
    font-size: 16px;
    color: var(--whiteColor);
    margin-bottom: 8px
}

.case-box .case-action {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: .4s;
    transition: .4s
}

.case-box .th-btn {
    padding: 11.5px 34px
}

.case-box .th-btn:after {
    -webkit-mask-image: url("../img/icon/arrow-right3.svg");
    mask-image: url("../img/icon/arrow-right3.svg");
    width: 16px;
    height: 16px
}

@media(max-width: 1199px) {
    .case-box .th-btn {
        padding:10px 20px
    }
}

@media(max-width: 767px) {
    .case-box .th-btn {
        padding:7px 20px;
        margin-top: 10px
    }

    .case-box .th-btn:after {
        display: none
    }
	.modern-sidebar .sub-menu-style li a {
	color:white !important;
}

}

@media(max-width: 375px) {
    .case-box .th-btn {
        padding:7px 10px
    }
}

.case-box:hover .case-img:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media(max-width: 1199px) {
    .case-title-box {
        margin-bottom:20px
    }
}

.case-action {
    position: absolute;
    top: 20px;
    right: 20px
}

.case-action.g4-bgn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: .4s;
    transition: .4s
}

.case-btn {
    position: relative;
    font-size: 24px;
    width: 55px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: var(--whiteColor);
    border: 1px solid #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.case-btn i {
    position: relative;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .4s;
    transition: .4s
}

.case-btn::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 50%;
    background-color: var(--secondaryColor);
    -webkit-transition: .4s;
    transition: .4s
}

.case-btn:hover {
    border: 1px solid var(--secondaryColor)
}

.case-btn:hover i {
    color: var(--whiteColor);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.case-btn:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.case-action {
    position: absolute;
    top: 20px;
    right: 20px
}

.case-btn {
    position: relative;
    font-size: 24px;
    width: 55px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: var(--whiteColor);
    border: 1px solid #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.case-btn i {
    position: relative
}

.case-btn::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-radius: 50%;
    background-color: var(--secondaryColor);
    -webkit-transition: .4s;
    transition: .4s
}

.case-btn:hover {
    border: 1px solid var(--secondaryColor)
}

.case-btn:hover i {
    color: var(--whiteColor)
}

.case-btn:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.data-offcanvas-main{
	margin-top:0px !important;
	    opacity: 100% !important;
}

.modern-sidebar ul li{
	position: relative;
	padding-left:10px;
}
.modern-sidebar ul li:before{
	position: absolute;
	content:"";
	width:20px;
	height:20px;
	top:50%;
	transform:translateY(-50%);
	background:url('../img/logo_wheel.png') no-repeat ;
	left:0;
	background-size:contain; 
}
.modern-sidebar ul li ul{
	padding-left:0px;
}
.modern-sidebar ul li ul li:before{
	content:unset; 
}






/********************BKP*******************/











p{
	text-align: justify;
}
.inner-back-side p{
	text-align:center;
}
.bg-p-main {
  background-color: #870064;
}

.breadcrumb-area .breadcrumb-wrap.bg-3 {
	background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.breadcrumb-area .breadcrumb-wrap:after{ background-color: rgba(135, 0, 100, 0.4); }
.directory-card.style-three {
  height: 221px;
}

.about-area.style-two .about-content .feature-item-wrap .feature-item:hover .feature-icon img {
  height: 38px;
  width: 38px;
}
.feature-icon img {
	height: 38px;
    width: 38px;
	object-fit: cover;
}

.wh-area.style-three .wh-img-wrap {
  height: unset;
  background-image: unset;
}
.pt-50 {
	padding-top: 50px !important;
}
.wh-area.style-one .global-img {
	height: 592px;
    width: 100%;
	object-fit: cover;
}

.doctor-card.style-one .doctor-img, .doctor-card.style-two .doctor-img, .doctor-card.style-five .doctor-img {
	background: linear-gradient(157deg, #fff 0%, #fff 46%, #b3609c 72%, #870264 117%);}

.about-area .testimonial-background {
   height: 592px;
}

.pricing-card {
  height: 100% !important;
}


.mt-50 {
	margin-top: 50px;
}

.pb-90 {
	padding-bottom: 90px !important;
}

.wp-block-heading {
	 margin-top: 25px;
}

.terms-wrap {
	padding-top: 36px !important;
}

.career-layout {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 30px;
  max-width: 89%;
  margin: 40px auto;
}

.career-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.job-card {
  background: #fff;
  border-radius: 16px;
  padding: 22px;
  border: 2px solid #e5e5eb;
}

.job-card.active {
  border-color: #8b006b;
}

.job-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.job-code {
  font-size: 13px;
  color: #6b7280;
}

.job-meta,
.job-date {
  font-size: 14px;
  color: #6b7280;
  margin: 6px 0;
}

.job-exp {
  margin: 15px 0;
  font-size: 14px;
}

.job-skills {
  text-align: center;
  color: #9ca3af;
  margin: 20px 0;
}

.skill-icon {
  font-size: 32px;
}

.job-actions {
  display: flex;
  gap: 10px;
}

.btn-outline {
  flex: 1;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #8b006b;
  background: #fff;
  color: #8b006b;
  font-weight: 600;
}

.btn-primary {
  flex: 1;
  padding: 10px;
  border-radius: 10px;
  border: none;
  background: #8b006b;
  color: #fff;
  font-weight: 600;
}

.career-details {
  background: #faf5f8;
  border-radius: 16px;
  padding: 30px;
}

.career-details h2 {
  font-size: 22px;
  margin-bottom: 10px;
}

.career-details h4 {
  margin-bottom: 20px;
}

.job-points {
  padding-left: 18px;
  margin: 15px 0;
}

.job-points li {
  margin-bottom: 8px;
}

.apply-btn {
  margin-top: 20px;
  padding: 12px 26px;
  background: #8b006b;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 600;
}

@media (max-width: 991px) {
  .career-layout {
    grid-template-columns: 1fr;
  }
}
.justify-content-evenly {
  justify-content: space-evenly;
}

@media only screen and (max-width: 2000px) {
	.career-box {
		max-width: 70% !important;
	}

	.job-modal {
	  position: fixed;
	  inset: 0;
	  background: rgba(0,0,0,0.6);
	  display: none;
	  align-items: center;
	  justify-content: center;
	  z-index: 9999;
	}

	.job-modal.active {
	  display: flex;
	}

	.job-modal-content {
	  background: #fff;
	  max-width: 700px;
	  width: 90%;
	  padding: 30px;
	  border-radius: 16px;
	  position: relative;
	  max-height: 90vh;
	  overflow-y: auto;
	}

	.job-modal-close {
	  position: absolute;
	  top: 15px;
	  right: 15px;
	  font-size: 28px;
	  background: none;
	  border: none;
	  cursor: pointer;
	}

	.career-details {
	  background: #fff;
	  padding: 30px;
	  border-radius: 12px;
	}

	.job-points {
	  padding-left: 18px;
	  margin-bottom: 20px;
	}

	.job-points li {
	  margin-bottom: 6px;
	}

	.apply-btn {
	  background: #0d6efd;
	  color: #fff;
	  border: none;
	  padding: 12px 28px;
	  border-radius: 8px;
	  margin-top: 15px;
	}

	.career-form {
	 background: #f8f9fa;
	  padding: 30px;
	  border-radius: 12px;
	  height: 53%;
	  margin-top: 50px;
	}

	.career-details p {
		margin-top: 25px;
	}
	
}
/* Parent menu item */
.nav-item {
    position: relative;
}

/* Hide submenu by default */
.sub-menu-style {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 399px;
    background: #fff;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 999;
}

/* Show submenu on hover */
.nav-item:hover > .sub-menu-style {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Submenu items */
.sub-menu-style li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

/* Hover effect */
.sub-menu-style li a:hover {
/*     background: #f5f5f5; */
    color: #000;
}
.dropdown-toggle::after {
    content: "▾";
    margin-left: 6px;
    font-size: 17px;
    transition: transform 0.3s ease;
}

/* Rotate arrow on hover */
.nav-item:hover > .dropdown-toggle::after {
    transform: rotate(180deg);
}

@media (max-width: 991px) {

    .sub-menu-style {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        background: transparent;
        padding-left: 15px;
    }

    .nav-item:hover > .sub-menu-style {
        display: block;
    }
}
	@media (max-width: 1200px) {
		.modern-sidebar {
   			 line-height: 0.1 !important;
}
	}
/* MOBILE ONLY – Flexbox */
@media (max-width: 575px) {
	.award-about-sec .telemedicine-grid {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center; /* centers each row */
		gap: 16px !important;
	}

	.award-about-sec .telemedicine-grid > * {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* TABLET – 2 items per row, centered */
@media (max-width: 991px) and (min-width: 576px) {
	.award-about-sec .telemedicine-grid {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px !important;
	}

	.award-about-sec .telemedicine-grid > * {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/* SMALL DESKTOP – 3 items per row, centered */
@media (max-width: 1299px) and (min-width: 992px) {
	.award-about-sec .telemedicine-grid {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
	}

	.award-about-sec .telemedicine-grid > * {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}



	.vision-container {
    max-width: 720px;
    padding: 20px 0;
    font-family: inherit;
}

.vision-intro {
    font-size: 16px;
    color: #333;
    margin-bottom: 18px;
}

.vision-highlight {
    position: relative;
    padding-left: 18px;
    margin-bottom: 20px;
}

.vision-highlight::before {
    content: "";
    position: absolute;
    left: 0;
    top: 21px;
    width: 3px;
    height: 140px;
    background-color: var(--secondaryColor);
    border-radius: 2px;
}

.vision-highlight p {
    font-size: 17px;
    line-height: 1.6;
    color: #111;
    margin: 13px;
}

.vision-description {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}

	.work-process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

/* Tablet */
@media (max-width: 1199px) {
    .work-process-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .work-process-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.process-card .pillars-desc p {
	width: 90%;
}
	
@media (max-width: 1200px) {
    .award-about-sec .telemedicine-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
    }
}
@media (max-width: 991px) {
    .award-about-sec .telemedicine-grid {
        grid-template-columns: repeat(2, 1fr)!important;
        gap: 20px!important;
    }
}
@media (max-width: 576px) {
    .award-about-sec .telemedicine-grid {
        grid-template-columns: 1fr!important;
        gap: 16px!important;
    }
}
	
.process-img img {
	height: 177px;
    width: 177px;
    object-fit: cover;
    object-position: top center;
}

.breadcrumb-wrap span {
	color: #dba149;
}
	
.wh-area .support-service-img {
	width: 100%;
    height: 591px !important;	
}
	
.blog-image img {
	height: 255px !important;
/* 	width: 267px !important; */
    object-fit: cover;	
}
.news-sec .blog-card {
	height: 620px;
}

.package-row {
  --bs-gutter-y: 3.5rem !important;	
}

.testimonial-card.style-three {
	height: 374px;
}

.testimonial-wrapper-ip .swiper-wrapper {
	height: unset !important;
}

@media (max-width: 767px) {
	.testimonial-card.style-three {
		height: 100%;
	}
}


.testimonial-wrapper-ip .swiper-slide {
	height: inherit;
}

.testimonial-wrapper-ip .client-img img {
	 width: 274px;
     height: 250px;
}


.hospital-slider-one .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	gap: 30px;
	transform: none !important; /* stop swiper translate */
}

.hospital-slider-one .swiper-slide {
	width: auto !important;
	height: auto !important;
}

@media (max-width: 991px) {
	.hospital-slider-one .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.hospital-slider-one .swiper-slide {
		flex: 0 0 50%;
		max-width: 50%;
	}
}


@media (max-width: 575px) {
	.hospital-slider-one .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 16px;
		height: 100% !important;
        margin: 11px;
	}

	.hospital-slider-one .swiper-slide {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.hospital-card.style-one {
	height: 463px;
}

.ip-work-process {
	max-width: 100%;
/*     gap: 60px; */
}


.single-para ol li ul {
	 margin-top: 4px;
}

.single-para ol li strong strong strong {
	line-height: 4;
}

.work-process-wrap .process-card:last-child p {
  padding-top: 15px;
}



 @media (max-width:767.98px){
	.heroSwiper .swiper-slide {
		background-size: contain !important;
	}
	  .heroSwiper {
    min-height: 420px;
  }
}



/* test css */
 @media (max-width:767.98px){
	 #hero .swiper-slide {
		 min-height:24vh !important;
	 }
	 .slider-texts{
		 
		margin-top:80px !important; 
	 }
	 #hero {
		 min-height:24vh !important;
	 }
	  .hero {
		 min-height:24vh !important;
/* 		  height:24vh !important */
	 }
	 #hero {
    width: 100%;
    height: 45vh !important;
		 
	 }
	  #hero {
		 min-height:24vh !important;
	 }
	     .containersssss {
        top: 25% !important;
	     width:90%;
	 }
}
/* OPEN BTN */
.open-btns {
  position: fixed;
  top: 16px;
  left: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--purple);
  color: #fff;
  border: none;
  font-size: 22px;
  cursor: pointer;
  z-index: 1001;
}

/* OVERLAY */
.overlays {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  opacity: 0;
  pointer-events: none;
  transition: .3s;
  z-index: 1000;
}
.overlays.active {
  opacity: 1;
  pointer-events: auto;
}

/* OFFCANVAS */
.offcanvass {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 360px;
  height: 100%;
  background: #fff;
  transform: translateX(-100%);
  transition: .35s ease;
  z-index: 1001;
  padding: 20px;
  overflow-y: auto;
}
.offcanvass.active {
  transform: translateX(0);
}

/* CLOSE */
.close-btns {
  background: none;
  border: none;
  font-size: 28px;
  color: var(--secondaryColor);
  cursor: pointer;
}

/* BUTTONS */
.actionss {
  display: flex;
  gap: 12px;
  margin: 20px 0;
}
.action-btns {
  flex: 1;
  padding: 10px;
  border-radius: 22px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.action-btns.primary {
  background: var(--secondaryColor);
  color: #fff;
}
.action-btns.outline {
  border: 2px solid var(--secondaryColor);
  color: var(--secondaryColor);
}

/* QUICK CONTACT */
.quick-contacts h4 {
  color: var(--secondaryColor);
  margin: 20px 0 10px;
}
.quick-contacts a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--secondaryColor);
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 8px;
}

/* MENU */
.menus {
  margin-top: 25px;
}

/* MENU ITEM */
.menu-items {
  width: 100%;
  padding: 14px 16px;
  border-radius: 6px;
  color: var(--secondaryColor);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
      text-decoration: none;
}
.menus ul{
    list-style: none !important;
}
.menus ul a{
	padding: 5px 0px;
	color:var(--secondaryColor);
}
/* ACTIVE */
.menu-items.active {
  background: var(--purple);
  color: #fff;
}

/* ARROW */
.arrows {
  transition: transform .3s ease;
}

/* OPEN */
.menu-items.opens .arrows {
  transform: rotate(180deg);
}

/* SUBMENU */
.submenus {
  background:var(--secondaryColor);
  border-radius: 8px;
  margin: 6px 0 12px;
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}

.menu-items.opens + .submenus {
  max-height: 500px;
}

.submenus a {
  display: block;
  padding: 10px 14px;
  color: var(--secondaryColor);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
}

/* CHAT */
.chats {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #f2f6fa;
  padding: 14px;
  border-radius: 12px;
  max-width: 260px;
  font-size: 13px;
}
.logo-lights {
    max-width: 250px;
}
.logos {
    margin: 10px auto;
}
.offcanvas-headers {
    display: flex;
    justify-content: flex-end;
}

/* test css */