@media screen and (max-width:768px){section.hero_slider{margin-bottom:.24rem}}section.hero_slider .wrapper{position:relative}:is(section.hero_slider .wrapper) .splide__track{border-radius:.48rem}:is(section.hero_slider .wrapper) .splide__slide{position:relative}:is(section.hero_slider .wrapper) .bg-img{height:6.14rem;position:relative;width:100%}:is(:is(section.hero_slider .wrapper) .bg-img) img,:is(:is(section.hero_slider .wrapper) .bg-img) video{border-radius:.48rem;display:block;height:100%;object-fit:cover;width:100%}:is(section.hero_slider .wrapper) .content-box{background-color:var(--white);border-radius:.24rem;display:flex;flex-direction:column;height:calc(100% - .64rem);left:.32rem;padding:.24rem;position:absolute;top:50%;transform:translateY(-50%);width:3.8rem;z-index:2}@media screen and (max-width:768px){:is(section.hero_slider .wrapper) .content-box{bottom:.2rem;height:fit-content;left:50%;top:unset;transform:translateX(-50%);width:3.37rem}}:is(:is(section.hero_slider .wrapper) .content-box) .label{margin-bottom:.08rem;margin-top:0}:is(:is(section.hero_slider .wrapper) .content-box) .hero-slider-progress{background-color:var(--color-10);border-radius:9.99rem;height:.04rem;margin-bottom:.24rem;overflow:hidden;width:100%}:is(:is(section.hero_slider .wrapper) .content-box) .hero-slider-progress-bar{background-color:var(--black);display:block;height:100%;width:0}:is(:is(section.hero_slider .wrapper) .content-box) .buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.08rem;margin-top:auto;padding-top:.24rem}:is(:is(section.hero_slider .wrapper) .content-box) .desc{margin-top:.16rem}:is(section.hero_slider .wrapper) .hero-slider-controls{align-items:center;bottom:.5rem;display:flex;gap:.16rem;position:absolute;right:.6rem;z-index:3}@media screen and (max-width:768px){:is(section.hero_slider .wrapper) .hero-slider-controls{bottom:-.4rem;left:50%;right:unset;transform:translateX(-50%)}}:is(section.hero_slider .wrapper) .hero-slider-next-arrow,:is(section.hero_slider .wrapper) .hero-slider-prev-arrow{all:unset;align-items:center;cursor:pointer;display:flex;height:.16rem;justify-content:center;width:.16rem}:is(:is(section.hero_slider .wrapper) .hero-slider-prev-arrow,:is(section.hero_slider .wrapper) .hero-slider-next-arrow) svg{height:.1rem;width:.06rem;fill:var(--black)}:is(section.hero_slider .wrapper) .hero-slider-next-arrow{transform:rotate(180deg)}:is(section.hero_slider .wrapper) .hero-slider-pagination{align-items:center;display:flex;gap:.08rem;justify-content:center}:is(section.hero_slider .wrapper) .hero-slider-pagination-dot{all:unset;appearance:none;border:1px solid var(--black);border-radius:50%;cursor:pointer;height:.08rem;transition:background-color .3s ease-in-out;width:.08rem}.is-active:is(:is(section.hero_slider .wrapper) .hero-slider-pagination-dot){background-color:var(--black)}:is(section.hero_slider .wrapper) .hero-slider-pause-toggle{all:unset;align-items:center;border:1px solid var(--black);border-radius:50%;cursor:pointer;display:flex;height:.4rem;justify-content:center;margin-left:auto;width:.4rem}:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon{display:block;height:.1rem;position:relative;width:.1rem}:is(:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon):after,:is(:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon):before{background-color:var(--black);content:"";height:100%;position:absolute;top:0;width:.02rem}:is(:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon):before{left:.01rem}:is(:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon):after{right:.01rem}.is-paused:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon{border-bottom:.05rem solid transparent;border-left:.08rem solid var(--black);border-top:.05rem solid transparent;height:0;width:0}:is(.is-paused:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon):after,:is(.is-paused:is(:is(section.hero_slider .wrapper) .hero-slider-pause-toggle) .hero-slider-pause-icon):before{display:none}