.banner{width:100%;max-width:1440px;margin:0 auto;height:280px}.banner-base{position:absolute;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 100px;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity 0.5s ease}.banner .banner-base.active{opacity:1}#slide-1{z-index:1;display:flex}#slide-1::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgb(0 0 0 / .8) 0%,rgb(0 0 0 / .4) 99.99%,#fff0 100%);z-index:2}#slide-1 .left .banner-heading{color:var(--msa-bg-white);text-wrap:wrap}#slide-1 .left{flex-shrink:1}#slide-1 .right{flex-shrink:0}#slide-1 .left,#slide-1 .right{position:relative;z-index:3}.safety-first,.msa-approved{position:relative;width:148px;height:148px;z-index:3}.safety-first{top:-30px;left:0}.msa-approved{top:20px;right:45px}.lets-ride-img{position:relative;top:23px;width:249px;height:auto}#slide-3{gap:65px}#slide-3 .left{flex-shrink:0}#slide-3 .slide3-image{width:200px;height:200px;border-radius:20px;object-fit:cover}#slide-3 .right{max-width:975px}.signimg{width:205px;height:auto}.bike{position:absolute;top:-22px;right:-50px;object-fit:cover;width:601.39px;height:298px}#slide-2 .left,#slide-4 .left{display:flex;flex-direction:column;gap:24px}#slide-5 .left{max-width:70%}@media (max-width:1440px){.banner-base{padding:0 80px}#slide-2 .left{width:50%}#slide-3 .right{max-width:769px}#slide-5 .left{max-width:60%}}@media (max-width:1200px){.banner-base{padding:0 16px}#slide-3 .right{max-width:690px}.lets-ride-img{width:229px;top:31px}.bike{width:447px;height:222px;top:56px;right:0}}@media (max-width:992px){.banner{height:231px}.banner-base{padding:0 16px}#slide-2 .left{max-width:433px}#slide-3{gap:60px}#slide-3 .right{max-width:489px}#slide-3 .slide3-image{width:171px;height:171px}#slide-4 .left{max-width:60%}#slide-5 .left{max-width:40%}#slide-2 .left,#slide-4 .left{gap:16px}.lets-ride-img{width:199px;top:23px}.bike{width:447px;height:222px;top:6px}}@media (max-width:768px){.banner{height:200px}#slide-1 .left{max-width:60%}#slide-2 .left{width:60%}.safety-first,.msa-approved{width:90px;height:90px}#slide-3{gap:42px}#slide-3 .right{max-width:359px}#slide-3 .slide3-image{width:144px;height:144px}.lets-ride-img{width:161px;top:24px}.signimg{width:156px;height:150px}.bike{width:327px;height:162px;top:37px}}@media (max-width:576px){.banner{height:177px}.banner-base{padding:20px 10px;flex-direction:column;align-items:start;justify-content:center}#slide-1 .left{max-width:100%}#slide-2 .left{width:75%}#slide-2 .right{position:absolute;right:0;bottom:-6px}.safety-first{transform:rotate(23.45deg);top:0;left:0}.msa-approved{transform:rotate(-28.6deg);top:0;left:0}#slide-3{gap:0}#slide-4 .left{max-width:70%}#slide-4 .right{position:absolute;right:5px;bottom:30px}#slide-3 .slide3-image{width:79px;height:51px;border-radius:12px}#slide-5 .left{max-width:100%}.lets-ride-img{width:123px;height:119px;top:0;left:0}#slide-5.banner-base{justify-content:start}.signimg{width:96px;height:92px;top:0;left:0}.bike{width:295px;height:146px;top:30px}}.banner #slide-1.active::after,.banner #slide-1.active{animation:fadeIn 2s ease forwards}.banner #slide-1.active .right{animation:leftCrossSlideDowm 1.5s ease forwards}.banner #slide-1.active .right .safety-first{animation:rotateIconAnticlockwise 1.5s ease forwards}.banner #slide-1.active .right .msa-approved{animation:rotateIconClockwise 1.5s ease forwards}.banner #slide-1.inactive{animation:fadeOut 1.5s ease forwards}.banner #slide-1.inactive .left,.banner #slide-1.inactive .right{animation:slideUpExit 1.5s ease forwards}.banner #slide-2.active .left{animation:slideDownEnter 1.5s ease forwards}.banner #slide-2.active .right{animation:fadeIn 1.5s ease forwards}.banner #slide-2.inactive .left{animation:slideDownExit 1.5s ease forwards}.banner #slide-2.inactive .right{animation:fadeOut 1.5s ease forwards}.banner #slide-3.active .left{animation:slideLeftEnter 1.5s ease forwards}.banner #slide-3.active .right{animation:longSlideRightEnter 1.5s ease forwards}.banner #slide-3.inactive .left{animation:slideLeftExit 1.5s ease forwards}.banner #slide-3.inactive .right{animation:slideRightExit 1.5s ease forwards}.banner #slide-4.active .left{animation:slideUpEnter 1.5s ease forwards}.banner #slide-4.active .right{animation:slideRightEnter 1.5s ease forwards}.banner #slide-4.inactive .left{animation:longSlideRightExit 1.5s ease forwards}.banner #slide-4.inactive .right{animation:longSlideRightExit 1.5s ease forwards}.banner #slide-5.active .left{animation:longSlideLeftEnter 2s ease forwards}.banner #slide-5.active .right .bike{animation:longSlideLeftEnter 1.5s ease forwards}.banner #slide-5.inactive{animation:fadeOut 1.5s ease forwards}@media (max-width:1200px){.banner #slide-1.active .right{animation:rightCrossSlideDowm 1.5s ease forwards}}@media (max-width:992px){.banner #slide-1.active .right{animation:slideRightEnter 1.5s ease forwards}.banner #slide-1.active .right .safety-first,.banner #slide-1.active .right .msa-approved{animation:none}}@media (max-width:576px){.banner #slide-1.active .safety-first,.banner #slide-1.active .msa-approved{animation:none}.banner #slide-1.active .left{animation:slideLeftEnter 1.5s ease forwards}.banner #slide-1.inactive .left,.banner #slide-1.inactive .right{animation:none}.banner #slide-2.active .right{animation:slideUpEnter 1.5s ease forwards}.banner #slide-2.inactive .right{animation:slideDownExit 1.5s ease forwards}.banner #slide-1.active .left .banner-heading{margin-left:12px}}@media (max-width:360px){.banner #slide-1.active .left,.banner #slide-1.active .right{animation:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes leftCrossSlideDowm{from{transform:translate(-100px,-300px);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes rightCrossSlideDowm{from{transform:translate(100px,-300px);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes rotateIconAnticlockwise{from{transform:rotate(120deg)}to{transform:rotate(0)}}@keyframes rotateIconClockwise{from{transform:rotate(-120deg)}to{transform:rotate(0)}}@keyframes slideUpEnter{from{transform:translateY(200px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRightEnter{from{transform:translateX(200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideDownEnter{from{transform:translateY(200px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeftEnter{from{transform:translateX(-200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideUpExit{from{transform:translateY(0);opacity:1}to{transform:translateY(-200px);opacity:0}}@keyframes slideRightExit{from{transform:translateX(0);opacity:1}to{transform:translateX(200px);opacity:0}}@keyframes slideDownExit{from{transform:translateY(0);opacity:1}to{transform:translateY(200px);opacity:0}}@keyframes slideLeftExit{from{transform:translateX(0);opacity:1}to{transform:translateX(-200px);opacity:0}}@keyframes longSlideRightEnter{from{transform:translateX(1200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes longSlideLeftEnter{from{transform:translateX(-1200px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes longSlideRightExit{from{transform:translateX(0);opacity:1}to{transform:translateX(1200px);opacity:0}}