.promo-banner-sec { overflow: hidden; }
.promo-banner-sec .promo-banner-inner {display: flex;flex-wrap: wrap;gap: 105px; align-items: center;}
.promo-banner-sec .promo-banner-left .content p{ text-transform:uppercase}
.promo-banner-sec .promo-banner-left .content *:last-child{margin-bottom:0;}
.promo-banner-sec .promo-banner-left .heading_text,.promo-banner-sec .promo-banner-left .content{color:var(--accent_color_10)}
.promo-banner-sec .promo-banner-left {width: calc(61.8% - 52.5px);}
.promo-banner-sec .promo-banner-right { width: calc(38.2% - 52.5px);}
.promo-banner-sec .promo-banner-left .heading_text  span{color:var(--accent_color_5)}
.promo-banner-sec .scene{ position:relative;width:min(92vw, 436px);height:min(100vh, 496px);perspective:1200px;display:flex;align-items:center; justify-content:center;}
.promo-banner-sec .stage{position:relative;width:100%;height:100%; transform-style:preserve-3d;    transform: rotateX(351deg) rotate(6deg);display:flex;align-items:center;justify-content:center;}
.promo-banner-sec .ring-tilt{position:absolute;width:0;height:0;top:38%;left:44%;transform-style:preserve-3d;    transform: rotate(343deg) rotateX(354deg);}
.promo-banner-sec .ring{position:absolute;top:0;left:0;width:0;height:0;transform-style:preserve-3d;animation:spin 14s linear infinite;}
 @keyframes spin{
    from{ transform:rotateY(-360deg); }
    to  { transform:rotateY(0deg); }
  }
.promo-banner-sec .ring .char{     text-shadow: -2px 5px 11px rgb(0 0 0 / 58%);position:absolute;top:0;left:0;transform-style:preserve-3d;font-weight:700;font-size:80px;letter-spacing:-0em;line-height:1;text-transform:lowercase;user-select:none; }
.promo-banner-sec .char .face{position:absolute;transform:translate(-50%,-50%);backface-visibility:hidden;white-space:pre;}
.promo-banner-sec .char .front{ color:var(--accent_color_10); }
.promo-banner-sec .char .back{color:#7a7a7a;transform:translate(-50%,-50%) rotateY(180deg);}
.promo-banner-sec .light-wrap{position:relative;z-index:5;transform-style:preserve-3d;    transform: rotate(352deg); {#width:clamp(170px, 40vw, 200px); #}width: clamp(140px, 24vw, 148px);}
.promo-banner-sec .light-wrap svg{display:block;width:100%;height:auto;/*filter:drop-shadow(0 30px 55px rgba(0,0,0,.85));*/}
.promo-banner-sec .lens{ transform-origin:center; transform-box:fill-box; }
.promo-banner-sec .glow-red   { animation:pulse 4.5s ease-in-out infinite; }
.promo-banner-sec .glow-amber { animation:pulse 4.5s ease-in-out 1.5s infinite; }
.promo-banner-sec .glow-green { animation:pulse 4.5s ease-in-out 3s infinite; }

  @keyframes pulse{
    0%, 20%, 100%{ opacity:.2; }
    8%{ opacity:.9; }
  }

  @media (prefers-reduced-motion: reduce){
    .promo-banner-sec .ring{ animation-duration:120s; }
    .promo-banner-sec .glow-red,.promo-banner-sec .glow-amber,.promo-banner-sec .glow-green{ animation:none; opacity:.5; }
  }

@media(max-width:1300px){
    
    .promo-banner-sec .promo-banner-inner {gap: 40px;}
    .promo-banner-sec .scene {height: min(100vh,496px); width: 100%;}
    .promo-banner-sec .promo-banner-left .heading_text br{display:none}
    .promo-banner-sec .promo-banner-left {width: calc(60% - 20px);}
    .promo-banner-sec .promo-banner-right {width: calc(40% - 20px);}
}

@media(max-width:991px){
  .promo-banner-sec .light-wrap { width: clamp(130px, 14vw, 118px);}
  .promo-banner-sec .ring-tilt{    left: 47%;}
  .promo-banner-sec { overflow: hidden; }
  .promo-banner-sec  .btn-wrapper {margin-top:40px}
  .promo-banner-sec .promo-banner-right {width: 100%;}
  .promo-banner-sec .promo-banner-left {width: 100%;order:1}
}



@media(max-width:767px){
  .promo-banner-sec .promo-banner-left .section-heading br{display:none;}
    .promo-banner-sec .promo-banner-inner {gap: 10px;}
    .promo-banner-sec .ring .char {font-size: 50px;}
    .promo-banner-sec .light-wrap {width: clamp(116px, 14vw, 111px);}
    
}