.section {
      background-color: #FCF2EC;
      width: 100%;
      height: 605px;
      padding-top: 40px;
      /* Fixed top padding */
      padding-bottom: 40px;
      /* Fixed bottom padding */
      gap: 80px
    }

    .container {
      background-color: #FCF2EC;
      width: 980px;
      /* Fixed width */
      margin: 0 auto;
      /* Center the container */
    }

    .content {
      display: flex;
      align-items: center;
      padding: 60px 0;
      /* Fixed vertical padding */
      width: 980px;
      /* Match container width */
      height: 525px;
      /* Fixed height */
      gap: 60px;
      /* Fixed gap between phone-mockups and text-content */
    }

    .phone-mockups {
      flex: 0 0 402px;
      /* Fixed width for phone mockups */
      height: 525px;
      /* Fixed height */
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .mobile-image {
      max-width: 402px;
      /* Fixed width */
      height: 525px;
      /* Fixed height */
      object-fit: contain;
    }

    .desktop-image {
      display: block;
    }

    .mobile-only-image {
      display: none;
    }

    .text-content {
      flex: 0 0 478px;
      /* Fixed width for text content */
      height: 451px;
      width: 518px;
      padding-left: 0;
      /* Remove relative padding */
    }

    .main-title {
      font-size: 48px;
      font-weight: 600;
      color: #000000;
      line-height: 130%;
      opacity: 75%;
      margin-top: 0;
    }

    .features {
      list-style: none;
      width: 518px;
      height: 146px;
      padding-left: 0px;
      gap: 6px;
      display: grid;
    }

    .features li {
      width: 518px;
      height: 32px;
      gap: 8px;
      display: flex;
    }

    .feature-txt {
      font-size: 21px;
      line-height: 100%;
      font-weight: 400;
      color: #000000;
      opacity: 75%;
      line-height: 100%;
    }

    .cta-button {
      background: linear-gradient(45deg, #CB6171, #E58D82);
      width: 287px;
      height: 65px;
      padding-top: 18px;
      padding-right: 54px;
      padding-bottom: 18px;
      padding-left: 54px;
      gap: 10px;
      border-radius: 36px;
      color: white;
      margin-top: 25px;
      /* Add margin to separate from features */
    }

    .btn-txt {
      font-size: 21px;
      font-weight: 600;
      line-height: 140%;
    }

    .icon-container {
      width: 12px;
      height: 8px;
    }

    .testimonial-wrapper {
      width: 980px;
      height: 302px;
      display: flex;
      margin: 0 auto;
      gap: 30px;
      margin-top: 85px;
    }

    .testimonial-card {
      width: 490px;
      height: 302px;
      padding: 36px;
      position: relative;
      display: flex;
      flex-direction: column;
      background: #FCF2EC;
      border-radius: 20px;
      gap: 30px
    }

    .quotation-comma {
      position: absolute;
      top: -25px;
      z-index: 10;
      width: 60px;
      height: 39.92px;
      left: 83%;
    }

    .quotation-comma img {
      width: 64px;
      height: 64px;
      object-fit: contain;
    }

    .testimonial-header {
      display: flex;
      align-items: center;
      width: 403px;
      height: 100px;
      gap: 15px;
    }

    .testimonial-image {
      width: 100px;
      height: 100px;
      border-radius: 100px;
    }

    .testimonial-info {
      flex: 1;
    }

    .testimonial-info h5 {
      font-size: 21px;
      font-weight: 600;
      color: #000000;
      margin: 0;
      opacity: 75%;
    }

    .text-color {
      opacity: 75%;
      color: #000000;
    }

    .testimonial-info h3 {
      font-size: 15px;
      font-weight: 400;
      color: #000000;
      margin: 5px 0 0 0;
      line-height: 150%;
      opacity: 75%;
    }

    .testimonial-text {
      width: 403px;
      height: 69px;
      gap: 15px;
      margin-top: 20px;
    }

    .app-title {
      width: 403px;
      height: 69px;
      display: block;
      opacity: 75%;
      font-size: 15px;
      font-weight: 400;
      line-height: 150%;
      color: #000000;
    }

    .testimonial-card-section2 {
      height: 230px;
      width: 403px;
      gap: 15px;
    }

    .bg-circle {
      background-color: #FFF9EE;
    }

    .testimonial-text2 {
      height: 115px;
      width: 403px;
      margin-top: 20px;
    }

    .circle-mobile {
      display: none;
    }

    .app-title2 {
      width: 403px;
      height: 115px;
      display: block;
      opacity: 75%;
      font-size: 15px;
      font-weight: 400;
      line-height: 150%;
      color: #000000;
    }

    .happy-wide-img 
    ,.quotation-comma-mobile{
      display: none;
    }

    @media (min-width: 1800px) {
      .display_mw_none,
      /* mobile image */
      .display_dw_none {
        /* desktop image */
        display: none !important;
      }

      .happy-wide-img {
        display: block;
        width: 100%
      }

      .d-wider {
        display: none !important;
      }
    }

    .section-text {
      margin-top: 55px;
    }

    .iframe-video {
      width: 978px !important;
      height: 606px !important;
      gap:30px
    }

    @media screen and (max-width: 768px) {
      .section {
        width: 100%;
        height: 744px
      }

      .container {
        width: 375px;
      }

      .content {
        display: contents;
        width: 375px;
      }

      .text-content {
        width: 335px;
        height: 273px;
        margin: 0 auto;
        justify-content: center;
        text-align: center;
      }

      .main-title {
        width: 335px;
        font-size: 27px;
      }

      .icon-container {
        display: none;
      }

      .feature-txt {
        font-size: 12px;
        text-align: center;
        justify-content: center;
        align-items: center;
      }

      .features {
        height: 81px;
        gap: 3px;
        text-align: center;
        align-items: center;
        justify-content: center;
        width: 335px;
      }

      .features li {
        width: 335px;
        height: 18px;
        display: block;
      }

      .cta-button {
        width: 335px;
        height: 48px;
        padding-top: 14px;
        margin-top: 14px;
      }

      .btn-txt {
        font-size: 15px;
      }

      .mobile-only-image {
        display: block;
      }

      .desktop-image {
        display: none;
      }

      .phone-mockups {
        height: 373px;
      }

      .mobile-image {
        max-width: 285px;
        height: 373px;
        object-fit: contain;
      }

      .testimonial-wrapper {
        width: 100%;
        display: block;
        height: 528px;
        gap: 0px;
        margin-top: 52px;
      }

      .testimonial-card {
        width: 335px;
        height: 197px;
        padding: 22px;
        margin: 0 auto;

      }

      .testimonial-header,
      .testimonial-card-section2 {
        width: 289px;
      }

      .testimonial-image {
        width: 80px;
        height: 80px;
      }

      .testimonial-h5 {
        font-size: 15px !important;
      }

      .testimonial-h3 {
        font-size: 12px !important;
      }

      .testimonial-text,
      .testimonial-text2 {
        width: 289px;
        margin-top: 0px;
      }

      .app-title,
      .app-title2 {
        width: 289px;
        font-size: 12px;
      }

      .quotation-comma {
        top: -42px;
        left: 43%;
      }

      .quotation-comma img {
        width: 60px;
        height: 39px
      }

      .testimonial-card2 {
        height: 251px;
        margin-top: 28px;
      }

      .testimonial-comma2 {
        display: none;
      }

      .video-mobile-section {
        width: 335px;
        margin: 0 auto;
      }

      .fs_18px_mobile {
        font-size: 18px !important;
      }

      .section-text1 {
        margin-top: 72px;
      }
       .section-text2 {
        margin-top: 45px;
      }

      .m-top54 {
        margin-top: 20px;
      }

      .scroller-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: flex;
        flex-wrap: nowrap;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        height: 167px;
        width: 373px;
        padding-top: 24px;
        padding-left: 16px;
      }

      .scroller-container>div {
        flex: 0 0 auto;
        min-width: 335px;
        /* Adjust based on actual content */
      }

      .scroller-container img {
        max-width: 100%;
        height: auto;
      }

      .circle-mobile {
        display: block;
      }

      .d-wider,.quotation-comma {
        display: none !important;
      }

      .quotation-comma-mobile{
         margin: 0 auto;
        text-align: center;
        display: block;
        margin-bottom: 20px;
      }

      .text-wider {
        width: 335px;
        margin: 0 auto;
      }
      .section-text1{
        padding-bottom: 26px;
      }

    }
      .btn-gradient{
        background: linear-gradient(180deg, #E58D82 0%, #CB6171 100%) !important;
      }