
.ogf-herosection{
    background-image: url("../customImages/organic-farming.png");
    background-repeat: no-repeat;
    width: 100%;
    /* height: 50vh; */
    background-size: cover;
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.ogf-herosection .ogf-herosection--heading{
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 68px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}


.ogf-herosection .ogf-herosection--heading h1{
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 68px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.orgf, .corn{
    max-width: 82.0rem;
    margin-top: 3.75rem;
}

.orgf-left{
    max-width: 31.1rem;
}

.orgf-left p{
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 130%;
    text-align: justify;
    color: #2D2D2D;
}

.orgf-right {

}

.last-section-space{
    margin-bottom: 8.875rem;
}

/* RESPONSIVE STYLE */
@media (max-width: 414px){
    .orgf{
        flex-direction: column-reverse!important;
        width: 100%!important;
    }

    .orgf-left p, .orgf-right p{
        text-align: justify!important;
    }
}

@media (max-width: 920px){
    .orgf{
        flex-direction: column-reverse!important;
        width: 100%!important;
        max-width: 100%!important;
        /* max-width: 31.1rem; */

    }

    .orgf-left{
        /* width: 100%!important; */
        max-width: 100%!important;
        /* padding-left: 1.4rem;
        padding-right: 1.4rem; */

    }

    .orgf-right{
        max-width: 100%!important;
        padding-right: unset;
    }

    .orgf-right img{
        width: 100%!important;
        max-width: 100%!important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .orgf-left p, .orgf-right p{
        text-align: justify!important;
        width: 100%!important;
    }
}
