.suitable-technologies { width: 100%; position: relative; overflow: hidden; }
.suitable-technologies .sec_title { width: 100%; text-align: center; }
.suitable-technologies .sec_title h2 { line-height: 1.25; }

.suitable-technologies .blocks_wrap { position: relative; width: 100%; margin-top: 105px; }
.techno_card { position: relative; height: 100%; }
.techno_card a { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; }
.techno_card .imgbox { position: relative; display: flex; width: 100%; border-radius: 10px; flex-grow: 1; aspect-ratio: 257/279; }
.techno_card .imgbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; mix-blend-mode: multiply; background-blend-mode: multiply; background: #111519; content: '';border-radius: 10px; transition: all ease-in-out 300ms; }
.techno_card:hover .imgbox:after { opacity: 0; visibility: hidden; }
.techno_card .imgbox img { display: inline-flex; width: 100%;border-radius: 10px; }
.techno_card .link-text { display: flex; width: 100%; margin-top: auto; padding-top: 52px; align-items: center; justify-content: center; }
.techno_card .link-text span { display: flex; width: 100%; min-height: 45px;padding: 0 10px; font-size: 18px; color: #111519; border: solid 1px #111519; text-align: center;align-items: center;justify-content: center; border-radius: 30px; word-break: break-all; line-height: 1.08; }

.suitable-technologies .swiper { overflow: visible; }



@media (min-width: 1280px) {
    .suitable-technologies .swiper-wrapper { flex-wrap: nowrap; gap: 20px; justify-content: center; }
    .suitable-technologies .swiper-slide { flex: 1; min-width: 257px;max-width: 257px; height: auto; }
}

@media (min-width: 1600px) and (max-width: 1800px) {
    .techno_card .link-text span { font-size: 16px; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .suitable-technologies .swiper-slide { min-width: 180px;max-width: 180px; }
    .techno_card .imgbox { aspect-ratio: 180/195;max-height: 195px; }
    .techno_card .link-text span { font-size: 16px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .suitable-technologies .swiper-slide { min-width: 180px;max-width: 180px; }
    .techno_card .imgbox { aspect-ratio: 180/195;max-height: 195px; }
    .techno_card .link-text span { font-size: 14px; }
    
}

@media (max-width: 1279px) {
    .suitable-technologies .techno-pagination { position: relative; display: flex; margin-top: 53px; gap: 11px; justify-content: center; align-items: center; }
    .suitable-technologies .techno-pagination span[class*="swiper-pagination-bullet"] { display: flex; width: 19px; height: 19px; margin: 0; background: #F0F0F0; opacity: 1; cursor: pointer; border-radius: 4px; }
    .suitable-technologies .techno-pagination span[class*="swiper-pagination-bullet-active"] { width: 26px; height: 26px; background: #111519; }
    .techno_card .link-text span { font-size: 16px; }
}

@media (max-width: 767px) {
    .suitable-technologies { z-index: 2; padding: 98px 0 60px;  }
    .suitable-technologies .sec_title { display: none }
    .suitable-technologies .blocks_wrap { margin-top: 0; }
    .techno_card .link-text { padding-top: 32px; }
    .suitable-technologies .swiper-slide { min-width: 156px;max-width: 156px; }
    .techno_card .link-text span { padding: 5px 10px; }
}