.info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 24rem 16rem;
    border-radius: var(--border-radius-lg);
}

.info-block__video:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-black);
    opacity: 0.4;
    -webkit-transition:
        visibility var(--global-transition-duration),
        opacity var(--global-transition-duration);
    transition:
        visibility var(--global-transition-duration),
        opacity var(--global-transition-duration);
}

.info-block__video.active:after {
    visibility: hidden;
    opacity: 0;
}

.info-block--gray {
    background-color: var(--color-gray-100);
}

.info-block__text:not(:first-child) {
    margin-top: 16rem;
}

.info-block--pricing .info-block__text {
    font-weight: 700;
}

.info-block__sm-text {
    font-size: 14rem;
}

.info-block__sm-text:not(:first-child) {
    margin-top: 16rem;
}

.info-block--pricing .info-block__sm-text {
    font-size: 16rem;
}

.info-block--pricing .info-block__sm-text:not(:first-child) {
    margin-top: 32rem;
}

.info-block__tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24rem;
    gap: 12rem;
}

.info-block__tips-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8rem;
    color: var(--color-gray-700);
    line-height: 1.3;
}

.info-block__tips-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12rem;
}

.info-block__tips-icon {
    width: 25rem;
    min-width: 25rem;
    height: 25rem;
    -o-object-fit: contain;
       object-fit: contain;
}

.info-block__tips-title {
    font-size: 18rem;
    font-weight: 700;
}

.info-block__tips-text {
    color: var(--color-gray-700);
    font-size: 14rem;
}

.info-block--pricing .info-block__tips {
    gap: 6rem;
}

.info-block--pricing .info-block__tips:not(:first-child) {
    margin-top: 12rem;
}

.info-block--pricing .info-block__tips-top {
    gap: 16rem;
}

.info-block--pricing .info-block__tips-title {
    font-size: 16rem;
    font-weight: 300;
}

.info-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24rem;
    line-height: 1.3;
    gap: 10rem;
}

.info-block__list-item {
    position: relative;
    padding-left: 48rem;
}

.info-block__list-item::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32rem;
    height: 32rem;
    background-image: url('../../img/info-block/icons/list.svg');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

.info-block__list-title {
    color: var(--color-gray-900);
    font-size: 20rem;
    font-weight: 700;
}

.info-block__list-text {
    color: var(--color-gray-700);
    font-size: 14rem;
    font-weight: 300;
}

.info-block__list-text:not(:first-child) {
    margin-top: 6rem;
}

.info-block--pricing .info-block__list {
    gap: 12rem;
}

.info-block--pricing .info-block__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 24rem;
    padding-left: 36rem;
}

.info-block--pricing .info-block__list li:after {
    width: 24rem;
    height: 24rem;
    background-image: url('../../img/icons/circle-check.svg');
    top: 0;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
}

.info-block__list-title {
    font-weight: 700;
    font-size: 18rem;
    margin-top: 32rem;
}

.info-block__list-title + .info-block__list {
    margin-top: 12rem;
}

.info-block__button {
    margin-right: auto;
    margin-left: auto;
}

.info-block__button:not(:first-child) {
    margin-top: 16rem;
}

.grid-container--reverse > .info-block {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .info-block {
        padding: 40rem 32rem;
    }

    .info-block--pricing {
        padding-top: 64rem;
        padding-bottom: 64rem;
    }

    .info-block:has(.info-block__tips) .info-block__title {
        font-size: 48rem;
        line-height: 1.3;
    }

    .info-block:has(.info-block__tips).info-block--pricing .info-block__title {
        font-size: 40rem;
        line-height: 52rem;
    }

    .info-block__text {
        padding-right: 5rem;
        font-size: 18rem;
    }

    .info-block__text:not(:first-child) {
        margin-top: 20rem;
    }

    .info-block--pricing .info-block__text {
        font-size: 24rem;
        padding-right: 0;
    }

    .info-block--pricing .info-block__text:not(:first-child) {
        margin-top: 24rem;
    }

    .info-block__sm-text:not(:first-child) {
        margin-top: 12rem;
        padding-right: 5rem;
    }

    .info-block--pricing .info-block__sm-text {
        font-size: 18rem;
    }

    .info-block__tips {
        gap: 32rem;
        margin-top: 32rem;
    }

    .info-block__tips-title {
        font-size: 24rem;
    }

    .info-block--pricing .info-block__tips:not(:first-child) {
        margin-top: 48rem;
    }

    .info-block--pricing .info-block__tips {
        gap: 24rem;
    }

    .info-block--pricing .info-block__tips-title {
        font-size: 18rem;
    }

    .info-block__list {
        gap: 24rem;
        margin-top: 39rem;
    }

    .info-block__list-item::after {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .info-block__list-title {
        font-size: 24rem;
    }

    .info-block__list-text:not(:first-child) {
        margin-top: 8rem;
    }

    .info-block__button {
        margin-right: 0;
        margin-left: 0;
    }

    .info-block__button:not(:first-child) {
        margin-top: 32rem;
    }
}