
/* -------------------------------------- ABOUT ----------------------------------------- */
.about-row {
    width: 100%;
    height: 1000px;
    background: url('/RESOURCES/images/about/bg.png') no-repeat center right/contain;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 50px;
}

.about-row .col {
    flex-basis: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.about-row .col:nth-child(2) img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-row p {
    width: 100%;
    font-size: 19px;
    padding: 0 10px;
}

/* -------------------------------------- BANNER ----------------------------------------- */
.banner-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.banner-row img {
    width: 100%;
    display: block;
}

/* FOR TAB */

@media only screen and (max-width: 768px) {
    .about-row {
        flex-direction: column;
        height: auto;
        gap: 20px;
        padding: 20px 20px;
    }

    .about-row .col {
        flex-basis: 100%;
    }
    .about-row .col p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 488px) {
    .about-row {
        padding: 20px 10px;
    }
}