﻿@media (min-width: 1201px) {
    .advantages h3{min-height: 66px;}
}
@media (max-width: 1200px) {
    .workflow ul{gap: 20px;flex-wrap: wrap;justify-content: center;}
    .workflow h3{font-size: 18px;min-height: auto;}
    .workflow li:not(:last-of-type)::after{left: auto;right: 10px;width: 100px;}
    .advantages h3{font-size: 25px;}
}

@media (max-width: 850px) {
    .workflow li{max-width: none;width: 31%;flex: none;}
    .advantages ul{flex-wrap: wrap;gap: 15px;}
    .advantages li{width: 100%;flex: none;}
    .advantages h3{margin-bottom: 15px;}
}
@media (max-width: 600px) {
    .workflow li{width: 100%;}
    .workflow li:not(:last-of-type)::after{display: none;}
    .workflow h3 {margin-top: 6px;margin-left: 45px;}
    .workflow svg{position: absolute;}

    .promo-block{margin-top: 30px;padding: 25px;}

    .advantages li{padding: 15px;}
    .advantages h3 {margin-bottom: 0;font-size: 18px;}
    .advantages p{margin-bottom:0;padding-top: 10px;}
    .advantages li::after{font-size: 11px;bottom: auto;top: 50%;transform: translateY(-50%);right: 15px;}
    
    .faq-block{margin-top: 25px;}
    .faq-block h3{font-size: 18px;}
    .faq-block h3::after{width: 16px;right: 20px;}
    .faq-block h3::before{height: 16px;right: 27px;}
    .faq-block li:first-of-type{border-width: 1px;}
    .faq-block li{border-width: 1px;padding: 18px 0;}
    .faq-block li.active div{padding-top: 20px;}
    .faq-block span{font-size: 16px;    margin-bottom: 10px;}
    .faq-block p:not(:last-of-type){ margin-bottom: 20px;}
    .faq-block p{font-size: 14px;}
}   