* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      body {
        overflow-x: hidden;
      }
      .banner-sec {
        position: relative;
        top: 0;
        margin-top: -300px;
        margin-left: 18%;
        margin-right: 9%;
      }
      .banner-slider {
        position: absolute;
        width: 100%;
        overflow: hidden;
        max-height: 80vh;
      }
      .text-overlay {
        position: absolute;
        top: 73%;
        left: 10%;
        padding-right: 10%;
        transform: translateY(-50%);
        color: #fff;
        font-size: 3rem;
        line-height: 1.4;
        font-family: "Humanist521LightBT";
      }
      .swiper {
        width: 100%;
        position: relative;
        padding-bottom: 18px;
      }
      .banner-swiper {
        height: auto;
      }
      .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .main-description {
        text-align: left;
        margin: 2% 6%;
        position: relative;
      }
      .main-desc-title {
        font-family: "Humanist521BT";
        font-size: 3rem;
        letter-spacing: 2.5px;
        line-height: 1.2;
        color: #6d4124;
        margin-bottom: 1rem;
      }
      .main-desc-para {
        font-family: "Humanist521LightBT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #333333;
      }
      .main-desc-div {
        padding-left: 22%;
        padding-right: 28%;
      }
      .product-section {
        position: relative;
        background: linear-gradient(to bottom, #e0e0e0, #ffffff);
        min-height: 840px;
        /* padding-bottom: 5%; */
        margin-top: 8%;
        display: flex;
        justify-content: center;
      }
      .product-grid {
        position: absolute;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        max-width: 1200px;
        width: 100%;
        top: -10%;
        padding-bottom: 1%;
      }
      .product-box.visible {
        transform: scale(1);
        opacity: 1;
      }
      .product-box {
        flex: 1 1 calc(50% - 20px);
        min-width: 280px;
        overflow: hidden;
        position: relative;
        transform: scale(0.8);
        opacity: 0;
        transition: all 0.6s ease;
      }
      .product-box img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.8s ease-in-out; /* Slow down zoom effect */
      }
      .product-overlay-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        text-align: center;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
        font-family: "Humanist521BT";
        font-size: 2rem;
        line-height: 1.2;
        letter-spacing: 1.2px;
        transition: color 0.6s ease-in-out, text-shadow 0.6s ease-in-out;
        cursor: pointer;
      }
      .product-box::after {
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0);
        transition: background 0.6s ease-in-out; /* Smooth fade for overlay */
        z-index: 1;
      }
      .product-box:hover::after {
        background: rgba(0, 0, 0, 0.3);
      }
      .product-box:hover img {
        transform: scale(1.05);
      }
      .product-box:hover .product-overlay-text {
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
        z-index: 2;
      }
      .highlight-title {
        font-family: "Humanist521BT";
        font-size: 2.667rem;
        letter-spacing: 2.5px;
        color: #6d4124;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
      }
      .highlight-section {
        position: relative;
        background-color: #6d4124;
        color: #fff;
        padding-bottom: 13%;
        text-align: center;
        font-size: 1.5rem;
      }
      .highlight-sec-txt {
        font-family: "Humanist521LightBT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #ffffff;
        padding: 2rem;
      }
      .highlight-swiper {
        overflow: hidden;
        position: relative;
      }
      .blue-bg-box {
        position: relative;
        height: 640px;
        width: 55%;
        background-color: #2D6BA8;
        top: 30%;
        left: 48%;
        transform: translate(-50%, -50%);
      }
      .quality-sec-flex {
        position: absolute;
        display: flex;
        align-items: center;
        margin-top: 2%;
      }
      .quality-sec-text-box {
        width: 50%;
        padding: 10% 0% 0% 9%;
        margin-right: -7%;
      }
      .quality-sec-img-box {
        width: 10%;
      }
      .quality-sec-title {
        font-family: "Humanist521BT";
        font-size: 2.667rem;
        letter-spacing: 2.5px;
        color: #ffffff;
      }
      .quality-sec-para {
        font-family: "Humanist521LightBT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #ffffff;
        padding: 5% 0 40% 0;
      }
      .quality-sec-logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10%;
      }
      .quality-sec-logo-left {
        padding-left: 5%;
      }
      .quality-sec-logo-left img {
        height: 110px;
      }
      .quality-sec-logo-right img {
        height: 105px;
      }
      .client-slider-section {
        padding: 5% 0 2%;
        text-align: center;
      }
      .testimonial-img img {
        width: 50%;
      }
      .title-clients {
        font-family: "Humanist521BT";
        font-size: 2.667rem;
        letter-spacing: 2.5px;
        color: #6d4124;
        padding-bottom: 3%;
        text-align: center;
        width: 100%;
      }
      .clientSwiper {
        width: 65%;
      }
      .dealer-section {
        position: relative;
        min-height: 100vh;
        font-family: "Humanist521LightBT";
        text-align: center;
        overflow: hidden;
      }     
      .dealer-bg-wrapper {/* background image behind the content */
        position: relative;
        width: 100%;
      }
      .dealer-overlay-section {
        position: relative;
        z-index: 1;
        max-width: 1200px;
        margin: 0 auto;
        padding: 5% 0;
        width: 100%;
      }
      .dealer-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
      }
      .dealer-title {
        font-family: "Humanist521BT";
        font-size: 2.667rem;
        letter-spacing: 2.5px;
        color: #6d4124;
        text-align: center;
        width: 100%;
      }
      .dealer-subtitle {
        margin-top: 1%;
        font-family: "Humanist521LightBT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #333333;
      }
      .dealer-form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        margin: 3% 0 2% 0;
      }
      .dealer-select {
        width: 75%;
        padding: 12px 15px;
        border: 2px solid #999;
        border-radius: 2px;
        appearance: none;
        background: white
          url('data:image/svg+xml;utf8,<svg fill="%2342648D" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>')
          no-repeat right 60% center;
        background-size: 70px;
        font-family: "Humanist521BT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #666666;
      }
      .dealer-info-box {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        padding: 2%;
        border: 2px solid #999;
        max-width: 1200px;
        margin: 0 auto;
        background: white;
        overflow: hidden;
      }
      .dealer-address {
        text-align: left;
        width: 50%;
        font-family: "Humanist521LightBT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #333333;
        max-height: 325px;
        overflow-y: auto;
        padding-right: 10px;
      }
      .dealer-address-phone {
        font-family: "Humanist521BT";
        padding-top: 7%;
      }
      .dealer-address-phone a {
        color: #333333;
        text-decoration: none;
      }
      .dealer-map {
        width: 50%;
      }
      .dealer-map iframe {
        width: 100%;
        height: 410px;
        border: 2px solid #999;
      }
      .hr-pd {
        margin: 1rem 0;
      }
      .clear-btn {
        background-color: #42648D;
        color: white;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-family: "Humanist521BT";
      }
      .dealer-card {
        cursor: pointer;
      }
      .dealer-card:hover {
        background: #f0f0f0;
      }
      .no-dealer {
        color: #333333;
        margin: auto;
      }
      .dealer-input-container {
        width: 52%;
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }
      .dealer-input {
        width: 100%;
        padding: 12px 15px;
        border: 2px solid #999;
        border-radius: 2px;
        font-family: "Humanist521BT";
        font-size: 1.333rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
        color: #666666;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        outline: none;
        border-bottom: none;
      }
      .search-results {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: 123px;
        overflow-y: auto;
        background: #fff;
        z-index: 9;
        border: 1.333px solid #999;
        font-family: "Humanist521BT";
        font-size: 1.333rem;
        color: #666666;
        text-align: left;
      }
      .search-results div {
        padding: 5px;
        cursor: pointer;
        font-family: "Humanist521BT";
      }
      .search-results div:hover {
        background: #3064ce;
        color: #fff;
      }
      .dealer-input:focus {
        border: 2px solid #000;
        border-radius: 2px;
        outline: none;
      }

      @media (max-width: 767px) {
        .banner-sec {
          position: relative;
          top: 0;
          margin-top: -340px;
          margin-left: 5%;
          margin-right: 5%;
        }
        .text-overlay {
          font-size: 2rem;
          line-height: 1.2;
        }
        .product-box {
          flex: 1 1 100%;
        }
        .main-description {
          text-align: left;
          margin: 10% 5% 15% 5%;
        }
        .main-desc-div {
          padding: 0;
        }
        .main-desc-title {
          font-size: 2rem;
        }
        .main-desc-para {
          font-size: 0.9rem;
        }
        .product-grid {
          position: absolute;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px;
          width: 90%;
          left: 0%;
          top: -3%;
          padding-bottom: 1%;
          flex-direction: column;
          margin: 0 5%;
        }
        .product-overlay-text {
          font-size: 1rem;
        }
        .highlight-title {
          font-size: 1.8rem;
        }
        .product-section {
          min-height: 995px;
        }
        .highlight-sec-txt {
          font-size: 0.9rem;
          padding: 2rem 1.2rem 3rem;
        }
        .quality-sec-title {
          font-size: 1.5rem;
        }
        .quality-sec-para {
          font-size: 0.9rem;
          padding: 7% 0 0 0;
        }
        .quality-sec-text-box {
          width: 75%;
          padding: 7% 0% 0% 0%;
          margin-right: 0;
        }
        .quality-sec-logo {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 10%;
          padding-top: 25%;
        }
        .quality-sec-logo-left {
          padding-left: 2%;
        }
        .quality-sec-logo-left img {
          height: 60px;
        }
        .quality-sec-logo-right img {
          height: 55px;
        }
        .quality-sec-img-box {
          width: 100%;
          margin-left: 5%;
          margin-top: 0;
        }
        .quality-sec-img-box img {
          height: 180px;
        }
        .quality-section {
          height: 435px;
        }
        .quality-container {
          margin: 0 5%;
        }
        .blue-bg-box {
          height: 465px;
          width: 63%;
          top: 40%;
          left: 41%;
        }
        .quality-sec-flex {
          position: absolute;
          display: flex;
          align-items: flex-start;
          margin-top: 0;
          flex-direction: column;
          justify-content: space-between;
          flex-wrap: wrap;
        }
        .quality-sec-columns {
          flex: 1 1 calc(33.33% - 20px);
          padding: 0 5%;
          box-sizing: border-box;
        }
        .title-clients {
          font-size: 1.8rem;
          padding-bottom: 5%;
        }
        .clientSwiper {
          width: 100%;
          padding: 0 1%;
        }
        .testimonial-img img {
          width: 90%;
        }
        .dealer-title {
          font-size: 1.8rem;
        }
        .dealer-overlay-section {
          padding: 10% 5%;
        }
        .dealer-info-box {
          display: flex;
          flex-direction: column;
          min-height: 270px;
        }
        .dealer-subtitle {
          margin-top: 5%;
          font-size: 0.9rem;
        }
        .dealer-address {
          width: 100%;
          font-size: 0.9rem;
        }
        .dealer-map {
          width: 100%;
        }
        .dealer-map iframe {
          width: 100% ;
          height: 270px;
        }
        .dealer-select {
          font-size: 0.9rem;
          padding: 8px 10px;
          background-size: 50px;
        }
        .client-slider-section {
          padding: 15% 0 5%;
          text-align: center;
        }
        .highlight-section {
          padding-bottom: 20%;
        }
        .clear-btn {
          padding: 5px 10px;
          font-size: 13px;
        }
        .dealer-form {
          margin: 7% 0 5% 0;
        }
        .dealer-input-container {
          width: 75%;
        }
        .dealer-input {
          padding: 8px;
          font-size: 0.9rem;
        }
        .search-results {
          max-height: 123px;
          font-size: 0.9rem;
        }
        .search-results div {
          padding: 2px;
        }
      }

      @media (max-width: 667px) and (min-width: 375px) {
        .product-section {
          min-height: 1020px;
        }
      }

      @media (max-width: 915px) and (min-width: 412px) {
        .product-section {
          min-height: 1120px;
        }
      }

      @media (max-width: 932px) and (min-width: 431px) {
        .product-section {
          min-height: 1370px;
        }
      }

      @media only screen and (min-width: 768px) {
        .quality-sec-img-box img {
          height: 210px;
        }
        .banner-sec {
          margin-top: -100px;
          margin-left: 14%;
          margin-right: 6%;
        }
        .text-overlay {
          font-size: 2rem;
        }
        .main-desc-div {
          padding-left: 20%;
          padding-right: 25%;
        }
        .main-desc-title {
          font-size: 2rem;
        }
        .main-desc-para {
          font-size: 1rem;
        }
        .product-section {
          min-height: 465px;
          margin-top: 15%;
        }
        .main-description {
          text-align: left;
          margin: 5% 6%;
          position: relative;
        }
        .product-grid {
          max-width: 600px;
        }
        .dealer-select {
          width: 52%;
        }
        .dealer-info-box {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          gap: 20px;
          padding: 2%;
          border: 2px solid #999;
          max-width: 550px;
          min-height: 230px;
        }
        .dealer-map iframe {
          width: 100%;
          height: 335px;
        }
        .dealer-section {
          position: relative;
          min-height: 85vh;
        }
        .quality-sec-title {
          font-size: 2rem;
        }
        .quality-sec-para {
          font-size: 1rem;
        }
        .blue-bg-box {
          height: 500px;
          width: 55%;
          top: 40%;
          left: 48%;
        }
        .highlight-sec-txt {
          font-size: 1rem;
        }
        .highlight-title {
          font-size: 2rem;
        }
        .title-clients {
          font-size: 2rem;
        }
        .product-overlay-text {
          font-size: 1.2rem;
        }
      }

      @media only screen and (min-width: 1024px) {
        .banner-sec {
          margin-top: -220px;
          margin-left: 14%;
          margin-right: 6%;
        }
        .text-overlay {
          font-size: 2rem;
        }
      }

      @media only screen and (min-width: 1224px) {
        .banner-sec {
          position: relative;
          top: 0;
          margin-top: -270px;
          margin-left: 14%;
          margin-right: 9%;
        }
        .text-overlay {
          font-size: 2.5rem;
        }
        .main-desc-div {
          padding-left: 22%;
          padding-right: 28%;
        }
        .main-description {
          margin: 2% 6% 8% 6%;
        }
        .main-desc-title {
          font-size: 2.5rem;
        }
        .main-desc-para {
          font-size: 1rem;
        }
        .product-section {
          margin-top: 8%;
          min-height: 640px;
        }
        .product-grid {
          position: absolute;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 14px;
          max-width: 875px;
          top: -10%;
          padding-bottom: 1%;
        }
        .product-overlay-text {
          font-size: 1.2rem;
        }
        .highlight-section {
          padding-bottom: 11%;
        }
        .highlight-title {
          font-size: 2rem;
        }
        .highlight-sec-txt {
          font-size: 1rem;
          padding: 1rem;
        }
        .quality-sec-text-box {
          width: 56%;
          padding: 2% 0% 0% 7%;
          margin-right: -7%;
        }
        .quality-sec-title {
          font-size: 2rem;
        }
        .quality-sec-para {
          font-size: 1rem;
          padding: 5% 0 35% 0;
        }
        .blue-bg-box {
          height: 415px;
          width: 54%;
          top: 30%;
          left: 48%;
        }
        .quality-sec-img-box {
          width: 10%;
        }
        .quality-sec-img-box img {
          height: 320px;
        }
        .quality-sec-logo-left {
          padding-left: 5%;
        }
        .quality-sec-logo-left img {
          height: 85px;
        }
        .quality-sec-logo-right img {
          height: 75px;
        }
        .quality-section {
          height: 355px;
        }
        .quality-sec-flex {
          margin-top: 4%;
        }
        .title-clients {
          font-size: 2rem;
        }
        .dealer-title {
          font-size: 2rem;
        }
        .dealer-subtitle {
          font-size: 1rem;
          margin-top: 1%;
        }
        .dealer-select {
          width: 55%;
          padding: 8px;
          border: 2px solid #999;
          border-radius: 2px;
          appearance: none;
          background-size: 60px;
          font-family: "Humanist521BT";
          font-size: 1rem;
          letter-spacing: 1.2px;
          line-height: 1.2;
          color: #666666;
        }
        .dealer-address {
          font-size: 1rem;
          width: 50%;
        }
        .dealer-map iframe {
          width: 100%;
          height: 230px;
        }
        .dealer-map {
          width: 50%;
        }
        .dealer-overlay-section {
          padding: 4% 0;
          max-width: 800px;
        }
        .dealer-info-box {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          gap: 20px;
          padding: 2%;
          border: 2px solid #999;
          max-width: 660px;
          min-height: 230px;
          margin: 0 auto;
          background: white;
          overflow: hidden;
        }
        .clear-btn {
          padding: 5px 15px;
          font-size: 15px;
        }
        .dealer-form {
          margin: 4% 0 3% 0;
        }
        .dealer-input-container {
          width: 55%;
        }
        .dealer-input {
          width: 100%;
          padding: 8px;
          font-size: 1rem;
        }
        .search-results {
          max-height: 123px;
          font-size: 1rem;
        }
        .search-results div {
          padding: 2px;
        }
        .dealer-section {
          position: relative;
          min-height: 100vh;
        }
      }

      @media only screen and (min-width: 1800px) {
        .banner-sec {
          position: relative;
          top: 0;
          margin-top: -300px;
          margin-left: 18%;
          margin-right: 9%;
        }
        .text-overlay {
          font-size: 3rem;
        }
        .main-description {
          text-align: left;
          margin: 2% 18% 8% 18%;
        }
        .main-desc-div {
          padding-left: 15%;
          padding-right: 19%;
        }
        .main-desc-title {
          font-size: 3rem;
        }
        .main-desc-para {
          font-size: 1.333rem;
        }
        .highlight-section {
          padding-bottom: 11%;
        }
        .highlight-title {
          font-size: 2.667rem;
        }
        .product-section {
          min-height: 840px;
        }
        .product-grid {
          position: absolute;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px;
          max-width: 1200px;
          top: -10%;
          padding-bottom: 1%;
        }
        .product-overlay-text {
          font-size: 2rem;
        }
        .highlight-sec-txt {
          font-size: 1.333rem;
          padding: 2rem;
        }
        .quality-section {
          height: 450px;
        }
        .quality-sec-flex {
          margin-top: 0%;
        }
        .quality-sec-text-box {
          width: 58%;
          padding: 5% 0% 0% 7%;
          margin-right: -8%;
        }
        .quality-sec-title {
          font-size: 2.667rem;
        }
        .quality-sec-para {
          font-size: 1.333rem;
          padding: 5% 0 30% 0;
        }
        .blue-bg-box {
          height: 510px;
          width: 45%;
        }
        .quality-sec-img-box img {
          height: 392px;
        }
        .quality-sec-logo-left img {
          height: 110px;
        }
        .quality-sec-logo-right img {
          height: 105px;
        }
        .title-clients {
          font-size: 2.667rem;
        }
        .dealer-title {
          font-size: 2.667rem;
        }
        .dealer-subtitle {
          font-size: 1.333rem;
        }
        .dealer-select {
          width: 52%;
          padding: 12px 15px;
          font-size: 1.333rem;
          background-size: 70px;
        }
        .dealer-info-box {
          max-width: 900px;
          min-height: 320px;
        }
        .dealer-address {
          font-size: 1.333rem;
        }
        .dealer-map iframe {
          width: 100%;
          height: 320px;
        }
        .dealer-overlay-section {
          padding: 5% 0;
          max-width: 1200px;
        }
        .clear-btn {
          padding: 10px 20px;
          font-size: 16px;
        }
        .dealer-form {
          margin: 3% 0 2% 0;
        }
        .dealer-input-container {
          width: 52%;
        }
        .dealer-input {
          width: 100%;
          padding: 12px 15px;
          font-size: 1.333rem;
        }
        .search-results {
          max-height: 123px;
          font-size: 1.333rem;
        }
        .search-results div {
          padding: 5px;
        }
      }