/* head first */
.--head-background-first {
    background-image: url("../imgs/background/14.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    height: 750px;

    .--head-info-area {
        /* background-color: red; */
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, 0%);

        .--img {
            width: 40%;
            position: absolute;
            left: 50%;
            top: 5%;
        }
    }
}

@media (max-width: 991px) {
    /* head first */
    .--head-background-first {
        height: 1090px;

        .--head-info-area {
            position: relative;
            top: 10%;
            /* left: 53%; */

            .--img {
                width: 60%;
                position: relative;
                left: 0;
                top: 0;
                transform: translate(30%, 0%);
            }
        }
    }
    /*End head first */
}

@media (max-width: 767px) {
    .--head-background-first {
        height: 975px;
    }
}

@media (max-width: 576px) {
    /* head first */
    .--head-background-first {
        height: 930px;
    }
    /*End head first */
}