.herobannersection {
       padding: 50px;
       background-color: #FF4B00;
   }

   .herobannercontainer {
       background: url('/assets/images/banner-pattern.png') no-repeat center center;
       background-size: contain;
   }

   .herobanner2026 {
       background: url('/assets/images/bannershula.png') no-repeat center right;
       min-height: 711px;
       background-size: contain;
       max-width: 1330px;
       margin: 0 auto;
       display: flex;
       align-items: center;
   }

   .herobanner2026-heading {
       max-width: 816px;
   }

   .herobanner2026-heading {
       display: flex;
       gap: 114px;
       flex-direction: column;
   }

   .herobanner2026-heading h3 {
       flex-shrink: 0;
       font-family: "Zalando Sans Expanded", sans-serif;
       font-weight: 700;
       font-size: 85px;
       line-height: 120%;
       letter-spacing: -.03px;
       text-transform: uppercase;
       color: #fff
   }

   .herobanner2026-heading h3 p {
       font-weight: 700;
       font-style: italic;
       font-size: 70px;
       color: #000;
       line-height: 120%;
       font-family: "Zalando Sans Expanded", sans-serif;
   }

   .herobanner2026-mrt {
       display: flex;
       align-items: center;
       gap: 114px;
       max-width: 690px;
       justify-content: space-between;
   }

   .herobannercmdbtn {
       position: relative;
       background: #FFf !important;
       border-radius: 0 !important;
       display: inline-flex !important;
       align-items: center;
       justify-content: center;
       gap: 10px;
       color: #111;
       overflow: hidden;
       z-index: 1;
       transition: color 0.4s ease;
       padding: 24px 16px !important;
       font-weight: 700 !important;
       font-size: 20px !important;
       border-color: #FFf !important;
       font-family: "Instrument Sans", sans-serif !important;
       max-width: 243px;
       width: 100%;
       height: auto;
   }

   .herobannercmdbtn::before {
       content: "";
       position: absolute;
       bottom: -100%;
       left: 0;
       width: 100%;
       height: 100%;
       transition: bottom 0.4s ease;
       z-index: -1;
       background: #111 !important;
       color: #FF4B00;
       border-color: #111 !important;
   }

   /* Hover effect */
   .herobannercmdbtn:hover::before {
       bottom: 0;
   }

   .herobannercmdbtn:hover {
       color: #FF4B00 !important;
       transform: translateY(0);
       box-shadow: none;
       border-color: #111 !important;
   }

   .herobanner2026-mrt p {
       font-family: "Instrument Sans", sans-serif;
       padding: 0;
       margin: 0;
       width: 100%;
       color: #fff;
       font-weight: 400;
       font-size: 24px;
       line-height: 120%;
       letter-spacing: 0%;
       max-width: 280px;

   }

   @media (max-width:1400px) {
       .herobannersection {
           padding: 40px 10px;
       }

       .herobanner2026 {
           min-height: 650px
       }

       .herobanner2026-heading h3 {
           font-size: 75px;
       }

       .herobanner2026-heading h3 p {
           font-size: 60px;
       }

       .herobanner2026-mrt {
           max-width: 650px;
       }

       .herobanner2026-mrt p {
           font-size: 20px;
           max-width: 280px;
       }
   }

   @media (max-width:1200px) {
       .herobanner2026 {
           background: none;
       }

       .herobanner2026-heading {
           max-width: 100%;
       }

       .herobanner2026-mrt {
           max-width: 100%;
       }
   }

   @media (max-width:768px) {
       .herobannercontainer {
           background-size: cover;
       }

       .herobanner2026-heading h3,
       .herobanner2026-heading h3 p {
           font-size: 46px;
       }

       .herobanner2026-heading {
           gap: 89px;
       }

       .herobanner2026-mrt {
           align-items: start;
           gap: 20px;
           max-width: 690px;
           justify-content: start;
           flex-direction: column;
       }

       .herobanner2026-heading {
           flex-direction: column;
       }
   }

   @media (max-width:350px) {

       .herobanner2026-heading h3,
       .herobanner2026-heading h3 p {
           font-size: 35px;
       }
   }