/* /////////////What is gallbladder stone surgery?/////////////////// */
.medical-section-dark-gallbladder-surgery {
    padding: 100px 20px;
    background-color: #3C0145;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-gallbladder-surgery {
    max-width: 1200px;
    margin: 0 auto;
}

.header-gallbladder-surgery {
    text-align: center;
    margin-bottom: 70px;
}

.title-gallbladder-surgery {
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.intro-p-gallbladder-surgery {
    color: #fff;
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.15rem;
    line-height: 1.6;
}

.main-grid-gallbladder-surgery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-bottom: 60px;
}

.content-box-gallbladder-surgery {
    background: rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    filter: blur(10px);
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.is-visible-gallbladder .content-box-gallbladder-surgery {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

.is-visible-gallbladder .content-box-gallbladder-surgery:nth-child(2) {
    transition-delay: 0.3s;
}

.icon-header-gallbladder {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.highlight-note-gallbladder {
    margin-top: 20px;
    padding: 15px;
    background: rgba(255, 215, 255, 0.1);
    border-radius: 10px;
    font-style: italic;
}

.visual-footer-gallbladder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.image-wrapper-gallbladder {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
}

.image-wrapper-gallbladder img {
    width: 100%;
    display: block;
}

.footer-text-gallbladder p {
    font-size: 1.25rem;
    line-height: 1.7;
    color: #fff;
}

@media (max-width: 900px) {
    .visual-footer-gallbladder {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

/* ////////////////////////Symptoms of Gallbladder Stones/////////////////// */
.medical-section-gb-symptoms {
    padding: 80px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-gb-symptoms {
    max-width: 1200px;
    margin: 0 auto;
}

.header-gb-symptoms {
    text-align: center;
    margin-bottom: 60px;
}

.title-gb-symptoms {
    color: #3C0145;
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.intro-gb-symptoms {
    color: #3C0145;
    font-size: 1.1rem;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.layout-grid-gb-symptoms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.symptoms-list-wrapper p {
    margin-bottom: 2%;
    font-weight: 600;
}

.symptom-card-item {
    display: flex;
    align-items: flex-start;
    background: #fdfbff;
    padding: 20px;
    border-radius: 0px;
    margin-bottom: 20px;
    border-left: 4px solid #3C0145;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.is-visible-gb-symptoms .symptom-card-item {
    opacity: 1;
    transform: translateX(0);
}

.is-visible-gb-symptoms .symptom-card-item:nth-child(1) {
    transition-delay: 0.1s;
}

.is-visible-gb-symptoms .symptom-card-item:nth-child(2) {
    transition-delay: 0.2s;
}

.is-visible-gb-symptoms .symptom-card-item:nth-child(3) {
    transition-delay: 0.3s;
}

.is-visible-gb-symptoms .symptom-card-item:nth-child(4) {
    transition-delay: 0.4s;
}

.symptom-dot {
    width: 12px;
    height: 12px;
    background: #3C0145;
    border-radius: 50%;
    margin-top: 6px;
    margin-right: 20px;
    flex-shrink: 0;
}

.symptom-text strong {
    color: #3C0145;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 5px;
}

.image-frame-gb-symptoms img {
    width: 100%;
    border-radius: 0px;
    box-shadow: 0 20px 40px rgba(60, 1, 69, 0.1);
    opacity: 0;
    transform: scale(0.9);
    transition: all 1s ease-out 0.5s;
}

.is-visible-gb-symptoms .image-frame-gb-symptoms img {
    opacity: 1;
    transform: scale(1);
}

.warning-box-gb-symptoms {
    background: #3C0145;
    color: #ffffff;
    padding: 35px;
    border-radius: 0px;
    margin-top: 30px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out 0.7s;
}

.warning-box-gb-symptoms p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
}

.is-visible-gb-symptoms .warning-box-gb-symptoms {
    opacity: 1;
    transform: translateY(0);
}

.btn-symptom-check {
    display: inline-block;
    background: #ffffff;
    color: #3C0145;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
    margin-top: 20px;
    transition: 0.3s;
}

@media (max-width: 992px) {
    .layout-grid-gb-symptoms {
        grid-template-columns: 1fr;
    }

    .visual-side-gb-symptoms {
        order: -1;
    }
}

/* ////////////////When is surgery needed for gallstones?////////////////////////// */
.medical-section-gb-conditions-grid {
    padding: 70px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-gb-conditions {
    max-width: 1200px;
    margin: 0 auto;
}

.header-gb-conditions {
    text-align: center;
    margin-bottom: 70px;
}

.title-gb-conditions {
    color: #3C0145;
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 15px;
}

/* .accent-bar-gb {
    width: 60px;
    height: 4px;
    background: #3C0145;
    margin: 0 auto 30px;
} */

.intro-gb-conditions {
    color: #666;
    font-size: 1.2rem;
    max-width: 800px;
    margin: 0 auto;
}

.conditions-grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
    perspective: 1000px;
}

.condition-card-flip {
    opacity: 0;
    transform: rotateX(-45deg) translateY(50px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.is-visible-gb-conditions .condition-card-flip {
    opacity: 1;
    transform: rotateX(0) translateY(0);
}

.is-visible-gb-conditions .condition-card-flip:nth-child(1) {
    transition-delay: 0.1s;
}

.is-visible-gb-conditions .condition-card-flip:nth-child(2) {
    transition-delay: 0.2s;
}

.is-visible-gb-conditions .condition-card-flip:nth-child(3) {
    transition-delay: 0.3s;
}

.is-visible-gb-conditions .condition-card-flip:nth-child(4) {
    transition-delay: 0.4s;
}

.card-inner-gb {
    background: #fdfbff;
    padding: 40px 30px;
    border-radius: 0px;
    border: 1px solid rgba(60, 1, 69, 0.05);
    height: 100%;
    transition: transform 0.3s ease;
}

.card-inner-gb:hover {
    transform: translateY(-10px);
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(60, 1, 69, 0.08);
}

.card-num-gb {
    font-size: 0.85rem;
    font-weight: 800;
    color: #3C0145;
    border: 1px solid #3C0145;
    padding: 4px 10px;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 20px;
}

.card-inner-gb h4 {
    color: #3C0145;
    font-size: 1.3rem;
    margin-bottom: 12px;
}

.expert-conclusion-banner {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    background: #3C0145;
    color: #ffffff;
    border-radius: 0px;
    overflow: hidden;
    align-items: center;
}

.banner-image-gb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner-text-gb {
    padding: 60px;
}

.banner-text-gb h3 {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #ffd7ff;
}

.btn-gb-expert {
    display: inline-block;
    background: #ffffff;
    color: #3C0145;
    padding: 15px 35px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
    margin-top: 25px;
    transition: 0.3s;
}

@media (max-width: 992px) {
    .expert-conclusion-banner {
        grid-template-columns: 1fr;
    }

    .banner-text-gb {
        padding: 40px;
        text-align: center;
    }
}
/* /////////////////////Gallbladder open surgery//////// */
.medical-section-open-surgery-light {
    padding: 100px 20px;
    background-color: #f9f9fb; 
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-open-surgery-light {
    max-width: 1100px;
    margin: 0 auto;
}

.open-surgery-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
}

.open-surgery-content {
    opacity: 0;
    transform-origin: left;
    transform: perspective(1000px) rotateY(-20deg);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.open-surgery-visual {
    opacity: 0;
    transform: scale(0.9);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

.is-visible-open-surgery .open-surgery-content,
.is-visible-open-surgery .open-surgery-visual {
    opacity: 1;
    transform: perspective(1000px) rotateY(0) scale(1);
}

.surgery-badge {
    color: #3C0145;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.title-open-surgery {
    color: #3C0145;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
}

.decision-criteria-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 0px;
    box-shadow: 0 10px 30px rgba(60, 1, 69, 0.05);
    /* border-top: 4px solid #3C0145; */
    margin: 30px 0;
}

.criteria-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.criteria-header svg { width: 24px; height: 24px; }
.criteria-header h4 { color: #3C0145; margin: 0; }

.recovery-info-light .info-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.info-icon svg { width: 20px; height: 20px; margin-top: 3px; }

.image-stack-wrapper {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

.image-stack-wrapper img { width: 100%; display: block; }

.safety-indicator {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 0.8rem;
    color: #3C0145;
}

.safety-indicator svg { width: 18px; height: 18px; }

@media (max-width: 992px) {
    .open-surgery-grid { grid-template-columns: 1fr; }
    .open-surgery-visual { order: -1; }
}

/* //////////////////////Laparoscopic Gallbladder Surgery ///////////////// */
.medical-section-lap-surgery-light {
    padding: 70px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-lap-surgery {
    max-width: 1200px;
    margin: 0 auto;
}

.lap-surgery-top-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 40px;
}

.eyebrow-lap {
    color: #3C0145;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
}

.title-lap {
    color: #3C0145;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 15px 0 25px;
}

.incision-visual-note {
    background: #fdfbff;
    padding: 30px;
    border-radius: 0px;
    border-left: 5px solid #3C0145;
    margin-top: 30px;
}

.lap-image-wrapper {
    position: relative;
    opacity: 0;
    transform: translateX(50px);
    transition: all 1s ease-out;
}

.is-visible-lap .lap-image-wrapper {
    opacity: 1;
    transform: translateX(0);
}

.lap-image-wrapper img {
    width: 100%;
    border-radius: 0px;
    box-shadow: 0 20px 50px rgba(60, 1, 69, 0.1);
}

.lap-tag {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #3C0145;
    color: #fff;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
}

.advantages-row-lap {
    text-align: center;
}

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.adv-card {
    background: #ffffff;
    padding: 40px 25px;
    border-radius: 0px;
    border: 1px solid #eee;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    transition: 0.3s;

    opacity: 0;
    transform: translateY(40px);
}

.is-visible-lap .adv-card {
    opacity: 1;
    transform: translateY(0);
}

.is-visible-lap .adv-card:nth-child(1) {
    transition: all 0.6s ease-out 0.2s;
}

.is-visible-lap .adv-card:nth-child(2) {
    transition: all 0.6s ease-out 0.4s;
}

.is-visible-lap .adv-card:nth-child(3) {
    transition: all 0.6s ease-out 0.6s;
}

.is-visible-lap .adv-card:nth-child(4) {
    transition: all 0.6s ease-out 0.8s;
}

.adv-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.daycare-banner-lap {
    margin-top: 40px;
    background: #3C0145;
    color: #fff;
    padding: 20px;
    border-radius: 0px;
    text-align: center;
    font-size: 1.2rem;
}

@media (max-width: 992px) {
    .lap-surgery-top-grid {
        grid-template-columns: 1fr;
    }

    .lap-image-wrapper {
        order: -1;
    }
}

/* //////////////////////How Long Does Laparoscopic Gallbladder Surgery Take?///////////////// */
.medical-section-time-datastream {
    padding: 50px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-time-datastream {
    max-width: 1100px;
    margin: 0 auto;
}

.header-time-datastream {
    text-align: center;
    margin-bottom: 60px;
}

.badge-datastream {
    color: #3C0145;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: block;
}

.title-datastream {
    color: #3C0145;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.intro-datastream {
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

.datastream-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.datastream-card {
    background: #fdfbff;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(60, 1, 69, 0.03);
    border: 1px solid rgba(60, 1, 69, 0.05);

    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.is-visible-datastream .datastream-card {
    opacity: 1;
    transform: translateY(0);
}

.is-visible-datastream .datastream-card:nth-child(1) {
    transition-delay: 0.1s;
}

.is-visible-datastream .datastream-card:nth-child(2) {
    transition-delay: 0.3s;
}

.is-visible-datastream .datastream-card:nth-child(3) {
    transition-delay: 0.5s;
}

.datastream-top-bar {
    height: 4px;
    background: #3C0145;
    width: 0;
    transition: width 1s ease-in-out 0.6s;
}

.is-visible-datastream .datastream-top-bar {
    width: 100%;
}

.datastream-content {
    padding: 40px 30px;
}

.datastream-time {
    font-size: 1.8rem;
    font-weight: 700;
    color: #3C0145;
    margin-bottom: 10px;
}

.datastream-content h4 {
    margin-bottom: 15px;
    color: #333;
}

.image-datastream-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
}

.image-datastream-wrapper img {
    width: 100%;
    display: block;
}

.datastream-overlay {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #3C0145;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .datastream-grid {
        grid-template-columns: 1fr;
    }
}

/* //////////////////Recovery Time After Gallbladder Removal//////////////////////////// */
.medical-section-final-depth {
    padding: 100px 20px;
    background-color: #fdfbff;
    font-family: 'Inter', system-ui, sans-serif;
    overflow: hidden;
}

.container-final-depth {
    max-width: 1100px;
    margin: 0 auto;
}

.floating-card-final-depth {
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0 40px 100px rgba(60, 1, 69, 0.08);
    overflow: hidden;
    border: 1px solid rgba(60, 1, 69, 0.05);

    opacity: 0;
    transform: translateY(60px) scale(0.98);
    transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.is-visible-final-depth .floating-card-final-depth {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.card-grid-final-depth {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: stretch;
}

.card-image-final-depth {
    position: relative;
    min-height: 450px;
}

.card-image-final-depth img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.badge-overlay-final-depth {
    position: absolute;
    top: 30px;
    left: 30px;
    background: #3C0145;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-content-final-depth {
    padding: 70px 60px;
}

.eyebrow-final-depth {
    color: #3C0145;
    font-weight: 800;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 15px;
}

.title-final-depth {
    color: #3C0145;
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.1;
}

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

.recovery-timeline-list li {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 1.1rem;
}

.cta-note-final-depth {
    font-style: italic;
    color: #3C0145 !important;
    font-weight: 600;
    margin-top: 20px;
}

.btn-main-final-depth {
    display: inline-block;
    background: #3C0145;
    color: #ffffff;
    padding: 18px 45px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
    margin-top: 30px;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-main-final-depth:hover {
    background: #5a0268;
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(60, 1, 69, 0.2);
}

@media (max-width: 992px) {
    .card-grid-final-depth {
        grid-template-columns: 1fr;
    }

    .card-image-final-depth {
        min-height: 300px;
    }

    .card-content-final-depth {
        padding: 40px 30px;
        text-align: center;
    }
}

/* ///////////////////Is Gallbladder Surgery Dangerous?///////////////////////// */
.medical-section-dark-safety-shield {
    padding: 40px 20px;
    background-color: #3C0145;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-safety-shield {
    max-width: 1200px;
    margin: 0 auto;
}

.safety-layout-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 60px;
}

.safety-badge {
    color: #ffd7ff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 20px;
}

.title-safety {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #fff;
}

.safety-lead {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 20px;
}

.expert-statement {
    border-left: 4px solid #fff;
    padding-left: 25px;
    font-style: italic;
    color: #fff;
}

.risk-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px;
    border-radius: 0px;
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
    opacity: 0;
    filter: blur(10px);
    transform: translateX(40px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.is-visible-safety .risk-card {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

.is-visible-safety .risk-card:nth-child(1) {
    transition-delay: 0.2s;
}

.is-visible-safety .risk-card:nth-child(2) {
    transition-delay: 0.4s;
}

.is-visible-safety .risk-card:nth-child(3) {
    transition-delay: 0.6s;
}

.risk-icon {
    font-size: 2rem;
}

.risk-details h4 {
    color: #fff;
    margin-bottom: 5px;
}

.risk-details p {
    font-size: 0.9rem;
    color: #fff;
}

.safety-visual-anchor {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    opacity: 0;
    transform: scale(0.95);
    transition: all 1.2s ease-out 0.8s;
}

.is-visible-safety .safety-visual-anchor {
    opacity: 1;
    transform: scale(1);
}

.safety-visual-anchor img {
    width: 100%;
    display: block;
}

@media (max-width: 992px) {
    .safety-layout-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

/* //////////////////Can Gallstones Come Back After Surgery?/////////////////// */
.medical-section-dark-resolution {
    padding: 10px 20px;
    background-color: #3C0145; /* Brand Dark Purple */
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}

.container-resolution {
    max-width: 1000px;
    margin: 0 auto;
}

.resolution-content-wrapper {
    position: relative;
    text-align: center;
    z-index: 2;
}

.resolution-text-box {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.is-visible-resolution .resolution-text-box {
    opacity: 1;
    transform: translateY(0);
}

.resolution-badge {
    color: #ffd7ff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 20px;
}

.title-resolution {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.1;
}

.main-statement-resolution p {
    font-size: 1.4rem;
    color: #e2d1e6;
    max-width: 900px;
    margin: 0 auto 50px;
    line-height: 1.6;
}

.dietary-guidance-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    gap: 25px;
    max-width: 700px;
    margin: 0 auto 40px;
    text-align: left;
}

.guidance-icon { font-size: 2.5rem; }
.guidance-text h4 { color: #ffd7ff; margin-bottom: 5px; }
.guidance-text p { color: #f0e6f2; font-size: 0.95rem; }

.resolution-visual-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    width: 100%;
    opacity: 0.1; 
    filter: brightness(0.5);
    z-index: -1;
    transition: all 2s ease-out;
}

.is-visible-resolution .resolution-visual-bg {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
}

.btn-resolution-glow {
    display: inline-block;
    background: #3C0145;
    color: #fff;
    border: 1px solid #fff;
    padding: 18px 40px;
    text-decoration: none;
    font-weight: 800;
    border-radius: 0px;
    /* box-shadow: 0 0 20px rgba(255, 255, 255, 0.1); */
    transition: 0.3s;
}

.btn-resolution-glow:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
    .title-resolution { font-size: 2.2rem; }
    .dietary-guidance-card { flex-direction: column; text-align: center; }
}
/* /////////////////////////////////Gallbladder Surgery for Elderly Patients//////////////// */
.medical-section-dark-elderly-care {
    padding: 60px 20px;
    background-color: #3C0145;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.container-elderly-care {
    max-width: 1200px;
    margin: 0 auto;
}

.elderly-care-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
}

.title-elderly {
    font-size: 2.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}

.evaluation-box-elderly {
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0; 
    transform: translateX(-30px);
    transition: all 0.8s ease-out;
}

.evaluation-list-elderly {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.evaluation-list-elderly li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.evaluation-list-elderly i {
    color: #ffd7ff; 
    font-size: 1.5rem;
    width: 30px;
    text-align: center;
    text-shadow: 0 0 10px rgba(255, 215, 255, 0.3);
}

.is-visible-elderly .evaluation-box-elderly {
    opacity: 1;
    transform: translateX(0);
}

.image-frame-elderly img {
    width: 100%;
    border-radius: 25px;
}

@media (max-width: 992px) {
    .elderly-care-grid { grid-template-columns: 1fr; }
}
/* ///////////////Gallstone Specialist in Lahore///////////// */
.medical-section-specialist-light {
    padding: 100px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-specialist-light {
    max-width: 1200px;
    margin: 0 auto;
}

.specialist-grid-light {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 70px;
    align-items: center;
}

.specialist-profile-card {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.specialist-narrative-box {
    opacity: 0;
    transform: translateX(100px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.is-visible-specialist .specialist-profile-card,
.is-visible-specialist .specialist-narrative-box {
    opacity: 1;
    transform: translateX(0);
}

.portrait-wrapper {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(60, 1, 69, 0.1);
}

.portrait-wrapper img {
    width: 100%;
    display: block;
    transition: 0.5s;
}

.experience-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #3C0145;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0px;
    font-weight: 700;
    font-size: 0.85rem;
}

.eyebrow-specialist {
    color: #3C0145;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 0.8rem;
    margin-bottom: 15px;
    display: block;
}

.title-specialist {
    color: #3C0145;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.1;
}

.lead-text-specialist {
    font-size: 1rem;
    color: #3C0145;
    margin-bottom: 20px;
    line-height: 1.6;
}

.expertise-highlights {
    margin-bottom: 40px;
}

.highlight-item {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.highlight-icon {
    width: 45px;
    height: 45px;
    background: #fdfbff;
    border: 1px solid #3C0145;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.highlight-icon svg { width: 22px; height: 22px; }

.highlight-content h4 { color: #3C0145; margin-bottom: 5px; }
.highlight-content p { font-size: 0.95rem; color: #666; }

.specialist-footer-note {
    border-top: 1px solid #eee;
    padding-top: 25px;
    margin-bottom: 30px;
    font-style: italic;
    color: #555;
}

.btn-specialist-cta {
    display: inline-block;
    background: #3C0145;
    color: #fff;
    padding: 16px 35px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
    transition: 0.3s;
}

@media (max-width: 992px) {
    .specialist-grid-light { grid-template-columns: 1fr; }
    .specialist-profile-card { order: -1; }
}
/*//////////////////////////Gallbladder Surgery at Shalamar Hospital ///////////////  */
.medical-section-shalamar-showcase {
    padding: 100px 20px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.container-shalamar-showcase {
    max-width: 1200px;
    margin: 0 auto;
}

.showcase-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 80px;
    align-items: flex-start;
}

.showcase-image-wrapper {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(60, 1, 69, 0.08);
    
    height: 0;
    opacity: 0;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.is-visible-showcase .showcase-image-wrapper {
    height: 550px; 
    opacity: 1;
}

.showcase-text-side {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out 0.5s;
}

.is-visible-showcase .showcase-text-side {
    opacity: 1;
    transform: translateY(0);
}

.showcase-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showcase-badge {
    color: #3C0145;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.showcase-title {
    color: #3C0145;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.1;
}

.showcase-expert-card {
    display: flex;
    gap: 20px;
    background: #fdfbff;
    padding: 25px;
    border-radius: 0px;
    margin: 10px 0;
    border-left: 5px solid #3C0145;
}

.expert-icon-wrap svg { width: 32px; height: 32px; }

.showcase-stats-grid {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    color: #3C0145;
}

.stat-icon svg { width: 22px; height: 22px; }

.btn-showcase {
    display: inline-block;
    border: 2px solid #3C0145;
    color: #3C0145;
    padding: 14px 30px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
    margin-top: 30px;
    transition: 0.3s;
}

.btn-showcase:hover {
    background: #3C0145;
    color: #ffffff;
}

@media (max-width: 992px) {
    .showcase-grid { grid-template-columns: 1fr; }
    .showcase-image-wrapper { height: 350px !important; }
}
/*  */