.elementor-1474 .elementor-element.elementor-element-31090dd5{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1474 .elementor-element.elementor-element-31090dd5:not(.elementor-motion-effects-element-type-background), .elementor-1474 .elementor-element.elementor-element-31090dd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1474 .elementor-element.elementor-element-dd72d30{--display:flex;--position:fixed;--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;bottom:0px;}.elementor-1474 .elementor-element.elementor-element-dd72d30:not(.elementor-motion-effects-element-type-background), .elementor-1474 .elementor-element.elementor-element-dd72d30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-1474 .elementor-element.elementor-element-dd72d30.e-con{--align-self:center;}body:not(.rtl) .elementor-1474 .elementor-element.elementor-element-dd72d30{left:0px;}body.rtl .elementor-1474 .elementor-element.elementor-element-dd72d30{right:0px;}.elementor-1474 .elementor-element.elementor-element-3e6d263{--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;--justify-content:center;--align-items:center;}.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 );}@media(max-width:767px){.elementor-1474 .elementor-element.elementor-element-3e6d263{--width:100%;}.elementor-1474 .elementor-element.elementor-element-e31043f img{width:63%;}}/* Start custom CSS for html, class: .elementor-element-634afd56 */body {
      margin: 0;
      background: #000;
      color: #fff;
      overflow-x: hidden;
      font-family: sans-serif;
    }

    .horizontal-section {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }

    .horizontal-track {
      display: flex;
      flex-wrap: nowrap;
      height: 100%;
      will-change: transform;
    }

    .slide {
      flex: 0 0 auto;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      box-sizing: border-box;
    }

    /* ✅ Slide 2 cards same size as your original */
    .cards-wrapper {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      padding: 0;
      margin: 0;
      gap: 0;
    }

    .card {
      width: 32%;
      margin-right: 50px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
    }

    .card img {
      width: 100%;
      height: auto;
      object-fit: contain;
      border-radius: 10px;
      display: block;
    }
    .card video {
      width: 100%;
      height: auto;
      object-fit: contain;
      border-radius: 10px;
      display: block;
    }
    .card h2 {
      font-size: 30px;
      margin-top: 10px;
      text-align: center;
    }

    .card:last-child {
      margin-right: 0;
    }

    /* ✅ Responsive handling (mobile + tablet) */
    @media (max-width: 1024px) {
      .horizontal-section {
        height: auto;
        overflow: visible;
      }

      .horizontal-track {
        flex-direction: column;
        transform: none !important;
      }

      .slide {
        width: 100% !important;
        height: auto;
        flex-direction: column;
        justify-content: flex-start;
      }

      .s1-inner {
        flex-direction: column !important;
        text-align: center !important;
      }

      .s1-image,
      .s1-text {
        width: 100% !important;
        padding: 0 !important;
      }

      .s1-text-inner {
        max-width: 100% !important;
        padding: 20px;
      }

      /* ✅ Cards stack naturally */
      .cards-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 20px;
        gap: 30px;
      }

      .card {
        width: 90%;
        margin-right: 0 !important;
      }

      .card img {
        width: 100%;
      }

      .card video {
        width: 100%;
      }

      .card h2 {
        font-size: 25px;
      }

      /* Fix Next Project card */
      .last-next {
        width: 80% !important;
      }
    }/* End custom CSS */