.landings.section {
    display: flex;
    flex-direction: column;
    margin-top: 3.513909224011713vw;
}
@media (max-width: 991px) {
    .landings.section {
        margin-top: 13.33333333333333vw;
    }

    .landings.section > .content {
        padding: 0 2.222222222vw;
    }
}

/* landings list */
.landings .landings-header {
    display: flex;
    flex-direction: column;
    gap: 1.756954612005857vw;
    padding: 4.099560761vw 0;
}
@media (max-width: 991px) {
    .landings .landings-header {
        gap: 6.666666667vw;
        padding: 8.888888889vw 0;
    }
}
.landings .landings-header .landings-title {
    max-width: 60%;
}
@media (max-width: 991px) {
    .landings .landings-header .landings-title {
        max-width: 100%;
    }
}
.landings .landings-header .landings-seo-text {
    font-size: 1.02489019vw;
    line-height: 135%;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .landings .landings-header .landings-seo-text {
        font-size: 3.333333333vw;
    }
}

/* seo */
.landings-seo {
    padding: 4.099560761vw 2.928257687vw;
}
.landings-seo__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.928257687vw;
}
.landings-seo__text {
    display: flex;
    flex-direction: column;
    gap: 0.878477306vw;
}
.landings-seo__text p {
    font-size: 1.317715959vw;
    line-height: 135%;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .landings-seo {
        padding: 11.11111111vw 2.222222222vw;
    }
    .landings-seo__container {
        grid-template-columns: 1fr;
        grid-row-gap: 6.666666667vw;
    }
    .landings-seo__text {
        gap: 3.333333333vw;
    }
    .landings-seo__text p {
        font-size: 3.333333333vw;
        line-height: 135%;
    }
}

/* landings detail */
.landings-detail .landings-detail__hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.landings-detail .landings-detail__hero .landings-detail__hero-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.756954612vw;
    max-width: 52.12298682vw;
    padding: 4.099560761vw 2.928257687vw 2.928257687vw;
}
.landings-detail .landings-detail__hero .landings-detail__hero-title {
    font-size: 3.513909224vw;
    line-height: 125%;
}
.landings-detail .landings-detail__hero .landings-detail__hero-text {
    display: flex;
    flex-direction: column;
    gap: 1.171303075vw;
}
.landings-detail .landings-detail__hero .landings-detail__hero-text p {
    font-size: 1.02489019vw;
    line-height: 135%;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 0;
}
.landings-detail .landings-detail__hero .landings-detail__hero-img {
    width: 41.1420205vw;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    .landings-detail {
        order: -1;
    }
    .landings-detail .landings-detail__hero {
        flex-direction: column;
        align-items: unset;
    }
    .landings-detail .landings-detail__hero .landings-detail__hero-wrapper {
        max-width: 100%;
        gap: 6.666666667vw;
        padding: 8.888888889vw 2.222222222vw 6.666666667vw;
    }
    .landings-detail .landings-detail__hero .landings-detail__hero-title {
        font-size: 6.666666667vw;
        line-height: 115%;
        font-weight: 700;
    }
    .landings-detail .landings-detail__hero .landings-detail__hero-text {
        gap: 3.333333333vw;
    }
    .landings-detail .landings-detail__hero .landings-detail__hero-text p {
        font-size: 3.333333333vw;
        line-height: 135%;
    }
    .landings-detail .landings-detail__hero .landings-detail__hero-img {
        width: 100%;
    }
}

/* products */
.landings-detail .landings-detail__products {
    padding: 4.099560761vw 0;
}

/* banners */
.landings-detail .landings-detail__banners {
    padding: 4.099560761vw 0;
}
.landings-detail .landings-detail__banners-container .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.756954612vw;
}
.landings-detail .landings-detail__banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 21.96193265vw;
    background-color: var(--black);
    text-decoration: none;
    padding: 1.756954612vw;
}
.landings-detail .landings-detail__banner video {
    pointer-events: none;
}
.landings-detail .landings-detail__banner video::-webkit-media-controls {
    display: none;
}
.landings-detail .landings-detail__banner .landings-detail__banner-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.landings-detail .landings-detail__banner .landings-detail__banner-label {
    font-size: 0.8052708638vw;
    line-height: 135%;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    z-index: 1;
}
.landings-detail .landings-detail__banner .landings-detail__banner-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1.756954612005857vw;
    max-width: 27.81844802vw;
    z-index: 1;
}
.landings-detail .landings-detail__banner .landings-detail__banner-content {
    display: flex;
    flex-direction: column;
    gap: 0.5856515373vw;
}
.landings-detail .landings-detail__banner .landings-detail__banner-title {
    font-family: 'Normalidad UltraExtended', sans-serif;
    font-size: 1.171303075vw;
    line-height: 150%;
    font-weight: 700;
    color: var(--white);
}
.landings-detail .landings-detail__banner .landings-detail__banner-text {
    font-size: 0.8052708638vw;
    line-height: 135%;
    font-weight: 400;
    color: var(--white);
}
.landings-detail .landings-detail__banner .landings-detail__banner-link {
    position: relative;
    text-align: center;
    width: 14.71449488vw;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 1.171303075vw;
    text-decoration: none;
    padding: 0.878477306vw 1.171303075vw;
}
.landings-detail .landings-detail__banner .landings-detail__banner-link span {
    position: relative;
    font-family: 'Normalidad UltraExtended', sans-serif;
    font-size: 0.878477306vw;
    line-height: 135%;
    font-weight: 700;
    color: var(--black);
    text-transform: uppercase;
    z-index: 1;
}
.landings-detail .landings-detail__banner .landings-detail__banner-link u {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.171303075vw;
    background: #00FF72;
    transition: all 0.3s ease;
}
.landings-detail .landings-detail__banner .landings-detail__banner-link:hover u {
    transform: scale(1.09);
}

@media (max-width: 991px) {
    .landings-detail .landings-detail__banners > .content {
        padding: 0 2.222222222vw;
    }
    .landings-detail .landings-detail__banners-container {
        position: relative;
        overflow: hidden;
    }
    .landings-detail .landings-detail__banners-container .swiper-wrapper {
        display: flex;
        gap: 1.111111111111111vw;
    }
    .landings-detail .landings-detail__banner {
        height: 75vw;
        padding: 6.666666667vw;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-label {
        font-size: 3.055555556vw;
        line-height: 135%;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-wrapper {
        max-width: 100%;
        row-gap: 4.444444444vw;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-content {
        gap: 2.222222222vw;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-title {
        font-size: 3.888888889vw;
        line-height: 135%;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-text {
        font-size: 2.777777778vw;
        line-height: 135%;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-link {
        width: 55.83333333vw;
        border-radius: 3.333333333vw;
        padding: 2.5vw 4.444444444vw;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-link span {
        font-size: 2.777777778vw;
        line-height: 135%;
    }
    .landings-detail .landings-detail__banner .landings-detail__banner-link u {
        border-radius: 3.333333333vw;
    }
}

/* blog */
.landings-detail__blog {
    display: flex;
    flex-direction: column;
    gap: 4.099560761vw;
    padding: 4.099560761vw 2.928257687vw;
}
.landings-detail__blog .main-blog__block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.landings-detail__blog .main-blog__block-btn {
    width: 22.18155198vw;
    font-family: 'Normalidad UltraExtended', sans-serif;
    font-size: 0.878477306vw;
    line-height: 135%;
    font-weight: 700;
    color: var(--white);
    background-color: var(--black);
    text-decoration: none;
    text-align: center;
    border-radius: 1.171303075vw;
    transition: 300ms ease all;
    padding: 1.171303075vw;
}
.landings-detail__blog .main-blog__block-btn:hover {
    color: var(--aHover);
    transform: scale(1.09);
}
.landings-detail__blog .main-blog__block-btn.mobile {
    display: none;
}
@media (max-width: 991px) {
    .landings-detail__blog {
        overflow: hidden;
        gap: 6.666666666666667vw;
        padding: 11.11111111111111vw 0;
    }
    .landings-detail__blog .main-blog__block-header > h2 {
        font-size: 5vw;
        line-height: 135%;
        padding: 0 5.555555555555556vw;
    }
    .landings-detail__blog .main-blog__block-btn {
        display: none;
    }
    .landings-detail__blog .main-blog__block-btn.mobile {
        display: block;
        width: auto;
        font-size: 2.777777777777778vw;
        line-height: 135%;
        border-radius: 3.333333333333333vw;
        padding: 3.611111111111111vw 0;
        margin: 0 2.222222222vw;
    }
}

/* faq */
.landings-detail__faq {
    display: flex;
    gap: 2.928257687vw;
    padding: 4.099560761vw 2.928257687vw;
}
.landings-detail__faq .landings-detail__faq-title {
    max-width: 46.19326501vw;
}

@media (max-width: 991px) {
    .landings-detail__faq {
        flex-direction: column;
        gap: 6.666666667vw;
        padding: 11.11111111vw 2.222222222vw;
    }
    .landings-detail__faq .landings-detail__faq-title {
        max-width: 100%;
        font-size: 5.555555556vw;
        padding: 0;
    }
}

/* other */
.landings-detail__other .content {
    display: flex;
    flex-direction: column;
    gap: 2.928257687vw;
    padding: 4.099560761vw 2.928257687vw;
}
@media (max-width: 991px) {
    .landings-detail__other {
        order: -1;
    }
    .landings-detail__other .content {
        gap: 11.11111111vw;
        padding: 11.11111111vw 2.222222222vw;
    }
    .landings-detail__other .landings-detail__other-title {
        font-size: 5.555555556vw;
        line-height: 125%;
        font-weight: 700;
        padding: 0;
    }
}