body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

/* HEADER STARTS */

header .mini-nav {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 0px 0px;
    width: 100%;
    margin: auto;
    height: 75px;
}

header .mini-nav h6 {
    margin: 0px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #838282;
}

header .mini-nav p {
    margin: 0px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #ADADAD;
}

header .mini-nav .office-hours{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:5px 10px;
    
}

header .mini-nav .social-links{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:5px 10px;
    
}

header .mini-nav .logo-text{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
    padding: 0px 40px 30px;
    /* background-color: #ece7e7; */
    
}

header .mini-nav .logo-text img {
    width: 50px;
}

header .mini-nav .logo-text .the-text h6 {
    font-size: 15px;
    font-weight: 700;
    color:#F58437;
}

header .mini-nav .phone-number{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:5px 10px;
    
}

header .mini-nav .email-address{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:5px 10px;
    
}

header .mini-nav svg {
    align-self:flex-start;
    margin-top: -5px;
    color: #ADADAD;
}

header .mini-nav .the-text {
    margin-left: 5px;
}

header .mini-nav .social-links a {
    text-decoration: none;
    padding: 0px 5px;
    color: #ADADAD;
}

header .mini-nav .social-links a:hover {
    color: #F58437;
}

header .navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0px auto;
    background-color:#e6edf3;
    width: 80%;
    z-index: 3;
    position: relative;
    top: -15px;
}

   
header nav .container .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: start ;
}
    
    
header nav .container .offcanvas-body .navbar-nav {
    padding: 2px 0px;
    display: flex;
    align-items: center;
} 
    
header nav .container .offcanvas-body .navbar-nav .nav-link{
    font-size: 15px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    padding: 0px 15px;
    color:#363636;
}
    
header nav .container .offcanvas-body .navbar-nav .nav-link:hover{
    color: #F58437;
}
    
header nav .container .offcanvas-body .let-talk{
    display: flex;
    flex-direction: row;
}
    
header nav .container .offcanvas-body .let-talk a{
    align-self: flex-start;
    padding: 7px 19px;
    background-color: #3B3C8E;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;;
    color:#e6e3e3;
    text-decoration: none;
    border-radius: 5px 0px 5px;
}
    
header nav .container .offcanvas-body .let-talk a:hover{
    background-color: #F58437;
     
}
    
    button.navbar-toggler {
     border: 2px solid #F58437;
     width: 50px;
     padding: 5px;
     margin-left: 10px;
    }
    
    .navbar-toggler:focus {
     text-decoration: none;
     outline: 0;
     border: 2px solid #3B3C8E;
     color: transparent;
    }
    

  /**HEADER ENDS**/



/* BANNER STARTS      */
main .banner-section {
    background-image: url("../images/farm_banner.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -40px;
    height: 550px;
    background-blend-mode: multiply;
    background-color: rgba(4, 5, 0, 0.72);
    /* background-color: rgba(5, 18, 72, 0.62); */
}


main .banner-section .container-fluid {
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    margin: 0px auto;
    /* height: 80vh; */
}

main .banner-section .container-fluid .banner-intro  {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    top: 15%;
}

main .banner-section .container-fluid .banner-intro .the-text h6 {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color:#ADADAD;
    letter-spacing: 3px;
    text-shadow: 1px  #e6f3ee;
    margin-top: 20px;
}

main .banner-section .container-fluid .banner-intro .the-text h4 {
    text-transform:none;
    font-size: 75px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color:#fcfcfc;
    line-height: 80px;
    margin-bottom: 20px;
    
}

main .banner-section .container-fluid .banner-intro .the-text span {
    color:#838282;
    text-shadow:2px 0px #000000;
}

main .banner-section .container-fluid .banner-intro .the-text p {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#e6e3e3;
    line-height: 30px;
}

main .banner-section .container-fluid .banner-intro .the-button {
    padding-top: 10px;
}

main .banner-section .container-fluid .banner-intro .the-button a {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#e6e3e3;
    padding: 10px 15px;
    border-radius: 5px 0px 5px;
    background-color: #3B3C8E;
    text-decoration: none;
    margin-right: 15px;
    
}

main .banner-section .container-fluid .banner-intro .the-button a:hover {
    background-color: #F58437;
    
}

main .banner-section .container-fluid .banner-intro .the-button svg {
    color: #F58437;
    cursor: pointer;
    margin-left: 15px;
    animation-timing-function: ease-in;
    animation: mymove 5s infinite;
}

main .banner-section .container-fluid .banner-intro .the-button svg:hover {
    color:#3B3C8E;
    cursor: pointer;
    margin-left: 10px;
    transform: rotateZ(180deg);
    
}
/* BANNER ENDS    */



/**OUTLINE SECTION STARTS **/
main .outline-section .outline-space {
    margin: 90px;
}
/**OUTLINE SECTION ENDS **/
    
/**INLINE SECTION STARTS **/
main .inline-section .inline-space {
    margin: 35px;
}
/**INLINE SECTION ENDS **/





/**MINI TITLE SECTION STARTS**/
main .mini-title .the-image img {
    width: 100px;
}

main .mini-title .the-text h6 {
    text-transform:uppercase;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#F58437;
    line-height: 30px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    
}

main .mini-title .the-text span{
    color: #3B3C8E;
    
}

main .mini-title .the-text h4{
    text-transform:none;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color:#363636;
    line-height: 30px;
    margin-bottom: 10px;
    
}
/**MINI TITLE SECTION ENDS **/




/**PRODUCT SECTION STARTS **/
main .products-section .container  {
    width: 80%;
    margin: 0px auto;
     
}

main .products-section .container .product-grid {
    padding: 20px;
    
}

main .products-section .container .product-grid img{
    width: 100%;
    
}

main .products-section .container #first {
    box-shadow: 6px 5px 7px 5px rgba(223, 215, 215, 0.2);
    
}

main .products-section .container .product-grid:hover {
    transform: rotate(2deg);
    box-shadow: 6px 5px 7px 5px rgba(223, 215, 215, 0.2);
    cursor: pointer;
}

main .products-section .container .product-grid h6{
    text-transform:uppercase;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#363636;
    line-height: 30px;
    margin: 15px 0px;
}

main .products-section .container .product-grid h6:hover{
    color:#3B3C8E;
}

main .products-section .container .product-grid p{
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#363636;
    line-height: 28px;
    margin: 15px 0px;
}
/**PRODUCT SECTION ENDS **/



/**ABOUT US SECTION STARTS **/
main .aboutus-section {
    margin: 0px auto;
    width: 80%;
}

main .aboutus-section .the-image img {
    width: 100%;
    margin-top: 40px;
}

main .aboutus-section .the-text span {
    color:#3B3C8E;
}

main .aboutus-section .the-text h6 {
    text-transform:uppercase;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#F58437;
    border-left:2px solid #3B3C8E;
    line-height: 30px;
    letter-spacing: 3px;
    padding-left: 10px;
}

main .aboutus-section .the-text h4 {
    text-transform:none;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color:#363636;
    line-height: 40px;
    margin-bottom: 10px;
    
}

main .aboutus-section .the-text p {
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#363636;
    line-height: 30px;
    margin-bottom: 15px;
    
}

main .aboutus-section .the-text a {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#e6e3e3;
    padding: 10px 15px;
    border-radius: 5px 0px 5px;
    background-color: #3B3C8E;
    text-decoration: none;
    margin-top: 15px;
}

main .aboutus-section .the-text a:hover  {
    background-color:#F58437;
    color:#e6e3e3;
}
/**ABOUT US SECTION ENDS **/




/**SERVICES SECTION STARTS **/
main .services-section  {
  background-image: url("../images/animal-feed-manufacturers-2048x1367.jpg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 400px; */
  background-blend-mode: multiply;
  background-color: rgba(4, 5, 0, 0.72);
}

main .services-section .container {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}

main .services-section .the-text h6{
    text-transform:uppercase;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#ece7e7;
    line-height: 30px;
    letter-spacing: 3px;
    
}

main .services-section .the-text h3{
    text-transform:none;
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color:#ece7e7;
    line-height: 45px;
    margin-bottom: 15px;
}

main .services-section .the-text a{
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#e6e3e3;
    padding: 10px 15px;
    border-radius: 5px 0px 5px;
    background-color: #3B3C8E;
    text-decoration: none;
    margin-top: 15px;
}

main .services-section .the-text a:hover{
    background-color: #F58437;
    color:#e6e3e3;
}
/**SERVICES SECTION ENDS **/




/**MINI BACKGROUND SECTION ENDS **/
main .mini-background .container {
    width: 100%;
}

main .mini-background .container img {
    width: 100px;
    float: right;
    
}
/**MINI BACKGROUND SECTION ENDS **/



/**WHYCHHOSE SECTION STARTS **/
main .whychoose-section {
    margin: 0px auto;
    width: 80%;
}

main .whychoose-section .the-image img {
    width: 100%;
    margin-top: 25px;
    margin-left: -15px;
}

main .whychoose-section .the-text span {
    color:#3B3C8E;
}

main .whychoose-section .the-text h6 {
    text-transform:uppercase;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#F58437;
    border-left:2px solid #3B3C8E;
    line-height: 30px;
    letter-spacing: 3px;
    padding-left: 10px;
}

main .whychoose-section .the-text h4 {
    text-transform:none;
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color:#363636;
    line-height: 45px;
    margin-bottom: 10px;
    
}

main .whychoose-section .the-text p {
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#363636;
    line-height: 30px;
    margin-bottom: 15px;
    
}

main .whychoose-section .the-text a {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#e6e3e3;
    padding: 10px 15px;
    border-radius: 5px 0px 5px;
    background-color: #3B3C8E;
    text-decoration: none;
    margin-top: 15px;
}

main .whychoose-section .the-text a:hover  {
    background-color:#F58437;
    color:#e6e3e3;
}

/**WHYCHHOSE SECTION ENDS **/





/**FOOTER STARTS **/
footer .footer-container {
    width: 100%;
    background-color:#000000;
    padding-top: 50px;
    
}


footer .footer-container .container {
    width: 80%;
    margin: 0px auto;
    
}

footer .footer-container .identity {
    margin: 40px 0px;
    
}

footer .footer-container .logo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

footer .footer-container .logo img {
    width: 100px;
}

footer .footer-container .logo .the-text h6 {
    color:#ADADAD;
    font-family: 'Poppins', sans-serif ;
    font-weight: 700;
    text-transform: uppercase;
}

footer .footer-container .col-lg-3{
    align-self: center;
}

footer .footer-container .social-links a{
    color: #ADADAD;
    padding: 5px;
    text-decoration: none;
    margin-top: -5px;
}

footer .footer-container #useful {
   line-height: 40px;
}

footer .footer-container .footer-title {
    margin-top: -20px;
    
}


footer .footer-container .footer-title svg{
    padding-right: 5px;
    
}

footer .footer-container .footer-title h5{
    text-transform:none;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#e6f3ee;
    line-height: 30px;
    
}

footer .footer-container .footer-title h6{
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#ADADAD;
    line-height: 29px;
    
}

footer .footer-container .footer-title a{
    text-decoration: none;
    display: block;
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#ADADAD;
    line-height: 35px;
    
}



footer .footer-container .footer-social-links {
    display: flex;;
}

footer .footer-container .footer-social-links #whatsapp{
    color: #F58437;
}

footer .footer-container .footer-social-links a{
    padding-right: 9px;
    
}

footer .footer-container .footer-title a:hover{
    color:#F58437;
    
}

footer .footer-container marquee {
    padding: 0px;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px #363636;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 0px;
}

footer .footer-container .copyright {
    background-color: #3B3C8E;
    

}

footer .footer-container .copyright p {
    margin-bottom: 0px;
    padding: 0px;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px #363636;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 0px;
}


/**FOOTER ENDS **/





/* CONTACT US PAGE STARTS */
/* BANNER STARTS      */
main .contactus-banner-section {
    background-image: url("../images/farm_banner.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -40px;
    height: 300px;
    background-blend-mode: multiply;
    background-color: rgba(4, 5, 0, 0.72);
    /* background-color: rgba(5, 18, 72, 0.62); */
}


main .contactus-banner-section  .banner-intro   {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 45%;
}


main .contactus-banner-section  .banner-intro .the-text h4 {
    text-transform:none;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#fcfcfc;
    line-height: 30px;
}

main .contactus-banner-section  .banner-intro .the-text span {
    text-transform:none;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#F58437;
    line-height: 30px;
}


main .contactus-contact {
    width: 80%;
    margin: 0px auto;
}

main .contactus-contact .col-lg-5 {
    margin: 0px 0px;
    padding: 0px;
}

main .contactus-contact .col-lg-7 {
    margin: 0px 0px;
    padding: 0px;
}
main .contactus-contact .the-text {
    padding: 0px 30px 0px 0px;
}

main .contactus-contact .the-text h6 {
    text-transform:none;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color:#000000;
    line-height: 30px;
    padding-left: 15px;
    border-left: 2px solid #F58437;
}

main .contactus-contact .the-text span {
    color:#3B3C8E;
    
}

main .contactus-contact .the-text .second {
    margin-top: 30px;
    
    
}

main .contactus-contact .the-text p {
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#000000;
    line-height: 30px;
    padding: 20px 15px;
    background-color: #E6EDF3;
    
    
}

main .contactus-contact .the-text p svg {
    color:#F58437;
    padding-right: 10px;
    
    
}

main .contactus-contact .map iframe{
    width:100%;
    
    
}
/* CONTACT US PAGE ENDS */





/* FAQ PAGE STARTS */
main .faq-banner-section {
    background-image: url("../images/farm_banner.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -40px;
    height: 300px;
    background-blend-mode: multiply;
    background-color: rgba(4, 5, 0, 0.72);
    /* background-color: rgba(5, 18, 72, 0.62); */
}


main .faq-banner-section  .banner-intro   {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 45%;
}


main .faq-banner-section  .banner-intro .the-text h4 {
    text-transform:none;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#fcfcfc;
    line-height: 30px;
}

main .faq-banner-section  .banner-intro .the-text span {
    text-transform:none;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#F58437;
    line-height: 30px;
}

main .accordion-section {
    width: 80%;
    margin: 0px auto;
}

main .accordion-section .accordion .accordion-item {
    margin-bottom: 20px;
}

main .accordion-section .accordion .accordion-item .accordion-header button {
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#000000;
    line-height: 30px;
    
}

main .accordion-section .accordion .accordion-item .accordion-body {
    text-transform:none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#000000;
    line-height: 30px;
    
}

/* FAQ PAGE ENDS  */