.main-hero-section{position:relative;overflow:hidden}.main-hero-section .swiper-slide{position:relative}.main-hero-section .slide-bg img{width:100%;height:100%;object-fit:cover;display:block}.slide-bg.slide-bg-desktop{height:98dvh}.hero-main .main-hero-swiper-pagination{position:absolute;bottom:clamp(13px,1.1vw,20px);left:clamp(5px,.6vw,10px);right:clamp(5px,.6vw,10px);width:calc(100% - clamp(13px,1.1vw,20px));z-index:1;display:flex;align-items:center;gap:clamp(5px,.6vw,10px);justify-content:center}.hero-main .main-hero-swiper-pagination span.swiper-pagination-bullet{width:clamp(3px,.5vw,8px);height:clamp(3px,.5vw,8px);margin:0;background:#eee;opacity:.7}.hero-main .main-hero-swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#125ea1;opacity:1}.main-hero-section .slide_content{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;z-index:2;width:90%}.main-hero-section .cont_small_text{font-size:clamp(13px,1vw,18px);opacity:.95;margin:0 0 clamp(2px,.3vw,5px);color:var(--text-color);line-height:1.5;overflow:hidden}.main-hero-section h2{font-size:clamp(30px,3.2vw,60px);margin:0;font-weight:700;color:var(--text-color);line-height:1.25;overflow:hidden;margin:clamp(5px,.6vw,10px) 0}.main-hero-section .cont_desc_text{font-size:clamp(16px,1.7vw,32px);margin:0;color:var(--text-color);line-height:1.3;overflow:hidden;margin:clamp(2px,.3vw,5px) 0}.main-hero-section .hero_section_btn{display:inline-block;padding:clamp(5px,.6vw,10px) clamp(13px,1vw,18px);border:1px solid var(--button-color);color:var(--button-color);text-decoration:none;border-radius:clamp(2px,.3vw,4px);font-size:clamp(11px,.9vw,16px);font-weight:500;line-height:1.5;display:flex;width:fit-content;margin:0 auto;margin-top:clamp(11px,.9vw,16px);gap:clamp(2px,.3vw,5px);position:relative}.main-hero-section .hero_section_btn:after{content:"";display:block;position:absolute;width:100%;height:100%;background:var(--button-color);top:0;left:0;opacity:0;transition:all .3s ease}.main-hero-section .hero_section_btn:hover:after{opacity:.3}.main-hero-section .hero-thumbs{position:absolute;left:50%;bottom:clamp(28px,3vw,56px);transform:translate(-50%);width:min(540px,92%);z-index:5}.main-hero-section .hero-thumb-item-cont{cursor:pointer;text-align:center;opacity:.65;padding:0 clamp(13px,1vw,18px)}.main-hero-section .thumb-item img{width:clamp(55px,5.8vw,110px);height:auto;object-fit:contain;display:block;margin:0 auto}.main-hero-section .thumb-item span{color:#fff;font-size:clamp(13px,1.1vw,20px);margin-top:clamp(2px,.3vw,5px);line-height:2}.main-hero-section .swiper-slide-thumb-active .hero-thumb-item-cont{opacity:1}.main-hero-section .hero-thumbs .swiper-wrapper{justify-content:center}.main-hero-section .hero-thumbs .swiper-slide:last-child:after,.main-hero-section .hero-thumbs .swiper-slide:before{content:"";display:block;height:100%;width:1px;background:#fff6;position:absolute;left:0;top:0}.main-hero-section .hero-thumbs .swiper-slide:last-child:after{right:0;left:auto}.main-hero-section .swiper-button-prev,.main-hero-section .swiper-button-next{color:#fff;width:clamp(22px,2.2vw,42px);height:clamp(22px,2.2vw,42px);background:#ffffff26;border-radius:50%}.main-hero-section .swiper-button-prev{left:clamp(20px,2.1vw,40px)}.main-hero-section .swiper-button-next{right:clamp(20px,2.1vw,40px)}.main-hero-section .swiper-button-prev:after,.main-hero-section .swiper-button-next:after{content:unset}.main-hero-section .swiper-button-prev svg,.main-hero-section .swiper-button-next svg{width:clamp(13px,1.1vw,20px);height:auto;display:block;object-fit:contain}.main-hero-section a.hero_section_btn svg{width:clamp(13px,1vw,18px);height:auto;display:block;object-fit:contain}.main-hero-section .swiper-slide.thumb-item{max-width:clamp(10rem,11vw,20rem)}.main-hero-section .cont_small_text span,.main-hero-section .cont_desc_text span,.main-hero-section h2 span{transform:translateY(100%);display:block;transition:all 1s ease}.main-hero-section .swiper-slide-active .cont_small_text span,.main-hero-section .swiper-slide-active .cont_desc_text span,.main-hero-section .swiper-slide-active h2 span{transform:translateY(0)}.slide-bg.slide-bg-mobile{display:none}@media(max-width:989px){.main-hero-section .slide_content{top:9%}.main-hero-section .swiper-slide.thumb-item{max-width:150px}.main-hero-section .hero-thumbs{bottom:20px}.main-hero-section h2{font-size:43px}.main-hero-section .cont_desc_text{font-size:18px}.main-hero-section .thumb-item img{width:80px}}@media(max-width:768px){.main-hero-section .swiper-button-prev{left:10px}.main-hero-section .swiper-button-next{right:10px}.main-hero-section h2{font-size:43px;line-height:1.396}.slide-bg.slide-bg-desktop{display:var(--display)}.slide-bg.slide-bg-mobile{display:block}.main-hero-section .cont_small_text{font-size:12px;color:#ebebeb;line-height:1.417}.main-hero-section .cont_desc_text{font-size:15px;line-height:1.4}.main-hero-section .hero_section_btn{padding:8px 12px;font-size:14px;line-height:1.286}.main-hero-section .thumb-item span{font-size:12px}.main-hero-section .thumb-item img{width:77px}.main-hero-section .swiper-button-prev,.main-hero-section .swiper-button-next{width:32px;height:32px}.main-hero-section .swiper-button-prev svg,.main-hero-section .swiper-button-next svg{width:13px}.hero-main .main-hero-swiper-pagination{bottom:10px}.main-hero-section .hero-thumb-item-cont{padding:0 40px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hero.css.map */
