.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;
       }
   }

   .speakerbanner-section {
       background: #111
   }

   .speakerbannerblock {
       display: flex;
       position: relative;
   }

   .speakerbannerblock p {
       font-family: "Zalando Sans Expanded", sans-serif;
       font-weight: 600;
       font-size: 20px;
       line-height: 120%;
       letter-spacing: -.02px;
       text-transform: uppercase;
       color: #fff;
       margin: 0 0 24px;
   }

   .speakerbannerblock h3 {
       font-family: "Zalando Sans Expanded", sans-serif;
       font-weight: 700;
       font-size: 68px;
       line-height: 120%;
       letter-spacing: -.02px;
       text-transform: uppercase;
       color: #fff;
       min-height: 245px;
   }

   .lightningtalk {
       background: url(/assets/images/lightningtalkbg.png) no-repeat center right;
       display: flex;
       justify-content: center;
       position: relative;
       flex-direction: column;
       padding: 63px 110px 50px 59px;
   }

   .localspotlight {
       background: url(/assets/images/localspotlightbg.png) no-repeat left top;
       padding: 63px 80px 50px 80px;
       background-size: 100% 100%;
   }



   .speakerbannercmdbtn {
       position: relative;
       background: #FF4B00;
       border-radius: 0;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       color: #fff;
       overflow: hidden;
       z-index: 1;
       transition: color 0.4s ease;
       padding: 24px 24px;
       font-weight: 700;
       font-size: 20px;
       border-color: #FF4B00 ! important;
       font-family: "Instrument Sans", sans-serif;
       height: auto;
       border: 1px solid;
       margin: 0 auto;
   }

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

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

   .speakerbannercmdbtn:hover {
       color: #FF4B00;
       transform: translateY(0);
       box-shadow: none;
   }

   .speakerhightpoint {
       margin-bottom: 50px;
       display: flex;
       justify-content:center;
   }

   .speakerhightpoint p {
       font-family: "Instrument Sans", sans-serif;
       font-weight: 400;
       font-size: 24px;
       line-height: 120%;
       letter-spacing: 0%;
       color: #fff;
       margin: 0;
       max-width: 330px;
       text-transform: none;
   }

   @media (max-width:1440px) {
       .speakerbannerblock h3 {
           font-size: 50px;
           min-height: 180px;
       }

       .speakerhightpoint {
           margin-bottom: 30px;
       }

       .lightningtalk {
           padding: 52px 80px 68px 30px;
       }

       .localspotlight {
           padding: 52px 50px 78px 50px;
       }

   }

   @media (max-width:1200px) {
       .lightningtalk {
           padding: 30px 80px 30px 30px;
           background-size: 80%;
       }

       .localspotlight {
           padding: 30px 50px 30px 50px;
           background-image: none;
       }

       .speakerbannerblock h3 {
           font-size: 40px;
           min-height: 150px;
       }
   }

   @media (max-width: 992px) {
       .speakerbannerblock {
           flex-direction: column;
           max-width: 500px;
           margin: 0 auto;
           gap: 50px;
       }

       .lightningtalk {
           background-size: 78%;
       }

       .speakerhightpoint {
           justify-content: start;
           padding-left: 40px;
       }

       .localspotlight,
       .lightningtalk {
           padding: 30px;
       }

       .speakerbannerblock h3 {
           min-height: auto;
       }

       .speakerbannercmdbtn {
           min-width: 330px;
       }
   }

   @media (max-width: 500px) {

       .lightningtalk {
           background-size: cover;
           padding: 25px;
       }

       .speakerbannerblock {
           gap: 20px;
       }

       .speakerhightpoint {
           justify-content: start;
       }

       .speakerbannerblock h3 {
           font-size: 30px;
           min-height: auto;
       }

       .speakerhightpoint p {
           font-size: 18px;
       }

       .speakerbannerblock p {
           font-size: 16px;
           margin: 0 0 14px;
       }

       .speakerbannercmdbtn {
           padding: 18px 30px;
           font-size: 17px;
       }

       .speakerhightpoint {
           margin-bottom: 0;
       }

       .speakerhightpoint {
           padding-left: 25px;
       }

       .speakerbannercmdbtn {
           min-width: auto;
       }
   }