﻿.tform-section {
    position: relative;
}

    .tform-section:before {
        display: block;
        opacity: 0.19;
        position: absolute;
        height: 100%;
        top: 0;
        width: 100%;
        content: '';
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

.tform-title:after {
    margin-left: 14px;
    margin-top: 4px;
    vertical-align: top;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
}

.landing-content__img {
    height: 500px;
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
    margin-top: 56px;
}

.landing-section {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.9);
}

.landing-section__header, .landing-content__title, .landing-content__text {
    width: 785px;
    margin-left: auto;
    margin-right: auto;
}

.landing-section__header {
    font-family: "TTNormsProExp-Md";
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    margin-top: 72px;
}

.landing-content__title {
    font-weight: 700;
}

.landing-section__header + .landing-section__content > .landing-content__text:first-of-type {
    margin-top: 24px;
}

.landing-content__text {
    margin-top: 4px;
}

.landing-section__block {
    margin-top: 32px;
}

.landing-section__block--image {
    margin-top: 64px;
}

.landing-section__content .landing-section__block:first-of-type,
.landing-section__content .landing-section__block--image:first-of-type {
    margin-top: 48px;
}

.landing-section__block--image .landing-content__img {
    margin-top: 32px;
}

.landing-table {
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 24px;
    padding: 20px 24px 7px 24px;
}

.landing-table__header {
    font-weight: 700;
    padding-bottom: 7px;
    display: flex;
    flex-direction: row;
}

.landing-table__row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 11px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
}

.landing-table--prices .landing-table__header,
.landing-table--prices .landing-table__row {
    justify-content: space-between;
}

.landing-section__medications {
    margin-top: 28px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 24px;
    padding: 20px 24px 7px 24px;
}

.landing-medications__header {
    font-weight: 700;
    padding-bottom: 7px;
    display: flex;
    flex-direction: row;
    column-gap: 60px;
}

.landing-medications__row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 11px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    column-gap: 60px;
}

.landing-medications__td {
    flex-basis: 33.33%;
}

.landing-section__insured-event {
    margin-top: 20px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 24px;
    padding: 31px 24px 37px 24px;
    display: flex;
    justify-content: space-between;
}

.insured-event__number {
    font-size: 40px;
    line-height: 48px;
    font-family: "TTNormsProExp-Md";
    color: rgba(108, 87, 226, 0.9);
    margin-bottom: 8px;
}

.insured-event__item {
    width: 360px;
}

.landing-section__hospitals {
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
}

.hospital-table {
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 24px;
    padding: 0 24px;
    width: 360px;
}

.hospital-table__header {
    font-weight: 700;
    color: rgba(108, 87, 226, 0.9);
    margin-top: 19px;
    margin-bottom: 16px;
}

.hospital-table__row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 16px;
    padding-bottom: 15px;
}

.countries-section {
    padding-top: 72px;
    padding-bottom: 72px;
}

@media (max-width: 1199px) {
    .tform-title:after {
        display: none;
    }
}

@media (min-width: 960px) and (max-width: 1199px) {
    .landing-section__insured-event {
        padding-bottom: 31px;
    }

    .insured-event__item {
        width: 260px;
    }

    .hospital-table {
        width: 450px;
    }

    .landing-section__hospitals {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .landing-section__header, .landing-content__title, .landing-content__text {
        width: 100%;
    }

        .landing-section__header + .landing-section__content > .landing-content__text:first-of-type {
            margin-top: 20px;
        }

    .landing-section__block--image {
        margin-top: 56px;
    }

    .landing-section__content .landing-section__block:first-of-type {
        margin-top: 32px;
    }

    .landing-content__img {
        margin-top: 48px;
    }

    .landing-section__medications {
        margin-top: 32px;
    }

    .landing-medications__td {
        width: 200px;
        flex-basis: unset;
        word-break: break-word;
    }

    .landing-medications__header,
    .landing-medications__row {
        justify-content: space-between;
        column-gap: unset;
    }

    .landing-section__insured-event {
        flex-direction: column;
        row-gap: 40px;
        padding-bottom: 47px;
    }

    .insured-event__number {
        min-width: 60px;
        margin-bottom: unset;
    }

    .insured-event__item {
        display: flex;
        width: unset;
    }

    .hospital-table {
        width: 354px;
    }

    .landing-section__hospitals {
        margin-top: 32px;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 20px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .landing-section {
        font-size: 16px;
        line-height: 24px;
    }

    .landing-content__img {
        height: 320px;
        margin-top: 48px;
        border-radius: 16px;
    }

    .landing-section__header {
        margin-top: 64px;
        font-size: 32px;
        line-height: 36px;
    }

    .landing-content__title {
        font-size: 20px;
        line-height: 30px;
    }

    .landing-content__text {
        margin-top: 9px;
    }

    .landing-section__block--image {
        margin-top: 48px;
    }

    .landing-section__content .landing-section__block--image:first-of-type {
        margin-top: 24px;
    }

    .landing-section__content .landing-section__block:first-of-type {
        margin-top: 32px;
    }

    .landing-section__hospitals {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {

    .landing-table.landing-table--double {
        padding: 0 16px;
    }

    .landing-table--double .landing-table__header {
        display: none;
    }

    .landing-table--double .landing-table__row {
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 11px;
        row-gap: 2px;
    }

        .landing-table--double .landing-table__row:nth-of-type(2) {
            border: none;
        }

        .landing-table--double .landing-table__td:first-of-type {
            font-weight: 700;
        }

    .landing-section__header, .landing-content__title, .landing-content__text {
        width: 100%;
    }

    .landing-table--split {
        background-color: unset;
        border: none;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding: 0;
    }

        .landing-table--split .landing-table__header {
            display: none;
        }

        .landing-table--split .landing-table__row {
            border: solid 1px rgba(0, 0, 0, 0.05);
            background-color: rgba(0, 0, 0, 0.02);
            border-radius: 24px;
            padding: 19px 16px 4px 16px;
            flex-direction: column;
            column-gap: unset;
        }

        .landing-table--split .landing-table__td {
            font-size: 14px;
            line-height: 20px;
            padding-top: 12px;
            padding-bottom: 15px;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            flex-basis: unset;
        }

            .landing-table--split .landing-table__td:before {
                content: attr(data-title);
                display: block;
                margin-bottom: 4px;
                color: rgba(0, 0, 0, 0.5);
            }

            .landing-table--split .landing-table__td:first-of-type {
                font-weight: 700;
                padding-bottom: 11px;
                font-size: 16px;
                line-height: 22px;
                border: none;
                padding-top: unset;
            }

                .landing-table--split .landing-table__td:first-of-type:before {
                    display: none;
                }


    .landing-section__medications {
        margin-top: 32px;
        background-color: unset;
        border: none;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding: 0;
    }

    .landing-medications__header {
        display: none;
    }

    .landing-medications__row {
        border: solid 1px rgba(0, 0, 0, 0.05);
        background-color: rgba(0, 0, 0, 0.02);
        border-radius: 24px;
        padding: 19px 16px 4px 16px;
        flex-direction: column;
        column-gap: unset;
    }

    .landing-medications__td {
        font-size: 14px;
        line-height: 20px;
        padding-top: 12px;
        padding-bottom: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        flex-basis: unset;
    }

        .landing-medications__td:before {
            content: attr(data-title);
            display: block;
            margin-bottom: 4px;
            color: rgba(0, 0, 0, 0.5);
        }

        .landing-medications__td:first-of-type:before {
            display: none;
        }

        .landing-medications__td:first-of-type {
            font-weight: 700;
            padding-bottom: 11px;
            font-size: 16px;
            line-height: 22px;
            border: none;
            padding-top: unset;
        }

    .landing-section__insured-event {
        margin-top: 32px;
        flex-direction: column;
        row-gap: 32px;
        padding-bottom: 31px;
    }

    .landing-section__hospitals {
        margin-top: 32px;
        flex-direction: column;
        row-gap: 16px;
    }

    .hospital-table {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .landing-section {
        font-size: 14px;
        line-height: 20px;
    }

    .landing-section__header {
        font-size: 24px;
        line-height: 28px;
        margin-top: 48px;
    }

    .landing-content__img {
        height: 216px;
        margin-top: 32px;
        border-radius: 12px;
    }

    .landing-content__title {
        font-size: 16px;
        line-height: 30px;
    }

    .landing-section__header + .landing-section__content > .landing-content__text:first-of-type {
        margin-top: 12px;
    }

    .landing-section__block--image,
    .landing-section__content .landing-section__block--image:first-of-type {
        margin-top: 32px;
    }

        .landing-section__block--image .landing-content__img {
            margin-top: 16px;
        }

    .landing-section__content .landing-section__block,
    .landing-section__content .landing-section__block:first-of-type {
        margin-top: 24px;
    }

    .landing-section__medications {
        margin-top: 16px;
    }

    .landing-section__insured-event {
        margin-top: 20px;
        row-gap: 24px;
        padding: 24px 16px 22px 16px;
    }

    .insured-event__item {
        width: 100%;
    }

    .insured-event__number {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 0;
    }

    .landing-section__hospitals {
        font-size: 16px;
        line-height: 30px;
    }

    .hospital-table {
        padding-left: 16px;
        padding-right: 16px;
        height: unset;
        padding-bottom: 8px;
    }

    .hospital-table__header {
        margin-top: 21px;
        margin-bottom: 14px
    }

    .hospital-table__row {
        padding-top: 18px;
        padding-bottom: 13px
    }
}
