.sectionOffer {
    background: #ffffff;
    padding: 66px 0 61px;
}

.sectionOffer .inner {
    max-width: 1009px;
}

.sectionOffer .wrapOffer {}

.sectionOffer .wrapOffer .listOffer {
    display: flex;
}

.sectionOffer .wrapOffer .listOffer li {
    width: 245px;
    text-align: center;
    position: relative;
}

.sectionOffer .wrapOffer .listOffer li.offerGreen:before {
    content: "";
    position: absolute;
    background: #02b145;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.sectionOffer .wrapOffer .listOffer li.active {}

.sectionOffer .wrapOffer .listOffer li a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    border-radius: 13px 13px 0 0;
    background: #02b145;
    color: #ffffff;
    position: relative;
    padding: 10px 10px 4px;
    letter-spacing: 3.4px;
    height: 100%;
}

.sectionOffer .wrapOffer .listOffer li.offerBlue a {
    background: #0092db;
    letter-spacing: 0.4px;
}

.sectionOffer .wrapOffer .contentOffer {}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem {
    display: none;
    background: #ffffff;
    border: 5px solid #02b145;
    position: relative;
    border-radius: 20px;
    padding: 53px 47px 66px;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem.offerBlue {
    border-color: #0092db;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem.active {
    display: block;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer {}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem {
    margin-bottom: 38px;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem:last-child {
    margin-bottom: 0;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table {
    width: 100%;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr {
    border: solid #231815;
    border-width: 1px 0;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr th {
    border-right: 1px solid #231815;
    background: #d3d3d4;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px 3px;
    width: 200px;
    vertical-align: unset;
    letter-spacing: 2.7px;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr td {
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 200px);
    padding: 4px 15px 3px;
    letter-spacing: 1.9px;
    line-height: 1.65;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn {
    margin-top: 71px;
    padding-right: 3.2vw;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .characterBtn {
    width: 143px;
    left: 10px;
    bottom: -13px;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .boxBtn a {
    padding: 3px 13px;
}

.sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .boxBtn a .txtBtn {
    padding: 0px 46px 0 102px;
}
@media (min-width: 769px) {
    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr td a {
        pointer-events: none;
    }
}

@media (max-width: 768px) {
    .sectionOffer {
        padding: clamp(30px, 9.5vw, 71px) 0 clamp(30px, 10.4vw, 78px);
    }

    .sectionOffer .inner {
        padding: 0 5.2%;
    }

    .sectionOffer .wrapOffer {}

    .sectionOffer .wrapOffer .listOffer {
        display: flex;
    }

    .sectionOffer .wrapOffer .listOffer li {
        width: clamp(70px, 15.8vw, 118px);
        width: 50%;
    }

    .sectionOffer .wrapOffer .listOffer li.offerGreen:before {
        content: "";
        position: absolute;
        background: #02b145;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .sectionOffer .wrapOffer .listOffer li a {
        border-radius: 17px 17px 0 0;
        letter-spacing: 3.4px;
        font-size: clamp(14px, 3.8vw, 28px);
        background: #1fa847;
        padding: clamp(10px, 3vw, 22px) clamp(5px, 1.4vw, 10px) clamp(10px, 3vw, 22px);
    }

    .sectionOffer .wrapOffer .listOffer li.offerBlue a {
        background: #1b89cb;
        letter-spacing: 1.4px;
    }

    .sectionOffer .wrapOffer .contentOffer {}

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem {
        border-radius: 0 0 10px 10px;
        border-top: 0;
        border-color: #1fa847;
        padding: clamp(28px, 7.5vw, 56px) clamp(18px, 4.8vw, 36px) clamp(25px, 8vw, 60px);
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem.offerBlue {
        border-color: #1b89cb;
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer {}

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem {
        margin-bottom: clamp(30px, 8.2vw, 62px);
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr {
        border-width: 1px 0;
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr th {
        padding: clamp(9px, 2.9vw, 22px) clamp(5px, 1vw, 10px) clamp(10px, 2.8vw, 21px) clamp(10px, 3vw, 22px);
        font-size: clamp(12px, 3.2vw, 24px);
        width: clamp(80px, 20.4vw, 153px);
        letter-spacing: clamp(1px, 0.4vw, 2.7px);
        letter-spacing: 0;
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .iframeOffer .wrapOfferItem table tr td {
        font-size: clamp(12px, 3.2vw, 24px);
        width: calc(100% - clamp(80px, 20.4vw, 153px));
        line-height: 1.48;
        padding: clamp(9px, 2.4vw, 18px) 0 clamp(10px, 2.8vw, 21px) clamp(12px, 3.6vw, 27px);
        letter-spacing: clamp(1px, 0.4vw, 2.9px);
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn {
        margin-top: clamp(45px, 12.1vw, 91px);
        padding: 0 clamp(4.5px, 1.2vw, 9px) 0 0;
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .characterBtn {
        left: 0px;
        width: clamp(77px, 19.7vw, 148px);
        bottom: clamp(-14px, -1.9vw, -5px);
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .boxBtn {
        padding-left: clamp(20px, 5.4vw, 41px);
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .boxBtn a {
        padding: 1px 13px 4px;
        letter-spacing: 0;
    }

    .sectionOffer .wrapOffer .contentOffer .boxOfferItem .wrapBtn .boxBtn a .txtBtn {
        padding: 0 clamp(30px, 5vw, 37px) 0 clamp(44px, 15vw, 103px);
    }
}