.offer-agr-pro {
    height: min(calc(700 * 100vw / 1920), 700px);
    position: relative;
    overflow: hidden;
}
.offer-agr-pro .offer-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.offer-agr-pro .offer-content {
    padding: 120px 66px;
    position: relative;
    z-index: 1;
}
.offer-agr-pro h2 {
    color: #ffffff;
    font-size: min(calc(71 * 100vw / 1920), 71px);
    font-family: 'Tektur', sans-serif;
    line-height: 1.25;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: min(calc(60 * 100vw / 1920), 60px);
}
.offer-agr-pro .offer-content-item {
    display: flex;
    gap: min(calc(124 * 100vw / 1920), 124px);
    width: min(calc(1300 * 100vw / 1920), 1300px);
}
.offer-agr-pro .text-block {
    color: #ffffff;
    font-family: 'Tektur', sans-serif;
    line-height: 1.3;
}
.offer-agr-pro .left-part {
    font-weight: 700;
    font-size: min(calc(26 * 100vw / 1920), 26px);
    width: min(calc(392 * 100vw / 1920), 392px);
    white-space: nowrap;
}
.offer-agr-pro .right-part {
    font-weight: 500;
    font-size: min(calc(32 * 100vw / 1920), 32px);
}
.offer-agr-pro .offer-crystal {
    position: absolute;
    top: 17px;
    right: 76px;
    width: min(calc(275 * 100vw / 1920), 275px);
    z-index: 1;
}

@media (max-width: 1439px) {
    .offer-agr-pro {
        height: min(calc(700 * 100vw / 1439), 700px);
    }
    .offer-agr-pro .offer-content {
        padding: 120px 20px;
    }
    .offer-agr-pro .left-part {
        font-size: min(calc(26 * 100vw / 1439), 26px);
        width: min(calc(392 * 100vw / 1439), 392px);
    }
    .offer-agr-pro .right-part {
        font-size: min(calc(32 * 100vw / 1439), 32px);
    }
    .offer-agr-pro h2 {
        font-size: min(calc(71 * 100vw / 1439), 71px);
        margin-bottom: min(calc(60 * 100vw / 1439), 60px);
    }
    .offer-agr-pro .offer-content-item {
        gap: min(calc(104 * 100vw / 1439), 104px);
        width: min(calc(1250 * 100vw / 1439), 1300px);
    }
    .offer-agr-pro .offer-crystal {
        top: 15px;
        right: 27px;
        width: min(calc(253 * 100vw / 1439), 253px);
    }
}
@media (max-width: 1023px) {
    .offer-agr-pro {
        height: min(calc(626 * 100vw / 1023), 626px);
    }
    .offer-agr-pro .left-part {
        font-size: min(calc(22 * 100vw / 1023), 22px);
        width: auto;
    }
    .offer-agr-pro .right-part {
        font-size: min(calc(32 * 100vw / 1023), 32px);
    }
    .offer-agr-pro h2 {
        font-size: min(calc(50 * 100vw / 1023), 50px);
        margin-bottom: min(calc(40 * 100vw / 1023), 40px);
        line-height: 100%;
    }
    .offer-agr-pro .offer-content-item {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }
    .offer-agr-pro .offer-crystal {
        right: 10px;
        width: min(calc(199 * 100vw / 1023), 199px);
    }
}
@media (max-width: 639px) {
    .offer-agr-pro {
        height: min(calc(851 * 100vw / 639), 851px);
    }
    .offer-agr-pro .offer-content {
        padding: 0 10px;
    }
    .offer-agr-pro .left-part {
        font-size: min(calc(24 * 100vw / 639), 24px);
    }
    .offer-agr-pro .right-part {
        font-size: min(calc(35 * 100vw / 639), 35px);
    }
    .offer-agr-pro h2 {
        margin-top: min(calc(100 * 100vw / 639), 100px);
        font-size: min(calc(50 * 100vw / 639), 50px);
        margin-bottom: min(calc(40 * 100vw / 639), 40px);
        width: min(calc(454 * 100vw / 639), 454px);
    }
    .offer-agr-pro .offer-content-item {
        gap: min(calc(40 * 100vw / 639), 40px);
    }
    .offer-agr-pro .offer-bg {
        object-position: left;
    }
    .offer-agr-pro .offer-crystal {
        right: 20px;
        width: min(calc(232 * 100vw / 639), 232px);
        top: auto;
        bottom: -35px;
    }
}
@media (max-width: 450px) {
    .offer-agr-pro .offer-crystal {
        bottom: -8px;
    }
}