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

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


.ani-nutri-herosection .ani-nutri-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;
    font-family: 'Stolzl-Bold';
}

/* SERVICES STYLE */
.nutri{
    margin-top: 3.75rem;
}

.nutri .nutri-service{
    background-image: url("../customImages/vertinary-service.png");
    width: 100%;
    max-width: 22rem;
    height: auto;
    padding: 12rem 1.2rem 2.5rem 1.2rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.nutri-service h3,
.feed-distri h3,
.feed-prod h3{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.feed-distri{
    background-image: url("../customImages/food-distribution.png");
    width: 100%;
    max-width: 22rem;
    height: auto;
    padding: 12rem 1.2rem 2.5rem 1.2rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.feed-prod{
    background-image: url("../customImages/feed-production.png");
    width: 100%;
    max-width: 22rem;
    height: auto;
    padding: 12rem 1.2rem 2.5rem 1.2rem;
    background-repeat: no-repeat;
    background-size: cover;
}

/* FEEDS SECTION */
.feeds {
    height: auto;
    background: #E9F3EB;
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
    margin-top: 5rem;
    margin-bottom: 8rem;
}

.feeds h2{
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 120.5%;
    text-align: center;
    text-transform: capitalize;
    color: #2D2D2D;
}

.feed-wrapper{
    margin-top: 3.5rem;
}

.feed-wrapper .image-2{
    z-index: 1000;
    margin-left: -3rem;
    margin-right: -3rem; 
}

/* .feed-carou .active{
    background: #0F5115!important;
} */

@media (max-width: 414px){
    .ani-nutri-herosection .ani-nutri-herosection--heading h1{
        font-size: 2rem!important;
    }

    .ani-image{
        height: 24vh;
    }

    .orgf{
        max-width: 100%;
    }

    .orgf-left{
        padding-left: unset;
        padding-right: unset;
        margin-top: -1.5rem;
    }
    
    .orgf-left p{
        font-size: 1rem;
        max-width: 100%;
    }

    .feeds h2{
        font-size: 2rem;
    }

    .image-1, .image-3{
        display: none;
    }
}

/* IPAD AND TALBETS SCREEN */
@media(min-width: 768px) and (max-width: 900px){
    .ani-image{
        max-width: 100%!important;
        width: 100%!important;
}

.nutri .nutri-service, .feed-distri, .feed-prod, .orgf-right{
    max-width: 100%;
    width: 100%;
}

.feed-wrapper .image-2{
    z-index: 1000;
    margin-left: unset;
    margin-right: unset; 
}

.cr-diet{
    padding-left: 1rem;
    padding-right: 1rem;
}

.ani-diet{
    padding-left: 1rem;
    padding-right: 1rem;
}
    
}