.scroll-frames-banner-section{margin:120px 0;position:relative;background:#000;padding:80px 40px}.scroll-frames-banner{margin-left:auto;height:800px;display:flex}.scroll-frames-banner-section h2{margin:0 0 16px;color:#fff}.scroll-frames-banner-description{display:flex;gap:24px;margin:0 0 24px}.scroll-frames-banner-description h3{white-space:nowrap}.scroll-frames-banner-content p{color:#fff;font-size:18px;margin:0}.scroll-frames-banner-content{display:flex;flex-direction:column;width:50%;margin:auto 0 auto auto;padding-bottom:40px;color:#fff}.scroll-frames-banner-content h3{color:#fff;margin:0 0 8px}.scroll-frames-banner-content ul{list-style:none;padding:0}.scroll-frames-banner-content ul li{display:flex;gap:24px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.5);position:relative}.scroll-frames-banner-content ul li svg{width:40px;height:40px}.scroll-frames-banner-content ul li .text{flex:1}.scroll-frames-banner-badge{display:flex;gap:40px}.scroll-frames-banner-badge img{width:96px}.scroll-frames-banner-section .btn-link{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;line-height:1;margin-top:auto;margin-bottom:auto}.scroll-rotate{width:100%;aspect-ratio:1;display:block!important}.scroll-rotate-image{left:0;top:0;width:40%;height:100%;display:flex;align-items:center}#the-detector{margin:0}@media screen and (max-width: 780px){.scroll-frames-banner{width:80%;height:600px;padding:40px 24px 40px 100px}.scroll-frames-banner-badge{gap:20px}.scroll-frames-banner-badge img{width:80px;height:auto}.scroll-rotate-wrapper{margin-left:-40px}}@media screen and (max-width: 480px){.scroll-frames-banner-section{margin:80px 0;padding:40px 24px;text-align:left}.scroll-frames-banner-content{width:100%;margin:0}.scroll-frames-banner-content ul li{padding:24px 0;gap:12px}.scroll-frames-banner{flex-direction:column;width:100%;height:auto;background:transparent;padding:0}.scroll-frames-banner-content h3{font-size:18px}.scroll-frames-banner-content p{font-size:14px}.scroll-frames-banner-badge{margin-right:auto}.scroll-rotate-wrapper{width:100%;position:relative;margin:0}.scroll-rotate-image{width:100%}.scroll-rotate{width:100%;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-frames-banner.css.map */