section.banner {
    padding: 100px 0;
    background-image: url('/wp-content/themes/grm-biowood/assets/images/wood-plastic-composite-ph/banner-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 710px;
    display: flex;
    align-items: center;
}

section.banner .banner__content {
    max-width: 1116px;
    width: 100%;
    margin: auto;
}

/* wood plastic */
section.wood-plastic {
    padding: 100px 0;
}

section.wood-plastic .wood-plastic__content {
    align-items: center;
} 

section.wood-plastic .wood-plastic__text {
    max-width: 622px;
    width: 100%;
    padding-left: 16px;
}

/* wood plastic application */
section.wood-plastic-application {
    padding-top: 100px;
    background: #F8F8F8;
}

section.wood-plastic-application .wood-plastic-application__content {
    align-items: center;
}

section.wood-plastic-application .wood-plastic-application__text {
    max-width: 622px;
    width: 100%;
    padding-right: 16px;
}

/* services */
section.services {
    padding: 100px 0;
    background: #F8F8F8;
}

section.services .services__content {
    gap: 33px;
    justify-content: center;
}

section.services .card {
    max-width: 31.4%;
    width: 100%;
    border-radius: 0;
    border: 1.5px solid var(--black);
    padding: 48px 24px;
}

/* benefits */
section.benefits {
    padding: 100px 0;
}

section.benefits .benefits__heading {
    max-width: 888px;
    width: 100%;
    margin: auto;
}

section.benefits .benefits__content {
    gap: 32px;
    justify-content: center;
}

section.benefits .card {
    max-width: 47%;
    width: 100%;
    border-radius: 0;
    border: 1.5px solid var(--black);
    padding: 48px;
}

/* factors */
section.factors {
    padding: 100px 0;
    background: var(--green);
}

section.factors .factors__heading {
    max-width: 888px;
    width: 100%;
    margin: auto;
}

section.factors .factors__content {
    gap: 32px;
    justify-content: center;
}

section.factors .card {
    max-width: 22.9%;
    width: 100%;
    border: 1.5px solid #FFF;
    border-radius: 0;
    padding: 48px;
}

/* why choose */
section.why-choose {
    padding-top: 100px;
}

section.why-choose .wood-plastic__content {
    align-items: center;
}

section.why-choose .wood-plastic__text {
    max-width: 622px;
    width: 100%;
    padding-left: 16px;
}

/* commitment */
section.commitment {
    padding: 100px 0;
}

section.commitment .commitment__content {
    gap: 32px;
    justify-content: center;
}

section.commitment .card {
    max-width: 47%;
    width: 100%;
    border: 1.5px solid var(--Black, #312F30);
    border-radius: 0;
    padding: 48px;
}

/* contact grm */
section.contact-grm {
    padding: 100px 0;
    background-image: url('/wp-content/themes/grm-biowood/assets/images/wood-plastic-composite-ph/contact-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 586px;
    display: flex;
    align-items: center;
}

section.contact-grm .contact-grm__content {
    max-width: 1116px;
    width: 100%;
    margin: auto;
}

@media (max-width: 1199px) {
    section.banner,
    section.wood-plastic .wood-plastic__text,
    section.wood-plastic-application .wood-plastic-application__text,
    section.services,
    section.benefits,
    section.factors,
    section.why-choose .wood-plastic__text,
    section.commitment,
    section.contact-grm {
        padding: 70px 30px;
    }

    section.wood-plastic-application,
    section.why-choose {
        padding-top: 70px;
    }

    section.wood-plastic {
        padding: 70px 0 0 0; 
    }

    section.wood-plastic .wood-plastic__content {
        align-items: unset;
    }

    section.wood-plastic .wood-plastic__image {
        width: 100%;
    }

    section.wood-plastic .wood-plastic__image img {
        width: 100%;
    }

    section.wood-plastic .wood-plastic__text {
        max-width: 100%;
        /* padding-left: 0; */
    }

    section.wood-plastic-application .wood-plastic-application__image img {
        width: 100%;
    }

    section.wood-plastic-application .wood-plastic-application__text {
        max-width: 100%;
    }

    section.services .card {
        max-width: 47.4%;
    }

    section.factors .card {
        max-width: 47.6%; 
    }

    section.why-choose .why-choose__image {
        width: 100%;
    }

    section.why-choose .why-choose__image img {
        width: 100%;
    }

    section.why-choose .wood-plastic__text {
        max-width: 100%;
    }

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    section.banner,
    section.wood-plastic .wood-plastic__text,
    section.wood-plastic-application .wood-plastic-application__text,
    section.services,
    section.benefits,
    section.factors,
    section.why-choose .wood-plastic__text,
    section.commitment,
    section.contact-grm {
        padding: 50px 20px;
    }

    section.wood-plastic-application,
    section.why-choose {
        padding-top: 50px;
    }

    section.wood-plastic {
        padding: 50px 0 0 0;
    }

    section.services .card {
        max-width: 100%;
    }

    section.benefits .card {
        max-width: 100%;  
    }

    section.factors .card {
        max-width: 100%;
    }

    section.commitment .card {
        max-width: 100%; 
    }
}

@media (max-width: 575px) {
    section.services .card,
    section.benefits .card,
    section.factors .card,
    section.commitment .card {
        padding: 24px;
    }
}