/* @media screen and (max-width: 767px) {
    .product-container {
        overflow-x: visible;
    }
} */
.landing-ochag {
    font-family: "Montserrat", sans-serif;
    max-width: 1500px;
    min-width: 270px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 150px;
}
.landing-ochag * {
    box-sizing: border-box;
}
.landing-ochag .title-ochag {
    color: #020A0A;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    margin: 0;
}
.landing-ochag .text-ochag {
    color: #020A0A;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%; 
    margin: 0;
}
@media screen and (max-width: 1599px) {

}
@media screen and (max-width: 1344px) {
    .landing-ochag .title-ochag {
        font-size: 54px;
    }
    .landing-ochag .text-ochag {
        font-size: 18px;
    }
}
@media screen and (max-width: 1199px) {
    .landing-ochag {
        gap: 120px;
    }
    .landing-ochag .title-ochag {
        font-size: 46px;
    }
}
@media screen and (max-width: 991px) {
    .landing-ochag {
        gap: 100px;
    }
    .landing-ochag .text-ochag {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){
    .landing-ochag {
        gap: 80px;
    }
    .landing-ochag .title-ochag {
        font-size: 40px;
    }
}
@media screen and (max-width: 567px) {
    .landing-ochag {
        gap: 60px;
    }
    .landing-ochag .title-ochag {
        font-size: 30px;
    }
    .landing-ochag .text-ochag {
        font-size: 14px;
    }
}
/* product============================================================================== */
.product-ochag {
    display: flex;
    gap: 25px;
}
.product-ochag__inner {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
    padding: 127px 40px;
    border-radius: 25px;
    background-image: url(/image/catalog/landings/ochag-30/broduct-bg.webp);
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    max-width: 958px;
    width: 100%;
}
.product-ochag__inner h2 {
    max-width: 537px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
    font-size: 110px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 6.7px;
    text-transform: uppercase;
    background: var(--1, linear-gradient(0deg, #22372C 13.85%, #266141 62.09%, #266141 89.23%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.product-ochag__inner h4 {
    color: #020A0A;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 2.25px;
    text-transform: uppercase;
    margin: 0;
}
.product-ochag__info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    border-radius: 25px;
    background: #22372C;
    max-width: 467px;
    width: 100%;
}
.product-ochag__info .text-ochag {
    color: #FFF;
}
@media screen and (max-width: 1599px) {
    .product-ochag__inner {
        padding: 152px 30px;
        max-width: 825px;
    }
    .product-ochag__inner h2 {
        max-width: 400px;
        font-size: 88px;
        letter-spacing: normal;
    }
    .product-ochag__inner h4 {
        font-size: 20px;
        letter-spacing: normal;
        max-width: 400px;
        width: 100%;
    }
    .product-ochag__info {
        padding: 30px;
        max-width: 400px;
    }
}
@media screen and (max-width: 1344px) {
    .product-ochag__inner {
        padding: 118px 30px;
        max-width: 738px;
    }
    .product-ochag__inner h2 {
        font-size: 76px;
        letter-spacing: 4.5px;
        max-width: 370px;
    }
    .product-ochag__inner h4 {
        font-size: 19px;
        letter-spacing: 0.3px;
        max-width: 370px;
    }
    .product-ochag__info {
        max-width: 357px;
    }
}
@media screen and (max-width: 1199px) {
    .product-ochag {
        gap: 20px;
    }
    .product-ochag__inner {
        padding: 20px 30px 212px;
        border-radius: 20px;
        background-position: center left 20%;
        max-width: 450px;
        text-align: right;
    }
    .product-ochag__inner h2 {
        max-width: 304px;
        font-size: 60px;
        letter-spacing: normal;
        max-width: 300px;
    }
    .product-ochag__inner h4 {
        font-size: 18px;
        letter-spacing: normal;
        max-width: 257px;
    }
    .product-ochag__info {
        border-radius: 20px;
        max-width: 450px;
    }
}
@media screen and (max-width: 991px) {
    .product-ochag {
        gap: 15px;
        flex-direction: column;
    }
    .product-ochag__inner {
        padding: 99px 30px;
        border-radius: 15px;
        background-position: center left;
        max-width: 100%;
        text-align: start;
    }
    .product-ochag__inner h2 {
        max-width: 350px;
        font-size: 70px;
        letter-spacing: 5px;
    }
    .product-ochag__inner h4 {
        font-size: 18px;
        max-width: 350px;
    }
    .product-ochag__info {
        border-radius: 15px;
        padding: 25px;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px){
    .product-ochag__inner {
        padding: 25px 25px 186px;
        background-position: center left 20%;
        text-align: right;
    }
    .product-ochag__inner h2 {
        max-width: 300px;
        font-size: 64px;
        letter-spacing: normal;
    }
    .product-ochag__inner h4 {
        font-size: 20px;
        max-width: 270px;
    }
    .product-ochag__info {
        padding: 20px;
    }
}
@media screen and (max-width: 567px) {
    .product-ochag__inner {
        padding: 15px 20px 248px;
        background-position: center left 20%;
    }
    .product-ochag__inner h2 {
        max-width: 200px;
        font-size: 35px;
    }
    .product-ochag__inner h4 {
        font-size: 16px;
        max-width: 160px;
    }
    .product-ochag__info {
        border-radius: 10px;
    }
}
/* construction---------------------------------------------------------------------------------- */
.construction-ochag {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}
.construction-ochag h3 {
    text-align: center;
}
.construction-ochag__wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.construction-ochag__inner {
    display: flex;
    gap: 25px;
}
.construction-ochag__picture {
    border-radius: 25px;
    background-image: url(/image/catalog/landings/ochag-30/construction-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 713px;
    width: 100%;
}
.construction-ochag__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 713px;
    width: 100%;
}
.construction-ochag__info .text-ochag { 
    color: #FFF;
    border-radius: 25px;
    background-color: #22372C;
    padding: 40px;
}
.construction-ochag__wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 25px;
    justify-content: space-between;
    width: 100%;
}
.construction-ochag__wrap ul li {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
    width: 100%;
}
.construction-ochag__wrap ul li img {
    max-width: 80px;
    width: 100%;
}
.construction-ochag__wrap ul li h5 {
    color: #020A0A;
    font-size: 22px;
    font-weight: 600;
    line-height: 145%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .construction-ochag {
        gap: 25px;
    }
    .construction-ochag__picture {
        max-width: 613px;
    }
    .construction-ochag__info {
        max-width: 612px;
    }
    .construction-ochag__info .text-ochag { 
        padding: 30px;
    }
    .construction-ochag__wrap ul li {
        padding: 30px;
    }
}
@media screen and (max-width: 1344px) {
    .construction-ochag__picture {
        max-width: 548px;
        background-position: center left;
    }
    .construction-ochag__info {
        max-width: 547px;
    }
    .construction-ochag__wrap ul li img {
        max-width: 70px;
    }
    .construction-ochag__wrap ul li h5 {
        font-size: 20px;
    }
}
@media screen and (max-width: 1199px) {
    .construction-ochag {
        gap: 20px;
    }
    .construction-ochag__wrap {
        gap: 20px;
    }
    .construction-ochag__inner {
        gap: 20px;
    }
    .construction-ochag__picture {
        border-radius: 20px;
        background-position: center;
        max-width: 450px;
    }
    .construction-ochag__info {
        gap: 20px;
        max-width: 450px;
    }
    .construction-ochag__info .text-ochag { 
        border-radius: 20px;
    }
    .construction-ochag__wrap ul {
        gap: 20px;
    }
    .construction-ochag__wrap ul li {
        gap: 20px;
        border-radius: 20px;
        padding: 20px 30px;
    }
    .construction-ochag__wrap ul li img {
        max-width: 60px;
    }
    .construction-ochag__wrap ul li h5 {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .construction-ochag {
        gap: 15px;
    }
    .construction-ochag__wrap {
        gap: 15px;
    }
    .construction-ochag__inner {
        flex-direction: column;
        gap: 15px;
    }
    .construction-ochag__picture {
        border-radius: 15px;
        max-width: 100%;
        height: 394px;
    }
    .construction-ochag__info {
        gap: 15px;
        max-width: 100%;
    }
    .construction-ochag__info .text-ochag { 
        border-radius: 15px;
        padding: 25px;
    }
    .construction-ochag__wrap ul {
        gap: 15px;
    }
    .construction-ochag__wrap ul li {
        gap: 15px;
        padding: 20px;
        border-radius: 15px;
    }
    .construction-ochag__wrap ul li img {
        max-width: 50px;
    }
}
@media screen and (max-width: 767px){
    .construction-ochag__info .text-ochag { 
        padding: 20px;
    }
    .construction-ochag__wrap ul {
        flex-direction: column;
    }
}
@media screen and (max-width: 567px) {
    .construction-ochag__picture {
        border-radius: 10px;
        height: 227px;
    }
    .construction-ochag__info .text-ochag { 
        border-radius: 10px;
    }
    .construction-ochag__wrap ul li {
        padding: 15px 20px;
        border-radius: 10px;
    }
    .construction-ochag__wrap ul li h5 {
        font-size: 14px;
    }
}

/* universal----------------------------------------------------------------------------------------- */
.universal-ochag {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.universal-ochag__wrap {
    display: flex;
    justify-content: start;
    padding: 110px 40px;
    border-radius: 25px;
    background-image: url(/image/catalog/landings/ochag-30/universal-bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.universal-ochag__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 685px;
    width: 100%;
}
.universal-ochag__info h3 {
    color: #020A0A;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    margin: 0;
}
.universal-ochag ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    gap: 25px;
}
.universal-ochag ul li {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
    width: 100%;
}
.universal-ochag ul li img {
    max-width: 80px;
    width: 100%;
}
.universal-ochag ul li h5 {
    color: #020A0A;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .universal-ochag__wrap {
        padding: 76px 30px;
    }
    .universal-ochag__info {
        max-width: 595px;
    }
    .universal-ochag__info h3 {
        font-size: 56px;
    }
    .universal-ochag ul li {
        padding: 30px;
    }
}
@media screen and (max-width: 1344px) {
    .universal-ochag__wrap {
        padding: 68px 30px;
    }
    .universal-ochag__info {
        max-width: 530px;
    }
    .universal-ochag__info h3 {
        font-size: 50px;
    }
    .universal-ochag ul li img {
        max-width: 70px;
    }
    .universal-ochag ul li h5 {
        font-size: 20px;
    }
}
@media screen and (max-width: 1199px) {
    .universal-ochag {
        gap: 20px;
    }
    .universal-ochag__wrap {
        padding: 30px;
        border-radius: 20px;
    }
    .universal-ochag__info {
        gap: 20px;
        max-width: 420px;
    }
    .universal-ochag__info h3 {
        font-size: 39px;
    }
    .universal-ochag ul {
        gap: 20px;
    }
    .universal-ochag ul li {
        gap: 20px;
        border-radius: 20px;
    }
    .universal-ochag ul li img {
        max-width: 60px;
    }
    .universal-ochag ul li h5 {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .universal-ochag {
        gap: 15px;
    }
    .universal-ochag__wrap {
        padding: 20px;
        border-radius: 15px;
    }
    .universal-ochag__info {
        gap: 15px;
        max-width: 345px;
    }
    .universal-ochag__info h3 {
        font-size: 30px;
    }
    .universal-ochag ul {
        gap: 15px;
    }
    .universal-ochag ul li {
        gap: 15px;
        padding: 20px;
        border-radius: 15px;
    }
    .universal-ochag ul li img {
        max-width: 50px;
    }
}
@media screen and (max-width: 767px){
    .universal-ochag__wrap {
        padding: 25px 25px 397px 25px;
        background-image: url(/image/catalog/landings/ochag-30/universal-bg-m.webp);
        background-position: bottom right;
        background-size: 767px;
    }
    .universal-ochag__info {
        max-width: 100%;
        gap: 10px;
    }
    .universal-ochag ul {
        flex-direction: column;
    }
    .universal-ochag ul li {
        gap: 20px;
        padding: 20px;
    }
}
@media screen and (max-width: 567px) {
    .universal-ochag__wrap {
        padding: 20px 20px 278px 20px;
        border-radius: 10px;
        background-position: bottom right 12%;
        background-size: 540px;
    }
    .universal-ochag__info h3 {
        font-size: 21px;
    }
    .universal-ochag ul li {
        gap: 15px;
        border-radius: 10px;
        padding: 15px 20px;
    }
    .universal-ochag ul li h5 {
        font-size: 14px;
    }
}


/* convenience------------------------------------------------------------------------------------------ */
.convenience-ochag {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.convenience-ochag h2 {
    text-align: center;
}
.convenience-ochag__wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 25px;
}
.convenience-ochag__inner {
    grid-area: 1 / 1 / 2 / 3;
    display: flex;
    gap: 25px;
}
.convenience-ochag__inner img {
    border-radius: 25px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.convenience-ochag__info {
    padding: 40px;
    border-radius: 25px;
    background-color: #22372C;
    display: flex;
    align-items: center;
    justify-content: center;

    grid-area: 2 / 1 / 3 / 3;
}
.convenience-ochag__info .text-ochag {
    color: #FFF;
}
.convenience-ochag__wrap ul {
    grid-area: 1 / 3 / 3 / 4;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.convenience-ochag__wrap ul li {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
}
.convenience-ochag__wrap ul li img {
    max-width: 80px;
    width: 100%;
}
.convenience-ochag__wrap ul li h4 {
    color: #020A0A;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .convenience-ochag__inner img {
        max-width: 400px;
    }
    .convenience-ochag__inner img:first-child {
        object-position: left;
    }
    .convenience-ochag__inner img:last-child {
        object-position: right;
    }
    .convenience-ochag__info {
        padding: 30px;
    }
    .convenience-ochag__wrap ul li {
        padding: 30px;
    }
}
@media screen and (max-width: 1344px) {
    .convenience-ochag__inner img {
        max-width: 356px;
        height: 319px;
    }
    .convenience-ochag__wrap ul li {
        padding: 30px;
        gap: 20px;
        height: 147px;
    }
    .convenience-ochag__wrap ul li img {
        max-width: 70px;
    }
    .convenience-ochag__wrap ul li h4 {
        font-size: 20px;
    }
}
@media screen and (max-width: 1199px) {
    .convenience-ochag {
        gap: 20px;
    }
    .convenience-ochag__wrap {
        gap: 20px;
    }
    .convenience-ochag__inner {
        gap: 20px;
    }
    .convenience-ochag__inner img {
        border-radius: 20px;
        max-width: 293px;
        height: 278px;
    }
    .convenience-ochag__info {
        padding: 17px 30px;
        border-radius: 20px;
    }
    .convenience-ochag__wrap ul {
        gap: 20px;
    }
    .convenience-ochag__wrap ul li {
        gap: 20px;
        padding: 25px;
        border-radius: 20px;
        height: 129px;
    }
    .convenience-ochag__wrap ul li img {
        max-width: 50px;
    }
    .convenience-ochag__wrap ul li h4 {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .convenience-ochag {
        gap: 15px;
    }
    .convenience-ochag__wrap {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .convenience-ochag__inner {
        gap: 14px;
    }
    .convenience-ochag__inner img {
        border-radius: 15px;
        max-width: 343px;
        height: 289px;
    }
    .convenience-ochag__info {
        padding: 25px;
        border-radius: 15px;
        order: 1;
    }
    .convenience-ochag__wrap ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        column-gap: 14px;
        row-gap: 15px;
    }
    .convenience-ochag__wrap ul li {
        gap: 15px;
        padding: 30px 20px;
        border-radius: 15px;
        height: auto;
    }
    .convenience-ochag__wrap ul li h4 {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){
    .convenience-ochag__inner {
        gap: 14px;
    }
    .convenience-ochag__inner img {
        max-width: calc((100% / 2) - 7px);
        height: auto;
    }
    .convenience-ochag__info {
        padding: 20px;
    }
    .convenience-ochag__wrap ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .convenience-ochag__wrap ul li {
        padding: 20px;
    }
}
@media screen and (max-width: 567px) {
    .convenience-ochag .title-ochag {
        font-size: 23px;
    }
    .convenience-ochag__inner {
        gap: 15px;
        flex-direction: column;
    }
    .convenience-ochag__inner img {
        max-width: 100%;
        border-radius: 10px;
    }
    .convenience-ochag__info {
        border-radius: 10px;
    }
    .convenience-ochag__wrap ul li {
        padding: 15px 20px;
        border-radius: 10px;
    }
    .convenience-ochag__wrap ul li h4 {
        font-size: 14px;
    }
}

/* safety------------------------------------------------------------------------------------------------ */
.safety-ochag {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}
.safety-ochag h2 {
    text-align: center;
}
.safety-ochag__wrap {
    display: flex;
    gap: 25px;
    width: 100%;
}
.safety-ochag__picture {
    border-radius: 25px;
    background-image: url(/image/catalog/landings/ochag-30/safety.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 713px;
}
.safety-ochag__inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 712px;
    width: 100%;
}
.safety-ochag__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 25px;
    padding: 40px;
    background-color: #22372C;
}
.safety-ochag__info h4 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
}
.safety-ochag__info .text-ochag {
    color: #FFF;
}
@media screen and (max-width: 1599px) {
    .safety-ochag__picture {
        max-width: 613px;
    }
    .safety-ochag__inner {
        max-width: 612px;
    }
    .safety-ochag__info {
        padding: 30px;
    }
}
@media screen and (max-width: 1344px) {
    .safety-ochag__picture {
        max-width: 548px;
    }
    .safety-ochag__inner {
        max-width: 547px;
    }
    .safety-ochag__info {
        gap: 10px;
    }
    .safety-ochag__info h4 {
        font-size: 36px;
    }
}
@media screen and (max-width: 1199px) {
    .safety-ochag {
        gap: 20px;
    }
    .safety-ochag__wrap {
        gap: 20px;
    }
    .safety-ochag__picture {
        border-radius: 20px;
        max-width: 450px;
    }
    .safety-ochag__inner {
        gap: 20px;
        max-width: 450px;
    }
    .safety-ochag__info {
        border-radius: 20px;
    }
    .safety-ochag__info h4 {
        font-size: 30px;
    }
}
@media screen and (max-width: 991px) {
    .safety-ochag {
        gap: 15px;
    }
    .safety-ochag__wrap {
        flex-direction: column;
        gap: 15px;
    }
    .safety-ochag__picture {
        border-radius: 15px;
        background-image: url(/image/catalog/landings/ochag-30/safety-m.webp);
        height: 394px;
        max-width: 100%;
    }
    .safety-ochag__inner {
        gap: 15px;
        max-width: 100%;
    }
    .safety-ochag__info {
        border-radius: 15px;
        padding: 25px;
    }
}
@media screen and (max-width: 767px){
    .safety-ochag__info {
        padding: 20px;
    }
}
@media screen and (max-width: 567px) {
    .safety-ochag__picture {
        border-radius: 10px;
        height: 55vw;
    }
    .safety-ochag__info h4 {
        font-size: 20px;
    }
    .safety-ochag__info {
        border-radius: 10px;
        padding: 20px;
    }
}

/* adjustment------------------------------------------------------------------------------------- */
.adjustment-ochag {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.adjustment-ochag__wrap {
    display: flex;
    gap: 25px;
}
.adjustment-ochag__inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 958px;
    width: 100%;
}
.adjustment-ochag__inner h2 {
    color: #020A0A;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    margin: 0;
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
}
.adjustment-ochag__inner .text-ochag {
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
}
.adjustment-ochag__picture {
    background-color: #f9f9f9;
    background-image: url(/image/catalog/landings/ochag-30/adjustment.webp);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    border-radius: 25px;
    max-width: 467px;
    width: 100%;
}
.adjustment-ochag ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 25px;
    justify-content: space-between;
    width: 100%;
}
.adjustment-ochag ul li {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
    width: 100%;
}
.adjustment-ochag ul li img {
    max-width: 80px;
    width: 100%;
}
.adjustment-ochag ul li div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.adjustment-ochag ul li div b {
    color: #020A0A;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}
.adjustment-ochag ul li div span {
    color: #020A0A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
}
@media screen and (max-width: 1599px) {
    .adjustment-ochag__inner {
        max-width: 825px;
    }
    .adjustment-ochag__inner h2 {
        font-size: 59px;
        padding: 30px;
    }
    .adjustment-ochag__inner .text-ochag {
        padding: 30px;
    }
    .adjustment-ochag__picture {
        max-width: 400px;
    }
    .adjustment-ochag ul li {
        gap: 30px;
        padding: 30px;
    }
}
@media screen and (max-width: 1344px) {
    .adjustment-ochag__inner {
        max-width: 738px;
    }
    .adjustment-ochag__inner h2 {
        font-size: 52px;
    }
    .adjustment-ochag__picture {
        max-width: 358px;
    }
    .adjustment-ochag ul li div b {
        font-size: 32px;
    }
    .adjustment-ochag ul li div span {
        font-size: 18px;
    }
}
@media screen and (max-width: 1199px) {
    .adjustment-ochag {
        gap: 20px;
    }
    .adjustment-ochag__wrap {
        gap: 20px;
    }
    .adjustment-ochag__inner {
        gap: 20px;
        max-width: 607px;
    }
    .adjustment-ochag__inner h2 {
        font-size: 42px;
        border-radius: 20px;
    }
    .adjustment-ochag__inner .text-ochag {
        border-radius: 20px;
    }
    .adjustment-ochag__picture {
        border-radius: 20px;
        max-width: 293px;
    }
    .adjustment-ochag ul {
        gap: 20px;
    }
    .adjustment-ochag ul li {
        gap: 20px;
        padding: 25px;
        border-radius: 20px;
    }
    .adjustment-ochag ul li img {
        max-width: 60px;
    }
    .adjustment-ochag ul li div {
        gap: 0;
    }
    .adjustment-ochag ul li div b {
        font-size: 28px;
    }
    .adjustment-ochag ul li div span {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .adjustment-ochag {
        gap: 15px;
    }
    .adjustment-ochag__wrap {
        flex-direction: column-reverse;
        gap: 15px;
    }
    .adjustment-ochag__inner {
        gap: 15px;
        max-width: 100%;
    }
    .adjustment-ochag__inner h2 {
        font-size: 46px;
        padding: 25px;
        border-radius: 15px;
    }
    .adjustment-ochag__inner .text-ochag {
        padding: 25px;
        border-radius: 15px;
    }
    .adjustment-ochag__picture {
        height: 440px;
        border-radius: 15px;
        max-width: 100%;
    }
    .adjustment-ochag ul {
        gap: 15px;
    }
    .adjustment-ochag ul li {
        gap: 15px;
        padding: 20px;
        border-radius: 15px;
    }
    .adjustment-ochag ul li img {
        max-width: 50px;
    }
    .adjustment-ochag ul li div b {
        font-size: 20px;
    }
    .adjustment-ochag ul li div span {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px){
    .adjustment-ochag__wrap {
        flex-direction: column;
    }
    .adjustment-ochag__inner h2 {
        font-size: 40px;
        padding: 20px;
    }
    .adjustment-ochag__inner .text-ochag {
        padding: 20px;
    }
    .adjustment-ochag__picture {
        height: 325px;
    }
    .adjustment-ochag ul {
        flex-direction: column;
    }
    .adjustment-ochag ul li {
        gap: 20px;
        padding: 20px;
    }
    .adjustment-ochag ul li div b {
        font-size: 32px;
    }
}
@media screen and (max-width: 567px) {
    .adjustment-ochag__inner h2 {
        font-size: 23px;
        border-radius: 10px;
    }
    .adjustment-ochag__inner .text-ochag {
        border-radius: 10px;
    }
    .adjustment-ochag__picture {
        border-radius: 10px;
    }
    .adjustment-ochag ul li {
        border-radius: 10px;
    }
    .adjustment-ochag ul li div b {
        font-size: 27px;
    }
}

/* buy--------------------------------------------------------------------------------------------------------------- */
.buy-ochag {
    display: flex;
    gap: 25px;
}
.buy-ochag__title {
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    max-width: 713px;
    width: 100%;
}
.buy-ochag h2 {
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    text-transform: uppercase;
    background: linear-gradient(0deg, #22372C 13.85%, #266141 62.09%, #266141 89.23%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.buy-ochag__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 40px;
    border-radius: 25px;
    background-color: #f9f9f9;
    max-width: 712px;
    width: 100%;
}
.buy-ochag__info h4 {
    color: #020A0A;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase; 
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .buy-ochag__title {
        padding: 30px;
        max-width: 613px;
    }
    .buy-ochag h2 {
        font-size: 56px;
    }
    .buy-ochag__info {
        padding: 30px;
        max-width: 612px;
    }
}
@media screen and (max-width: 1344px) {
    .buy-ochag__title {
        max-width: 548px;
    }
    .buy-ochag h2 {
        font-size: 49px;
    }
    .buy-ochag__info {
        gap: 20px;
        max-width: 547px;
    }
    .buy-ochag__info h4 {
        font-size: 36px;
    }
}
@media screen and (max-width: 1199px) {
    .buy-ochag {
        gap: 20px;
    }
    .buy-ochag__title {
        max-width: 450px;
        border-radius: 20px;
    }
    .buy-ochag h2 {
        font-size: 39px;
    }
    .buy-ochag__info {
        max-width: 450px;
        border-radius: 20px;
    }
    .buy-ochag__info h4 {
        font-size: 33px;
    }
}
@media screen and (max-width: 991px) {
    .buy-ochag {
        flex-direction: column;
        gap: 15px;
    }
    .buy-ochag__title {
        max-width: 100%;
        border-radius: 15px;
        padding: 25px;
    }
    .buy-ochag h2 {
        font-size: 44px;
    }
    .buy-ochag__info {
        max-width: 100%;
        border-radius: 15px;
        padding: 25px;
    }
    .buy-ochag__info h4 {
        font-size: 25px;
        text-wrap: balance;
    }
}
@media screen and (max-width: 767px){
    .buy-ochag__title {
        padding: 20px;
    }
    .buy-ochag__info {
        padding: 20px;
        gap: 10px;
    }
}
@media screen and (max-width: 567px) {
    .buy-ochag__title {
        border-radius: 10px;
    }
    .buy-ochag h2 {
        font-size: 22px;
    }
    .buy-ochag__info {
        border-radius: 10px;
    }
    .buy-ochag__info h4 {
        font-size: 19px;
    }
}