.home-half-image-text {
    position: relative;
    background: var(--off-white);
}

.home-half-image-text__image {
    height: 192px;
}

.home-half-image-text__image__wrapper {
    position: relative;
    height: 100%;
}

.team-image {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 229px;

    img {
        width: 100%;
        height: auto;
    }
}

.home-half-image-text__image__list {
    /* position: absolute; */
    right: 22px;
    top: -10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;

    .home-half-image__icon-item:nth-child(1) .call-image,
    .home-half-image__icon-item:nth-child(4) .call-image {
        background: var(--primary-color);
    }

    .home-half-image__icon-item:nth-child(2) .call-image,
    .home-half-image__icon-item:nth-child(5) .call-image {
        background: var(--blue);
    }
    
    .home-half-image__icon-item:nth-child(3) .call-image,
    .home-half-image__icon-item:nth-child(6) .call-image {
        background: var(--secondary-color);
    }
}

.home-half-image__icon-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.call-image {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 25px;
    line-height: 1em;
    border-radius: 8px;
    background: var(--primary-color);
    width: 40px;
    height: 40px;
}

.call-shield {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 25px;
    line-height: 1em;
    border-radius: 8px;
    background: var(--blue);
    width: 40px;
    height: 40px;
}

.call-wrench {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 25px;
    line-height: 1em;
    border-radius: 8px;
    background: var(--secondary-color);
    width: 40px;
    height: 40px;
}

.home-half-image-text__text__wrapper {
    position: relative;
    z-index: 1;
    padding: 20px 22px 36px;
}

.home-half-image-text__bg {
    position: absolute;
    width: 345px;
    z-index: -1;
    top: 15px;
    left: 15px;
}

.home-half-image-text__bg svg {
    width: 100%;
    height: auto;
}

.home-half-image-text__text__wrapper p {
    letter-spacing: 0.01em;
}

@media (min-width: 768px) {

    .home-half-image-text__image {
        height: 480px;
    }


    .team-image {
        left: -16px;
        width: 544px;
    }

    .home-half-image-text__image__list {
        right: 30px;
        top: -30px;
        gap: 15px;
    }

    .call-image,
    .call-shield,
    .call-wrench {
        font-size: 42px;
        width: 60px;
        height: 60px;
    }

    .home-half-image-text__text__wrapper {
        padding: 32px 52px 85px;
    }

    .home-half-image-text__bg {
        width: 483px;
        top: 25px;
        left: 25px;
    }
}


@media (min-width: 1200px) {

    .home-half-image-text {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }

    .home-half-image-text__image {
        height: auto;
        width: 50%;
        padding-left: 150px;
    }

    .home-half-image-text__text {
        width: 50%;
        padding: 0 52px 0 63px;
    }

    .home-half-image-text__image__wrapper img {
        position: absolute;
        top: 0;
        left: 0;
    }


    .team-image {
        left: -101px;
        width: 640px;
    }

    .team-image img {
        position: relative;
    }

    .home-half-image-text__image__list {
        left: -90px;
        top: 30px;
        gap: 15px;
        flex-direction: column;
    }


    .home-half-image-text__text__wrapper {
        padding: 75px 0px;
        max-width: 580px;
        margin-left: auto;
    }

    .home-half-image-text__text__wrapper h2 {
        padding-right: 40px
    }

    .home-half-image-text__bg {
        width: 590px;
        top: 50px;
        left: -278px;
        max-width: initial;
    }
}