.image-banner{clear:both}.image-banner .pb-c{position:relative;display:flex;align-items:center}.image-banner .pb-c .ib-c{position:absolute;z-index:2;width:100%;max-width:600px;background-color:#fffc;padding:3rem;left:3%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:#fffc;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.image-banner .pb-c .ib-c .h2{font-size:3rem;font-weight:700;text-transform:uppercase;color:#0a4a90;text-shadow:1px 1px 1px #000;-webkit-transform:skew(-5deg) rotate(-5deg);-ms-transform:skew(-5deg) rotate(-5deg);transform:skew(-5deg) rotate(-5deg);margin-bottom:.5rem}.image-banner .pb-c .ib-c .h5{font-size:6rem;-webkit-text-stroke:.95px #fff;-webkit-transform:skew(-5deg) rotate(-5deg);-ms-transform:skew(-5deg) rotate(-5deg);transform:skew(-5deg) rotate(-5deg);line-height:1em;font-weight:700;text-shadow:2.5px 2.5px 1.5px #0a4a90;text-transform:uppercase;letter-spacing:2px;font-style:italic}.image-banner .pb-c .ib-c p{margin-top:2em;margin-bottom:2em;font-weight:500}.image-banner .pb-c .ib-c a{font-size:2rem;height:58px;background-color:#000;color:#fff;border-radius:50px;text-align:center;line-height:53px;display:block;text-decoration:none;transition:all .5s ease-in-out;border:2px solid #000;width:250px}.image-banner .pb-c .ib-c a:hover{background-color:#111}.image-banner.why-choose .ib-c{background:transparent;color:#fff;border:0}.image-banner.why-choose .ib-c .h5{color:#fff;text-shadow:2.5px 2.5px 1.5px #0a4a90;text-transform:uppercase;letter-spacing:4px;font-style:italic}.head{text-align:center;margin:30px 0}.head h2{font-size:36px;margin-bottom:10px;font-style:italic;font-weight:700}.head p{font-size:16px;margin-bottom:20px}.head a{font-size:2rem;height:58px;background-color:#000;color:#fff;border-radius:50px;text-align:center;line-height:53px;display:block;text-decoration:none;transition:all .5s ease-in-out;border:2px solid #000;width:250px;margin:0 auto;display:inline-block}.head a:hover{background-color:#111}.highlight-box{margin:40px 0}.con-block{padding:50px}.con-block .h2{font-size:3rem;font-weight:700;text-transform:uppercase;color:#0a4a90;text-shadow:1px 1px 1px #000;-webkit-transform:skew(-5deg) rotate(-5deg);-ms-transform:skew(-5deg) rotate(-5deg);transform:skew(-5deg) rotate(-5deg);margin-bottom:.5rem}.con-block .h5{font-size:5rem;-webkit-text-stroke:1px #fff;text-shadow:2.5px 3.5px 1.5px #0a4a90;-webkit-transform:skew(-5deg) rotate(-5deg);-ms-transform:skew(-5deg) rotate(-5deg);transform:skew(-5deg) rotate(-5deg);line-height:1em;font-weight:700}.con-block ol.highlight-list{counter-reset:list-counter;list-style:none;padding:0;margin:50px 0 0}.con-block .highlight-list li{counter-increment:list-counter;position:relative;margin-bottom:12px;padding-left:48px;font-size:16px;line-height:1.5;color:#333}.con-block .highlight-list li:before{content:counter(list-counter);position:absolute;left:0;top:0;width:32px;height:32px;background-color:#0a4a90;color:#fff;border-radius:50%;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:15px}.con-block .highlight-list strong{font-weight:700}.video-box{margin:30px 0;border-radius:8px;overflow:hidden}.video-box img,.video-box iframe,.video-box video{border-radius:5px}.before-after-box{padding:40px 0;@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}}.before-after-box .slider-container{margin:0 auto;margin-top:5rem;position:relative;width:100%;max-width:1000px;height:600px;border-radius:.7rem;overflow:hidden}.before-after-box .before-image,.before-after-box .after-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.before-after-box .before-text,.before-after-box .after-text{position:absolute;font-family:system-ui;font-size:14px;font-weight:600;color:#3a3a3a;z-index:4;padding:10px 20px;background-color:#ffffff9e;border-radius:.3rem;letter-spacing:2px;transition:opacity .3s ease-in-out}.before-after-box .before-text{left:20px;top:20px;z-index:5}.before-after-box .after-text{right:20px;top:20px;z-index:3}.before-after-box .after-image .after-text{visibility:visible;z-index:3}.before-after-box .after-image{clip-path:inset(0 50% 0 0)}.before-after-box .slider-handle{position:absolute;top:0;left:50%;width:0px;height:100%;background-color:#fff;cursor:pointer;z-index:2}.before-after-box .slider-line{position:absolute;top:0;left:50%;width:0px;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:1}.before-after-box .pulse-container{position:relative;display:inline-block}.before-after-box .pulse-container:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%) scale(1);opacity:0;animation:pulse 1.5s infinite}.before-after-box .slider-line svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;cursor:pointer}.before-after-box .slider-container,.before-after-box .before-image img,.before-after-box .after-image img,.before-after-box .slider-handle,.before-after-box .slider-line{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 800px){.image-banner .pb-c{align-items:flex-start}.image-banner .pb-c .ib-c{text-align:center;width:95%;left:2%;padding:2rem;top:40px}.image-banner .pb-c .ib-c .h5{font-size:4rem;-webkit-text-stroke:.5px #fff}.image-banner .pb-c .ib-c .h2,.image-banner .pb-c .ib-c a{margin:5px auto}.image-banner .pb-c .ib-img img{position:relative}.before-after-box .slider-container{height:400px}.con-block{text-align:center}.con-block .highlight-list li{display:flex;align-items:center;justify-content:center}.con-block .highlight-list li:before{position:relative;margin-right:10px}}@media (max-width: 550px){.image-banner .pb-c .ib-c{padding:1rem}.image-banner .pb-c .ib-c .h5{font-size:3rem}.image-banner .pb-c .ib-c .h2{font-size:2rem}.image-banner .pb-c .ib-c p{margin:20px 0 5px;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-product.scss.css.map */