.aboutCompany,
.aboutCompany_videoWrap .video {
    margin-bottom: 0
}

.aboutCompany,
.history_inner {
    overflow-x: hidden;
    border-radius: 32px
}

.slider-progress2 {
    background: #007bff
}

.slider-thumb {
    position: absolute;
    right: 0;
    top: 50%;
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    transform: translate(50%, -50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-thumb::after {
    content: "";
    width: 20px;
    height: 20px;
    background: linear-gradient(90deg, #aa60ea 0, #dc5ba3 100%) !important;
    border-radius: 50%
}

.aboutCompany {
    padding-left: max(20px, min(4.44vw, 64px));
    padding-right: max(20px, min(4.44vw, 64px));
    padding-top: max(30px, min(3.68vw, 53px));
    padding-bottom: max(30px, min(3.68vw, 53px));
    background-size: cover;
    z-index: 9
}

.worth {
    margin-top: -60px
}

.aboutCompany_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.aboutCompany_col:first-child {
    color: #242424;
    width: 45%;
    padding-right: 34px
}

.aboutCompany_col:last-child {
    width: 55%
}

.aboutCompany_title {
    font-family: Inter;
    font-size: max(3rem, min(5.49vw, 4.94rem));
    font-weight: 700;
    letter-spacing: -.08em;
    margin-bottom: max(15px, min(1.81vw, 26px));
    color: #242424;
}

.aboutCompany_text {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    text-align: left;
    color: #242424
}

.aboutCompany_videoWrap .video_playBtn {
    width: max(60px, min(5.14vw, 74px));
    height: max(60px, min(5.14vw, 74px))
}

.aboutCompany_videoWrap .video_playBtn::after {
    transform: translate(-40%, -50%) scale(.5)
}

@media (max-width:980px) {
    .aboutCompany_col {
        width: 100% !important;
        padding-right: 0 !important
    }

    .aboutCompany_col:last-child {
        margin-top: 25px
    }

    .aboutCompany_text,
    .aboutCompany_title {
        text-align: center
    }

    .aboutCompany_videoWrap .video_playBtn::after {
        transform: translate(-43%, -50%) scale(.4)
    }

    .aboutCompany_videoWrap .video {
        padding: 0
    }

    .aboutCompany_inner {
        width: 74%;
        margin: 0 auto
    }
}

@media (max-width:500px) {
    .aboutCompany_videoWrap .video_wrapper.videoContainer {
        height: 154px
    }

    .aboutCompany_videoWrap .video_playBtn {
        width: max(34px, min(4.17vw, 60px));
        height: max(34px, min(4.17vw, 60px))
    }

    .aboutCompany_title {
        font-size: max(2rem, min(7.17vw, 3.43rem))
    }

    .aboutCompany_videoWrap .video_playBtn::after {
        transform: translate(-48%, -50%) scale(.25)
    }

    .aboutCompany_videoWrap .video_wrapper>video {
        min-height: 100%;
        height: 100%
    }
}

.history_title,
.thumbsSlider .swiper-slide {
    font-size: max(3.44rem, min(5.49vw, 4.94rem));
    text-align: center;
    letter-spacing: -.08em;
    font-family: Inter
}

.history_inner {
    margin-bottom: max(60px, min(7.64vw, 110px));
    padding-left: 20px;
    padding-right: 20px;
    padding-top: max(20px, min(4.86vw, 70px));
    padding-bottom: max(20px, min(4.86vw, 70px));
    background-color: #f3f5f8
}

.history_title {
    font-weight: 700;
    margin-bottom: max(30px, min(4.86vw, 70px))
}

.thumbsSlider .swiper-slide {
    cursor: pointer;
    font-weight: 900;
    color: #c4c4c4
}

.show-more-wrapper,
.thumbsSlider_pagination {
    position: relative
}

.thumbsSlider.swiper-container-horizontal>.swiper-pagination-progressbar {
    height: 12px !important;
    background: #d8d8d8 !important;
    left: max(20px, min(5.21vw, 75px)) !important;
    top: 44px !important;
    border-radius: 20px
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.thumbsSlider .swiper-slide.swiper-slide-thumb-active {
    background: -webkit-gradient(linear, left top, right top, from(#aa60ea), to(#dc5ba3)) !important;
    background: -o-linear-gradient(left, #aa60ea 0, #dc5ba3 100%) !important
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: linear-gradient(90deg, #aa60ea 0, #dc5ba3 100%) !important;
    border-radius: 20px
}

.thumbsSlider .swiper-slide.swiper-slide-thumb-active {
    background: linear-gradient(90deg, #aa60ea 0, #dc5ba3 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.slider-progress-wrap {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 20px;
    margin-top: 35px
}

.slider-progress,
.slider-progress2 {
    position: absolute;
    top: 14px;
    right: 0;
    left: 0;
    height: 12px;
    border-radius: 20px
}

.slider-progress {
    width: 100%;
    background: #d8d8d8
}

.slider-progress2 {
    width: 0;
    background: -webkit-gradient(linear, left top, right top, from(#aa60ea), to(#dc5ba3));
    background: -o-linear-gradient(left, #aa60ea 0, #dc5ba3 100%);
    background: linear-gradient(90deg, #aa60ea 0, #dc5ba3 100%);
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition-delay: 0s
}

.slider-scrollbar .swiper-scrollbar-drag {
    cursor: pointer;
    width: 34px;
    height: 34px;
    background: 0 0;
    transition: .7s ease-in !important;
    -webkit-transition: .7s ease-in !important;
    -o-transition: .7s ease-in !important
}

.historySwiper {
    display: flex;
    flex-wrap: wrap;
    margin-top: max(30px, min(4.86vw, 70px))
}

.history .swiper-wrapper {
    width: 84%;
    transition: .3s ease-in !important
}

.history_slide {
    display: flex;
    flex-wrap: wrap;
    padding-right: 220px
}

.history_slideNav {
    width: 16%;
    display: flex;
    justify-content: space-between;
    padding-right: 35px;
    padding-left: 32px;
    position: relative;
    z-index: 10
}

.history_slideNavInner {
    min-width: 136px;
    display: flex;
    justify-content: space-between
}

.history_slidePicWrap {
    width: 35%
}

.history_slidePicWrap img {
    width: 100%;
    height: 100%;
    max-height: 375px;
    object-fit: cover;
    border-radius: 32px
}

.history_slideTextWrap {
    width: 65%;
    padding-left: max(23px, min(3.26vw, 47px))
}

.history_slideTitle {
    font-family: Inter;
    font-size: max(1.5rem, min(2.22vw, 2rem));
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.08em;
    text-align: left;
    color: #071423;
    max-width: 400px
}

.history_slideText {
    margin-top: max(20px, min(2.78vw, 40px));
    overflow: hidden
}

.btn-show-more {
    z-index: 2;
    position: relative;
    cursor: pointer
}

.btn-show-more:after {
    position: relative;
    content: "";
    background: url(images/company/more.svg) center/100% no-repeat;
    top: -2px;
    left: 3px;
    display: inline-block;
    width: 10px;
    height: 4px
}

.show-more-wrapper.open~.btn-show-more:after {
    transform: rotate(180deg)
}

.show-more-wrapper::after {
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -40px;
    background: linear-gradient(to bottom, #f3f5f8b5, #f3f5f8 100%)
}

.open.show-more-wrapper::after {
    display: none
}

.history_slideText,
.history_slideText p {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: -.01em;
    text-align: left;
    color: #071423
}

.history_slideText p:not(:first-child) {
    margin-top: 20px
}

.history_slideBtnMore {
    margin-top: 15px;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 15.6px;
    letter-spacing: -.02em;
    text-align: left;
    color: #93989f;
    display: flex;
    align-items: center
}

.history_slideBtnMore svg {
    margin-left: 13px
}

@media (max-width:1350px) {

    .history .swiper-wrapper,
    .history_slideNav {
        width: 100%
    }

    .history_slideNav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px
    }

    .history_slide {
        padding-right: 0
    }
}

@media (max-width:900px) {
    .thumbsSlider.swiper-container-horizontal>.swiper-pagination-progressbar {
        height: 12px !important;
        background: #d8d8d8 !important;
        left: max(20px, min(4.5vw, 65px)) !important;
        top: 44px !important;
        border-radius: 20px
    }

    .history_slidePicWrap {
        width: 50%
    }

    .history_slideTextWrap {
        width: 50%;
        padding-left: 23px
    }
}

@media (max-width:768px) {
    .history_slideNavInner {
        min-width: 112px
    }

    .history_title,
    .thumbsSlider .swiper-slide {
        font-size: max(2rem, min(7.16vw, 3.43rem))
    }

    .thumbsSlider.swiper-container-horizontal>.swiper-pagination-progressbar {
        left: 22px !important
    }
}

@media (max-width:700px) {
    .aboutCompany_inner {
        width: 100%;
        margin: 0 auto
    }

    .history_slidePicWrap {
        width: 100%
    }

    .history_slideTextWrap {
        width: 100%;
        padding-left: 0;
        margin-top: 23px
    }

    .thumbsSlider.swiper-container-horizontal>.swiper-pagination-progressbar {
        left: 8px !important
    }

    .slider-thumb {
        height: 24px;
        width: 24px
    }

    .slider-thumb::after {
        width: 12px;
        height: 12px
    }
}