/* --- ITC SERVICES --- */

.itc-services {
    h2, p {
        text-align: left;
    }

    p {
        max-width: 615px;
    }

    .flex {
        justify-content: space-between;
        gap: 55px;
    }

    .flex > * {
        flex: 1 0 50%;
    }

    .image_thumb {
        max-width: 582px;
    }
}

.itc-services .page__bg-layer__small {
    .gear-1 {
        top: 49%;
        left: calc(50% - 105px)
    }

    .gear-2 {
        top: 120px;
        right: 60px;
    }
}

:where(.itc-services) .services-links__list {
    --cols: 2;
}

/* --- POSLUGI TA PROGRAMMI --- */

.poslugi-ta-programmi p {
    margin-left: auto;
    margin-right: auto;
    max-width: 712px;
}

.poslugi-ta-programmi .page__bg-layer__small {
    .gear-2 {
        top: 115px;
        right: 15px;
    }
}

/* --- INTEHRATSII --- */

.intehratsii .flex {
    justify-content: space-between;
    align-items: start;
    column-gap: 60px;
    row-gap: 40px;

    & > * {
        flex: 1 0 calc(50% - 60px);
    }

    h2, p {
        text-align: left;
    }
}

.intehratsii .page__bg-layer__small {
    .gear-1 {
        top: 65%;
        left: calc(50% + 150px);
        width: 173px;
        height: 181px;
    }

    .gear-2 {
        top: 105px;
        right: 50px;
    }
}

/* --- ABOUT US X2 --- */

.vlasni-rozrobky {
    background-color: var(--white-pale-lilac);
}

.vlasni-rozrobky .about__image-thumb {
    border-radius: 12px 0px 0px 12px;
}

.about__container {
    gap: 60px;
}

.about__container {
    align-items: center;
}

.about-us .about__text-content {
    max-width: 592px;
}

.about-us p {
    line-height: 1.52;
    margin-bottom: 12px;
}

.about__text-content a {
    transition: color var(--transition-primary);

    &:hover {
        color: var(--brand-color--accent);
    }
}

/* --- MEDIA 1024px --- */

@media screen and (max-width: 1200px) {
    .itc-services .flex {
        flex-direction: column;
    }

    .itc-services .image_thumb {
        margin: 0 auto;
    }
}

/* --- MEDIA 768px --- */

@media screen and (max-width: 767px) {
    .intehratsii .flex {
        flex-direction: column;
    }

    .services-links__list {
        width: 100%;
    }

    .vlasni-rozrobky h2 {
        max-width: 320px;
    }

    .vlasni-rozrobky .about__image-thumb {
        border-radius: 4px;
    }

    .about__text-content {
        text-align: left;
    }
}