.technologies-for-demand { position: relative; width: 100%; padding-bottom: 134px; overflow: hidden; }
.technologies-for-demand .content_row {display: flex; justify-content: space-between; width: 100%; align-items: center; }
.technologies-for-demand .slider_block { position: relative; width: 820px; margin-right: -138px; }
.technologies-for-demand .slider_block .swiper-slide { height: auto; }
.technologies-for-demand .content_row .image_wrap { position: relative; width: 614px; }
.technologies-for-demand .content_row .image_wrap .imgbox { display: flex; width: 100%; aspect-ratio: 614/475; overflow: hidden; border-radius: 10px; }
.technologies-for-demand .content_row .image_wrap .imgbox picture { width: 100%;height: 100%; border-radius: 10px; }
.technologies-for-demand .content_row .image_wrap .imgbox img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: all ease-in-out 300ms; }
.technologies-for-demand .content_row .left_block { position: relative; width: 510px; }
.technologies-for-demand .content_row .left_block .text_inner { position: relative; overflow: hidden; }
.technologies-for-demand .content_row .left_block h2 { margin-bottom: 36px; font-size: 40px; }

@media (min-width: 1280px) {

    .technologies-for-demand .swiper { overflow: visible; }
    .technologies-for-demand .swiper-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 40px;
    }

    .technologies-for-demand .swiper-slide { display: flex; height: auto; }

    .swiper-slide.top { grid-column: 1; grid-row: 1; }
    .swiper-slide.center { height: 100%; grid-column: 2; grid-row: 1 / span 2; align-items: center; }
    .swiper-slide.center .demand_block { height: auto; }
    .swiper-slide.bottom { grid-column: 1; grid-row: 2; }

}

.demand_block { position: relative; height: 100%; padding: 34px 25px; text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 10px 80px rgba(103,108,110,29%); transition: all ease-in-out 300ms; }
.demand_block:hover { box-shadow: 0 10px 80px rgba(237,40,27,29%); }
.demand_block h4 { margin-bottom: 33px; line-height: 1.44; }


@media (min-width: 1400px) and (max-width: 1599px) {
    .technologies-for-demand { padding-bottom: 120px; }
    .technologies-for-demand .content_row .left_block { width: 460px; }
    .technologies-for-demand .slider_block { width: 730px; margin-right: -50px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .technologies-for-demand { padding-bottom: 120px; }
    .technologies-for-demand .content_row .left_block { width: 450px; }
    .technologies-for-demand .slider_block { width: 600px; margin-right: 0; }
}

@media (max-width: 1279px) {

    .technologies-for-demand .swiper { padding: 50px; overflow: visible; }
    .technologies-for-demand .demand-pagination { position: relative; display: flex; margin-top: 35px; gap: 11px; justify-content: center; align-items: center; }
    .technologies-for-demand .demand-pagination span[class*="swiper-pagination-bullet"] { display: flex; width: 19px; height: 19px; margin: 0; background: #F0F0F0; opacity: 1; cursor: pointer; border-radius: 4px; }
    .technologies-for-demand .demand-pagination span[class*="swiper-pagination-bullet-active"] { width: 26px; height: 26px; background: #111519; opacity: 1; }

    .technologies-for-demand .content_row { flex-direction: column; gap: 40px; }
    .technologies-for-demand .content_row .left_block { width: 100%; }
    .technologies-for-demand .slider_block { width: 100%; margin-right: 0; }

}

@media (max-width: 1199px) {
    
}


@media (min-width: 992px) and (max-width: 1199px) {
    .technologies-for-demand { padding-bottom: 100px; }
    
}

@media (max-width: 767px) {
    .technologies-for-demand { padding: 94px 0 68px; }
    .technologies-for-demand .container { max-width: 100%; padding: 0 0; }
    .technologies-for-demand .content_row .left_block h2 { font-size: 28px; text-align: center; }
    .technologies-for-demand .content_row .left_block { max-width: 540px; margin: 0 auto; padding: 0 32px; }
    .technologies-for-demand .swiper { padding: 0; }
    .technologies-for-demand .content_row .left_block .text_inner { text-align: center; }
    .technologies-for-demand .demand_block { padding: 30px 50px 33px; box-shadow: 0 10px 80px rgba(103,108,110,16%); }
    .demand_block h4 { margin-bottom: 20px; }
}