.elementor-213 .elementor-element.elementor-element-317bad7{--display:flex;--min-height:80vh;--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-213 .elementor-element.elementor-element-7095e30{--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;--align-items:center;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-213 .elementor-element.elementor-element-02ee906{--display:flex;--justify-content:flex-start;}.elementor-213 .elementor-element.elementor-element-380957f{text-align:center;}.elementor-213 .elementor-element.elementor-element-bed353e{--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-213 .elementor-element.elementor-element-cd89ade{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-213 .elementor-element.elementor-element-3c12f87{--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-213 .elementor-element.elementor-element-c73319e img{width:100%;}.elementor-213 .elementor-element.elementor-element-7eb273e{--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-213 .elementor-element.elementor-element-597e623 .elementor-heading-title{font-family:var( --e-global-typography-00f81a3-font-family ), Sans-serif;font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-b2fc117 img{width:100%;}.elementor-213 .elementor-element.elementor-element-56b47ed{--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-213 .elementor-element.elementor-element-64bdf51{--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-213 .elementor-element.elementor-element-37fa999 img{width:100%;}.elementor-213 .elementor-element.elementor-element-6fe0bbe{--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-213 .elementor-element.elementor-element-5c62c7b .elementor-heading-title{font-family:var( --e-global-typography-00f81a3-font-family ), Sans-serif;font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-a425da2{--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-213 .elementor-element.elementor-element-4d2da2c{--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-213 .elementor-element.elementor-element-ae8da3f img{width:100%;}.elementor-213 .elementor-element.elementor-element-45489e3{--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-213 .elementor-element.elementor-element-c011a29 .elementor-heading-title{font-family:var( --e-global-typography-00f81a3-font-family ), Sans-serif;font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-b70c1e1{--display:flex;--min-height:80vh;--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-213 .elementor-element.elementor-element-601320e{--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;}body.elementor-page-213:not(.elementor-motion-effects-element-type-background), body.elementor-page-213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-38de3bc );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-213 .elementor-element.elementor-element-597e623 .elementor-heading-title{font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-5c62c7b .elementor-heading-title{font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-c011a29 .elementor-heading-title{font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}}@media(max-width:767px){.elementor-213 .elementor-element.elementor-element-597e623 .elementor-heading-title{font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-5c62c7b .elementor-heading-title{font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}.elementor-213 .elementor-element.elementor-element-c011a29 .elementor-heading-title{font-size:var( --e-global-typography-00f81a3-font-size );line-height:var( --e-global-typography-00f81a3-line-height );letter-spacing:var( --e-global-typography-00f81a3-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-bed353e */img { /* Targets all <img> elements */
  width: 100%; /* Make the image fill the width of its container */
  height: 100%; /* Make the image fill the height of its container */
  object-fit: cover; /* Crop the image to fill the container without distortion */
}

section { /* Targets all <section> elements */
  position: relative; /* Makes absolute-positioned children position relative to this section */
  width: 100%; /* Full width section */
  box-sizing: border-box; /* Include padding/border inside the element’s width/height */
}

.sticky { /* The pinned/sticky area that ScrollTrigger pins */
  position: relative; /* Establish positioning context for absolutely-positioned children */
  display: flex; /* Use flex layout for centering content */
  justify-content: center; /* Horizontally center flex children */
  align-items: center; /* Vertically center flex children */
  height: 100vh; /* Full viewport height (so pinning feels like a full-screen panel) */
  box-sizing: border-box; /* Padding counts inside the height/width */
  padding: 2rem; /* Inner spacing so content isn’t flush to edges */
  overflow: hidden; /* Hide overflow so flipped/tilted elements don’t spill outside */
  transform: none; /* Explicitly remove transforms (transformed ancestors can break pin/fixed) */
  will-change: auto; /* Don’t force will-change here (prevents unnecessary layer creation) */
transition: none; /* will stop the section from jumping on scroll end
}

.sticky-header { /* Wrapper for the title over the cards */
  position: absolute; /* Take it out of the normal flow and overlay it */
  top: 20%; /* Place it down from the top of the sticky section */
  left: 50%; /* Move anchor point to the horizontal center */
  transform: translate(-50%, -50%); /* Center the header precisely around its own midpoint */
}

.sticky-header h1 { /* The actual header text element */
  position: relative; /* Allows future positioning tweaks if needed */
  text-align: center; /* Center-align the header text */
  will-change: transform, opacity; /* Hint that transform/opacity will animate (helps performance) */
  transform: translateY(40px); /* Default “hidden” position: shifted down */
  opacity: 0; /* Default hidden state (JS animates it in) */
}

.card-container { /* Flex container holding the cards */
  position: relative; /* Position context for any absolute children (if added later) */
  width: 85%; /* Base width (JS later animates between 75-80% and locks at 80%) */
  display: flex; /* Lay out the cards side-by-side */
  /*gap: 0px;              */ /* Gap is commented here; JS animates gap on scroll */
  perspective: 1000px; /* Enables 3D perspective for child transforms (flip looks real) */
  transform: translateZ(0); /* Nudge into its own GPU layer to reduce paint glitches */
  will-change: auto; /* Don’t force will-change constantly (avoids extra layers/memory) */
}

.card { /* The 3D “flip” wrapper */
  position: relative; /* Needed because .card-front/.card-back are absolutely positioned */
  flex: 1; /* Each card takes equal width in the flex row */
  aspect-ratio: 5/7; /* Maintain a consistent card shape (responsive height based on width) */
  transform-style: preserve-3d; /* Keep children in 3D space when the parent rotates */
  backface-visibility: hidden; /* Helps avoid flickering/bleeding during 3D flips */
  will-change: auto; /* Don’t force a permanent layer; GSAP uses transforms anyway */
}

#card-1 { /* Special styling for the first card */
  border-radius: 20px 0 0 20px; /* Rounded only on the outer-left corners */
}

#card-3 { /* Special styling for the third card */
  border-radius: 0 20px 20px 0; /* Rounded only on the outer-right corners */
}

.card-front,
.card-back { /* Both faces of the card */
  position: absolute; /* Stack both faces on top of each other */
  width: 100%; /* Fill the full card width */
  height: 100%; /* Fill the full card height */
  backface-visibility: hidden; /* Hide the reverse face when it’s turned away */
  border-radius: inherit; /* Use the parent card’s border radius */
  overflow: hidden; /* Clip the image/content to rounded corners */
}

.card-back { /* The back face only */
  display: flex; /* Use flex to center its content */
  justify-content: center; /* Center content horizontally */
  align-items: center; /* Center content vertically */
  text-align: center; /* Center any text inside */
  transform: rotateY(180deg); /* Pre-rotate the back so when the card flips 180 it reads correctly */
  padding: 2rem; /* Add spacing around the back content */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7095e30 */transition: none;/* End custom CSS */