.site__block_20 {
    background-color: var(--color-surface-base);
    color: var(--color-text-primary);
}

.site__block_20 .container {
    display: flex;
    flex-direction: column;
    gap: 100px;
    padding-bottom: var(--space-section);
    padding-top: var(--space-section);
}

.site__block_20 .block__heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.site__block_20 .block__heading .heading__title {
    color: var(--color-text-primary);
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-tight);
    text-align: center;
}

.site__block_20 .block__heading .heading__title span {
    color: var(--first-color);
}

.site__block_20 .block__heading .heading__btn {
    background-color: var(--first-color);
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: var(--fs-body);
    font-weight: 600;
    padding: 20px;
    text-align: center;
    width: 50%;
}

.site__block_20 .block__heading .heading__btn:hover {
    background-color: var(--second-color);
    color: var(--first-color);
}

.site__block_20 .block__columns {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

.site__block_20 .block__columns .columns__left {
    position: relative;
}

.site__block_20 .block__columns .columns__left .left__images {
    inset: 0;
    position: absolute;
}

.site__block_20 .block__columns .columns__left .left__images .images__item {
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s, visibility 0.3s;
    visibility: hidden;
}

.site__block_20
    .block__columns
    .columns__left
    .left__images
    .images__item.active {
    opacity: 1;
    transition: opacity 0.3s, visibility 0.3s;
    visibility: visible;
}

.site__block_20 .block__columns .columns__left .left__images .images__item img {
    border-radius: 30px;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.site__block_20 .block__columns .columns__right .right__toggle .toggle__item {
    border-radius: 30px;
    padding: 35px;
    transition: background-color 0.3s;
}

.site__block_20
    .block__columns
    .columns__right
    .right__toggle
    .toggle__item[open] {
    background-color: var(--color-surface-subtle);
    transition: background-color 0.3s;
}

.site__block_20
    .block__columns
    .columns__right
    .right__toggle
    .toggle__item
    .item__title {
    color: var(--color-text-primary);
    cursor: pointer;
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: 1;
    list-style: none;
    position: relative;
}

.site__block_20
    .block__columns
    .columns__right
    .right__toggle
    .toggle__item[open]
    .item__title {
    pointer-events: none;
}

.site__block_20
    .block__columns
    .columns__right
    .right__toggle
    .toggle__item
    .item__title:after {
    background-color: rgba(0, 0, 0, 0.06);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.626 8.045 C 5.423 8.152,5.146 8.432,5.043 8.635 C 4.933 8.849,4.934 9.151,5.044 9.372 C 5.161 9.606,11.394 15.839,11.628 15.956 C 11.733 16.008,11.874 16.040,12.000 16.040 C 12.126 16.040,12.267 16.008,12.372 15.956 C 12.606 15.839,18.839 9.606,18.956 9.372 C 19.132 9.019,19.041 8.639,18.701 8.299 C 18.361 7.959,17.980 7.868,17.628 8.044 C 17.516 8.100,16.558 9.029,14.730 10.853 L 12.000 13.579 9.270 10.853 C 7.442 9.029,6.484 8.100,6.372 8.044 C 6.152 7.934,5.835 7.935,5.626 8.045' fill='%236B7280'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    content: '';
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

.site__block_20
    .block__columns
    .columns__right
    .right__toggle
    .toggle__item[open]
    .item__title:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.620 8.046 C 11.391 8.163,5.155 14.406,5.044 14.628 C 4.868 14.981,4.959 15.361,5.299 15.701 C 5.639 16.041,6.020 16.132,6.372 15.956 C 6.484 15.900,7.442 14.971,9.270 13.147 L 12.000 10.421 14.730 13.147 C 16.558 14.971,17.516 15.900,17.628 15.956 C 17.980 16.132,18.361 16.041,18.701 15.701 C 19.041 15.361,19.132 14.981,18.956 14.628 C 18.839 14.394,12.606 8.161,12.372 8.044 C 12.151 7.934,11.836 7.935,11.620 8.046' fill='%236B7280'%3E%3C/path%3E%3C/svg%3E");
}

.site__block_20
    .block__columns
    .columns__right
    .right__toggle
    .toggle__item
    .item__description {
    color: var(--color-text-secondary);
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
    padding-top: 20px;
}

/* Large Desktops */
@media (max-width: 1399px) {
    .site__block_20 .container {
        gap: 80px;
        padding-bottom: var(--space-section);
        padding-top: var(--space-section);
    }

    .site__block_20 .block__heading .heading__title {
        font-size: var(--fs-h2);
    }

    .site__block_20 .block__heading .heading__btn {
        font-size: var(--fs-body);
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item {
        padding: 30px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__title {
        font-size: 40px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__description {
        font-size: 22px;
    }
}

/* Desktops */
@media (max-width: 1199px) {
    .site__block_20 .container {
        gap: 60px;
        padding-bottom: var(--space-section);
        padding-top: var(--space-section);
    }

    .site__block_20 .block__heading {
        gap: 40px;
    }

    .site__block_20 .block__heading .heading__title {
        font-size: var(--fs-h2);
    }

    .site__block_20 .block__heading .heading__btn {
        font-size: var(--fs-body);
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__title {
        font-size: 36px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__description {
        font-size: 20px;
    }
}

/* Tablets */
@media (max-width: 991px) {
    .site__block_20 .container {
        gap: 50px;
        padding-bottom: var(--space-section-mobile);
        padding-top: var(--space-section-mobile);
    }

    .site__block_20 .block__heading .heading__title {
        font-size: var(--fs-h2-mobile);
    }

    .site__block_20 .block__heading .heading__btn {
        font-size: var(--fs-body);
    }

    .site__block_20 .block__columns {
        grid-template-columns: 100%;
    }

    .site__block_20 .block__columns .columns__left {
        display: none;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__title {
        font-size: 32px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__description {
        font-size: 18px;
    }
}

/* Smartphones - Landscape */
@media (max-width: 767px) {
    .site__block_20 .block__heading .heading__title {
        font-size: var(--fs-h2-mobile);
    }

    .site__block_20 .block__heading .heading__btn {
        font-size: var(--fs-body);
        padding: 15px;
        width: 70%;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item {
        border-radius: 20px;
        padding: 25px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__title {
        font-size: 28px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__title:after {
        background-size: 18px auto;
        height: 25px;
        width: 25px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__description {
        font-size: 16px;
    }
}

/* Smartphones - Portrait */
@media (max-width: 567px) {
    .site__block_20 .block__heading .heading__title {
        font-size: var(--fs-h2-mobile);
    }

    .site__block_20 .block__heading .heading__btn {
        font-size: var(--fs-body);
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item {
        border-radius: 15px;
        padding: 20px;
    }

    .site__block_20
        .block__columns
        .columns__right
        .right__toggle
        .toggle__item
        .item__title {
        font-size: 24px;
    }
}