.company-img{width:100%;height:100vh;max-height:-webkit-fill-available;-o-object-fit:cover;object-fit:cover}.company-wrapper{position:relative;width:100%;height:100vh;max-height:-webkit-fill-available}.company-wrapper:after{content:"";position:absolute;top:80%;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgb(255,255,255) 85%);z-index:1;pointer-events:none}@media screen and (min-width: 1280px){.company-wrapper:after{display:none}}.company-wrapper .company-img-slider{height:100%}.company-wrapper .company-label-slider-container{position:relative;max-width:300px;margin-inline:auto;padding-inline:20px;z-index:2}@media screen and (min-width: 1280px){.company-wrapper .company-label-slider-container{padding-inline:0;display:block;max-width:unset}}.company-wrapper .company-label-slider-container .company-label-slider{width:100%}.company-wrapper .company-label-slider-container .company-label-slider .swiper-wrapper{align-items:center}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide{cursor:pointer}@media screen and (min-width: 1280px){.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide{padding-block:8px}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide:not(:last-child):after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:28px;background-color:#ffffffd9}}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active:before{opacity:1}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active .company-container .company{background-color:transparent;width:auto}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active .company-container .label-img.short{display:none}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active .company-container .label-img.long.colored{display:block}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active .company-container .label-img.long.uncolored{display:none}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active .company-container .label-text{color:#1a1a1a;display:none}@media screen and (min-width: 1280px){.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide.swiper-slide-thumb-active .company-container .label-text{display:block}}.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide:before{opacity:0;content:"";position:absolute;border-radius:4px;top:50%;transform:translateY(-50%);left:0;width:100%;height:100%;background-color:#fff}@media screen and (min-width: 1280px){.company-wrapper .company-label-slider-container .company-label-slider .swiper-slide:before{border-radius:8px 8px 0 0}}.company-wrapper .company-btn-slider-container{max-width:500px;margin:0 auto}.company-wrapper .company-btn-slider-container .swiper-slide{display:flex}.company-wrapper .company-btn-slider-container .swiper-slide .btn-item{width:12.5%}.company-wrapper .company-btn-slider-container .swiper-slide .btn-item.active{width:50%}@media screen and (min-width: 1280px){.company-wrapper .company-btn-slider-container{display:none}}.company-container{display:flex;justify-content:center}@media screen and (min-width: 1280px){.company-container{background-color:#72393bd9;padding:16px 8px}}.company-container .company{position:relative;display:flex;justify-content:center;align-items:center;background-color:#72393b;width:45px;height:45px;border-radius:4px}@media screen and (min-width: 1280px){.company-container .company{width:auto;border-radius:8px;padding:0;background-color:transparent}}.company-container .label-img{height:20px;width:80%}@media screen and (min-width: 1280px){.company-container .label-img{padding-inline:14px;width:auto;height:25px}}.company-container .label-img.short{display:none}.company-container .label-img.short.uncolored{display:block}@media screen and (min-width: 1280px){.company-container .label-img.short{display:none!important}}.company-container .label-img.long{display:none;height:50%}@media screen and (min-width: 1280px){.company-container .label-img.long.uncolored{display:block}}.company-container .label-text{color:#fff;font-size:13px;letter-spacing:1px;font-weight:500;display:none}@media screen and (min-width: 1280px){.company-container .label-text{font-size:16px;display:block}}
