

/* Start:/local/components/componentsTheme/block.banner/templates/two/style.css?17708157812940*/
.banner__wrapper {
    position: relative;
    width: 100%;
    height: fit-content;

    padding: 20px;

    background: var(--bg-primary-second);
    border-radius: 20px;
}

.banner__background {
    position: absolute;
    top: 0px;
    right: 0px;

    width: auto;
    height: 100%;

    & img {
        position: relative;
        top: 0px;
        left: 0px;

        width: auto;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }
}

.banner__content {
    position: relative;
    width: 100%;
    max-width: 540px;
    min-height: clamp(360px, 6.472vw + 335.728px, 460px);
    height: fit-content;

    padding: clamp(15px, 0.324vw + 13.786px, 20px);
    
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 15px;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    gap: 20px;

    &::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;
        object-fit: cover;
        
        background: #FFFFFFB2;
        backdrop-filter: blur(10px)
    }
}
.banner__decor {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 95%;
    width: auto;

    transform: translateX(-51%);

    max-width: 100%;

    & path {
        fill: var(--bg-primary-main);
    }
}
.banner__content-top {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    flex-direction: column;
    gap: 15px;
}
.banner__title.block-title {
    margin-bottom: 0px;
}


.banner__link {
    position: relative;
    margin-top: auto;
}




@media(max-width: 800px) {
    .banner__wrapper {
        padding: 0px;
        background: none;

        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    .banner__background {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 375 / 182;
        border-radius: 20px;
        border: solid 1px var(--bg-primary-stroke);
        background: var(--bg-primary-second);

        & img {
            position: absolute;
            left: unset;
            right: 0px;
        }
    }

    .banner__decor {
        transform: unset;
        left: 8%;
        height: 110%;
    }

    .banner__content {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-height: 0px;

        background: var(--bg-primary-second);
        border-radius: 15px;

        &::before {
            display: none;
        }
    }
    .banner__content-top {
        gap: 30px;
    }
    .banner__link.btn {
        width: 100%;
    }
}
@media(max-width: 500px) {
    .block-banner {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.categories/templates/slider/style.css?1770893038846*/
.categories-slider {
    & .swiper-wrapper {
        align-items: stretch;

        & .swiper-slide {
            height: auto;

            & > * {
                max-height: 100%;
                height: 100%;
            }
        }
    }
}

.block-categories__navs {
    position: relative;
    margin-top: 30px;
}


@media(max-width: 720px) {
    .categories-slider {
        & .swiper-wrapper {
            position: relative;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            box-sizing: border-box;
        }
    }

    .block-categories__navs.arrows {
        display: none;
    }
}
@media(max-width: 370px) {
    .categories-slider {
        & .swiper-wrapper {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.category/templates/.default/style.css?17703802431761*/
/* wrapper */
.wrapper-categories {
    position: relative;

    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--Gap-20);

    @media(max-width: 1100px) {
        & {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media(max-width: 820px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

/* item */
.item-category.default {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    min-height: clamp(140px, 107.8571px + 8.5714vw, 269px);

    border: solid 1px #ffffff00;
    border-radius: 15px;
    overflow: hidden;

    transition: var(--transition);

    &:hover {
        border-color: var(--bg-primary-stroke);

        & .item-category__img {
            filter: brightness(0.7);
        }
    }

    & .item-category__img {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 292 / 182;
        border-radius: 15px;
        overflow: hidden;

        background: var(--bg-primary-second);
        transition: var(--transition);

        & img {
            position: absolute;
            top: 0px;
            left: 0px;

            width: 100%;
            height: 100%;

            object-fit: contain;
            object-position: center;
        }
    }

    & .item-category__content {
        position: relative;
        padding: clamp(10px, 8.7542px + 0.3322vw, 15px);
        flex-grow: 1;
    }

    & .item-category__title {
        position: relative;
        color: var(--text-primary-head);
        word-wrap: break-word;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.advantages/templates/.default/style.css?17708802931324*/
.wrapper-advantages {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, 0.647vw + 7.573px, 20px);
}

.item-advantage {
    position: relative;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    gap: 20px;

    padding: 20px;

    border: solid 1px var(--bg-primary-stroke);
    border-radius: 15px;
}

.item-advantage__img {
    position: relative;
    width: 0%;
    min-width: 60px;
    height: 60px;
    border-radius: 10px;
    background: var(--colors-main);

    display: flex;
    align-items: center;
    justify-content: center;

    & img {
        position: relative;
        width: 70%;
        height: 70%;

        display: block;
        object-fit: contain;
        object-position: center;
    }
}

.item-advantage__title {
    position: relative;
    color: var(--text-primary-head);

    font-weight: 700;
    font-size: clamp(14px, 0.388vw + 12.544px, 20px);
    line-height: 120%;
}


@media(max-width: 1000px) {
    .wrapper-advantages {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 600px) {
    .wrapper-advantages {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.partners/templates/.default/style.css?1770881813708*/
.item-partners-text {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    gap: 30px;

    padding: clamp(15px, 0.971vw + 11.359px, 30px);

    background: var(--bg-primary-main);
    border-radius: 15px;
    box-shadow: 0px 10px 40px 0px #0000000D;
}

.item-partners-text__title {
    position: relative;
    color: var(--text-primary-head);
}
.item-partners-text__text {
    position: relative;
    color: var(--text-primary-main);
}

@media(max-width: 600px) {
    .item-partners-text {
        grid-column: span 2;
    }
}
@media(max-width: 370px) {
    .item-partners-text {
        grid-column: span 1;
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.partner/templates/.default/style.css?17708818051507*/
/* wrapper */
.wrapper-partners {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: clamp(10px, 0.647vw + 7.573px, 20px);
    row-gap: 20px;

    @media(max-width: 1220px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media(max-width: 370px) {
        & {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

/* item */
.item-partner {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    flex-direction: column;
    gap: clamp(7px, 0.583vw + 4.816px, 16px);

    padding: clamp(18px, 1.424vw + 12.660px, 40px) clamp(15px, 0.971vw + 11.359px, 30px);

    background: var(--bg-primary-second);
    border-radius: 15px;

    & .item-partner__title {
        color: var(--text-primary-head);
        font-weight: 700;
        font-size: clamp(12px, 0.518vw + 10.058px, 20px);
        line-height: 120%;
        text-align: center;
    }
}

.item-partner__img {
    position: relative;
    width: clamp(100px, 9.709vw + 63.592px, 250px);
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;

    border-radius: 100%;
    overflow: hidden;

    background: var(--bg-primary-main);

    & img {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.conditions/templates/.default/style.css?1770886764334*/
.conditions__btn.btn {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 940px) {
    .conditions__btn.btn {
        grid-column: span 2;
    }
}
@media(max-width: 600px) {
    .conditions__btn.btn {
        grid-column: span 1;
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.condition/templates/.default/style.css?17708867781885*/
.wrapper-conditions {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(10px, 0.647vw + 7.573px, 20px);

    @media(max-width: 1420px) {
        & {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    @media(max-width: 940px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media(max-width: 600px) {
        & {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

/* item */
.item-condition {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.971vw + 6.359px, 25px);

    padding: 10px;
    border: solid 1px var(--bg-primary-stroke);
    background: var(--bg-primary-main);
    border-radius: 15px;
}

.item-condition__head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    padding: 10px;
    padding-left: 15px;

    background: var(--bg-primary-second);
    border-radius: 15px;
}

.item-condition__value {
    position: relative;
    width: 0%;
    flex-grow: 1;
    color: var(--text-primary-head);
}

.item-condition__img {
    position: relative;
    width: 0%;
    min-width: clamp(40px, 0.647vw + 37.573px, 50px);
    height: clamp(40px, 0.647vw + 37.573px, 50px);

    border-radius: 10px;
    background: var(--colors-main);

    display: flex;
    align-items: center;
    justify-content: center;

    & img {
        position: relative;
        width: 50%;
        height: 50%;

        object-fit: contain;
        object-position: center;
    }
}

.item-condition__title {
    position: relative;
    color: var(--text-primary-head);
    padding: 10px;
}
/* End */


/* Start:/local/components/componentsTheme/block.advantages/templates/detail/style.css?17708888592211*/
.wrapper-advantages-detail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.item-advantage-detail {
    position: relative;
    width: 100%;
    height: 100%;

    padding: clamp(15px, 0.324vw + 13.786px, 20px);

    background: var(--bg-primary-main);
    border-radius: 15px;
    box-shadow: 0px 10px 40px 0px #0000000D;

    min-height: clamp(180px, 3.107vw + 168.350px, 228px);
}

.item-advantage-detail__content {
    width: 100%;
    height: 100%;
    max-width: 480px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.item-advantage-detail__head {
    display: flex;
    align-items: start;
    gap: 15px;
}

.item-advantage-detail__icon {
    position: relative;
    width: 0%;
    min-width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--colors-main);
    border-radius: 5px;

    & svg {
        position: relative;
        width: 66%;
        height: 66%;

        & path {
            stroke: var(--text-primary-head);
        }
    }
}

.item-advantage-detail__title {
    position: relative;
    color: var(--text-primary-head);

    font-weight: 700;
    font-size: clamp(14px, 0.647vw + 11.573px, 24px);
    line-height: 120%;
}

.item-advantage-detail__num {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);

    font-weight: 700;
    font-size: clamp(60px, 6.472vw + 35.728px, 160px);
    line-height: 100%;
    text-align: center;

    color: var(--bg-primary-second);
}

.item-advantage-detail__text {
    position: relative;
    width: 100%;

    color: var(--text-primary-main);
}

@media(max-width: 800px) {
    .wrapper-advantages-detail {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media(max-width: 630px) {
    .item-advantage-detail__num {
        position: relative;
        right: 0px;
        top: 0px;
        transform: unset;

        margin-left: auto;
    }
    .item-advantage-detail__content {
        max-width: 100%;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.text-form/templates/.default/style.css?17708915741306*/
.text-form__wrapper {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
}

.text-form__content,
.text-form__form {
    position: relative;
    width: 0%;
    flex-grow: 1;
}

.text-form__content {
    max-width: 630px;
}

.text-form__form {
    max-width: 760px;
    padding: 20px;

    background: var(--bg-primary-second);
    border-radius: 20px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;

    min-height: 293px;
}

.text-form__form-head {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;

    width: 100%;
    max-width: 445px;
}

.text-form__form-title {
    position: relative;
    color: var(--text-primary-head);
}
.text-form__form-text {
    position: relative;
    color: var(--text-primary-main);
}


@media(max-width: 820px) {
    .text-form__wrapper {
        flex-direction: column;
    }

    .text-form__content,
    .text-form__form {
        width: 100%;
        max-width: 100%;
    }

    .text-form__form-head {
        max-width: 100%;
    }

    .text-form__form-btn.btn {
        width: 100%;
    }
}
/* End */
/* /local/components/componentsTheme/block.banner/templates/two/style.css?17708157812940 */
/* /local/components/componentsTheme/block.categories/templates/slider/style.css?1770893038846 */
/* /local/components/componentsTheme/item.category/templates/.default/style.css?17703802431761 */
/* /local/components/componentsTheme/block.advantages/templates/.default/style.css?17708802931324 */
/* /local/components/componentsTheme/block.partners/templates/.default/style.css?1770881813708 */
/* /local/components/componentsTheme/item.partner/templates/.default/style.css?17708818051507 */
/* /local/components/componentsTheme/block.conditions/templates/.default/style.css?1770886764334 */
/* /local/components/componentsTheme/item.condition/templates/.default/style.css?17708867781885 */
/* /local/components/componentsTheme/block.advantages/templates/detail/style.css?17708888592211 */
/* /local/components/componentsTheme/block.text-form/templates/.default/style.css?17708915741306 */
