.integratoram,
.integratoram_moduli {
    padding: 0 30px 60px;
}
.integratoram_blocks {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
.integratoram_block {
    min-height: 550px;
    padding: 30px 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
}
.integratoram_block_title {
    margin: 0 !important;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #1D1D1D;
}
.integratoram_block_title span {
    color: #005D28;
}
.integratoram_block_btn {
    margin-top: 15px;
    max-width: 200px;
    border: 2px solid var(--green-1) !important;
    color: var(--green-1) !important;
    transition: .3s;
}
.integratoram_block_btn:hover {
    color: var(--white-1) !important;
    background: var(--green-1);
}

.integratoram_block_1 {
    background-image: url(../img/integratoram/integratoram_block_1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.integratoram_block_2 {
    background-image: url(../img/integratoram/integratoram_block_2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.integratoram_block_3 {
    background-image: url(../img/integratoram/integratoram_block_3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media(max-width:1600px) {
    .integratoram_blocks {
        grid-template-columns: repeat(2, 1fr);
    }
      
    .integratoram_block_1 {
        grid-column: 1 / -1; /* Растягиваем на всю ширину */
        min-height: 275px;
    }
    .integratoram_block_1 .integratoram_block_title {
        max-width: 800px;
        width: 100%;
    }
    
    .integratoram_block_2,
    .integratoram_block_3 {
        grid-column: span 1; /* Каждый занимает одну колонку */
        min-height: 350px;
    }
    .integratoram_block_1 {
        background-image: url(../img/integratoram/integratoram_block_1_desk.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_2 {
        background-image: url(../img/integratoram/integratoram_block_2_desk.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_3 {
        background-image: url(../img/integratoram/integratoram_block_3_desk.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
@media(max-width: 1024px) {
    .integratoram_block_1 {
        min-height: 400px;
    }
    .integratoram_block_2,
    .integratoram_block_3 {
        grid-column: 1 / -1; /* Растягиваем на всю ширину */
        min-height: 350px;
    }
    .integratoram_block_title {
        font-size: 20px;
    }
    .integratoram_block_1 {
        background-image: url(../img/integratoram/integratoram_block_1_tablet.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_2 {
        background-image: url(../img/integratoram/integratoram_block_2_tablet.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_3 {
        background-image: url(../img/integratoram/integratoram_block_3_tablet.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
@media(max-width: 767px) {
    .integratoram,
    .integratoram_moduli {
        padding: 0 15px 30px;
    }
}
@media(max-width:600px) {
    .integratoram_block {
        padding: 20px 15px;
    }
    .integratoram_block_1 {
        background-image: url(../img/integratoram/integratoram_block_1_mob.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_2 {
        background-image: url(../img/integratoram/integratoram_block_2_mob.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_3 {
        min-height: 400px;
        background-image: url(../img/integratoram/integratoram_block_3_mob.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .integratoram_block_title {
        font-size: 18px;
    }
}




.intelligent-modules_wrapper {
    padding: 40px;
    margin-bottom: 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(144, 144, 144, 0.08);
    border-radius: 14px;
}
.intelligent-modules_wrapper_title {
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #1D1D1D;
}
.modules {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.modules_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    width: calc((100% - 30px) / 4);
    padding: 30px;
    background: #F9F9F9;
    border-radius: 20px;
    height: 210px;
    transition: .3s;
}
.modules_item:hover {
    background: #EDF4E9;
}
.modules_item::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    min-width: 60px;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='60' width='60' height='60' rx='30' transform='rotate(90 60 0)' fill='white'/%3e%3cpath d='M30.891 37.1389L37.1436 30.8863C37.2574 30.7674 37.3467 30.6272 37.4062 30.4737C37.5313 30.1692 37.5313 29.8277 37.4062 29.5233C37.3467 29.3698 37.2574 29.2295 37.1436 29.1106L30.891 22.858C30.7744 22.7414 30.636 22.6489 30.4836 22.5858C30.3313 22.5227 30.168 22.4902 30.0031 22.4902C29.6701 22.4902 29.3507 22.6225 29.1152 22.858C28.8798 23.0935 28.7475 23.4129 28.7475 23.7459C28.7475 24.0789 28.8798 24.3983 29.1152 24.6337L33.242 28.7479H23.7505C23.4189 28.7479 23.1008 28.8797 22.8663 29.1142C22.6318 29.3487 22.5 29.6668 22.5 29.9985C22.5 30.3301 22.6318 30.6482 22.8663 30.8827C23.1008 31.1172 23.4189 31.249 23.7505 31.249H33.242L29.1152 35.3632C28.998 35.4795 28.905 35.6178 28.8415 35.7701C28.778 35.9225 28.7453 36.086 28.7453 36.2511C28.7453 36.4162 28.778 36.5796 28.8415 36.732C28.905 36.8844 28.998 37.0227 29.1152 37.1389C29.2315 37.2561 29.3698 37.3492 29.5222 37.4127C29.6746 37.4762 29.838 37.5088 30.0031 37.5088C30.1682 37.5088 30.3317 37.4762 30.484 37.4127C30.6364 37.3492 30.7747 37.2561 30.891 37.1389Z' fill='%23005D28'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: .3s;
}
.modules_item:hover::after {
    transform: rotate(-45deg);
}
.modules_item_icon_img {
    display: block;
    width: 100%;
    height: 80px;
}
.modules_item_title {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #1D1D1D;
}

.modules_banner {
    width: calc((100% - 30px) / 2);
}
.modules_banner_img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 210px;
    border-radius: 20px;
}
.intelligent-modules_wrapper-management .modules_banner,
.intelligent-modules_wrapper_communications .modules_banner,
.intelligent-modules_wrapper_intellectual .modules_banner {
    width: calc(100% - 25% - 5px);
}


@media(max-width: 1400px) {
    .modules_item {
        width: calc((100% - 20px) / 3);
    }
    .modules_banner_desk {
        display: none;
    }
    .intelligent-modules_wrapper_communications .modules_banner {
        display: block;
        width: calc((100% - 20px) / 3);
    }
    .intelligent-modules_wrapper_intellectual .modules_banner {
        display: block;
        width: calc(100% - 33.33% - 5px);
    }
}

@media(max-width: 1024px) {
    .modules_item {
        width: calc((100% - 10px) / 2);
    }
    .intelligent-modules_wrapper-management .modules_banner,
    .intelligent-modules_wrapper_communications .modules_banner,
    .intelligent-modules_wrapper_intellectual .modules_banner {
        display: block;
        width: calc((100% - 10px) / 2);
    }
}

@media(max-width: 767px) {
    .intelligent-modules_wrapper {
        padding: 20px;
    }
    .modules_item_title {
        font-size: 16px;
        line-height: 18px;
    }
    .intelligent-modules_wrapper_title {
        font-size: 18px;
        line-height: 24px;
    }
}
@media(max-width: 600px) {
    .modules_item {
        width: 100%;
        height: 180px;
        padding: 20px;
    }
    .modules_item_icon_img {
        height: 60px;
    }
    .intelligent-modules_wrapper-management .modules_banner,
    .intelligent-modules_wrapper_communications .modules_banner,
    .intelligent-modules_wrapper_intellectual .modules_banner {
        width: 100%;
    }
    .modules_banner_img {
        height: 180px;
    }
}

.integratoram_moduli .modules {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}
.integratoram_moduli .modules_item {
    width: 100%;
}
.integratoram_moduli .intelligent-modules_wrapper-management .modules_banner {
    width: 100%;
    display: block !important;
}

@media(max-width: 1800px) {
    .integratoram_moduli .modules {
        grid-template-columns: repeat(3, 1fr);
    }
    .integratoram_moduli .intelligent-modules_wrapper-management .modules_banner {
        grid-column: span 2;
    }
}
@media(max-width: 1024px) {
    .integratoram_moduli .modules {
        grid-template-columns: repeat(2, 1fr);
    } 
    .integratoram_moduli .intelligent-modules_wrapper-management .modules_banner {
        grid-column: span 1;
    }
}

@media(max-width: 600px) {
    .integratoram_moduli .modules {
        grid-template-columns: repeat(1, 1fr);
    } 
}