:root {
     --primary-color: #c5984e;
     --secondary-color: #004c27;
     --text-color-secondary: #008262;
     --primary-color-primary: #c5984e;
 }
 
 :root {
     --bg-cream: #f8f6f2;
     --dark-green: #004c27;
     --muted-green: #008262;
     --light-box: #ebf2ee;
     --text-main: #2b332e;
     --timeline-grey: #d5ddd8;
     --lightblack-text: #17222a;
 }
 
 .btn-dark-green {
     background-color: var(--dark-green);
     color: white !important;
     border-radius: 30px;
     padding: 15px 50px 15px 25px;
     font-size: 14px;
     font-weight: 500;
     border: none;
     transition: background 0.3s ease, transform 0.2s ease;
     position: relative;
 }
 
 .btn-dark-green-no-icon {
     padding: 15px 25px 15px 25px;
 }
 
 .btn-dark-green span {
     position: absolute;
     right: 3px;
     top: 50%;
     transform: translate(0px, -50%);
     border-radius: 50%;
     background: white;
     overflow: hidden;
 }
 
 .btn-dark-green:hover {
     background-color: #0b2218;
     transform: translateY(-2px);
 }
 
 .hero_button {
     opacity: 1;
     gap: 2px;
     border-radius: 40px;
     padding: 8px;
     background: #f8faf4;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
     align-content: center;
     padding: 15px;
 }
 
 .hero_button a {
     margin: 0 !important;
     height: auto;
 }
 
 .hero_footer {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     margin-top: 2rem;
     padding: 5px;
     gap: 35px;
 }
 
 .hero_footer div.sec1-div {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     align-items: center;
     justify-content: center;
     gap: 8px;
     font-family: Inter;
     font-weight: 400;
     font-style: Regular;
     font-size: 12px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #000000;
 }
 /* Hero Section */
 
 .hero-section {
     /* background: linear-gradient(180deg, #F3F6F3 0%, #FFFFFF 100%); */
     padding: 120px 0 0px 0;
     background: linear-gradient(180deg, #e7eaf0 0%, #f3f4ef 100%);
     margin-top: -93px;
 }
 
 .badge-sub {
     font-size: 12px;
     letter-spacing: 2px;
     color: var(--muted-green);
     font-weight: 600;
     border: 1px solid #17222a1a;
     opacity: 1;
     padding-top: 4px;
     padding-right: 8px;
     padding-bottom: 4px;
     padding-left: 8px;
     gap: 10px;
     border-width: 1px;
     border-radius: 20px;
     max-width: fit-content;
 }
 
 .hero-title {
     font-size: 44px;
     color: #000000;
     font-weight: 500;
     line-height: 1.15;
 }
 
 .hero-title span {
     font-style: italic;
     color: #c38b67;
     /* Soft terra-cotta highlight color from standard premium layouts */
 }
 
 .hero-subtitle {
     max-width: 580px;
     color: #17222a;
     font-size: 17px;
     line-height: 1.6;
 }
 
 section.hero-section .container {
     max-width: 722px;
     width: 722;
     height: 472px;
     top: 138px;
     left: 359px;
     opacity: 1;
     border-top-left-radius: 40px;
     border-top-right-radius: 40px;
     border-width: 1px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border: 1px solid #ffffff;
     background: radial-gradient( 111.37% 111.38% at 52.28% 71.14%, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
 }
 /* new section */
 /* Styling Architecture Initialization */
 
 :root {
     --brand-dark-green: #113425;
     --text-charcoal: #2a332e;
     --text-muted-gray: #56645e;
     --accent-gold-tan: #c38b67;
     --border-emerald: #a9b8b0;
     --calc-container-bg: #f4f6f4;
     --card-surface-light: #edeef2;
     --badge-pill-txt: #3d5a4e;
     --grid-card-gray: #eff1f0;
 }
 
 body {
     font-family: "Playfair Display", serif;
     color: var(--text-charcoal);
     background-color: #ffffff;
     -webkit-font-smoothing: antialiased;
 }
 
 body h1,
 body h2,
 body h3 {
     font-family: "Playfair Display", serif;
 }
 
 body p,
 body h5,
 body h4 {
     font-family: "Inter";
 }
 /* Typography Styles */
 
 .section-title {
     font-family: "Playfair Display", serif;
     font-size: 2.8rem;
     font-weight: 400;
     line-height: 1.15;
     color: var(--brand-dark-green);
 }
 
 .section-title .italic-gold {
     font-style: italic;
     color: var(--accent-gold-tan);
 }
 
 .badge-pill {
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.05em;
     color: var(--badge-pill-txt);
     border: 1px solid var(--border-emerald);
     padding: 6px 16px;
     border-radius: 50px;
 }
 /* SECTION 1: CALCULATOR MODULE */
 
 .shadow-block {
     background-color: var(--calc-container-bg);
 }
 
 .form-label-custom {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.08em;
     color: #a2aea8;
     margin-bottom: 8px;
     display: block;
 }
 
 .custom-select {
     border: none !important;
     border-radius: 50px !important;
     padding: 14px 24px !important;
     font-size: 15px;
     font-weight: 500;
     color: var(--text-charcoal);
     background-color: #ffffff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
 }
 /* Card Statement Panel Outputs */
 
 .calc-card {
     background-color: var(--card-surface-light);
     border-radius: 28px;
     min-height: 100%;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 2rem 3rem;
     border-top-left-radius: 40px;
     border-top-right-radius: 40px;
     border-width: 1px;
     background: radial-gradient( 111.37% 111.38% at 52.28% 71.14%, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
     border: 1px solid #ffffff;
 }
 
 .badge-pill-light {
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 0.05em;
     color: #5d6b64;
     background-color: rgba(255, 255, 255, 0.5);
     padding: 6px 14px;
     border-radius: 50px;
 }
 
 .display-savings-amount {
     font-size: 3.5rem;
     font-weight: 700;
     color: var(--secondary-color);
     letter-spacing: -0.02em;
     line-height: 1;
 }
 
 .savings-duration-lbl {
     font-size: 14px;
     font-weight: 500;
 }
 /* Background watermark styling tracking image_961e9e.png context */
 
 .bg-currency-symbol {
     position: absolute;
     right: 0;
     left: 0;
     top: 15%;
     font-size: 18rem;
     font-family: "Playfair Display", serif;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.35);
     line-height: 1;
     pointer-events: none;
     z-index: 0;
 }
 
 .bg-currency-symbol svg {
     width: 100% !important;
 }
 
 .calc_content {
     z-index: 2;
 }
 
 .breakdown-list {
     position: relative;
     z-index: 1;
 }
 
 .breakdown-lbl {
     font-size: 14px;
     color: var(--text-muted-gray);
 }
 
 .breakdown-val {
     font-size: 14px;
 }
 /* SECTION 2: PROMISE MATRIX MODULE */
 
 .promise-description {
     font-size: 14px;
     line-height: 1.6;
     color: var(--text-muted-gray);
 }
 
 .legitscript-wrapper {
     border-top: 1px solid #eaeceb;
     padding-top: 20px;
 }
 
 .legit-text {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.06em;
     color: var(--brand-dark-green);
 }
 /* Structural Layout Feature Cards Grid */
 
 .promise-card {
     background-color: var(--grid-card-gray);
     border-radius: 4px;
     height: 100%;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     overflow: hidden;
     display: flex;
     align-content: space-between;
     flex-direction: column;
     justify-content: space-around;
 }
 
 .promise-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 32px rgba(98, 241, 172, 0.12);
 }
 
 .promise-avatar-frame {
     width: 100%;
     height: 110px;
     /* border-radius: 50%;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 12px rgba(0,0,0,0.02); */
 }
 
 .promise-avatar-frame svg {
     margin: 0 auto;
     width: 128px;
     /* height: 140px; */
 }
 
 .mock-avatar-doc {
     width: 100%;
     position: absolute;
     top: 5%;
     width: 80%;
     left: 50%;
     transform: translate(-50%, 0%);
 }
 
 .mock-avatar-doc svg {
     width: 100%;
 }
 
 .promise-card-title {
     font-family: "Playfair Display", serif;
     font-size: 1.25rem;
     font-weight: 500;
     color: var(--brand-dark-green);
     margin-bottom: 12px;
 }
 
 .promise-card-text {
     font-size: 13px;
     line-height: 1.6;
     color: var(--text-muted-gray);
     margin-bottom: 0;
 }
 
 .calculator-section {
     background: linear-gradient(180deg, #e7eaf0 0%, #f3f4ef 100%);
 }
 /* Core Styling Variables System */
 
 :root {
     --primary-green: #113425;
     --text-charcoal: #2a332e;
     --text-muted-green: #56645e;
     --accent-gold-tan: #c38b67;
     --card-bg-light: #f4f6f4;
     --bubble-green-bg: #e3ebe7;
     --bubble-green-txt: #2b5743;
     --border-light: #e4e8e5;
     --section-gradient-bg: #eff2f0;
 }
 
 body {
     color: var(--text-charcoal);
     background-color: #ffffff;
     -webkit-font-smoothing: antialiased;
 }
 
 .header-max-width {
     max-width: 720px;
 }
 /* Typography Overrides */
 
 .serif-heading {
     font-family: "Playfair Display", serif;
     font-size: 2.8rem;
     font-weight: 400;
     line-height: 1.15;
     color: var(--primary-green);
 }
 
 .serif-heading .italic-gold {
     font-style: italic;
     color: var(--accent-gold-tan);
 }
 
 .section-intro {
     font-size: 15px;
     line-height: 1.6;
     color: var(--text-muted-green);
 }
 /* SECTION 1: LEADERSHIP CARD LAYOUT STYLE */
 
 .profile-card {
     background: linear-gradient(180deg, #e7eaf0 0%, #f3f4ef 100%);
     overflow: hidden;
     padding-right: 40px !important;
     padding-top: 40px !important;
     padding-left: 40px !important;
 }
 
 .doctor-name {
     font-family: "Playfair Display", serif;
     font-size: 2.2rem;
     font-weight: 400;
     color: #17222a;
     text-align: left;
     font-family: Playfair Display;
     font-weight: 400;
     font-style: Italic;
     font-size: 30px;
     leading-trim: NONE;
     line-height: 130%;
     letter-spacing: -1px;
     vertical-align: middle;
 }
 
 .doctor-title {
     font-family: Inter;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: NONE;
     line-height: 140%;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #008262;
 }
 
 .doctor-bio {
     font-size: 14px;
     line-height: 1.65;
     color: var(--text-muted-green);
     margin-bottom: 20px;
 }
 
 .doctor-visual-frame {
     /*    max-width: 440px;
    margin: 0 auto;
        opacity: 1;
    top: 35px;
    left: 604px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-width: 1px;
    background: radial-gradient(111.37% 111.38% at 52.28% 71.14%, rgba(255, 255, 255, 0) 50%, #FFFFFF 100%);
    border: 1px solid #FFFFFF;
    background: linear-gradient(180deg, #E7EAF0 0%, #F3F4EF 100%);

            flex: 0.8;
            background: linear-gradient(180deg, #D9D9D9 26.46%, rgba(115, 115, 115, 0) 84.64%);
            position: relative;
            min-height: 100%;
            border-radius: 0;*/
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     justify-content: center;
     border-top-left-radius: 40px;
     border-top-right-radius: 40px;
     min-height: 454px;
     background: linear-gradient( 180deg, #d9d9d9 26.46%, rgba(115, 115, 115, 0) 84.64%);
     border: 1px solid #fff;
     background-color: #fff;
 }
 
 .profile-img-wrap {
     /*    height: 290px;
    position: relative;*/
     margin-top: -60px;
     /* background-color: #F8FAF9; */
 }
 
 .profile-img-wrap svg {
     position: absolute;
     top: -25%;
     left: 0;
 }
 
 .profile-photo {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .certifications-list {
     border-top: 1px solid var(--border-light);
     padding-top: 16px;
 }
 
 .cert-text {
     color: #17222a;
 }
 
 .custom-checkmark {
     color: #198754;
     background-color: #e8f5e9;
     border-radius: 50%;
     width: 16px;
     height: 16px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-size: 9px;
     flex-shrink: 0;
     font-weight: bold;
 }
 /* SECTION 2: WORKFLOW & DECORATIVE BLUEPRINT GRID */
 
 .prescription-workflow-section {
     background: linear-gradient(180deg, #e7eaf0 0%, #f3f4ef 100%);
     overflow: hidden;
 }
 /* Recreates the light grid blueprint lines present on the right of section 2 in image_93523b.png */
 
 .blueprint-grid-overlay {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 40%;
     height: 80%;
     opacity: 0.4;
     pointer-events: none;
     background-size: 30px 30px;
     /* background-image: 
        linear-gradient(to right, rgba(169, 184, 176, 0.3) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(169, 184, 176, 0.3) 1px, transparent 1px); */
     z-index: 0;
 }
 
 .workflow-step-box {
     padding: 18px;
     position: relative;
     transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
     cursor: default;
 }
 
 .workflow-step-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 28px rgba(0, 76, 39, 0.1);
     background: #f4f8f5;
 }
 
 .step-icon-bubble {
     width: 38px;
     height: 38px;
     background-color: var(--bubble-green-bg);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 15px;
     color: var(--bubble-green-txt);
     transition: transform 0.3s ease;
 }
 
 .workflow-step-box:hover .step-icon-bubble {
     transform: scale(1.15);
 }
 
 .step-box-title {
     font-family: "Inter";
     font-size: 14px;
     font-weight: 400;
     color: #1c1c1c;
     margin-bottom: 15px;
 }
 
 .step-box-desc {
     font-size: 13px;
     line-height: 1.6;
     color: var(--text-muted-green);
     margin-bottom: 0;
 }
 /* Color Specifications Palette Variables Matrix */
 
 :root {
     --dark-green-brand: #113425;
     --text-charcoal-main: #2b332e;
     --text-muted-green: #56645e;
     --highlight-tan-gold: #c38b67;
     --section-bg-cream: #f4f6f4;
     --border-soft-gray: #e2ece7;
     --strive-star-color: #e2725b;
     --legitscript-blue: #0e1e38;
 }
 
 body {
     color: var(--text-charcoal-main);
     background-color: #ffffff;
     -webkit-font-smoothing: antialiased;
 }
 /* Typography Components */
 
 .serif-title {
     font-family: "Playfair Display", serif;
     font-size: 2.8rem;
     font-weight: 400;
     line-height: 1.15;
     color: var(--dark-green-brand);
 }
 
 .serif-title .italic-tan {
     font-style: italic;
     color: var(--highlight-tan-gold);
 }
 
 .section-lead {
     font-size: 15px;
     line-height: 1.65;
     color: var(--text-muted-green);
 }
 /* SECTION 1: PHARMACY PARTNER DESIGNS & GRAPHICS */
 
 .pharmacy-partner-section {
     background: linear-gradient(180deg, #e7eaf0 0%, #f3f4ef 100%);
 }
 /* Structural Blueprint background grid pattern match from layout row 1 */
 
 .blueprint-lines-bg {
     position: absolute;
     left: 30%;
     top: 16%;
     width: 260px;
     height: 190px;
     opacity: 0.35;
     pointer-events: none;
     background-size: 20px 20px;
     /* background-image: 
        linear-gradient(to right, #A9B8B0 1px, transparent 1px),
        linear-gradient(to bottom, #A9B8B0 1px, transparent 1px); */
     z-index: 0;
 }
 
 .connection-node-wrapper {
     /* border: 1px solid rgba(0,0,0,0.04); */
     gap: 15px;
 }
 
 .node-circle {
     width: 170px;
     height: 170px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
 }
 
 .dark-green-node {
     background-color: var(--dark-green-brand);
     color: #ffffff;
 }
 
 .white-strive-node {
     background-color: #ffffff;
     border: 1px solid rgba(0, 0, 0, 0.06);
 }
 
 .strive-star-icon {
     color: var(--strive-star-color);
     font-size: 24px;
     line-height: 1;
 }
 
 .connector-dash-line {
     width: 85px;
     height: 1px;
     background-image: linear-gradient( to right, var(--text-muted-green) 50%, transparent 50%);
     border: solid 1px white;
     background-size: 6px 1px;
     position: relative;
 }
 
 .connector-dash-line::after {
     content: "";
     position: absolute;
     width: 25px;
     height: 25px;
     background-color: #ffffff;
     border: 1px solid #ffffff;
     border-radius: 50%;
     top: -12px;
     left: 50%;
     transform: translateX(-50%);
 }
 /* Accreditation Grid Boxes */
 
 .accreditation-item {
     padding: 5px;
 }
 
 .badge-icon-bubble {
     width: 34px;
     height: 34px;
     background-color: #ebf2ee;
     color: var(--dark-green-brand);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
 }
 
 .badge-title {
     font-family: "Inter";
     font-size: 14px;
     font-weight: 400;
     color: #1c1c1c;
     margin-bottom: 15px;
 }
 
 .badge-desc {
     font-size: 13px;
     color: #999999;
     line-height: 1.5;
     margin-bottom: 0;
 }
 /* Meta Data HQ Info Wrapper */
 
 .headquarters-meta-block {
     /* background-color: #F8FAF9; */
     /* border: 1px solid var(--border-soft-gray); */
 }
 
 .headquarters-meta-block a {
     color: #004c27 !important;
 }
 
 .meta-label-title {
     font-family: "Inter";
     font-size: 14px;
     font-weight: 400;
     color: #1c1c1c;
     margin-bottom: 15px;
 }
 
 .meta-address {
     font-size: 13px;
 }
 
 .meta-description {
     font-size: 13.5px;
     line-height: 1.5;
     color: var(--text-charcoal-main);
 }
 
 .view-locations-link {
     color: #1a7343;
 }
 
 .view-locations-link:hover {
     text-decoration: underline !important;
 }
 /* SECTION 2: MARKETING TRANSPARENCY DESIGNS */
 
 .commitment-card-container {
     /* background-color: var(--section-bg-cream); */
 }
 
 .contact-support-text a {
     transition: color 0.2s ease, border-color 0.2s ease;
 }
 
 .contact-support-text a:hover {
     color: var(--highlight-tan-gold) !important;
     border-color: var(--highlight-tan-gold) !important;
 }
 /* Floating Card Container Asset */
 
 .legitscript-display-frame {
     /*max-width: 380px;*/
     min-height: 280px;
     height: 100%;
     border: 1px solid #ffffff;
     background: radial-gradient( 111.37% 111.38% at 52.28% 71.14%, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
     opacity: 1;
     top: 3871px;
     left: 807px;
     border-top-left-radius: 40px;
     border-top-right-radius: 40px;
     border-width: 1px;
 }
 
 .legitscript-badge-shield {
     /* background-color: var(--legitscript-blue); */
     border-radius: 20px;
     width: 100%;
     padding: 24px 16px !important;
     clip-path: polygon( 50% 0%, 100% 12%, 100% 75%, 50% 100%, 0% 75%, 0% 12%);
     /* Generates the perfect security hexagonal shield geometry format */
 }
 
 .legitscript-badge-shield svg {
     margin: 0 auto;
 }
 
 .shield-logo-text {
     font-size: 11px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.08em;
     opacity: 0.8;
 }
 
 .shield-status-text {
     font-size: 20px;
     font-weight: 600;
 }
 
 .shield-check-bubble {
     width: 26px;
     height: 26px;
     font-size: 11px;
     font-weight: bold;
 }
 
 .border-class {
     border-top: 1px solid #ffffff;
 }
 
 .swiper {
     overflow: visible !important;
     width: 100%;
 }
 
 .swiper-wrapper {
     overflow: visible !important;
 }
 
 .swiper-slide {
     width: auto !important;
     max-width: 380px;
     height: auto;
     overflow: visible;
 }
 
 .everything_managed .slider-card {
     width: 370px;
 }
 
 .margin-bottom-custom {
     margin-bottom: 7rem;
 }
 
 .my-border-top {
     border-top: 1px solid #ffffff !important;
 }
 
 .marketing-commitment-section {
     background: linear-gradient(180deg, #e7eaf0 0%, #f3f4ef 100%);
 }
 /* Core Layout Responsive Adjustments */
 
 @media (max-width: 768px) {
     .hero-title {
         font-size: 34px;
     }
     .profile-card {
         padding-right: 15px !important;
         padding-left: 15px !important;
     }
 }
 
 @media (max-width: 991.98px) {
     .serif-title {
         font-size: 2.2rem;
     }
     .legitscript-display-frame {
         min-height: 220px;
     }
     .blueprint-lines-bg {
         display: none;
         /* Safely hides blueprint layout line patterns on mobile viewports */
     }
 }
 /* Responsive Structural Breaks */
 
 @media (max-width: 991.98px) {
     .serif-heading {
         font-size: 2.2rem;
     }
     .doctor-name {
         font-size: 1.8rem;
     }
     .blueprint-grid-overlay {
         width: 100%;
         height: 40%;
     }
 }
 /* Media Queries for Viewport Scaling Adaptations */
 
 @media (max-width: 991.98px) {
     .section-title {
         font-size: 2.2rem;
     }
     .display-savings-amount {
         font-size: 2.8rem;
     }
 }
 /* ====== Hover Effects Extra ====== */
 
 .slider-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .profile-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .profile-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 12px 32px rgba(0, 76, 39, 0.13);
 }
 
 .legitscript-display-frame {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .legitscript-display-frame:hover {
     transform: scale(1.04);
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.13);
 }
 
 .btn-dark-green,
 .global--qua--button {
     transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
 }
 
 .btn-dark-green:hover,
 .global--qua--button:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 18px rgba(0, 76, 39, 0.18);
 }
 
 .calc-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .calc-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 /* ====== Hover Effects ====== */
 
 .slider-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .profile-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .profile-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 12px 32px rgba(0, 76, 39, 0.13);
 }
 
 .legitscript-display-frame {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .legitscript-display-frame:hover {
     transform: scale(1.04);
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.13);
 }
 
 .btn-dark-green,
 .global--qua--button {
     transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
 }
 
 .btn-dark-green:hover,
 .global--qua--button:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 18px rgba(0, 76, 39, 0.18);
 }
 
 .calc-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .calc-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }