@font-face {
  font-family: 'ProximaSoftLight';
  src: url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Light.woff2') format('woff2'),
       url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Light.woff') format('woff');

}

@font-face {
  font-family: 'ProximaSoftRegular';
  src: url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Regular.woff2') format('woff2'),
       url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Regular.woff') format('woff');

}

@font-face {
  font-family: 'ProximaSoftMedium';
  src: url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Medium.woff2') format('woff2'),
       url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Medium.woff') format('woff');

}

@font-face {
  font-family: 'ProximaSoftSemiBold';
  src: url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-SemiBold.woff2') format('woff2'),
       url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-SemiBold.woff') format('woff');

}

@font-face {
  font-family: 'ProximaSoftBold';
  src: url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Bold.woff2') format('woff2'),
       url('/assets/admin/vendor/fullcalendar/fonts/ProximaSoft-Bold.woff') format('woff');

}



:root {
  --text-xs: clamp(0.75rem, 1.5vw, 0.875rem);      /* 12px → 14px */
  --text-sm: clamp(0.875rem, 2vw, 1rem);           /* 14px → 16px */
  --text-base: clamp(1rem, 2vw, 1.125rem);         /* 16px → 18px */
  --text-lg: clamp(1.125rem, 2.5vw, 1.5rem);       /* 18px → 24px */
  --text-xl: clamp(1.25rem, 3vw, 1.75rem);         /* 20px → 28px */
  --text-2xl: clamp(1.5rem, 4vw, 2.25rem);         /* 24px → 36px */
  --text-3xl: clamp(1.875rem, 5vw, 3rem);          /* 30px → 48px */
  --text-4xl: clamp(2.25rem, 6vw, 4rem);           /* 36px → 64px */
  --text-5xl: clamp(3rem, 8vw, 6rem);   
  --primary-blue: #3877DC;
  --secondary-blue: #313672;
--font-primary: 'ProximaSoft', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}


body {
  font-family: "ProximaSoftRegular" !important;
  font-weight: 400;
}

.text-xs { font-size: var(--text-xs) !important }
.text-sm { font-size: var(--text-sm) !important; }
.text-base { font-size: var(--text-base) !important; }
.text-lg { font-size: var(--text-lg) !important; }
.text-xl { font-size: var(--text-xl) !important; }
.text-2xl { font-size: var(--text-2xl) !important; }
.text-3xl { font-size: var(--text-3xl) !important; }
.text-4xl { font-size: var(--text-4xl) !important; }
.text-5xl { font-size: var(--text-5xl) !important; }


h1,h2,h3,h4,h5,h6{
    font-family: "ProximaSoftSemiBold", sans-serif !important
}

p{
    font-family: "ProximaSoftRegular", sans-serif !important
}

button {
    font-size: var(--text-base) !important; 
    font-family: "ProximaSoftSemiBold", sans-serif !important;
}

.hero__main-image{
    max-width: 600px;;
}

main{
    padding-top:100px;
    font-family: "ProximaSoftRegular", sans-serif !important;
}

.hero__container{
    display:grid;
    grid-template-columns: 1fr 1fr;

}

.feature{
    display:flex;
    align-items: center;
    font-family: "ProximaSoftSemiBold", sans-serif !important;
    gap:8px;
    margin-bottom:8px;

}

.problem-statement{
    text-align: center;
    /* margin-top:110px; */
}

.hero__features{margin-top:16px;}

.hero__features li {
    font-family: "ProximaSoftSemiBold", sans-serif !important;
    margin-top:8px;
}


.hero__cta-group{
    display:flex;
    gap: 16px;
    margin-top:20px;
    
}

.hero__cta-group button {
    font-family: "ProximaSoftSemiBold", sans-serif !important;
}

.watch-btn{
    background: linear-gradient(90deg, rgba(166, 200, 255, 0.1) 0%, rgba(56, 119, 220, 0.1) 100%) !important;
    color: var(--primary-blue) !important;
    display: inline-flex;
    gap:10px

}

.hero__cta-group button {
    max-width:200px;
    white-space: nowrap;
    border-radius: 16px
}


.problem-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
    justify-items: center;
    align-items: center;
    column-gap: 25px;
    margin-top:40px
    
}

.problem-card{
    text-align: center;

}

.problem-card__title{
    font-size: var(--text-lg);
    margin-top:24px;
}
.problem-card__description{
    margin-top:16px;
    font-size: var(--text-base);
      min-height: 100px;
    
}


.speaking-text {
  color: #4A90E2; /* blue color */
  position: relative;
}

.icon-wrapper {
  position: relative;
  display: inline-block;
}

.speaking-icon {
  position: absolute;
  /* top: -20px;  */
  bottom: 25px;
  right: -15px; /* adjust to position over the g */
  width: 45px; /* adjust size */
  height: 45px;
}

.section-subtitle{
    margin-top:16px !important;
    max-width: 550px;
  margin: 0 auto;
}

.problem-grid img {
    width:200px;
    height: 200px;
    object-fit: cover;
}

section{margin-top:110px;}
section.hero{margin-top:0;}
.demo-preview-container{
    /* margin-top:110px; */
}

.demo-preview{
    /* margin-top:110px; */
background: linear-gradient(84.24deg, #FEF3FB 0%, #F3EFFB 3.11%, #E4EBFB 100%);
}

.demo-preview__badge{
    display:flex;
    align-items: center;
    gap:5px;
    background: #9CEE8D45;
    border-radius:4px;
    width: fit-content;
padding: 3px 7px; 
    color:#009B3A
}

.demo-preview-container{
display: flex;
align-items: center;
justify-content: space-between;
padding-top:50px;
padding-bottom:50px;
}

.demo-preview__video{height: 100%;}

.view-plans-btn{
    border-radius:16px !important;
    min-width: 170px;
}

.demo-preview__video{
    position:relative;
    cursor:pointer
}
.demo-preview__video::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0 right:0 bottom:0 left:0 */
  background: rgba(0, 0, 0, 0.4); /* adjust opacity */
  z-index: 1;
}

.demo-preview__image{
    width: 100%;
    border-radius: 17px;;
    height: 100%;
    object-fit: cover;
}

.demo-preview__video{
        border-radius: 17px;
    max-width: 500px;
    overflow:hidden;

}

.play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:80px;
    height:80px;
    z-index:2;
    cursor:pointer;
}

.methodology{
    /* margin-top:110px; */

}

.methodology__flowchart{
    margin-top:30px;
     display: grid;
  grid-template-columns: 1fr 260px 1fr; /* Cards and arrow spaces */
  grid-template-rows: auto auto auto auto;
  gap: 0;
  
}

.methodology-step{
    width: 350px;
    box-shadow: 0px 4px 19px -2px #00000012;
    border-radius: 16px;
    padding:26px 17px;
}
.step-1 { grid-column: 1; grid-row: 1; }
.step-2 { grid-column: 3; grid-row: 2; }
.step-3{ grid-column: 1; grid-row: 3; }
.step-4{ grid-column: 3; grid-row: 4; }

.step__duration{
    border-radius: 9px;
    padding:12px;
    text-align: center;
    margin: auto 0;
    font-family: "ProximaSoftSemiBold", sans-serif !important;
}

.step-1 .step__duration{
    background-color: #3877DC1F;
    color: var(--primary-blue)
}
.step-2 .step__duration{
    background: #1FBAC017;
    color:#1FBAC0;

}

.step-3 .step__duration{
   background: linear-gradient(90deg, #FFE9FB 0%, #E5ECFB 100%);
   color: var(--primary-blue)
}

.step-4 .step__duration{
   background: #EFFFEB;
color:#009B3A
}
.step-4 .step__title{
    color:#009B3A
}

.step-2 .step__title{
    color:#1FBAC0
}

.step-1 .step__title{
    color: var(--primary-blue)
}
.step-3 .step__title {
    color: var(--primary-blue)
}

.step__description{
    margin-top:16px;
    font-family: "ProximaSoftMedium", sans-serif !important;
    font-size: var(--text-base)
   }


.step__header{
    display:flex;
    justify-content: space-between;
    margin-bottom:24px;
}

.step__icon{
    /* background: #3877DC1F; */
border-radius:10px;
}

.step-1,.step-3{
    position: relative;
}


.step-1.has-arrow-right::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 470px;
  height: 60px;
  transform: translateY(20%);
  background-image: url("data:image/svg+xml,%3Csvg width='443' height='61' viewBox='0 0 443 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M426.586 60.4142C427.367 61.1953 428.633 61.1953 429.414 60.4142L442.142 47.6863C442.923 46.9052 442.923 45.6389 442.142 44.8579C441.361 44.0768 440.095 44.0768 439.314 44.8579L428 56.1716L416.686 44.8579C415.905 44.0768 414.639 44.0768 413.858 44.8579C413.077 45.6389 413.077 46.9052 413.858 47.6863L426.586 60.4142ZM2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4V2V0ZM12.4444 4C13.549 4 14.4444 3.10457 14.4444 2C14.4444 0.89543 13.549 0 12.4444 0V2V4ZM33.3333 0C32.2288 0 31.3333 0.89543 31.3333 2C31.3333 3.10457 32.2288 4 33.3333 4V2V0ZM54.2222 4C55.3268 4 56.2222 3.10457 56.2222 2C56.2222 0.89543 55.3268 0 54.2222 0V2V4ZM75.1111 0C74.0065 0 73.1111 0.89543 73.1111 2C73.1111 3.10457 74.0065 4 75.1111 4V2V0ZM96 4C97.1046 4 98 3.10457 98 2C98 0.89543 97.1046 0 96 0V2V4ZM116.889 0C115.784 0 114.889 0.89543 114.889 2C114.889 3.10457 115.784 4 116.889 4V2V0ZM137.778 4C138.882 4 139.778 3.10457 139.778 2C139.778 0.89543 138.882 0 137.778 0V2V4ZM158.667 0C157.562 0 156.667 0.89543 156.667 2C156.667 3.10457 157.562 4 158.667 4V2V0ZM179.556 4C180.66 4 181.556 3.10457 181.556 2C181.556 0.89543 180.66 0 179.556 0V2V4ZM200.444 0C199.34 0 198.444 0.89543 198.444 2C198.444 3.10457 199.34 4 200.444 4V2V0ZM221.333 4C222.438 4 223.333 3.10457 223.333 2C223.333 0.89543 222.438 0 221.333 0V2V4ZM242.222 0C241.118 0 240.222 0.89543 240.222 2C240.222 3.10457 241.118 4 242.222 4V2V0ZM263.111 4C264.216 4 265.111 3.10457 265.111 2C265.111 0.89543 264.216 0 263.111 0V2V4ZM284 0C282.895 0 282 0.89543 282 2C282 3.10457 282.895 4 284 4V2V0ZM304.889 4C305.993 4 306.889 3.10457 306.889 2C306.889 0.89543 305.993 0 304.889 0V2V4ZM325.778 0C324.673 0 323.778 0.89543 323.778 2C323.778 3.10457 324.673 4 325.778 4V2V0ZM346.667 4C347.771 4 348.667 3.10457 348.667 2C348.667 0.89543 347.771 0 346.667 0V2V4ZM367.556 0C366.451 0 365.556 0.89543 365.556 2C365.556 3.10457 366.451 4 367.556 4V2V0ZM387.37 4.91368C388.454 5.12804 389.506 4.42341 389.72 3.33984C389.934 2.25627 389.23 1.20409 388.146 0.989726L387.758 2.9517L387.37 4.91368ZM406.893 8.75979C405.976 8.1453 404.733 8.39122 404.119 9.30909C403.504 10.2269 403.75 11.4692 404.668 12.0837L405.781 10.4217L406.893 8.75979ZM417.916 25.3319C418.531 26.2497 419.773 26.4956 420.691 25.8812C421.609 25.2667 421.855 24.0244 421.24 23.1066L419.578 24.2192L417.916 25.3319ZM429.01 41.8538C428.796 40.7702 427.744 40.0656 426.66 40.2799C425.577 40.4943 424.872 41.5465 425.086 42.63L427.048 42.2419L429.01 41.8538ZM426 53.75C426 54.8546 426.895 55.75 428 55.75C429.105 55.75 430 54.8546 430 53.75H428H426ZM430 57.25C430 56.1454 429.105 55.25 428 55.25C426.895 55.25 426 56.1454 426 57.25H428H430ZM2 2V4H12.4444V2V0H2V2ZM33.3333 2V4H54.2222V2V0H33.3333V2ZM75.1111 2V4H96V2V0H75.1111V2ZM116.889 2V4H137.778V2V0H116.889V2ZM158.667 2V4H179.556V2V0H158.667V2ZM200.444 2V4H221.333V2V0H200.444V2ZM242.222 2V4H263.111V2V0H242.222V2ZM284 2V4H304.889V2V0H284V2ZM325.778 2V4H346.667V2V0H325.778V2ZM367.556 2V4H378V2V0H367.556V2ZM378 2V4C381.208 4 384.341 4.31448 387.37 4.91368L387.758 2.9517L388.146 0.989726C384.863 0.340219 381.47 0 378 0V2ZM405.781 10.4217L404.668 12.0837C409.903 15.5886 414.411 20.0965 417.916 25.3319L419.578 24.2192L421.24 23.1066C417.444 17.4368 412.563 12.5556 406.893 8.75979L405.781 10.4217ZM427.048 42.2419L425.086 42.63C425.686 45.6589 426 48.7917 426 52H428H430C430 48.5297 429.66 45.1369 429.01 41.8538L427.048 42.2419ZM428 52H426V53.75H428H430V52H428ZM428 57.25H426V59H428H430V57.25H428Z' fill='%233877DC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.step-3.has-right-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 470px;
  height: 60px;
  transform: translateY(20%);
  background-image: url("data:image/svg+xml,%3Csvg width='443' height='61' viewBox='0 0 443 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M426.586 60.4142C427.367 61.1953 428.633 61.1953 429.414 60.4142L442.142 47.6863C442.923 46.9052 442.923 45.6389 442.142 44.8579C441.361 44.0768 440.095 44.0768 439.314 44.8579L428 56.1716L416.686 44.8579C415.905 44.0768 414.639 44.0768 413.858 44.8579C413.077 45.6389 413.077 46.9052 413.858 47.6863L426.586 60.4142ZM2 0C0.89543 0 0 0.89543 0 2C0 3.10457 0.89543 4 2 4V2V0ZM12.4444 4C13.549 4 14.4444 3.10457 14.4444 2C14.4444 0.89543 13.549 0 12.4444 0V2V4ZM33.3333 0C32.2288 0 31.3333 0.89543 31.3333 2C31.3333 3.10457 32.2288 4 33.3333 4V2V0ZM54.2222 4C55.3268 4 56.2222 3.10457 56.2222 2C56.2222 0.89543 55.3268 0 54.2222 0V2V4ZM75.1111 0C74.0065 0 73.1111 0.89543 73.1111 2C73.1111 3.10457 74.0065 4 75.1111 4V2V0ZM96 4C97.1046 4 98 3.10457 98 2C98 0.89543 97.1046 0 96 0V2V4ZM116.889 0C115.784 0 114.889 0.89543 114.889 2C114.889 3.10457 115.784 4 116.889 4V2V0ZM137.778 4C138.882 4 139.778 3.10457 139.778 2C139.778 0.89543 138.882 0 137.778 0V2V4ZM158.667 0C157.562 0 156.667 0.89543 156.667 2C156.667 3.10457 157.562 4 158.667 4V2V0ZM179.556 4C180.66 4 181.556 3.10457 181.556 2C181.556 0.89543 180.66 0 179.556 0V2V4ZM200.444 0C199.34 0 198.444 0.89543 198.444 2C198.444 3.10457 199.34 4 200.444 4V2V0ZM221.333 4C222.438 4 223.333 3.10457 223.333 2C223.333 0.89543 222.438 0 221.333 0V2V4ZM242.222 0C241.118 0 240.222 0.89543 240.222 2C240.222 3.10457 241.118 4 242.222 4V2V0ZM263.111 4C264.216 4 265.111 3.10457 265.111 2C265.111 0.89543 264.216 0 263.111 0V2V4ZM284 0C282.895 0 282 0.89543 282 2C282 3.10457 282.895 4 284 4V2V0ZM304.889 4C305.993 4 306.889 3.10457 306.889 2C306.889 0.89543 305.993 0 304.889 0V2V4ZM325.778 0C324.673 0 323.778 0.89543 323.778 2C323.778 3.10457 324.673 4 325.778 4V2V0ZM346.667 4C347.771 4 348.667 3.10457 348.667 2C348.667 0.89543 347.771 0 346.667 0V2V4ZM367.556 0C366.451 0 365.556 0.89543 365.556 2C365.556 3.10457 366.451 4 367.556 4V2V0ZM387.37 4.91368C388.454 5.12804 389.506 4.42341 389.72 3.33984C389.934 2.25627 389.23 1.20409 388.146 0.989726L387.758 2.9517L387.37 4.91368ZM406.893 8.75979C405.976 8.1453 404.733 8.39122 404.119 9.30909C403.504 10.2269 403.75 11.4692 404.668 12.0837L405.781 10.4217L406.893 8.75979ZM417.916 25.3319C418.531 26.2497 419.773 26.4956 420.691 25.8812C421.609 25.2667 421.855 24.0244 421.24 23.1066L419.578 24.2192L417.916 25.3319ZM429.01 41.8538C428.796 40.7702 427.744 40.0656 426.66 40.2799C425.577 40.4943 424.872 41.5465 425.086 42.63L427.048 42.2419L429.01 41.8538ZM426 53.75C426 54.8546 426.895 55.75 428 55.75C429.105 55.75 430 54.8546 430 53.75H428H426ZM430 57.25C430 56.1454 429.105 55.25 428 55.25C426.895 55.25 426 56.1454 426 57.25H428H430ZM2 2V4H12.4444V2V0H2V2ZM33.3333 2V4H54.2222V2V0H33.3333V2ZM75.1111 2V4H96V2V0H75.1111V2ZM116.889 2V4H137.778V2V0H116.889V2ZM158.667 2V4H179.556V2V0H158.667V2ZM200.444 2V4H221.333V2V0H200.444V2ZM242.222 2V4H263.111V2V0H242.222V2ZM284 2V4H304.889V2V0H284V2ZM325.778 2V4H346.667V2V0H325.778V2ZM367.556 2V4H378V2V0H367.556V2ZM378 2V4C381.208 4 384.341 4.31448 387.37 4.91368L387.758 2.9517L388.146 0.989726C384.863 0.340219 381.47 0 378 0V2ZM405.781 10.4217L404.668 12.0837C409.903 15.5886 414.411 20.0965 417.916 25.3319L419.578 24.2192L421.24 23.1066C417.444 17.4368 412.563 12.5556 406.893 8.75979L405.781 10.4217ZM427.048 42.2419L425.086 42.63C425.686 45.6589 426 48.7917 426 52H428H430C430 48.5297 429.66 45.1369 429.01 41.8538L427.048 42.2419ZM428 52H426V53.75H428H430V52H428ZM428 57.25H426V59H428H430V57.25H428Z' fill='%233877DC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.step-1{
    transform:translateX(67px);
}

.step-2{
    transform: translateY(-40px);
}

.step-3{
    transform: translateY(-75px);
}

.step-4{
    transform: translateX(-50px) translateY(-115px);
}

.step-2{position:relative}
.step-2.has-right-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  width: 515px;
  height: 60px;
  transform: translateY(30%);
  background-image: url('data:image/svg+xml;utf8,<svg width="524" height="66" viewBox="0 0 524 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.1427 65.4142C15.3617 66.1953 14.0953 66.1953 13.3143 65.4142L0.586365 52.6863C-0.194702 51.9052-0.194702 50.6389 0.586365 49.8579C1.36743 49.0768 2.63373 49.0768 3.41479 49.8579L14.7285 61.1716L26.0422 49.8579C26.8232 49.0768 28.0896 49.0768 28.8706 49.8579C29.6517 50.6389 29.6517 51.9052 28.8706 52.6863L16.1427 65.4142ZM521.729 0C522.833 0 523.729 0.89543 523.729 2C523.729 3.10457 522.833 4 521.729 4V2V0ZM511.342 4C510.238 4 509.342 3.10457 509.342 2C509.342 0.89543 510.238 0 511.342 0V2V4ZM490.569 0C491.674 0 492.569 0.89543 492.569 2C492.569 3.10457 491.674 4 490.569 4V2V0ZM469.797 4C468.692 4 467.797 3.10457 467.797 2C467.797 0.89543 468.692 0 469.797 0V2V4ZM449.024 0C450.129 0 451.024 0.89543 451.024 2C451.024 3.10457 450.129 4 449.024 4V2V0ZM428.251 4C427.147 4 426.251 3.10457 426.251 2C426.251 0.89543 427.147 0 428.251 0V2V4ZM407.479 0C408.583 0 409.479 0.89543 409.479 2C409.479 3.10457 408.583 4 407.479 4V2V0ZM386.706 4C385.601 4 384.706 3.10457 384.706 2C384.706 0.89543 385.601 0 386.706 0V2V4ZM365.933 0C367.038 0 367.933 0.89543 367.933 2C367.933 3.10457 367.038 4 365.933 4V2V0ZM345.16 4C344.056 4 343.16 3.10457 343.16 2C343.16 0.89543 344.056 0 345.16 0V2V4ZM324.388 0C325.492 0 326.388 0.89543 326.388 2C326.388 3.10457 325.492 4 324.388 4V2V0ZM303.615 4C302.51 4 301.615 3.10457 301.615 2C301.615 0.89543 302.51 0 303.615 0V2V4ZM282.842 0C283.947 0 284.842 0.89543 284.842 2C284.842 3.10457 283.947 4 282.842 4V2V0ZM262.069 4C260.965 4 260.069 3.10457 260.069 2C260.069 0.89543 260.965 0 262.069 0V2V4ZM241.297 0C242.401 0 243.297 0.89543 243.297 2C243.297 3.10457 242.401 4 241.297 4V2V0ZM220.524 4C219.419 4 218.524 3.10457 218.524 2C218.524 0.89543 219.419 0 220.524 0V2V4ZM199.751 0C200.856 0 201.751 0.89543 201.751 2C201.751 3.10457 200.856 4 199.751 4V2V0ZM178.978 4C177.874 4 176.978 3.10457 176.978 2C176.978 0.89543 177.874 0 178.978 0V2V4ZM158.206 0C159.31 0 160.206 0.89543 160.206 2C160.206 3.10457 159.31 4 158.206 4V2V0ZM137.433 4C136.328 4 135.433 3.10457 135.433 2C135.433 0.89543 136.328 0 137.433 0V2V4ZM116.66 0C117.765 0 118.66 0.89543 118.66 2C118.66 3.10457 117.765 4 116.66 4V2V0ZM95.8875 4C94.7829 4 93.8875 3.10457 93.8875 2C93.8875 0.89543 94.7829 0 95.8875 0V2V4ZM75.1148 0C76.2193 0 77.1148 0.89543 77.1148 2C77.1148 3.10457 76.2193 4 75.1148 4V2V0ZM55.3585 4.91368C54.275 5.12804 53.2228 4.42341 53.0084 3.33984C52.7941 2.25627 53.4987 1.20409 54.5822 0.989726L54.9704 2.9517L55.3585 4.91368ZM35.8351 8.75979C36.7529 8.1453 37.9951 8.39122 38.6096 9.30909C39.2242 10.2269 38.9782 11.4692 38.0604 12.0837L36.9477 10.4217L35.8351 8.75979ZM24.8122 25.3319C24.1977 26.2497 22.9554 26.4956 22.0376 25.8812C21.1197 25.2667 20.8738 24.0244 21.4883 23.1066L23.1502 24.2192L24.8122 25.3319ZM13.7182 41.8538C13.9326 40.7702 14.9848 40.0656 16.0683 40.2799C17.1519 40.4943 17.8565 41.5465 17.6422 42.63L15.6802 42.2419L13.7182 41.8538ZM16.7285 55C16.7285 56.1046 15.8331 57 14.7285 57C13.6239 57 12.7285 56.1046 12.7285 55H14.7285H16.7285ZM12.7285 61C12.7285 59.8954 13.6239 59 14.7285 59C15.8331 59 16.7285 59.8954 16.7285 61H14.7285H12.7285ZM521.729 2V4H511.342V2V0H521.729V2ZM490.569 2V4H469.797V2V0H490.569V2ZM449.024 2V4H428.251V2V0H449.024V2ZM407.479 2V4H386.706V2V0H407.479V2ZM365.933 2V4H345.16V2V0H365.933V2ZM324.388 2V4H303.615V2V0H324.388V2ZM282.842 2V4H262.069V2V0H282.842V2ZM241.297 2V4H220.524V2V0H241.297V2ZM199.751 2V4H178.978V2V0H199.751V2ZM158.206 2V4H137.433V2V0H158.206V2ZM116.66 2V4H95.8875V2V0H116.66V2ZM75.1148 2V4H64.7285V2V0H75.1148V2ZM64.7285 2V4C61.5202 4 58.3874 4.31448 55.3585 4.91368L54.9704 2.9517L54.5822 0.989726C57.8654 0.340219 61.2582 0 64.7285 0V2ZM36.9477 10.4217L38.0604 12.0837C32.825 15.5886 28.3171 20.0965 24.8122 25.3319L23.1502 24.2192L21.4883 23.1066C25.2841 17.4368 30.1653 12.5556 35.8351 8.75979L36.9477 10.4217ZM15.6802 42.2419L17.6422 42.63C17.043 45.6589 16.7285 48.7917 16.7285 52H14.7285H12.7285C12.7285 48.5297 13.0687 45.1369 13.7182 41.8538L15.6802 42.2419ZM14.7285 52H16.7285V55H14.7285H12.7285V52H14.7285ZM14.7285 61H16.7285V64H14.7285H12.7285V61H14.7285Z" fill="%233877DC"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
    pointer-events: none;

}


.step-3{position:relative}


.step-3 .magic{
    position:absolute;
    top: -30px;
    right: 20%;
    background: linear-gradient(90deg, #FFE9FB 0%, #E5ECFB 100%);
border: 2px solid #3877DC;
min-width:190px;
margin:0 auto;
display:flex;
align-items: center;
justify-content: center;
border-radius:16px;
padding:4px;
display:flex;
gap: 10px;
color: var(--primary-blue);
font-family: "ProximaSoftSemiBold", sans-serif !important;
}

.trial-offer{
    margin-top:150px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}
.trial-offer__illustration{
    max-width:100%;}

.highlighted-blue{
    color: var(--primary-blue);
        font-family: "ProximaSoftSemiBold", sans-serif !important;

}

.highlighted-blue2{
    color: var(--secondary-blue);
    font-family: "ProximaSoftSemiBold", sans-serif !important;
}

.trial-offer__cta-group{
    display:flex;
    gap:10px;
}

.trial-offer__cta-group button {
    border-radius:12px;
}
.trial-offer__visual{
    display: flex;
  align-items: center;
}


/* pricing */

.pricing{
    /* margin-top:110px; */
background: linear-gradient(to right,#feebf9,#e8f6ff);
padding-top: 60px;


}

.pricing-container{
    display:grid;
    grid-template-columns: 1fr 1fr;
}

.pricing__guarantee{
    display:flex;
    align-items: center;
    gap:8px;
    color:#009B3A;
    font-family: "ProximaSoftSemiBold", sans-serif !important;
}

.pricing__timer{
    margin-top: 25px;
    display:flex;
    gap:20px;
    justify-content: flex-start;
    
}

.timer__unit{
    background: #D3DDFF;
    color: var(--primary-blue);
    padding: 6px 12px;
    border-radius:10px;
    display:flex;
    flex-direction: column;
    justify-content:center;;
    align-items: center;
    font-size: var(--text-lg);
    border: 1px solid #3877DC;
    width:95px;
}
.timer__unit span:first-of-type {
    font-family: "ProximaSoftBold", sans-serif !important;
}

.timer__unit span:nth-of-type(2)
{
    font-family: "ProximaSoftSemiBold", sans-serif !important;
    font-size: var(--text-base);
}

.pricing__card{
    border: 2px solid #3877DC;
    display:flex;
    flex-direction: column;
    padding: 37px 38px;
    position:relative;
    border-radius: 16px;
    height: fit-content;
    background: white;;
}

.discount-badge{
    position:absolute;
    top: -20px;
  left: 50%;
  transform: translateX(-50%);
    border-radius:26px;
    border: 2px solid var(--primary-blue);
    background: linear-gradient(90deg, #FFE9FB 0%, #E5ECFB 100%);
    color: var(--primary-blue);
    font-family: "ProximaSoftSemiBold", sans-serif !important;
    padding: 8px 24px;
    margin: 0 auto;

}

.pricing-header{
    display:flex;
    align-items:center;
    justify-content: space-between;

}


/* toggle */

  .toggle-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

      .toggle-switch {
            width: 60px;
            height: 26px;
            background: var(--primary-blue);
            border-radius: 13px;
            position: relative;
            cursor: pointer;
            transition: background-color 0.3s ease;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        }

        .toggle-switch.off {
            background: #ccc;
        }

        .toggle-circle {
            width: 22px;
            height: 22px;
            background: white;
            border-radius: 50%;
            position: absolute;
            top: 2px;
            right: 2px;
            transition: transform 0.3s ease;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        }

        .toggle-switch.off .toggle-circle {
            transform: translateX(-34px);
        }

        .status-text {
            font-size: 18px;
            color: #333;
            font-weight: 500;
        }

        .plan-details{
            display: flex;
  align-items: center;
  gap: 12px;
        }

        .feature{
            margin-top:16px;
        }

        .feature{
            display:flex;
            align-items: center;
        }

        .discount-img{
            position:absolute;
            bottom:0;
            left:0;
        }
        .pricing{
            position:relative;
        }

        .pricing-content{
            max-width: 460px;
        }

        .subsribe-btn{
            border-radius: 8px;
        }

        .faded-arrows{
            position:absolute;
            left:-40%;
            top:-5%;
             /* transform: translateX(50%); */


        }

        .tutors{
            /* margin-top:110px; */
        }

/* tutor cards */

.tutor-card{
    padding: 24px 17px;
    border-radius: 16px;
    box-shadow: 0px 4px 19px -2px #00000012;
display:flex;
flex-direction: column;
align-items:center;
text-align: center;
min-width: 255px;

}

.tutor-card__avatar{
    width:117px;
    height: 117px;
    border-radius: 50%
    ;
    object-fit: cover;
}

.tutors__cards{
    display:flex;
    gap: 20px;
}

.price-container {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-family: "ProximaSoftBold", sans-serif !important;
}

.old-price {
  font-size: 24px;
  color: #999;
  text-decoration: line-through;
  font-weight: 500;
}

.new-price {
  font-size: 56px;
  color: var(--primary-blue);
  font-weight: bold;
}

.period {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  font-family: "ProximaSoftMedium", sans-serif !important;
}

.tutor-card{
    width: 260px;
}

.tutor-card__sessions{
    display: flex;
    align-items: center;
    gap:5px;
    margin-top:10px;
}
.tutor-card .watch-btn{
    margin-top:20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.rating-stars{
    display:flex;
    gap: 5px;
    margin-top: 8px;
}

.see-more-card button {
    all:unset;
    cursor:pointer;
    background: linear-gradient(90deg, rgba(255, 233, 251, 0.4) 0%, rgba(229, 236, 251, 0.4) 100%);
padding: 20px;
border-radius: 50%;
}

.see-more-card{
    display:flex;
    justify-content: center;
    align-items: center;
}

.tutor-card__name{
    font-size: var(--text-lg) !important;

}



/* testimonials */

.testimonials{
    /* margin-top:110px; */
}

.testimonial-card{
    max-width:290px;
    box-shadow: 0px 4px 19px -2px #00000012;
    padding: 24px 17px;
    border-radius: 16px;
    position:relative;

}

.testimonial-card__header{
    display: flex;
  align-items: center;
  gap: 15px;
}

.testimonial-card__header img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-card__text{
    margin-top: 22px;
}


.testimonial-card .rating-stars{
    justify-content: flex-end;
}

.author__location{
    font-family: "ProximaSoftRegular", sans-serif !important;
}

.quotes{
    position: absolute;
  top: 10%;
  right: 0;
}

/* scroll */

/* Normal horizontal scroll */
.testimonials__grid {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  /* Optional: hide scrollbar for cleaner look */
  scrollbar-width: thin;
}

.testimonials__grid::-webkit-scrollbar {
  height: 8px;
}

.testimonials__grid::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.testimonials__grid::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.testimonials__grid::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.testimonials__track {
  display: flex;
  gap: 20px;
  width: fit-content;
  padding-bottom: 5px;
}

.testimonial-card {
  flex: 0 0 auto;
  width: 350px;
}


/* FAQS */

.faq__accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.faq {
    margin-top: 110px;
}
.faq__item {
    border-radius: 16px;
    box-shadow: 0px 4px 19px -2px #00000012;
}
.faq__question {
    all: unset;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 29px 25px;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    box-sizing: border-box;
    border-radius:16px;
}
.faq__question:hover {
    box-shadow: 0px 6px 24px -2px #00000018;
}
.faq__question span {
    padding-right: 20px;
        font-family: "ProximaSoftMedium", sans-serif !important;

}
.faq-arrow {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.faq__item.active .faq-arrow {
    transform: rotate(180deg);
}
.faq__answer {
    max-height: 0;
    overflow: hidden;
    background: #E6EDF9;
    box-sizing: border-box;
    transition: max-height 0.35s ease, opacity 0.25s ease;
    opacity: 0;
    border-radius: 0 0 16px 16px;
}
.faq__item.active .faq__answer {
    max-height: 300px; /* large enough for content */
    opacity: 1;
}
.faq__item.active .faq__question {
    border-radius: 16px 16px 0 0;
}
.faq__answer p {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

.faq__answer-inner {
    padding: 25px;
}



/* content-form */

.content-form{
    /* margin-top:110px; */
    background: linear-gradient(0deg, rgba(255, 233, 251, 0.3) 0%, rgba(229, 236, 251, 0.3) 58.09%, rgba(255, 255, 255, 0.3) 93.66%);

}

.contact-form__container {
    display:grid;
    grid-template-columns: 2fr 1fr;
    gap:140px;
}

.contact-form{
    display:flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    overflow: hidden;
}

.form__group{
    display:flex;
    flex-direction: column;
    width:100%;
    gap:8px;
}

.form__group input {
    border: 1px solid #3877DC;
    padding: 9px 16px;
    border-radius:12px;
}

.form__group textarea{
        border-radius:12px;
        border: 1px solid #F3F3F3;
        padding: 8px 12px;
         resize: none;

}

label {
    font-family: "ProximaSoftSemiBold", sans-serif !important;
}

/* attachement */

.form__group--file {
  margin-bottom: 1.5rem;
}

.form__group--file .form__label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.file-upload {
  border: 2px dashed #4A90E2;
  border-radius: 8px;
  padding: 2.5rem 2rem;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.file-upload:hover {
  border-color: #357ABD;
  background-color: #F8FBFF;
}

.file-upload__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 1rem;
}

.file-upload__icon svg {
  width: 100%;
  height: 100%;
  fill: #4A90E2;
}

.file-upload__text {
  color: #4A90E2;
  font-size: 15px;
  font-weight: 500;
}

.file-upload input[type="file"] {
  display: none;
}

.text-grey{
    color:#757575;
}
 .hero__cta-group.mobile{
        display:none;
    }


.demo-preview__badge.mobile{display:none;}
.view-plans-btn.mobile{display:none;}

.pricing__guarantee.mobile{display:none;}

/* .card-back{
    display:none
} */

.step-1:hover{

    /* .card-back{
        display:block;
    }

    .card-front{
        display:none;
    } */
}

@media(max-width:999px)
{
    section{margin-top:40px !important;}
    main{padding-top:30px !important;}
    .tutors__cards{overflow-x:auto}
    .hero__container{
        grid-template-columns: 1fr;
    }
    .hero__main-image{
        max-width:100%
    }

    .speaking-icon{
        bottom: 15px;
  right: -10px;
  width: 28px;
  height: 28px;
    }

    .hero__cta-group.desktop {
        display:none;
    }
    .hero__cta-group.mobile{
        display:flex;
        justify-content: center;
        margin-top:0;
    }

    .hero__content{
        text-align:center;
    }

    .problem-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .demo-preview-container{
    flex-wrap:wrap;
    justify-content: center;
    display: flex;
  flex-direction: column;
}

.demo-preview.info{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.demo-preview__video{
    /* margin-top:15px; */
}
.view-plans-btn.desktop{display:none;}
.view-plans-btn.mobile{
    display:flex;
    margin-top:20px;}



    /* flowchart */

    .methodology__flowchart{
        grid-template-columns: 1fr;
        row-gap:40px;
    }

    .step-1, .step-2, .step-3, .step-4 {
        grid-column: 1 !important;
        transform: none !important;
        margin:0 auto;
        
    }



    .step-1.has-arrow-right::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 23px;
  height: 38px;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98621 37.0607C10.572 37.6464 11.5217 37.6464 12.1075 37.0607L21.6535 27.5147C22.2393 26.9289 22.2393 25.9792 21.6535 25.3934C21.0677 24.8076 20.1179 24.8076 19.5322 25.3934L11.0469 33.8787L2.56159 25.3934C1.97581 24.8076 1.02606 24.8076 0.440272 25.3934C-0.145515 25.9792 -0.145515 26.9289 0.440272 27.5147L9.98621 37.0607ZM11.0469 0L9.54688 -6.55672e-08L9.54687 3L11.0469 3L12.5469 3L12.5469 6.55672e-08L11.0469 0ZM11.0469 9L9.54687 9L9.54687 15L11.0469 15L12.5469 15L12.5469 9L11.0469 9ZM11.0469 21L9.54687 21L9.54687 27L11.0469 27L12.5469 27L12.5469 21L11.0469 21ZM11.0469 33L9.54687 33L9.54687 36L11.0469 36L12.5469 36L12.5469 33L11.0469 33Z' fill='%233877DC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

    .step-2.has-right-arrow::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 23px;
  height: 27px;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98621 37.0607C10.572 37.6464 11.5217 37.6464 12.1075 37.0607L21.6535 27.5147C22.2393 26.9289 22.2393 25.9792 21.6535 25.3934C21.0677 24.8076 20.1179 24.8076 19.5322 25.3934L11.0469 33.8787L2.56159 25.3934C1.97581 24.8076 1.02606 24.8076 0.440272 25.3934C-0.145515 25.9792 -0.145515 26.9289 0.440272 27.5147L9.98621 37.0607ZM11.0469 0L9.54688 -6.55672e-08L9.54687 3L11.0469 3L12.5469 3L12.5469 6.55672e-08L11.0469 0ZM11.0469 9L9.54687 9L9.54687 15L11.0469 15L12.5469 15L12.5469 9L11.0469 9ZM11.0469 21L9.54687 21L9.54687 27L11.0469 27L12.5469 27L12.5469 21L11.0469 21ZM11.0469 33L9.54687 33L9.54687 36L11.0469 36L12.5469 36L12.5469 33L11.0469 33Z' fill='%233877DC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.step-3.has-right-arrow::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 23px;
  height: 38px;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='38' viewBox='0 0 23 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98621 37.0607C10.572 37.6464 11.5217 37.6464 12.1075 37.0607L21.6535 27.5147C22.2393 26.9289 22.2393 25.9792 21.6535 25.3934C21.0677 24.8076 20.1179 24.8076 19.5322 25.3934L11.0469 33.8787L2.56159 25.3934C1.97581 24.8076 1.02606 24.8076 0.440272 25.3934C-0.145515 25.9792 -0.145515 26.9289 0.440272 27.5147L9.98621 37.0607ZM11.0469 0L9.54688 -6.55672e-08L9.54687 3L11.0469 3L12.5469 3L12.5469 6.55672e-08L11.0469 0ZM11.0469 9L9.54687 9L9.54687 15L11.0469 15L12.5469 15L12.5469 9L11.0469 9ZM11.0469 21L9.54687 21L9.54687 27L11.0469 27L12.5469 27L12.5469 21L11.0469 21ZM11.0469 33L9.54687 33L9.54687 36L11.0469 36L12.5469 36L12.5469 33L11.0469 33Z' fill='%233877DC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}


.pricing-container{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:25px;
}

.discount-img{
    display:none;
}
.pricing-content{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.hidden-discount, .discount-badge, .faded-arrows, .pricing__header{
    display:none;}

    .timer__unit{
        width:70px;
    }

    .pricing__brand .pricing__title.text-2xl.mt-80{
        margin-top: 8px !important;
    }

    .demo-preview__badge.mobile{
    display:block;
    margin:0 auto;
    }

    .pricing{padding-top:25px; padding-bottom: 25px}

    .pricing__card{
        margin-top:25px;
    }

    .pricing__guarantee.mobile{
        display:flex;
    }
    .pricing__guarantee.desktop{
        display:none ;
    }


}

@media(max-width:1110px)
{
        .contact-form__container {
        grid-template-columns: 1fr;

    }

    .contact-form__illustration{
        display:none;
    }
}


@media (max-width: 575px) { 
    .problem-grid{
        grid-template-columns: 1fr;
    }
.problem-card__description{
    min-height: unset;
    max-width:230px;
}

.problem-grid img{
    width:170px;
    height:170px;
}
.problem-card__title{
    margin-top:10px;
}
.trial-offer{
    grid-template-columns: 1fr;;
    text-align: center;
}
.trial-offer__cta-group{
    justify-content: center;
}

.trial-offer_cta-group button {
    min-width:170px;
}
.trial-offer__visual{
    justify-content: center;
}
}

/* Card container - enable 3D perspective */
.methodology-step {
  perspective: 1000px;
  position: relative;
  cursor: pointer;
}

/* Inner wrapper to hold both sides */
.methodology-step .card-front,
.methodology-step .card-back {
  width: 100%;
  backface-visibility: hidden;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* Front side - starts visible */
.card-front {
  position: relative;
  z-index: 2;
  transform: rotateY(0deg);
}

/* Back side - starts hidden (rotated 180deg) */
.card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
}

/* On hover or active state - flip the card */
.methodology-step:hover .card-front,
.methodology-step.flipped .card-front {
  transform: rotateY(-180deg);
}

.methodology-step:hover .card-back,
.methodology-step.flipped .card-back {
  transform: rotateY(0deg);
}

/* Disable hover flip when modal is open */
.methodology-step.no-hover:hover .card-front {
  transform: rotateY(0deg) !important;
}

.methodology-step.no-hover:hover .card-back {
  transform: rotateY(180deg) !important;
}


/* tutor cards */

/* Testimonial Card Container - enable 3D perspective */
.testimonial-card {
  perspective: 1000px;
  position: relative;
  cursor: pointer;
}

/* Both card faces */
.tesimonial-card-front,
.testimonial-card-back {
  width: 100%;
  backface-visibility: hidden;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* Front side - starts visible */
.tesimonial-card-front {
  position: relative;
  z-index: 2;
  transform: rotateY(0deg);
}

/* Back side - starts hidden (rotated 180deg) */
.testimonial-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  display: block !important;
}

/* On hover or active state - flip the card */
.testimonial-card:hover .tesimonial-card-front,
.testimonial-card.flipped .tesimonial-card-front {
  transform: rotateY(-180deg);
}

.testimonial-card:hover .testimonial-card-back,
.testimonial-card.flipped .testimonial-card-back {
  transform: rotateY(0deg);
}

/* Disable hover flip when modal is open */
.testimonial-card.no-hover:hover .tesimonial-card-front {
  transform: rotateY(0deg) !important;
}

.testimonial-card.no-hover:hover .testimonial-card-back {
  transform: rotateY(180deg) !important;
}

/* Animation keyframes WITH FADE - for hero section */
@keyframes slideInFromLeftFade {
  from {
    opacity: 0;
    transform: translateX(-50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInFromRightFade {
  from {
    opacity: 0;
    transform: translateX(50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Apply animations to your columns */
.hero__content {
  animation: slideInFromLeftFade 1s ease-out;
}
.hero__visual {
  animation: slideInFromRightFade 1s ease-out 0.2s;
  animation-fill-mode: backwards;
}
/* Animation keyframes WITH FADE - for trial-offer section */
@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Apply animations to trial-offer section */
/* Set initial state - hidden before scroll */
.trial-offer__visual,
.trial-offer__content {
  opacity: 0;
}

/* Active state when scrolled into view */
.trial-offer__visual.animate {
  animation: slideInFromLeft 0.8s ease-out forwards;
}
.trial-offer__content.animate {
  animation: slideInFromRight 0.8s ease-out 0.2s forwards;
}

/* Disable animations on mobile devices */
@media (max-width: 768px) {
  .hero__content,
  .hero__visual,
  .trial-offer__visual.animate,
  .trial-offer__content.animate {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  
  .trial-offer__visual,
  .trial-offer__content {
    opacity: 1;
  }
}