.bodyITC .containerBanner {
    background-color: #CB001E;
    width: 100%;
    max-width: none;
    padding: 0;
}
.bodyITC .btnSubmitRequest p {
    color: #0D4CD3;
}
.bodyITC .containerButtonsBannerLeft {
    align-self: flex-start;
    margin-left: 45px;
}
.bodyITC .containerAdvantages {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*184px*/
    opacity: 1;
    padding: 52px 0;
    background-color: #F1F2F3;
    box-sizing: border-box;
}
.bodyITC .contentAdvantages {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;  /*80px*/
    list-style: none;
    margin: 0;
    opacity: 1;
    gap: 30px;
    padding: 0 10px;
    box-sizing: border-box;
}
.bodyITC .advantage-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    width: auto;
    max-width: 338px;
    height: auto;  /**/
    opacity: 1;
    gap: 12px;
    box-sizing: border-box;
}
.bodyITC .containerImg-advantage-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: auto;
    max-width: 80px;
    height: auto;  /*80px*/
    opacity: 1;
    gap: 10px;
    border-radius: 40px;
    padding: 16px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.bodyITC .containerImg-advantage-item img {
    width: auto;
    max-width: 48px;
    height: auto;  /*48px*/
    opacity: 1;
}
.bodyITC .advantage-item p {
    /* Стили для текста внутри пункта */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px; /* Пример размера */
    line-height: 1.4;
    color: #333; /* Пример цвета */
    margin: 0; /* Убираем стандартный margin у параграфа */
    text-align: left;
    flex-grow: 1; /* Позволяем тексту занять доступное пространство */
}
/******************************************КОНТАЙНЕР Основные направления деятельности:**************************/
.containerMainActivities {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    /*max-width: 1920px;  !*1920px*!*/
    height: auto;
    opacity: 1;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.contentMainActivities {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    gap: 50px;
    padding: 52px 20px;
    box-sizing: border-box;
}
.contentMainActivitiesLeft, .contentMainActivitiesRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 50%;
    height: auto;
    box-sizing: border-box;
}
.contentMainActivitiesLeft p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    padding-left: 40px;
}
.contentMainActivitiesLeft p span {
    font-weight: 600;
}
.contentMainActivitiesLeft h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    padding: 28px 20px;
}
.listActivities {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;
    list-style: disc;
    padding-left: 65px;
    box-sizing: border-box;
}
.itemListActivities {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    padding-left: 10px;
}
.itemListActivities span {
    font-weight: 600;
}
.imgContainerMainActivities {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 435px;  /*525px*/
    height: auto;
    opacity: 1;
    border-radius: 16px;
    box-sizing: border-box;
}
.container_1, .container_2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.imgContainerMainActivities img {
    width: auto;
    max-width: 525px;
    height: auto;  /*436px*/
}
/******************************************КОНТАЙНЕР Получите индивидуальное коммерческое предложение:**************************/
.containerIndividualOffer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*258px*/
    opacity: 1;
    background-color: #0D4CD3;
    box-sizing: border-box;
}
.contentIndividualOffer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;   /*256px*/
    gap: 50px;
    padding: 40px 20px;
    box-sizing: border-box;
}
.containerIndividualOfferLeft, .containerIndividualOfferRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 50%;
    height: auto;
    box-sizing: border-box;
}
.containerIndividualOfferLeft h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0;
    color: #FFFFFF;
    vertical-align: middle;
    padding-bottom: 30px;
}
.contentIndividualOffer .btnSubmitRequest {
    align-self: flex-start;
    width: auto;
    max-width: 183px;
    height: auto;  /*52px*/
    opacity: 1;
    border-radius: 16px;
    padding: 16px 20px;
}
.imgContainerIndividualOffer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 708px;
    height: auto;  /*258px*/
    opacity: 1;
    box-sizing: border-box;
}
.imgContainerIndividualOffer img {
    width: 100%;
    height: auto;  /*258px*/
}
/******************************************КОНТАЙНЕР Строительство инженерных сетей:**************************/
.containerUslugiConstrEngineeringNetworks {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    opacity: 1;
    background-color: #FFFFFF;
    padding: 52px 20px; /* Добавляем паддинг сверху/снизу и по бокам */
    box-sizing: border-box;
}
.containerUslugiConstrEngineeringNetworks h2 {
    align-self: flex-start;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 52px;
}
.contentUslugiConstrEngineeringNetworks {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    gap: 50px;
    padding: 52px 0;
    box-sizing: border-box;
}
.uslugiConstrEngineeringNetworks {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 10px;
    list-style: none;
    padding: 0;
    gap: 25px;
    box-sizing: border-box;
}
.itemUslugiConstrEngineeringNetworks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    width: calc(50% - 25px); /* Два элемента в строке (50% минус половина gap) */
    min-width: 300px;
    height: auto;  /*288px*/
    border-radius: 16px;
    gap: 10px;
    opacity: 1;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    padding: 24px;
    box-sizing: border-box;
}
.contentItemUslugiConstrEngineeringNetworks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    height: auto;  /*242px*/
    gap: 10px;
    opacity: 1;
    box-sizing: border-box;
}
.contentItemUslugiConstrEngineeringNetworks h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0;
    color: #181818;
    vertical-align: middle;
}
.contentItemUslugiConstrEngineeringNetworks p, .contentItemUslugiConstrEngineeringNetworks h4, .contentItemUslugiConstrEngineeringNetworks ul, .contentItemUslugiConstrEngineeringNetworks li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    color: #181818;
    vertical-align: middle;
}
.contentItemUslugiConstrEngineeringNetworks ul {
    list-style: disc;
}
.contentItemUslugiConstrEngineeringNetworks li {
    margin: 0;
    padding: 0;
}
/******************************************КОНТАЙНЕР Примеры работ:**************************/
.containerExamplesWork {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    opacity: 1;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.containerExamplesWork h2 {
    align-self: flex-start;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    padding-left: 30px;
    vertical-align: middle;
}
.contentExamplesWork {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    padding: 52px 0;
    box-sizing: border-box;
}
.listExamplesWork {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    height: auto;
    gap: 20px;
    box-sizing: border-box;
}
.itemExamplesWork {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    /* Заменяем problematic width: calc(33% - 20px) на точную flex-basis */
    flex-basis: calc((100% - 40px) / 3); /* Точный расчет для 3 колонок с 20px gap */
    flex-grow: 1;           /* Позволяем элементам расти, если есть место */
    flex-shrink: 0;         /* Запрещаем сжиматься ниже flex-basis, чтобы max-width работал */
    max-width: 464px;
    height: auto;  /*436px*/
    opacity: 1;
    border-radius: 16px;
    box-sizing: border-box;
}
/******************************************КОНТАЙНЕР Оставьте заявку:**************************/
.bodyITC .containerLeaveRequest {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*926px*/
    opacity: 1;
    background-color: #F6F6F7;
    box-sizing: border-box;
}
.bodyITC .wrapperLeaveRequest {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    padding: 52px 5px;
    gap: 25px;
    box-sizing: border-box;
}
.bodyITC .containerLeaveRequestLeft, .bodyITC .containerLeaveRequestRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
}
.bodyITC .imgContainerLeaveRequest {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 684px;
    height: auto;  /*798px*/
    opacity: 1;
    border-radius: 16px;
    box-sizing: border-box;
}
.bodyITC .imgContainerLeaveRequest img {
    width: auto;  /*684px*/
    height: 100%;  /*798px*/
    opacity: 1;
    border-radius: 16px;
}
.bodyITC .contentLeaveRequest {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    max-width: 708px;
    height: 100%;  /*798px*/
    opacity: 1;
    border-radius: 16px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.bodyITC .contentLeaveRequest h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 28px;
    letter-spacing: 0;
    padding: 15px;
    vertical-align: middle;
}
.bodyITC .containerLeaveRequestRight .contentRequest {
    padding: 15px;
}
.bodyITC .containerLeaveRequestRight p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    padding-bottom: 20px;
    vertical-align: middle;
}
.bodyITC .containerRequest_listUslugi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow:  hidden;
    width: 100%;
    gap: 10px;
    box-sizing: border-box;
}
.bodyITC .contentRequest label {
    display: block; /* Чтобы label был на своей строке */
    width: 100%;
}
.bodyITC .contentRequest label, .bodyITC .contentRequest label span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
}
.bodyITC .contentRequest label span {
    color: #FF0000;
    padding-left: 5px;
}
.bodyITC .contentRequest .form-select, .bodyITC .contentRequest .custom-select-element {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: 660px;
    height: 67px;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    background-image: url(../img/select.png);
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 18px 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1818181A;
    box-sizing: border-box;
}
.bodyITC .containerLeaveRequestRight .containerEdit {
    padding: 10px 0;
}
.bodyITC .containerLeaveRequestRight .button {
    gap: 5px;
    margin-top: 10px;
}
.bodyITC .containerLeaveRequestRight .button p {
    padding-bottom: 0;
}
.bodyITC .part1_contentFooter .imgLogo_ITC img {
    width: 27px;
}
.bodyITC .contentFooter .imgLogo_ITC h1 {
    color: #FFFFFF;
}














@media (min-width: 1601px) {
    .bodyITC {
        width: 100%;
        max-width: none;
        padding: 0;
    }
    .bodyITC .containerBanner {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 1240px) {
    .part1_contentFooter .imgLogo_ITC img {
        width: 13px;
    }
}

/* ========================================= */
/* --- Стили для ПЛАНШЕТОВ (max-width: 1200px) --- */
/* ========================================= */
@media (max-width: 1200px) {
    .containerAdvantages {
        padding: 26px 20px;     /* Уменьшаем горизонтальный паддинг */
    }
    .contentAdvantages {
        height: auto;        /* Высота подстраивается */
        flex-wrap: wrap;     /* Позволяем пунктам переноситься */
        justify-content: center; /* Центрируем пункты, если они перенеслись */
        gap: 20px;           /* Уменьшаем расстояние между пунктами */
    }
    .advantage-item {
        flex-direction: column; /* Пункты выстраиваются в колонку */
        width: 180px;        /* Уменьшаем ширину каждого пункта */
        height: auto;        /* Высота подстраивается */
        gap: 8px;            /* Уменьшаем расстояние между картинкой и текстом */
    }
    .containerImg-advantage-item {
        width: 60px;         /* Уменьшаем контейнер картинки */
        height: 60px;
        padding: 10px;
    }
    .containerImg-advantage-item img {
        width: 40px;         /* Уменьшаем картинку */
        height: 40px;
    }
    .advantage-item p {
        font-size: 14px;     /* Уменьшаем шрифт текста */
        line-height: 1.3;
    }
    /**************************************Основные направления деятельности:**************************/
    .containerMainActivities {
        min-height: auto;       /* Высота подстраивается */
        padding: 30px 20px;     /* Паддинг для планшетов */
    }
    .contentMainActivities {
        max-width: 960px;       /* Уменьшаем max-width */
        flex-direction: column; /* Блоки текста и картинка складываются в колонку */
        align-items: center;    /* Центрируем содержимое */
        gap: 30px;              /* Расстояние между блоками */
    }
    .contentMainActivitiesLeft, .contentMainActivitiesRight {
        width: 100%;         /* Обе колонки на всю ширину */
        max-width: 500px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
        padding: 0;          /* Убираем паддинг */
    }
    .contentMainActivitiesLeft {
        gap: 20px;
    }
    .contentMainActivitiesLeft p {
        text-align: center;     /* Центрируем текст */
        padding-left: 0;        /* Убираем отступ */
        font-size: 16px;
        line-height: 1.4;
    }
    .contentMainActivitiesLeft h2 {
        font-size: 28px;        /* Уменьшаем заголовок */
        line-height: 1.2;
        text-align: center;     /* Центрируем заголовок */
        padding: 20px 0;
    }
    .listActivities {
        padding-left: 0;        /* Убираем отступ, т.к. центрируем */
        align-items: center;    /* Центрируем пункты списка */
        gap: 10px;
    }
    .itemListActivities {
        text-align: center;     /* Центрируем текст пункта */
        padding-left: 0;        /* Убираем отступ */
        font-size: 16px;
        line-height: 1.4;
    }
    .contentMainActivitiesRight {
        padding-top: 20px; /* Отступ сверху */
    }
    .imgContainerMainActivities {
        max-width: 100%;        /* На всю ширину */
        height: auto;
    }
    .imgContainerMainActivities img {
        width: 100%;            /* Картинка на всю ширину */
        max-width: 100%;
        height: auto;
    }
    /**************************************Получите индивидуальное коммерческое предложение:**************************/
    .containerIndividualOffer {
        min-height: auto;       /* Высота подстраивается */
        padding: 30px 20px;     /* Паддинг для планшетов */
    }
    .contentIndividualOffer {
        max-width: 960px;       /* Уменьшаем max-width */
        flex-direction: column; /* Текст и картинка складываются в колонку */
        align-items: center;    /* Центрируем содержимое */
        gap: 30px;              /* Расстояние между блоками */
    }
    .containerIndividualOfferLeft, .containerIndividualOfferRight {
        width: 100%;         /* Обе колонки на всю ширину */
        max-width: 500px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
        padding: 0;          /* Убираем паддинг */
    }
    .containerIndividualOfferLeft { /* Левая колонка */
        gap: 20px;
    }
    .containerIndividualOfferLeft h2 {
        font-size: 28px;        /* Уменьшаем заголовок */
        line-height: 1.2;
        text-align: center;     /* Центрируем текст */
    }
    .btnSubmitRequest {
        max-width: 183px;
        height: 48px;           /* Уменьшаем высоту кнопки */
        padding: 14px 18px;
    }
    .btnSubmitRequest p {
        font-size: 16px;        /* Уменьшаем шрифт кнопки */
        line-height: 18px;
    }
    .containerIndividualOfferRight {
        padding-top: 0;
    }
    .imgContainerIndividualOffer {
        max-width: 100%;        /* На всю ширину */
        height: auto;
    }
    .imgContainerIndividualOffer img {
        width: 100%;            /* Картинка на всю ширину */
        max-width: 100%;
        height: auto;
    }
    /**************************************Строительство инженерных сетей:**************************/
    .containerUslugiConstrEngineeringNetworks {
        padding: 30px 20px; /* Уменьшаем паддинг */
    }
    .containerUslugiConstrEngineeringNetworks h2 {
        font-size: 36px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .contentUslugiConstrEngineeringNetworks {
        gap: 30px; /* Уменьшаем зазор между блоками */
        flex-direction: column; /* На планшетах и меньше — в колонку */
        align-items: center;    /* Центрируем блоки */
    }
    .uslugiConstrEngineeringNetworks {
        flex-direction: column; /* Блоки услуг в колонку */
        align-items: center;    /* Центрируем */
        gap: 30px;
        max-width: 100%; /* Занимает всю доступную ширину */
    }
    .itemUslugiConstrEngineeringNetworks {
        width: 100%;         /* Пункты занимают всю ширину */
        max-width: 400px;    /* Ограничиваем ширину */
        height: auto;        /* Высота подстраивается */
        padding: 20px;
    }
    .contentItemUslugiConstrEngineeringNetworks {
        gap: 10px;
    }
    .contentItemUslugiConstrEngineeringNetworks h3 {
        font-size: 28px; /* Уменьшаем заголовок */
    }
    .contentItemUslugiConstrEngineeringNetworks p {
        font-size: 16px; /* Уменьшаем текст */
    }
    .contentItemUslugiConstrEngineeringNetworks h4 {
        font-size: 16px; /* Уменьшаем заголовки подпунктов */
    }
    .contentItemUslugiConstrEngineeringNetworks ul {
        padding-left: 18px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .contentItemUslugiConstrEngineeringNetworks li {
        margin-bottom: 8px;
    }
    .part1_contentFooter .imgLogo_ITC img {
        width: 17px;
    }
    /**************************************Примеры работ:**************************/
    .containerMainActivities {
        padding: 30px 20px;     /* Паддинг для планшетов */
    }
    .containerMainActivities h2 {
        font-size: 36px;        /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .contentExamplesWork {
        max-width: 960px;       /* Уменьшаем max-width */
        gap: 20px;              /* Уменьшаем gap */
        padding: 30px 0;
    }
    .listExamplesWork {
        gap: 20px;
        justify-content: center; /* Центрируем, когда их меньше 3 */
    }
    .itemExamplesWork {
        flex-basis: calc((100% - 20px) / 2); /* Теперь 2 элемента в ряд (100% - gap) / 2 */
        max-width: 464px;       /* Сохраняем max-width, или можно убрать/изменить */
        height: auto;           /* Высота подстраивается */
    }
    .itemExamplesWork img {
        height: 350px;          /* Уменьшаем высоту картинки */
    }
    /**************************************Оставьте заявку:**************************/
    .containerLeaveRequest {
        padding: 30px 20px;     /* Паддинг для планшетов */
    }
    .wrapperLeaveRequest {
        max-width: 960px;       /* Уменьшаем max-width */
        flex-direction: column; /* Форма и картинка складываются в колонку */
        align-items: center;    /* Центрируем содержимое */
        gap: 30px;              /* Расстояние между блоками */
    }
    .containerLeaveRequestLeft, .containerLeaveRequestRight {
        width: 100%;         /* Обе колонки на всю ширину */
        max-width: 500px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
    }
    .containerLeaveRequestLeft {
        padding: 0;          /* Убираем паддинг */
    }
    .imgContainerLeaveRequest {
        max-width: 100%;        /* На всю ширину */
        height: auto;
    }
    .imgContainerLeaveRequest img {
        width: 100%;            /* Картинка на всю ширину */
        max-width: 100%;
        height: auto;
    }
    .containerLeaveRequestRight {
        width: 100%;
        align-items: center; /* Центрируем форму */
    }
    .contentLeaveRequest {
        max-width: 500px;       /* Ограничиваем ширину формы */
        padding: 30px;          /* Паддинг для формы */
        gap: 20px;
    }
    .contentLeaveRequest h2 {
        font-size: 28px;        /* Уменьшаем заголовок */
        line-height: 1.2;
        text-align: center;     /* Центрируем заголовок */
    }
    .contentRequest p {
        font-size: 16px;        /* Уменьшаем текст */
        line-height: 1.4;
        text-align: center;     /* Центрируем текст */
    }
    .containerRequest_listUslugi, .containerEdit {
        max-width: 500px;       /* Ограничиваем ширину полей */
    }
    .contentRequest .form-select, .contentRequest input[type="text"] {
        height: 45px;           /* Увеличиваем высоту полей */
    }
    .buttonRequest {
        max-width: 100%;        /* Кнопка на всю ширину */
    }
    .contentButtonRequest {
        height: 48px;
    }
    .contentButtonRequest p {
        font-size: 16px;
        line-height: 18px;
    }
    .containerPostscript {
        max-width: 500px;       /* Ограничиваем ширину */
        text-align: center;     /* Центрируем текст */
    }
}

@media (max-width: 850px) {
    .contentAdvantages {
        flex-direction: column; /* Все пункты располагаются в колонку */
        gap: 20px;           /* Расстояние между пунктами */
        align-items: center; /* Центрируем пункты */
    }
    .advantage-item {
        width: 100%;         /* Пункты занимают всю доступную ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        height: auto;        /* Высота подстраивается */
        gap: 10px;           /* Уменьшаем расстояние */
    }
}
/* ========================================= */
/* --- Стили для МОБИЛЬНЫХ (max-width: 768px) --- */
/* ========================================= */
@media (max-width: 768px) {
    .containerAdvantages {
        height: auto;        /* Высота подстраивается */
        padding: 20px 15px;  /* Паддинг для мобильных */
    }
    .containerImg-advantage-item {
        width: 70px;         /* Уменьшаем контейнер картинки */
        height: 70px;
        padding: 13px;
    }
    .containerImg-advantage-item img {
        width: 44px;         /* Уменьшаем картинку */
        height: 44px;
    }
    .advantage-item p {
        font-size: 15px;     /* Размер шрифта */
        line-height: 1.3;
    }
    /**************************************Основные направления деятельности:**************************/
    .containerMainActivities {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .contentMainActivities {
        gap: 20px;              /* Расстояние между блоками */
        flex-direction: column; /* Блоки текста и картинка в колонку */
        align-items: center;    /* Центрируем */
    }
    .contentMainActivitiesLeft, .contentMainActivitiesRight {
        width: 100%;         /* Оба блока на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
        gap: 15px;
    }
    .contentMainActivitiesLeft p {
        font-size: 15px;     /* Размер шрифта */
        line-height: 1.3;
    }
    .contentMainActivitiesLeft h2 {
        font-size: 24px;     /* Уменьшаем заголовок */
        line-height: 1.2;
    }
    .listActivities {
        padding-left: 0;        /* Убираем отступ */
        align-items: center;    /* Центрируем пункты списка */
        gap: 10px;
    }
    .itemListActivities {
        font-size: 15px;     /* Размер шрифта */
        line-height: 1.3;
        text-align: center;  /* Центрируем текст */
    }
    .contentMainActivitiesRight {
        padding-top: 10px; /* Отступ сверху */
    }
    .imgContainerMainActivities {
        max-width: 100%;     /* На всю ширину */
        height: auto;
    }
    .imgContainerMainActivities img {
        width: 100%;         /* Картинка на всю ширину */
        max-width: 100%;
        height: auto;
    }
    /**************************************Получите индивидуальное коммерческое предложение:**************************/
    .containerIndividualOffer {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .contentIndividualOffer {
        gap: 20px;              /* Расстояние между блоками */
        flex-direction: column; /* Текст и картинка в колонку */
        align-items: center;    /* Центрируем */
    }
    .containerIndividualOfferLeft, .containerIndividualOfferRight {
        width: 100%;         /* Оба блока на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
    }
    .containerIndividualOfferLeft {
        gap: 15px;
    }
    .containerIndividualOfferLeft h2 {
        font-size: 24px;     /* Уменьшаем заголовок */
        line-height: 1.2;
    }
    .btnSubmitRequest {
        width: 100%;         /* Кнопка на всю ширину */
        max-width: 280px;    /* Ограничиваем ширину кнопки */
        height: auto;
    }
    .btnSubmitRequest p {
        font-size: 16px;     /* Размер шрифта */
        line-height: 1.2;
    }
    .imgContainerIndividualOffer {
        max-width: 100%;     /* На всю ширину */
        height: auto;
    }
    .imgContainerIndividualOffer img {
        width: 100%;         /* Картинка на всю ширину */
        max-width: 100%;
        height: auto;
    }
    /**************************************Строительство инженерных сетей:**************************/
    .containerUslugiConstrEngineeringNetworks {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerUslugiConstrEngineeringNetworks h2 {
        font-size: 32px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .contentUslugiConstrEngineeringNetworks {
        gap: 20px;
    }
    .uslugiConstrEngineeringNetworks {
        gap: 20px;
    }
    .itemUslugiConstrEngineeringNetworks {
        width: 100%;         /* Пункты занимают всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        height: auto;        /* Высота подстраивается */
        padding: 20px;
    }
    .contentItemUslugiConstrEngineeringNetworks {
        gap: 8px;
    }
    .contentItemUslugiConstrEngineeringNetworks h3 {
        font-size: 24px; /* Уменьшаем заголовок */
    }
    .contentItemUslugiConstrEngineeringNetworks p {
        font-size: 15px; /* Уменьшаем текст */
    }
    .contentItemUslugiConstrEngineeringNetworks h4 {
        font-size: 15px; /* Уменьшаем заголовки подпунктов */
    }
    .contentItemUslugiConstrEngineeringNetworks ul {
        padding-left: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .contentItemUslugiConstrEngineeringNetworks li {
        margin-bottom: 5px;
    }
    .part1_contentFooter .imgLogo_ITC img {
        width: 7px;
    }
    /**************************************Примеры работ:**************************/
    .containerMainActivities {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerMainActivities h2 {
        font-size: 32px;        /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .contentExamplesWork {
        gap: 20px;              /* Расстояние между блоками */
        flex-direction: column; /* Все элементы в колонку */
        align-items: center;    /* Центрируем */
    }
    .listExamplesWork {
        flex-direction: column; /* Элементы в колонку */
        align-items: center;    /* Центрируем */
        gap: 20px;
    }
    .itemExamplesWork {
        width: 100%;         /* Элементы на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        height: auto;        /* Высота подстраивается */
        flex-basis: 100%;    /* Каждый элемент занимает свою строку */
        min-width: 0;        /* Сбрасываем min-width, чтобы 100% работало */
    }
    .itemExamplesWork img {
        height: auto;        /* Высота картинки подстраивается */
    }
    /**************************************Оставьте заявку:**************************/
    .containerLeaveRequest {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .wrapperLeaveRequest {
        max-width: 100%; /* Полная ширина */
        gap: 20px;              /* Расстояние между блоками */
        flex-direction: column; /* Блоки текста и картинка в колонку */
        align-items: center;    /* Центрируем */
    }
    .containerLeaveRequestLeft, .containerLeaveRequestRight {
        width: 100%;         /* Оба блока на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
    }
    .containerLeaveRequestLeft {
        gap: 15px;
    }
    .imgContainerLeaveRequest img {
        max-width: 100%;     /* На всю ширину */
        height: auto;
    }
    .containerLeaveRequestRight {
        width: 100%;
    }
    .contentLeaveRequest {
        max-width: 300px;    /* Ограничиваем ширину формы */
        padding: 20px 15px;  /* Паддинг для формы */
        gap: 15px;
    }
    .contentLeaveRequest h2 {
        font-size: 24px;     /* Уменьшаем заголовок */
        line-height: 1.2;
    }
    .contentRequest p {
        font-size: 15px;     /* Размер шрифта */
        line-height: 1.3;
        text-align: center;  /* Центрируем текст */
    }
    .containerRequest_listUslugi, .containerEdit {
        max-width: 100%;
    }
    .contentRequest .form-select, .contentRequest input[type="text"] {
        height: 40px;        /* Уменьшаем высоту полей */
        font-size: 15px;
    }
    .buttonRequest {
        max-width: 100%;     /* Кнопка на всю ширину */
    }
    .contentButtonRequest {
        height: 45px;
    }
    .contentButtonRequest p {
        font-size: 16px;
        line-height: 18px;
    }
    .containerPostscript {
        max-width: 100%;
        text-align: center; /* Центрируем текст */
    }
}

/* ========================================= */
/* --- Дополнительные Медиа-запросы (если нужны) --- */
/* ========================================= */

/* Пример для очень маленьких экранов */
@media (max-width: 575px) {
    .containerUslugiConstrEngineeringNetworks {
        padding: 15px 10px;
    }
    .containerUslugiConstrEngineeringNetworks h2 {
        font-size: 28px; /* Уменьшаем заголовок */
        margin-bottom: 15px;
    }
    .contentUslugiConstrEngineeringNetworks, .uslugiConstrEngineeringNetworks {
        gap: 15px;
    }
    .itemUslugiConstrEngineeringNetworks {
        max-width: 280px;
        padding: 15px;
    }
    .contentItemUslugiConstrEngineeringNetworks h3 {
        font-size: 22px;
    }
    .contentItemUslugiConstrEngineeringNetworks p {
        font-size: 14px;
    }
    .contentItemUslugiConstrEngineeringNetworks h4 {
        font-size: 14px;
    }
    .contentItemUslugiConstrEngineeringNetworks ul {
        padding-left: 15px;
    }
    .contentItemUslugiConstrEngineeringNetworks li {
        margin-bottom: 3px;
    }
}

/* ========================================= */
/* --- Дополнительные Медиа-запросы (если нужны) --- */
/* ========================================= */

/* Пример для очень маленьких экранов, если нужно еще что-то подправить */
@media (max-width: 575px) {
    .containerAdvantages {
        padding: 15px 10px; /* Еще уменьшаем паддинг */
    }
    .contentAdvantages {
        gap: 15px; /* Уменьшаем расстояние между пунктами */
    }
    .advantage-item {
        width: 100%;         /* Пункты на всю ширину */
        max-width: 280px;    /* Ограничиваем ширину */
        gap: 8px;
    }
    .containerImg-advantage-item {
        width: 60px;
        height: 60px;
        padding: 10px;
    }
    .containerImg-advantage-item img {
        width: 40px;
        height: 40px;
    }
    .advantage-item p {
        font-size: 14px;     /* Уменьшаем шрифт */
        line-height: 1.2;
    }
    /**************************************Основные направления деятельности:**************************/
    .containerMainActivities {
        padding: 15px 10px;
    }
    .contentMainActivities {
        gap: 15px;
    }
    .contentMainActivitiesLeft, .contentMainActivitiesRight {
        max-width: 280px;
    }
    .contentMainActivitiesLeft p {
        font-size: 14px;
        line-height: 1.2;
    }
    .contentMainActivitiesLeft h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .itemListActivities {
        font-size: 14px;
        line-height: 1.3;
    }
    /**************************************Получите индивидуальное коммерческое предложение:**************************/
    .containerIndividualOffer {
        padding: 15px 10px; /* Еще уменьшаем паддинг */
    }
    .contentIndividualOffer {
        gap: 15px;
    }
    .containerIndividualOfferLeft, .containerIndividualOfferRight {
        max-width: 280px;
    }
    .containerIndividualOfferLeft h2 {
        font-size: 22px; /* Уменьшаем заголовок */
    }
    .btnSubmitRequest {
        max-width: 100%;
        padding: 10px 15px;
        height: auto;
    }
    .btnSubmitRequest p {
        font-size: 14px;
        line-height: 18px;
    }
    .imgContainerIndividualOffer {
        max-width: 100%;
        height: auto;
    }
    /**************************************Строительство инженерных сетей:**************************/
    .containerIndividualOffer {
        padding: 15px 10px; /* Еще уменьшаем паддинг */
    }
    .contentIndividualOffer {
        gap: 15px;
    }
    .containerIndividualOfferLeft, .containerIndividualOfferRight {
        max-width: 280px;
    }
    .containerIndividualOfferLeft h2 {
        font-size: 22px; /* Уменьшаем заголовок */
    }
    .btnSubmitRequest {
        max-width: 100%;
        padding: 10px 15px;
        height: auto;
    }
    .btnSubmitRequest p {
        font-size: 14px;
        line-height: 18px;
    }
    .imgContainerIndividualOffer {
        max-width: 100%;
        height: auto;
    }
    /**************************************Примеры работ:**************************/
    .containerMainActivities {
        padding: 15px 10px; /* Еще уменьшаем паддинг */
    }
    .containerMainActivities h2 {
        font-size: 28px; /* Уменьшаем заголовок */
        margin-bottom: 15px;
    }
    .contentExamplesWork {
        gap: 15px;
    }
    .listExamplesWork {
        gap: 15px;
    }
    .itemExamplesWork {
        width: 100%;         /* На всю ширину */
        max-width: 280px;    /* Ограничиваем ширину */
    }
    .itemExamplesWork img {
        height: auto;
    }
    /**************************************Оставьте заявку:**************************/
    .containerLeaveRequest {
        padding: 15px 10px; /* Еще уменьшаем паддинг */
    }
    .wrapperLeaveRequest {
        gap: 15px;
    }
    .containerLeaveRequestLeft, .containerLeaveRequestRight {
        max-width: 280px;
    }
    .contentLeaveRequest {
        max-width: 280px;
        padding: 15px 10px;
        gap: 10px;
    }
    .contentLeaveRequest h2 {
        font-size: 22px; /* Уменьшаем заголовок */
    }
    .contentRequest p {
        font-size: 14px;
        line-height: 1.2;
    }
    .contentRequest .form-select, .contentRequest input[type="text"] {
        /*height: 35px; !* Еще уменьшаем высоту полей *!*/
        font-size: 14px;
    }
    .buttonRequest {
        max-width: 100%;
    }
    .contentButtonRequest {
        /*height: 40px;*/
    }
    .contentButtonRequest p {
        font-size: 14px;
        line-height: 18px;
    }
    .containerPostscript p {
        font-size: 12px;
        line-height: 1.3;
    }
}