.container.industrial-page {
    padding: 0 70px;
}

.header.industrial {
    align-items: center;
    margin-top: 53px;
    position: relative;
}

.header.industrial .marketplace-right-header img {
    position: absolute;
    right: -50px;
    top: -100px;
    width: 608px;
}

.industrial-page h2 {
    font-size: 28px;
    line-height: 42px;
}

.header.industrial .marketplace-left-header {
    margin-top: 0;
    max-width: 570px;
}

.header.industrial .description-box {
    padding-top: 0;
    margin: 20px 0 30px;
}

.header.industrial .description-box p,
.industrial-page .solutions-block .onboarding {
    margin: 0;
}

.idustrial-list {
    margin-top: 80px;
}

.idustrial-list h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.idustrial-list-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.idustrial-list-block div {
    position: relative;
    border-radius: 20px;
    background: #F8F8F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    cursor: pointer;
}

.idustrial-list-block div:hover {
    box-shadow: 4px 4px 20px 0 rgba(206, 206, 221, 0.50);
}

.idustrial-list-block div a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.idustrial-list-block p {
    color: #323232;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    margin: 0 0 12px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.industrial-page .agora-products-block,
.industrial-advantages {
    margin-top: 80px;
}

.industrial-advantages h2 {
    margin-bottom: 20px;
}

.industrial-page .agora-products-block h2 {
    margin-bottom: 8px;
}

.industrial-advantages-block .reasons-design-shadow {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    border: 4px solid rgba(191, 199, 214, 23%);
    margin-right: 12px;
}

.industrial-advantages-block .reasons-design-shadow .reasons-design {
    width: 56px;
    height: 56px !important;
    border-radius: 24px;
    background: #BFC7D6;
    box-shadow: 0 16px 24px rgba(113, 139, 171, 0.25);
}

.industrial-advantages-block .reasons-design-shadow img {
    width: auto;
    height: auto !important;
}

.industrial-advantages-block .each-item {
    display: flex;
    align-items: center;
    border: 2px solid #BFC7D6;
    border-radius: 20px;
    padding: 20px;
}

.industrial-advantages-block .each-item span {
    color: #323232;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 265px;
}

.industrial-advantages-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.industrial-page .solutions-block .onboarding {
    border-radius: 20px;
}

.industrial-page .solutions-block .onboarding .level1 {
    left: unset;
    right: -37px;
}

.product-videos {
    margin-top: 80px;
}

.product-videos h2 {
    margin-bottom: 24px;
}

.video-slide {
    box-shadow: 4px 4px 20px 0px rgba(206, 206, 221, 0.50);
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    margin: 0 60px;
    min-width: 1140px;
}

.video-slide li {
    color: #444;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 120%; /* 19.2px */
}

.product-videos .cover-for-video {
    border-radius: 20px;
}

.product-videos .to-play-btn {
    position: relative;
    cursor: pointer;
}

.product-videos .cover-for-video {
    border-radius: 20px;
}

.product-videos .vk-style-btn {
    position: absolute;
    left: 46%;
    top: 46%;
}

.product-videos .youtube-play-btn {
    left: 44%;
    top: 46%;
}

.product-videos .video-carousel__content-video-preview {
    max-width: 100%;
}

.product-videos iframe {
    width: 100%;
    height: 662px;
    border-radius: 20px;
}

.product-videos-description {
    max-width: 441px;
}

.product-videos-slider .video-content-adaptive {
    max-width: 678px;
    cursor: pointer;
}

.product-videos-slider .to-play-btn {
    position: relative;
}

.product-videos-slider .vk-style-btn {
    position: absolute;
    left: 46%;
    top: 36%;
}

.product-videos-slider .slick-list {
    overflow: visible;
}

.product-videos-slider iframe {
    border-radius: 15px;
    width: 100%;
    height: 100%;
}

.product-videos-slider .slick-prev {
    top: -65px;
    left: unset;
    right: 41px;
}

.product-videos-slider .slick-next {
    top: -65px;
    right: 0;
}

.contact-form.industrial-page {
    margin-top: 50px;
}

.industrial-page .main-reviews {
    margin-top: 80px;
}

.industrial-page .main-reviews h2 {
    font-size: 36px;
    margin-bottom: 16px;
}

.industrial-page .mincom {
    margin-top: 50px;
}

.marketplace-contact-form.industrial .contact-form .form-content .input-form {
    margin: 0;
}

@media screen and (max-width: 1230px) {
    .container.industrial-page {
        max-width: 100%;
        padding: 0;
    }
    .header.industrial {
        flex-direction: column-reverse;
        margin: 23px auto 0;
    }
    .header.industrial .description-box {
        padding-top: 0;
    }
    .header.industrial h1 {
        font-size: 28px;
    }
    .industrial-page h2 {
        font-size: 22px;
        line-height: 150%;
    }
    .header.industrial .marketplace-right-header {
        margin: 0 auto;
    }
    .header.industrial .marketplace-right-header img{
        position: static;
        width: 630px;
    }
    .header.industrial .marketplace-left-header {
        margin-top: 45px;
        max-width: 100%;
    }
    .idustrial-list,
    .industrial-page .agora-products-block,
    .industrial-advantages,
    .product-videos,
    .industrial-page .main-reviews {
        margin: 60px auto 0;
        max-width: 740px;
    }
    .industrial-page .agora-products-block h2,
    .industrial-advantages h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .industrial-page .agora-products-cases {
        margin-top: 30px;
    }
    .idustrial-list-block {
        grid-template-columns: 1fr 1fr;
        max-width: 580px;
        margin: auto;
    }
    .industrial-advantages-block {
        grid-template-columns: 1fr 1fr;
    }
    .industrial-page .architecture-block .onboarding-description {
        padding: 42px 67px 42px 73px;
    }
    .industrial-page .solutions-block .onboarding .level1 {
        display: block;
        top: -200px;
        right: -185px;
        border-radius: 50%;
    }
    .industrial-page .solutions-block .onboarding .level2 {
        height: 386px;
    }
    .product-videos h2 {
        margin-bottom: 33px;
    }
    .product-videos-slider .video-content-adaptive {
        min-width: 710px;
        max-width: 100%;
    }
    .product-videos-description {
        max-width: 678px;
    }
    .video-slide {
        flex-direction: column;
        align-items: center;
        min-width: 710px;
    }
    .product-videos-description {
        max-width: 710px;
    }
    .product-videos-description ul {
        padding-left: 15px;
        margin-bottom: 0;
    }
    .industrial-page .agora-decision {
        max-width: 740px;
        margin: 60px auto 0;
    }
    .industrial-page .agora-decision h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .contact-form.industrial-page {
        margin-top: 30px;
    }
    .industrial-page .main-reviews h2 {
        font-size: 28px;
        margin-bottom: 16px;
    }
    .industrial-page .mincom {
        margin-top: 192px;
    }
    .industrial-page .mincom-title a {
        font-size: 22px;
    }
    .header.industrial .header-box {
        width: auto;
    }
    .agora-articles-container {
        width: 740px;
        margin: auto;
    }
    .container.industrial-page .smi{
        max-width: 740px;
        margin: 50px auto 0;
    }
    .industrial-page .agora-articles {
        margin: 42px auto 100px;
        max-width: 740px;
    }
    .product-videos iframe {
        height: 425px;
    }
    .product-videos .vk-style-btn {
        left: 44%;
        top: 42%;
    }
    .product-videos .youtube-play-btn {
        left: 42%;
        top: 42%;
    }
}

@media screen and (max-width: 767px) {
    .header.industrial {
        margin: 40px auto 0;
    }
    .header.industrial .marketplace-right-header img {
        width: 325px;
    }
    .header.industrial .marketplace-left-header {
        margin-top: 40px;
    }
    .header.industrial h1 {
        font-size: 26px;
        line-height: 150%; /* 39px */
    }
    .idustrial-list {
        max-width: 325px;
    }
    .main-block.marketplaces .smi-about-agora {
        width: 325px;
    }
    .agora-articles-container {
        width: 325px;
    }
    .industrial-page h2 {
        line-height: 32px;
    }
    .industrial-page .agora-articles {
        margin: 40px auto 70px;
    }
    .idustrial-list-block,
    .industrial-advantages,
    .product-videos {
        max-width: 325px;
    }
    .idustrial-list-block p {
        font-size: 11px;
        margin-bottom: 7px;
        height: 40px;
    }
    .idustrial-list-block p br {
        display: none;
    }
    .idustrial-list-block div {
        padding: 11px;
        max-width: 135px;
        border-radius: 11px;
    }
    .idustrial-list-block div:nth-child(5) p {
        max-width: 90px;
    }
    .idustrial-list-block div picture {
        max-width: 85%;
        max-height: 64px;
    }
    .idustrial-list-block div img {
        width: 100%;
        height: 100%;
    }
    .idustrial-list-block div:nth-child(4) picture {
        max-width: 70%;
        max-height: 70px;
    }
    .industrial-page .agora-products-block h2,
    .industrial-page h2 {
        font-size: 22px;
    }
    .industrial-page .agora-products-block {
        padding-bottom: 62px;
    }
    .industrial-page .agora-products-block .slick-dots {
        bottom: -66px;
    }
    .industrial-advantages-block {
        grid-template-columns: 1fr;
    }
    .industrial-page .solutions-block .onboarding {
        border-radius: 0;
    }
    .industrial-page .architecture-block .onboarding-description {
        padding: 42px 58px 42px 29px;
    }
    .industrial-page .architecture-block-link p {
        font-size: 14px;
        line-height: 125%;
    }
    .industrial-page .solutions-block .onboarding .level1 {
        top: 27px;
        right: -233px;
    }
    .industrial-page h2 {
        margin-bottom: 51px;
    }
    .product-videos-slider .video-content-adaptive,
    .video-slide {
        min-width: 295px;
        max-width: 295px;
    }
    .product-videos-description {
        max-width: 325px;
    }
    .product-videos-slider .vk-style-btn {
        top: 27%;
    }
    .product-videos .vk-style-btn {
        left: 38%;
        top: 30%;
    }
    .industrial-page .agora-decision h2 {
        font-size: 22px!important;
    }
    .industrial-page .agora-decision {
        margin: 38px auto 0;
        padding: 0 15px 20px;
        max-width: 325px;
    }
    .contact-form.industrial-page {
        margin-top: 40px;
    }
    .industrial-page .main-reviews h2 {
        font-size: 18px;
    }
    .industrial-page .mincom {
        margin-top: 140px;
    }
    .industrial-page .articles-carousel__header-heading h2 {
        font-size: 22px!important;
    }
    .industrial-page .articles-carousel__content .articles-carousel-swiper {
        margin-top: 20px;
    }
    .industrial-page .mincom-frame {
        display: flex;
        padding: 15px;
        width: 253px;
    }
    .industrial-page .mincom-frame-logo {
        text-align: center;
        margin: 0 15px 0 0;
    }
    .industrial-page  .mincom-frame-decrition {
        text-align: start;
        width: auto;
    }
    .industrial-page  .mincom-frame-decrition  {
        font-size: 11px;
    }
    .product-videos iframe {
        height: 186px;
    }
    .product-videos .youtube-play-btn {
        left: 39%;
        top: 39%;
    }
}