.elementor-33 .elementor-element.elementor-element-dd8668e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-dd8668e:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-dd8668e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ba96751 );}.elementor-33 .elementor-element.elementor-element-a2ad600{padding:0px 0px 0px 25px;}.elementor-33 .elementor-element.elementor-element-986c190{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-3a777f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-ebeefe2 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:18px;font-weight:700;letter-spacing:1.5px;color:var( --e-global-color-6f91313 );}.elementor-33 .elementor-element.elementor-element-550109f{padding:0px 0px 25px 0px;}.elementor-33 .elementor-element.elementor-element-550109f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:800;letter-spacing:1px;color:#0B4547;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-a0598a5{text-align:justify;}.elementor-33 .elementor-element.elementor-element-95f44c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33 .elementor-element.elementor-element-70c487b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-5150afd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:25px;--margin-bottom:25px;--margin-left:25px;--margin-right:25px;}.elementor-33 .elementor-element.elementor-element-b048b2e{width:var( --container-widget-width, 46.589% );max-width:46.589%;margin:0px 25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:46.589%;--container-widget-flex-grow:0;text-align:start;}.elementor-33 .elementor-element.elementor-element-b048b2e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33 .elementor-element.elementor-element-b048b2e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:700;color:var( --e-global-color-6f91313 );}.elementor-33 .elementor-element.elementor-element-416123e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-fdf0e60{border-style:none;}.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-stacked .elementor-icon{background-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-default .elementor-icon{fill:#B85C37;color:#B85C37;border-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-fdf0e60.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-eacedd7{border-style:none;}.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-stacked .elementor-icon{background-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-default .elementor-icon{fill:#B85C37;color:#B85C37;border-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-eacedd7.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-252030a{border-style:none;}.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-252030a.elementor-view-stacked .elementor-icon{background-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-252030a.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-252030a.elementor-view-default .elementor-icon{fill:#B85C37;color:#B85C37;border-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-252030a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-252030a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-252030a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-252030a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-252030a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-252030a.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-0950da9{border-style:none;}.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-stacked .elementor-icon{background-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-default .elementor-icon{fill:#B85C37;color:#B85C37;border-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-0950da9.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-c627d3a{border-style:none;}.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-stacked .elementor-icon{background-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-default .elementor-icon{fill:#B85C37;color:#B85C37;border-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-c627d3a.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-97ba848{border-style:none;}.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-stacked .elementor-icon{background-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-default .elementor-icon{fill:#B85C37;color:#B85C37;border-color:#B85C37;}.elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-33 .elementor-element.elementor-element-97ba848.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-de6546b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-0aeeeec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:25px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-0aeeeec:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-0aeeeec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06373A;}.elementor-33 .elementor-element.elementor-element-56ff660{padding:50px 150px 50px 150px;}.elementor-33 .elementor-element.elementor-element-47f6180{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33 .elementor-element.elementor-element-bd9204f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-bb847a7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-416123e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-3a777f8{--width:50%;}.elementor-33 .elementor-element.elementor-element-95f44c1{--width:50%;}.elementor-33 .elementor-element.elementor-element-70c487b{--content-width:1280px;}.elementor-33 .elementor-element.elementor-element-bd9204f{--width:65%;}.elementor-33 .elementor-element.elementor-element-bb847a7{--width:35%;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-550109f .elementor-heading-title{font-size:24px;}.elementor-33 .elementor-element.elementor-element-5150afd{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-b048b2e{width:var( --container-widget-width, 297.812px );max-width:297.812px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:297.812px;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-b048b2e .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-33 .elementor-element.elementor-element-3e63250{text-align:justify;}.elementor-33 .elementor-element.elementor-element-416123e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-33 .elementor-element.elementor-element-56ff660{padding:10px 0px 10px 0px;}}/* Start custom CSS for html, class: .elementor-element-a2ad600 *//* Container with a light teal radial gradient */
  .hep-hero-container.light-teal {
    width: 100%;
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 35px 8%;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    
    /* Luminous light teal gradient: bright in the center/top-left, soft teal-grey on the edges */
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
  }

  /* Reset box sizing */
  .hep-hero-container * {
    box-sizing: border-box;
  }

  /* Restricting content to exactly 50% width on large screens */
  .hep-hero-content {
    max-width: 50%; 
    width: 100%;
    z-index: 2;
    padding-right: 40px; /* Provides breathing room before the blank space */
    animation: fadeInHero 0.8s ease-out forwards;
  }

  /* Darkened typography to contrast perfectly with the light background */
  .hep-hero-title {
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff; /* Dark theme teal/charcoal */
    margin: 0 0 24px 0;
    letter-spacing: -0.5px;
  }

  /* Soft, dark teal-grey for readability */
  .hep-hero-subtitle {
    font-size: 17px;
    line-height: 1.6;
    color: #fff; 
    margin: 0;
    font-weight: 400;
  }

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

  /* Responsive Adjustments for Tablets */
  @media (max-width: 1024px) {
    .hep-hero-container.light-teal {
      padding: 60px 6%;
      min-height: 420px;
    }
    /* Open up the space slightly on smaller landscape views */
    .hep-hero-content {
      max-width: 65%;
      padding-right: 20px;
    }
    .hep-hero-title {
      font-size: 42px;
    }
  }

  /* Responsive Adjustments for Mobile Devices */
  @media (max-width: 767px) {
    .hep-hero-container.light-teal {
      padding: 50px 24px;
      min-height: auto;
    }
    /* Let text take full width on mobile so it doesn't get squished */
    .hep-hero-content {
      max-width: 100%;
      padding-right: 0;
    }
    .hep-hero-title {
      font-size: 26px;
      margin-bottom: 16px;
    }
    .hep-hero-title br {
      display: none;
    }
    .hep-hero-subtitle {
      font-size: 15px;
      line-height: 1.5;
    }
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3b92d98 *//* ==========================================================================
   THEMED CLINICAL IMAGE CARD WRAPPER
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-3b92d98 {
    width: 100% !important;
    display: block !important;
}

.elementor-33 .elementor-element.elementor-element-3b92d98 img {
    width: 100% !important;
    height: 480px !important; /* Fixed matching layout aspect ratio */
    object-fit: cover !important;
    border-radius: 24px !important; /* Smooth curvature outline match */
    
    /* Elegant soft slate clinical gradient treatment background */
    background: linear-gradient(135deg, #7da5a6 0%, #b2cbcd 100%) !important;
    
    /* Clean modern layout drop shadow depth */
    box-shadow: 0 20px 50px rgba(11, 70, 71, 0.08) !important;
    
    transition: all 0.4s ease-in-out !important;
}

/* Micro-interaction layout shift upon pointer card entry */
.elementor-33 .elementor-element.elementor-element-3b92d98:hover img {
    transform: translateY(-4px) scale(1.01) !important;
    box-shadow: 0 30px 65px rgba(11, 70, 71, 0.12) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a06f30a *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-a06f30a {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-a06f30a:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-a06f30a::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-a06f30a::after {
    content: "01 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-description::after {
    content: "— Foundational practice" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-a06f30a {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-a06f30a .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-fdf0e60 *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-fdf0e60 {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-fdf0e60:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-fdf0e60::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-fdf0e60::after {
    content: "02 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-description::after {
    content: "— Technically demanding" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-fdf0e60 {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-fdf0e60 .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-eacedd7 *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-eacedd7 {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-eacedd7:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-eacedd7::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-eacedd7::after {
    content: "03 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-description::after {
    content: "— Children & adolescents" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-eacedd7 {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-eacedd7 .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-252030a *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-252030a {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-252030a:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-252030a::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-252030a::after {
    content: "04 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-description::after {
    content: "— Liver oncology" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-252030a {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-252030a .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0950da9 *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-0950da9 {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-0950da9:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-0950da9::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-0950da9::after {
    content: "05 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-description::after {
    content: "— Hepatic vasculature" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-0950da9 {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-0950da9 .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c627d3a *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-c627d3a {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-c627d3a:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-c627d3a::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-c627d3a::after {
    content: "06 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-description::after {
    content: "— Tissue-level diagnosis" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-c627d3a {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-c627d3a .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-97ba848 *//* ==========================================================================
   1. CORE CARD CONTAINMENT & TOP-RIGHT GLOW ACCENT
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-97ba848 {
    background: #ffffff !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 24px !important; /* Smooth edge curvature */
    padding: 35px !important;
    box-shadow: 0 10px 35px rgba(11, 69, 71, 0.03) !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the background radial blur layer */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Smooth Elevation Hover Lift */
.elementor-33 .elementor-element.elementor-element-97ba848:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 50px rgba(11, 69, 71, 0.07) !important;
    border-color: rgba(11, 69, 71, 0.1) !important;
}

/* Elegant Radial Blur Glow in Top Right Corner */
.elementor-33 .elementor-element.elementor-element-97ba848::before {
    content: "" !important;
    position: absolute !important;
    top: -40px !important;
    right: -40px !important;
    width: 140px !important;
    height: 140px !important;
    background: radial-gradient(circle, rgba(178, 203, 205, 0.35) 0%, rgba(255, 255, 255, 0) 70%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   2. DYNAMIC KICKER ANCHOR (02 / BRANCH) VIA PSEUDO ELEMENT
   ========================================================================== */
/* Generates the "02 / BRANCH" text cleanly above the icon box architecture */
.elementor-33 .elementor-element.elementor-element-97ba848::after {
    content: "07 / BRANCH" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #0b4547 !important; /* Deep Clinical Teal */
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1 !important;
}

/* Adjust wrapper to allow kicker to stay on top */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    z-index: 2 !important; /* Sits above the background glow */
}

/* ==========================================================================
   3. ICON FRAMING (SOFT TINTED COMPACT PILL)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-icon {
    width: 56px !important;
    height: 56px !important;
    background-color: #fbeee9 !important; /* Soft flesh/coral background tint */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-icon i,
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-icon svg {
    font-size: 22px !important;
    color: #b85c37 !important; /* Terracotta/burnt orange icon color */
    line-height: 1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   4. CONTENT BLOCK TYPOGRAPHY MATRIX
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* ─── SPECIALIZATION TITLE ─── */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-title,
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0b4547 !important; /* Deep Teal */
    margin: 0 0 14px 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* ─── DESCRIPTIVE COPY ─── */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-description {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4a5568 !important; /* Charcoal Gray */
    line-height: 1.6 !important;
    margin: 0 !important;
    padding-bottom: 45px !important; /* Leaves precise breathing space for footer tag */
    position: relative !important;
    width: 100% !important;
}

/* ─── CLINICAL MEDICAL CITATIONS ─── */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-description sup {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #007aff !important; /* Vibrant interactive digital blue */
    letter-spacing: 0.5px !important;
    margin-left: 2px !important;
}

/* ==========================================================================
   5. BASE TAG FOOTER ROW (DYNAMIC INJECTION)
   ========================================================================== */
/* Generates the "— Technically demanding" row dynamically at the bottom edge */
.elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-description::after {
    content: "— Therapeutic endoscopy" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0b6b58 !important; /* Clinical Emerald Green */
    line-height: 1 !important;
    text-transform: none !important;
}

/* ==========================================================================
   6. SMART RESPONSIVE SCALING (MOBILE ADAPTATION)
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-33 .elementor-element.elementor-element-97ba848 {
        padding: 28px !important;
    }
    .elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-title {
        font-size: 22px !important;
    }
    .elementor-33 .elementor-element.elementor-element-97ba848 .elementor-icon-box-description {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92779f0 *//* ==========================================================================
   1. CORE CONTAINER LAYOUT ENGINE
   ========================================================================== */
.nct-section-wrap {
    --nct-navy-deep: #0b4547;   /* Dominant Clinical Teal-Navy */
    --nct-blue-accent: #007aff;  /* Interactive Token Blue */
    --nct-text-dark: #1a1a1a;
    --nct-text-muted: #5e6e7a;
    --nct-border: #f0f3f6;
    --nct-bg-light: rgba(0, 122, 255, 0.03);
    
    width: 100%;
    background-color: #ffffff;
    font-family: inherit;
}

.nct-main-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 20px;
    display: grid;
    /* 43% Left content, 57% Right cards list layout matching visual weight */
    grid-template-columns: 43fr 57fr;
    gap: 60px;
    align-items: start;
}

/* ==========================================================================
   2. LEFT COLUMN TYPOGRAPHY & CALLOUT DESIGN
   ========================================================================== */
.nct-text-column {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 40px; /* Locks text column during scrolling on long viewports */
}

.nct-kicker {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--nct-blue-accent);
    margin-bottom: 20px;
}

.nct-main-heading {
    font-size: 40px;
    font-weight: 800;
    color: var(--nct-navy-deep);
    line-height: 1.2;
    margin: 0 0 25px 0;
}

.nct-body-desc {
    font-size: 16px;
    line-height: 1.6;
    color: var(--nct-text-muted);
    margin: 0 0 35px 0;
}

/* Citation superscript adjustments */
.nct-section-wrap sup {
    font-size: 11px;
    font-weight: 700;
    color: var(--nct-blue-accent);
    margin-left: 2px;
}

/* Elegant Left-Border Quote Box */
.nct-quote-box {
    background-color: var(--nct-bg-light);
    border-left: 4px solid #b85c37; /* Terracotta/Burnt Maroon Accent Stripe */
    border-radius: 0 12px 12px 0;
    padding: 24px 30px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.6;
    color: var(--nct-navy-deep);
}

/* ==========================================================================
   3. RIGHT COLUMN LIST ARCHITECTURE
   ========================================================================== */
.nct-list-column {
    display: flex;
    flex-direction: column;
    gap: 16px; /* Smooth spacing between adjacent discipline cards */
}

/* The Unified Row Card */
.nct-team-card {
    background: #ffffff;
    border: 1px solid var(--nct-border);
    border-radius: 14px;
    padding: 20px 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    box-shadow: 0 4px 20px rgba(11, 69, 71, 0.02);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Micro-Interaction Card Hover Setup */
.nct-team-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(11, 69, 71, 0.06);
    border-color: rgba(0, 122, 255, 0.12);
}

/* ==========================================================================
   4. INTERNAL CARD ELEMENTS (ICON, BODY, BADGES)
   ========================================================================== */
/* Left Side Light-Tinted Icon Box */
.nct-icon-frame {
    width: 48px;
    height: 48px;
    background-color: var(--nct-bg-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px;
}

.nct-icon-frame i,
.nct-icon-frame svg {
    font-size: 18px;
    color: #4f8cb8; /* Soft clinical slate blue vector accent */
}

/* Text Content Container */
.nct-card-body {
    flex: 1;
    padding-right: 25px; /* Keeps copy from slamming into the right badges */
    text-align: left;
}

.nct-card-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--nct-navy-deep);
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.nct-card-desc {
    font-size: 14px;
    line-height: 1.4;
    color: var(--nct-text-muted);
    margin: 0;
}

/* Right-Aligned Soft Status Pill Badges */
.nct-pill-badge {
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 50px;
    white-space: nowrap;
    text-transform: capitalize;
    flex-shrink: 0;
    margin-left: auto; /* Forces right boundary alignment snap */
}

/* Contextual Variant Color Mapping to Match Your Platform Aesthetics */
.nct-badge-lead     { background-color: rgba(0, 122, 255, 0.06); color: #007aff; }
.nct-badge-surgical { background-color: rgba(11, 107, 88, 0.06);  color: #0b6b58; }
.nct-badge-oncology { background-color: rgba(142, 142, 147, 0.08); color: #636366; }
.nct-badge-imaging  { background-color: rgba(8AC, 150, 243, 0.06); color: #2196f3; }
.nct-badge-systemic { background-color: rgba(197, 160, 43, 0.06);  color: #a1821b; }
.nct-badge-support  { background-color: rgba(106, 38, 205, 0.06);  color: #6a26cd; }

/* ==========================================================================
   5. RESPONSIVE COMPACT MEDIA QUERIES (MOBILE OPTIMIZATION)
   ========================================================================== */
@media (max-width: 991px) {
    .nct-main-container {
        grid-template-columns: 1fr; /* Collapses dual column grid into a vertical stack */
        gap: 40px;
        padding: 40px 20px;
    }
    .nct-text-column {
        position: static; /* Unlocks stickiness parameters on mid-range screens */
    }
    .nct-main-heading {
        font-size: 32px;
    }
}

@media (max-width: 600px) {
    .nct-team-card {
        flex-direction: column; /* Reformats layout rows into deep vertical card shapes on phones */
        align-items: flex-start;
        padding: 24px;
        gap: 16px;
    }
    .nct-icon-frame {
        margin-right: 0;
    }
    .nct-card-body {
        padding-right: 0;
    }
    .nct-pill-badge {
        margin-left: 0; /* Aligns badging properties left with typography rows */
        padding: 4px 12px;
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56ff660 *//* Container Setup */
  .hep-section-container {
    background-color: #06373a; /* Deep Teal background */
    color: #ffffff;
    padding: 80px 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
  }
  
  .hep-section-container *, .hep-section-container *::before, .hep-section-container *::after {
    box-sizing: border-box;
  }

  /* Header Row Layout */
  .hep-header-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    gap: 40px;
  }

  .hep-title-col {
    flex: 1 1 500px;
  }

  .hep-desc-col {
    flex: 1 1 400px;
    max-width: 500px;
  }

  /* Typography */
  .hep-section-tagline {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #3bc4ca;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
  }
  
  /* The small line next to the top tagline */
  .hep-section-tagline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 1px;
    background-color: #3bc4ca;
  }

  .hep-main-title {
    font-size: 38px;
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
    color: #ffffff;
    max-width: 550px;
  }

  .hep-main-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #a4cbcd;
    margin: 0;
    padding-top: 25px; /* Aligns slightly lower like the reference */
  }

  /* Grid Layout for Cards */
  .hep-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }

  /* Card Styling */
  .hep-card {
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .hep-card:hover {
    border-color: rgba(59, 196, 202, 0.3);
    background-color: rgba(255, 255, 255, 0.04);
  }

  /* Card Icons */
  .hep-card-icon {
    width: 44px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3bc4ca;
    margin-bottom: 30px;
  }

  .hep-card-tagline {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #3bc4ca;
    margin-bottom: 12px;
  }

  .hep-card-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px 0;
    color: #ffffff;
  }

  .hep-card-text {
    font-size: 13.5px;
    line-height: 1.6;
    color: #a4cbcd;
    margin: 0 0 25px 0;
    flex-grow: 1; /* Ensures lists line up even if text lengths differ */
  }

  .hep-card-text sup {
    font-size: 9px;
    color: #3bc4ca;
    margin-left: 2px;
  }

  /* Card Bullet Lists */
  .hep-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 20px;
  }

  .hep-card-list li {
    font-size: 13.5px;
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
  }

  .hep-card-list li:last-child {
    margin-bottom: 0;
  }

  /* Bullet points match the teal theme */
  .hep-card-list li::before {
    content: "•";
    color: #3bc4ca;
    position: absolute;
    left: 0;
    font-weight: bold;
  }

  /* Responsive Adjustments */
  @media (max-width: 1024px) {
    .hep-cards-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 767px) {
    .hep-section-container {
      padding: 50px 20px;
    }
    .hep-main-title {
      font-size: 28px;
    }
    .hep-desc-col {
      padding-top: 0;
    }
    .hep-cards-grid {
      grid-template-columns: 1fr;
    }
    .hep-header-row {
      margin-bottom: 40px;
    }
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb847a7 *//* ==========================================================================
   1. BUTTONS GRID MATRIX CONTAINER
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-cta-grid-container,
.nx-cta-grid-container {
    display: grid !important;
    /* Creates two adaptive columns scaled to the length of button texts */
    grid-template-columns: max-content max-content !important; 
    gap: 16px !important; /* Continuous pixel gap between twin pills */
    justify-content: end !important; /* Pushes the button array inline to the far right */
    align-items: center !important;
    width: 100% !important;
}

/* ==========================================================================
   2. REFINED BASE PILL BUTTON SPECIFICATION
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-pill,
.nx-btn-pill {
    /* Resets native browser button outlines */
    font-family: inherit !important;
    border: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    outline: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Premium button padding values */
    padding: 14px 28px !important;
    border-radius: 50px !important; /* Pure circle edge pill geometry */
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important; /* Prevents text from breaking into two lines */
    
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* ==========================================================================
   3. BUTTON TYPE SEPARATORS
   ========================================================================== */
/* ─── BUTTON 1: OPAQUE SOLID WHITE PILL ─── */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-primary,
.nx-btn-primary {
    background-color: #ffffff !important;
    color: #0b4547 !important; /* Deep brand teal typography */
    border: 2px solid #ffffff !important; /* Keeps spacing consistent during hover transitions */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

/* Primary Button Inversion Hover Style Shift */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-primary:hover,
.nx-btn-primary:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(255, 255, 255, 0.15) !important;
}

/* ─── BUTTON 2: TRANSLUCENT LINED PILL ─── */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-secondary,
.nx-btn-secondary {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important; /* Muted transparent white outline */
}

/* Secondary Hover Accent Fill */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-secondary:hover,
.nx-btn-secondary:hover {
    border-color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    transform: translateY(-2px);
}

/* Active Pressed Compression Feedback */
.elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-pill:active,
.nx-btn-pill:active {
    transform: translateY(0px) scale(0.98) !important;
}

/* ==========================================================================
   4. RESPONSIBILITY BREAKPOINT ADAPTATIONS (MOBILE ENGINE)
   ========================================================================== */
@media (max-width: 900px) {
    .elementor-33 .elementor-element.elementor-element-bb847a7 .nx-cta-grid-container,
    .nx-cta-grid-container {
        /* Centers the button layout group on tablet viewports */
        justify-content: center !important; 
    }
}

@media (max-width: 480px) {
    .elementor-33 .elementor-element.elementor-element-bb847a7 .nx-cta-grid-container,
    .nx-cta-grid-container {
        /* Collapses grid column layout down into a 1-column block on phones */
        grid-template-columns: 1fr !important; 
        width: 100% !important;
        align-items: stretch !important; /* Stretches buttons to matching full-width layout */
        gap: 12px !important;
    }
    
    .elementor-33 .elementor-element.elementor-element-bb847a7 .nx-btn-pill,
    .nx-btn-pill {
        width: 100% !important;
        text-align: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47f6180 *//* ==========================================================================
   1. CORE CTA CONTAINER (TEAL GRADIENT SURFACE)
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-47f6180 {
    --cta-teal-dark: #0b4547;   /* Dominant brand deep teal */
    --cta-teal-light: #125e60;  /* Subtle linear gradient shifting light */
    --cta-accent: #007aff;      /* Digital Blue accent hover line */
    --border-glow: rgba(255, 255, 255, 0.08);
    
    background: linear-gradient(135deg, var(--cta-teal-dark) 0%, var(--cta-teal-light) 100%) !important;
    border: 1px solid var(--border-glow) !important;
    border-radius: 24px !important; /* Premium smooth card outline rounding */
    padding: 50px 60px !important;   /* Spacious internal padding metrics */
    box-shadow: 0 15px 45px rgba(11, 69, 71, 0.12) !important;
    
    max-width: 1200px;
    margin: 40px auto !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Base structural layout engine forcing side-by-side balance */
.elementor-33 .elementor-element.elementor-element-47f6180 > .elementor-container,
.elementor-33 .elementor-element.elementor-element-47f6180 > .elementor-widget-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    width: 100% !important;
}

/* ==========================================================================
   2. LEFT CONTENT WRAPPER
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-column:first-child,
.elementor-33 .elementor-element.elementor-element-47f6180 [class*="left-content"] {
    flex: 0 0 65% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* ─── TITLE STYLING ─── */
.elementor-33 .elementor-element.elementor-element-47f6180 h2, 
.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-heading-title {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important; /* Premium tight tracking look */
    margin: 0 !important;
}

/* ─── DESCRIPTION COPY ─── */
.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-text-editor,
.elementor-33 .elementor-element.elementor-element-47f6180 p {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.82) !important; /* Soft, highly legible white text opacity */
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 680px !important;
}

/* ==========================================================================
   3. RIGHT TWIN BUTTON ACTION GROUP
   ========================================================================== */
.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-column:last-child,
.elementor-33 .elementor-element.elementor-element-47f6180 [class*="right-actions"] {
    flex: 0 0 35% !important;
    display: flex !important;
    flex-direction: row !important; /* Locks buttons side-by-side horizontally */
    justify-content: flex-end !important; /* Aligns them right under desktop configurations */
    align-items: center !important;
    gap: 16px !important; /* Space between buttons */
}

/* ─── BUTTON 1: PRIMARY WHITE PILL (FIND A HEPATOLOGIST) ─── */
.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-button-wrapper:first-child .elementor-button,
.elementor-33 .elementor-element.elementor-element-47f6180 a.cta-btn-primary {
    background-color: #ffffff !important;
    color: var(--cta-teal-dark) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    border-radius: 50px !important; /* Pure round pill design matching image */
    border: 2px solid #ffffff !important;
    white-space: nowrap !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-button-wrapper:first-child .elementor-button:hover,
.elementor-33 .elementor-element.elementor-element-47f6180 a.cta-btn-primary:hover {
    background-color: transparent !important;
    color: #ffffff !important; /* Fluid outline inversion style shift */
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(255, 255, 255, 0.15) !important;
}

/* ─── BUTTON 2: SECONDARY TRANSLUCENT LINED PILL (GET MEMBERSHIP) ─── */
.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-button-wrapper:last-child .elementor-button,
.elementor-33 .elementor-element.elementor-element-47f6180 a.cta-btn-secondary {
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important; /* Muted transparent white edge line */
    white-space: nowrap !important;
    transition: all 0.25s ease !important;
}

.elementor-33 .elementor-element.elementor-element-47f6180 .elementor-button-wrapper:last-child .elementor-button:hover,
.elementor-33 .elementor-element.elementor-element-47f6180 a.cta-btn-secondary:hover {
    border-color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   4. SMART PORTRAIT RESPONSIVE CONVERSION (BREAKPOINTS)
   ========================================================================== */
@media (max-width: 900px) {
    .elementor-33 .elementor-element.elementor-element-47f6180 {
        padding: 40px !important;
        margin: 20px 15px !important;
    }
    
    /* Collapses the side-by-side row split into a perfectly centered vertical layout column stack */
    .elementor-33 .elementor-element.elementor-element-47f6180 > .elementor-container,
    .elementor-33 .elementor-element.elementor-element-47f6180 > .elementor-widget-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 30px !important;
    }
    
    .elementor-33 .elementor-element.elementor-element-47f6180 .elementor-column:first-child,
    .elementor-33 .elementor-element.elementor-element-47f6180 [class*="left-content"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        align-items: center !important;
    }
    
    .elementor-33 .elementor-element.elementor-element-47f6180 .elementor-column:last-child,
    .elementor-33 .elementor-element.elementor-element-47f6180 [class*="right-actions"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        justify-content: center !important; /* Centered buttons on tablet/mobile screens */
    }
}

@media (max-width: 480px) {
    /* Stacks buttons vertically exclusively on small phone dimensions */
    .elementor-33 .elementor-element.elementor-element-47f6180 .elementor-column:last-child,
    .elementor-33 .elementor-element.elementor-element-47f6180 [class*="right-actions"] {
        flex-direction: column !important;
        width: 100% !important;
        align-items: stretch !important; /* Forces buttons to expand to equal width shapes */
        gap: 12px !important;
    }
    
    .elementor-33 .elementor-element.elementor-element-47f6180 h2, 
    .elementor-33 .elementor-element.elementor-element-47f6180 .elementor-heading-title {
        font-size: 26px !important;
    }
    
    .elementor-33 .elementor-element.elementor-element-47f6180 .elementor-button-wrapper:first-child .elementor-button,
    .elementor-33 .elementor-element.elementor-element-47f6180 .elementor-button-wrapper:last-child .elementor-button {
        text-align: center !important;
        width: 100% !important;
    }
}/* End custom CSS */