.integration-1c-page{

    .hero{
        padding-bottom: 84px;
    }

    .hero h1{
        color: #0A0A0A;
        font-size: 140px;
        font-weight: 450;
        line-height: 132px; /* 94.286% */
    }

    .offer-cards{
        padding-bottom: 150px;
    }

    .offer-cards__title,
    .offer-work__title{
        margin-bottom: 96px;
    }

    .offer-cards__grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .offer-cards__card{
        height: 560px;
        padding: 64px 44px 48px 44px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 40px;
        background: #F6F6F6;
    }

    .offer-cards__card img{
        width: 230px;
        height: 230px;
    }

    .offer-cards__card h3{
        color: #0A0A0A;
        font-size: 44px;
        font-style: normal;
        font-weight: 400;
        line-height: 56px; /* 127.273% */
    }

    .offer-cards__card-content p{
        margin-bottom: 0;
        margin-top: 24px;
        color: rgba(10, 10, 10, 0.64);
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 56px; /* 175% */
    }

    .wrap-case-bottom{
        align-items: flex-end;
        margin-top: 96px;
    }

    .wrap-case-bottom p{
        font-family: Jost;
        font-weight: 450;
    }

    .offer-work{
        padding: 150px 0;
    }

    .offer-work__content a{
        padding: 60px 32px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #E8E8E8;
        color: #0A0A0A;
        font-family: Jost;
        font-size: 60px;
        font-style: normal;
        font-weight: 450;
        line-height: 48px; /* 80% */
        transition: all .4s;

        &:last-child{
            border-bottom: 1px solid #E8E8E8;
        }

        &:hover{
            padding-right: 0;
        }
    }

    .offer-price{
        padding: 150px 0;
    }

    .offer-price__wrapper{
        position: relative;
    }

    .offer-price__title{
        margin-bottom: 120px;
    }

    .offer-price__content p{
        color: #6C6C6C;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 32px */
        margin-bottom: 0;
        max-width: 844px;
    }

    .offer-price__wrapper img{
        position: absolute;
        right: 0;
        top: 0;
        width: 412px;
        height: 450px;
    }

    .interesting{
        padding: 150px 0;
    }


    .interesting__card-link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .interesting__title{
        margin-bottom: 96px;
    }

    .interesting__grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .interesting__card{
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .interesting__card-link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .interesting__card-image-wrapper {
        height: 553px;
        border-radius: 40px;
        overflow: hidden;
        padding: 30px;
        margin-bottom: 24px;
        position: relative;

    }

    .interesting__card-image{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .interesting__card-image img{
        /*width: 468px;*/
        /*height: 360px;*/
        width: 100%;
        height: 100%;
        /*object-fit: contain;*/
        object-fit: cover;
    }

    .interesting__card-content{
        position: relative;
        z-index: 10;
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }

    .interesting__card-content-title{
        overflow: hidden;
        color: #0A0A0A;
        text-overflow: ellipsis;
        font-family: Jost;
        font-size: 32px;
        font-weight: 450;
        line-height: 110%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        align-self: stretch;
        margin-bottom: 24px;
    }

    .interesting__card-content-subtitle{
        font-family: "Open Sans";
        color: #6C6C6C;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .interesting__card-tags{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: auto;
    }

    .interesting__card-tag{
        padding: 6px 20px 10px 20px;
        border-radius: 32px;
        background: #F6F6F6;
        font-family: "Open Sans";
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        color: #6C6C6C;
    }

    .interesting__card-logo{
        width: auto;
        /*width: 200px;*/
        height: auto;
        position: absolute;
        z-index: 10;
    }

    .interesting__card-logo img{
        width: 100%;
        height: 100%;
    }

    .partners{
        padding: 150px 0;
        margin: 0;
    }

    .certificates{
        padding: 150px 0;
    }

    .faq {
        padding-top: 150px;
        margin: 0;
    }


    @media (max-width: 1919px) {
        .hero{
            padding-bottom: 50px;
        }

        .hero h1{
            color: #0A0A0A;
            font-size: 100px;
            line-height: 96px;
        }

        .offer-cards{
            padding: 50px 0 100px;
        }

        .block-title{
            font-size: 60px;
            line-height: 60px;
            margin-bottom: 60px;
        }

        .offer-cards__card{
            height: 430px;
            min-height: 430px;
            max-height: 430px;
            padding: 48px 32px;
            border-radius: 30px;
        }

        .offer-cards__card img {
            width: 150px;
            height: 150px;
        }

        .offer-cards__card h3 {
            font-size: 40px;
            line-height: 48px;
        }

        .offer-cards__card-content p {
            margin-top: 16px;
            color: #5F5F5F;
            font-size: 24px;
            line-height: 40px;
        }

        .offer-work {
            padding: 100px 0;
        }

        .offer-work__content a{
            padding: 45px 32px;
            font-size: 48px;
            line-height: 40px;
        }

        .offer-work__content svg{
            width: 56px;
            height: 56px;
        }

        .offer-price {
            padding: 100px 0;
        }

        .offer-price__title{
            margin-bottom: 80px;
        }

        .offer-price__content p {
            font-size: 18px;
            line-height: 140%;
            max-width: 770px;
        }

        .offer-price__wrapper img {
            width: 301px;
            height: 330px;
        }

        .wrap-case-bottom {
            margin-top: 60px;
        }

        .interesting {
            padding: 100px 0;
        }

        .interesting__card-image-wrapper {
            border-radius: 30px;
            height: 470px;
            margin-bottom: 16px;
            padding: 20px;
        }

        .interesting__card-logo {
            width: auto;
        }


        .interesting__card-content-title {
            font-size: 30px;
            line-height: 32px;
            margin-bottom: 24px;
        }


        .interesting__card-content-subtitle {
            font-size: 15px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            align-self: stretch;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 16px;
        }


        .interesting__card-tag {
            font-size: 15px;
        }

        .partners{
            padding: 100px 0;
        }

        .certificates{
            padding: 100px 0;
        }

        .faq {
            padding-top: 100px;
        }
    }

    @media (max-width: 1365px) {

        .hero h1 {
            font-size: 56px;
            line-height: 56px;
        }

        .block-title{
            font-size: 48px;
            line-height: 48px;
            margin-bottom: 40px;
        }

        .offer-cards__grid{
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .offer-cards__card{
            height: 400px;
            min-height: 400px;
            max-height: 400px;
            padding: 45px 30px;
            border-radius: 20px;
        }

        .wrap-case-bottom {
            margin-top: 50px;
        }

        .wrap-case-bottom p {
            font-size: 20px;
            line-height: normal;
        }

        .wrap-case-bottom .block-btn {
            font-size: 24px;
        }

        .offer-cards {
            padding: 50px 0 70px;
        }

        .offer-work {
            padding: 70px 0;
        }

        .offer-work__content a {
            padding: 40px 30px;
            font-size: 40px;
            line-height: 36px;
        }

        .offer-price {
            padding: 70px 0;
        }

        .offer-price__title {
            margin-bottom: 50px;
        }

        .offer-price__content p {
            font-size: 16px;
            line-height: 140%;
            max-width: 100%;
        }

        .offer-price__wrapper img {
            display: none;
        }

        .interesting {
            padding: 70px 0;
        }

        .interesting__grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 36px;
        }

        .interesting__card{
            &:last-child{
                display: none;
            }
        }

        .interesting__card-content {
            padding-right: 20px;
        }

        .interesting__card-image-wrapper {
            height: auto;
            margin-bottom: 30px;
            aspect-ratio: 1 / 1;
        }

        .interesting__card-content-title {
            font-size: 24px;
            margin-bottom: 24px;
        }

        .partners{
            padding: 70px 0;
        }

        .certificates{
            padding: 70px 0;
        }

        .faq {
            padding-top: 70px;
        }
    }

    @media (max-width: 767px) {

        .hero {
            padding-bottom: 32px;
        }

        .hero h1 {
            font-size: 44px;
            line-height: 45px;
        }

        .offer-cards {
            padding: 32px 0 75px;
        }

        .block-title {
            font-size: 40px;
            line-height: 100%;
        }

        .offer-cards__card {
            height: auto;
            min-height: 100%;
            max-height: 100%;
            padding: 30px 20px;
            flex-direction: column;
            justify-content: normal;
            gap: 40px;
        }

        .offer-cards__card img {
            width: 100px;
            height: 100px;
        }

        .offer-cards__card h3 {
            font-size: 32px;
            line-height: 44px;
        }

        .offer-cards__card-content p {
            margin-top: 8px;
            line-height: 36px;
        }

        .wrap-case-bottom {
            align-items: flex-start;
        }

        .wrap-case-bottom p {
            font-size: 26px;
            line-height: 26px;
        }

        .wrap-case-bottom .block-btn {
            font-size: 26px;
        }

        .offer-work {
            padding: 75px 0;
        }

        .offer-work__content a {
            padding: 20px;
            font-size: 30px;
            line-height: 24px;
        }

        .offer-work__content svg {
            width: 32px;
            height: 32px;
        }

        .offer-price {
            padding: 75px 0;
        }

        .offer-price__content p {
            font-size: 14px;
            line-height: 140%;
        }

        .interesting {
            padding: 75px 0;
        }

        .interesting__grid{
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .interesting__card {
            &:last-child {
                display: flex;
            }
        }

        .partners{
            padding: 75px 0;
        }

        .certificates{
            padding: 75px 0;
        }

        .faq {
            padding-top: 75px;
        }
    }
}