.every-field {
    background: var(--Neutral-Gray-100, #f1f5f9)
}

.efSlider {
    position: relative
}

.efSlider .swiper {
    margin: 0 -2rem
}

@media screen and (max-width:800px) {
    .efSlider .swiper {
        margin: 0 -1rem
    }
}

.os .see-dt {
    margin-top: 6rem
}

@media screen and (max-width:800px) {
    .os .see-dt {
        margin-top: calc(6rem / 2)
    }
}

.os-wr {
    height: 47.2rem;
    position: relative
}

@media screen and (max-width:600px) {
    .os-wr {
        height: 37.2rem
    }
}

.os-wr .bg {
    position: absolute;
    z-index: 0;
    content: "";
    top: 0;
    left: 0;
    /* width: var(--width); */
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .6s ease-out;
    transition: .6s ease-out
}

.os-wr .bg.active {
    opacity: 1
}

.os-wr .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.os-wr .bg:first-child {
    opacity: 1
}

.osSlider {
    height: 100%
}

.osSlider .swiper {
    margin: 0 -.25rem;
    height: 100%
}

.osSlider .swiper .swiper-slide {
    height: 100%
}

.osSlider .swiper-pagination {
    position: relative;
    margin-top: 0;
    top: -3rem;
    z-index: 2
}

.blogsSlider .swiper {
    margin: 0 -1.2rem
}

@media screen and (max-width:1000px) {
    .blogsSlider .swiper {
        margin: 0 -.6rem
    }
}

.blogs .btn-discover {
    margin-top: 6rem
}

@media screen and (max-width:1000px) {
    .blogs .btn-discover {
        margin-top: 3rem
    }
}

@media screen and (max-width:425px) {
    .blogs .btn-discover {
        margin-top: 2rem
    }
}

.commitment {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    position: relative
}

.commitment .bg {
    pointer-events: none;
    position: absolute;
    z-index: 0;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.commitment .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.commitment .bg::before {
    position: absolute;
    z-index: 0;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(.8rem);
    backdrop-filter: blur(.8rem);
    z-index: 0
}

.commitment-wr {
    position: relative
}

.commitment-wr .title {
    margin-bottom: 2rem
}

@media screen and (max-width:800px) {
    .commitment-wr .title {
        margin-bottom: calc(2rem / 2)
    }
}

.commitment-wr .run {
    margin-top: 16rem
}

@media screen and (max-width:800px) {
    .commitment-wr .run {
        margin-top: calc(16rem / 2)
    }
}

.page-home .bn .title {
    margin-bottom: 0
}

.page-home .commitment .title-sub {
    color: var(--Neutral-Gray-700, #334155)
}

.page-home .title-sub {
    color: #334155
}

.page-home .out-fleet {
    background: #f1f5f9
}