/* 1. Theme default css */

@import url('https://fonts.googleapis.com/css2?family=Averia+Libre:wght@300;400&family=Oswald&family=Playfair+Display+SC&family=Poppins:wght@300&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@700&display=swap');
body {
  
    
}

 p li, a, button, span, h5, h6,h4 {
   font-family: 'Poppins', sans-serif !important;
}
h3,h1,h2{
 font-family: 'PT Serif', serif !important;
}
/* Preloader */
#preloader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 999;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}

    .loader .loader-outter {
        position: absolute;
        border: 4px solid #ffbe00;
        border-left-color: transparent;
        border-bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
        animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
    }

    .loader .loader-inner {
        position: absolute;
        border: 4px solid #2a2a2a;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        border-right: 0;
        border-top-color: transparent;
        -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
        animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
    }

@-webkit-keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
/*header*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.header{
 height: 80px;
}

.header-flex {
     height: 80px;
    display: flex;
    justify-content: space-between;
     align-items: center;
}
.both-logo {
    display: flex;
}
.cow {
    margin: 0;
    padding: 0px;
    list-style: none;
}
.logo-text {
    float: left;
}
.logo {
    display: block;
    float: left;
}
.logo a{
    display: block;
    float: left;
}
.cow a {
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
}
.cow span {
    color: #FCB900;
}
.cow li {
    font-size: 0.9rem;
    color: #91989D;
    padding: 0 10px;
}
.header-title{
   display: flex;
   list-style: none;
   margin: 0;
}
.header-title li{
    margin: 0 20px;
}
.header-title i.fa.fa-search {
    color: #91989D;
    font-size: 1rem;
        border-left: 2px solid;
    padding: 0 0px 0 10px;
}
    .header-title li a {
        color: #000;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 1px;
        text-decoration: none;
        position: relative;
    }
.header-title li a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -6px;
    height: 2px;
    right: 0;
    background: #FECF4D;
    -webkit-transition: all 500ms ease;
    opacity: 0;
}
.header-title li a:hover:before {
    opacity: 1;
    color: #FECF4D;
}
.header-title li a:hover{
    color:#FECF4D;
}
.header-title .active a:before {
    opacity: 1;
    color:#FECF4D;
    }
.menu-btn i{
    color: #FFF;
    font-size: 22px;
    cursor: pointer;
    display: none;
}
#click{
    display: none;
}
.header{
    position: relative;
}
.logo img {
    width: 100%;
}
.logo {
    padding: 10px 0px;
}
.active a{
   color: #FECF4D!important;
}
header.m-header {
    display: none;
}
.nav__links {
    display: none;
}


/*header-end*/
/*mb-header*/

  body {
        margin: 0;
        padding: 0;
      }

     .both-head {
        background-color: #FFF;
        padding: 1em;
        display: flex;
        justify-content:space-between;
        transition: 2s ease-in-out;
      }
	  a {
    
    text-decoration: none;
}
 .both-brand {
    display: flex;
    padding: 30px 10px;
}
.hide {
    position: absolute;
    top: 37px;
    width: 100%;
}
 .header__button{
        background: none;
        outline: none;
        border: none;
        color: #;
        cursor: pointer;
      }
      #mobile-title {
        list-style: none;
       }
    #mobile-title li a {
        color: #000;
        font-size: 1rem;
        text-decoration: none;
        }
   #mobile-title li {
           padding: 10px;
          border-bottom: 1px solid gray;
           }
            .m-header i.fa.fa-bars {
                font-size: 2.1rem;
            }

      .icons {
         font-size: 27px;
            float: right;
           width: 20%;
}

      .nav__links {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100vh;
        width: 70%;
        background: #ffffff;
        transform: translateX(150%);
        transition: transform 0.3s;
      }

      .nav--open .nav__links {
        transform: translateX(50%);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        z-index: 3;
      }

      .nav__link {
        display: flex;
        align-items: center;
        color: #666666;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        padding: 12px 15px;
        background: transform 0.2s;
      }

      .nav__link > i {
        margin-right: 15px;
      }

      .nav__link--active {
        color: #009578;
      }

      .nav__link--active,
      .nav__link:hover {
        background: #eeeeee;
      }

      .nav__overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        transition-property: width;
        transition-duration: 0.75s;
        transition-timing-function: linear;
        background: rgba(0, 0, 0, 0.9);
        backdrop-filter: blur(2px);
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s;
      }

      .nav--open .nav__overlay {
        visibility: visible;
        opacity: 1;
        z-index: 2;
      }
      .minsection {
    position: relative;
    z-index: 0;
}

/*mb-header-end*/
/*footer*/
.foooter {
    background: url("../img/Rectangle204.png");
        background-size: cover;
}

.footer-both {
    display: flex;
}
.f-cow {
    margin: 0;
    padding: 0px 0px;
    list-style: none;
}
.f-cow li {
    font-size: 0.9rem;
    color: #91989D;
    padding: 0 10px;
}
.f-cow a {
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
}
.f-cow span {
    color: #FCB900;
}
.footer-logo p {
    font-size: 1rem;
    margin: 0;
        font-weight: 600;
        color: #31373D;
        padding: 20px 0;
}
.footer-logo span {
    font-size: 1rem;
    font-weight: 600;
}
.footer-logo h3 {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 40px;
}
.f-link {
    list-style: none;
	padding: 0;
}
.f-link li {
    padding: 0 0 20px 0;
    margin: 0;
}
.f-link a {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
.cow-farmer-img img {
    width: 100%;
}
.cow-farmer-img {
    padding-bottom:25px;
}
.copy-rights-img img {
    width: 100%;
}
.copy-rights p {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
}
.copy-rights-img {
    margin-top: -50px;
}
.foooter hr {
    display: block;
    width: 100%;
    height: 1px;
    background: #555555;
}
.foooter hr:hover {
    background: #55ACEE;
}
.copy-rights {
    padding-top: 10px;
}
/*footer-end*/
.minsection {
    position: relative;
}
.swiper {
    width: 100%;
    height: 100%;
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.cover-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    /*background-position: center center !important;
    */
    background-position: center;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    min-height: 537px;
}
.po-ab-se {
    width: 100%;
    position: absolute;
    top: 30%;
}

.cow-care h1 {
    font-size: 2.5rem;
    color: #FFF;
    font-weight: 600;
}
.cow-milk h6 {
    color: #FFF;
    font-weight: 600;
}
.view a {
    padding: 10px 10px;
    background: #FECF4D;
    font-size: .9rem;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
.view {
    padding: 10px 0 0 0;
}


.milk-banner{
    z-index: 1;
    position: absolute;
    top: 130px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}
.milk-banner img {
    width: 100%;
}
/*farm*/

.farm {
    position:relative;
    
}

    .farm:before {
        content: "";
        position: absolute;
        background: url(../img/Rectangle3.png);
        height: 500px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
    }
    .our-farm {
        width: 100%;
        text-align: center;
    }
.our-farm h3 {
    font-size: 2.2rem;
    /* text-align: center; */
    font-weight: 600;
    padding-bottom: 10px;
}
.our-farm p {
        font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
}
.dairy-animals-title h3 {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}
.dairy-animals-title p {
    font-size: 16px;
    text-align: center;
   
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
.dairy-animals-title a {
    display: grid;
    padding: 15px 0;
    place-items: center;
}
.farm-link:before {
    content: "";
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    position: absolute;
    transition: all 0.3s linear;
}
.farm-link:hover:before {
    transform: translateX(0px);
    z-index: -1;
    transition: all 0.3s linear;
    
}
.farm-link:hover{
    color: #fff;
    background: #000;
    
}

.farm-link {
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    width: 150px;
    color: #000;
    border: 1px solid #000;
    background: #FCB900;
    font-weight: 600;
    text-align: center;
    font-size: .9rem;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
}
.dairy-animals-title {
    padding: 20px 0 10px 0;
}
.dairy-animals-title a {
    color: #000;
    text-decoration: none;
}
.dairy-animals-img img {
    width: 100%;
}
.our-dairy {
    
}

/*farm-end*/
/*farming*/
.farming.pt-60.pb-60 {
    background: url(../img/Rectangle8.png);
    background-size: cover;
    background-repeat: no-repeat;
	position: relative;
}
.organic-img img {
    width: 100%;
}
.play {
    position: absolute;
    top: 24%;
    left: 25%;
}
.natrual-product h3 {
    font-size: 2rem;
    font-weight: 600;
        margin-bottom: 40px;
}
.natrual-product p {
    font-size: 1rem;
    font-weight: 500;
        margin-bottom: 40px;
}

.natrual-product-link {
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    width: 150px;
    color: #000;
    border: 1px solid #000;
    background: #FCB900;
    font-weight: 600;
    font-size: .9rem;
    transition: all 0.3s linear;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}
.natrual-product-link:before {
    content: "";
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    position: absolute;
    transition: all 0.3s linear;
}
.natrual-product-link:hover:before {
    transform: translateX(0px);
    z-index: -1;
    transition: all 0.3s linear;
    
}
.natrual-product-link:hover{
    color: #fff;
    background: #000;
    
}
.natrual-product a {
    display: grid;
    text-decoration: none;
    margin-bottom: 10px;
}

.pd-0{
    padding: 0;
}
.natrual-product {
    padding: 52px 52px;
}
/*farming-end*/
/*milk-honey*/
.milk-honey {
    background: url(../img/Rectangle11.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.milk-bottle img {
    background: #FFF;
    padding: 6px 8px;
    border-radius: 50%;
    width: 100%;
}

.milk {
    padding: 50px 50px;
}
.milk-bottle {
    padding: 0px 53px;
}
.milk-title h2 {
    color: #FFF;
    font-size: 2.5rem;
    font-weight: 600;
        margin: 20px 0 50px 0;
}

.milk-title p {
    color: #FFF;
    font-weight: 500;
}
/*milk-honey-end*/
/*product*/
.product {
    background: url(../img/Rectangle15.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.products {
    width: 100%;
    text-align: center;
}
.products h2 {
    font-size: 2.5rem;
    font-weight: 600;
}

.products p {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
}
.product-list-icon img {
    width: 100%;
}
.item-milk {
    padding: 20px 0;
}
.item-milk a {
    color: #000;
    text-decoration: none;
}
.product-list {
    padding-bottom: 0;
}
.item-milk h3 {
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.item-milk p {
    text-align: center;
    font-size: 16px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
.dairy-link a {
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    width: 150px;
    color: #000;
    border: 1px solid #000;
    background: #FCB900;
    font-weight: 600;
    font-size: .9rem;
    transition: all 0.3s linear;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}
.dairy-link a:before {
    content: "";
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    position: absolute;
    transition: all 0.3s linear;
}
.dairy-link a:hover:before {
    transform: translateX(0px);
    z-index: -1;
    transition: all 0.3s linear;
    
}
.dairy-link a:hover{
    color: #fff;
    background: #000;
    
}
.dairy-link {
    display: grid;
    place-items:center;
    
    width: 100%;
}
.product-list:hover .item-milk h3 a {
    color: #FCB900
}
/*product-end*/
/*our-team*/
.our-farmer {
    width: 100%;
    text-align: center;
}

.our-farmer h2 {
    font-size: 2.4rem;
    font-weight: 600;
    padding-bottom: 9px;
}
.our-farmer p {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
}
.team-icons {
    display: flex;
    list-style: none;
    justify-content: center;
}
.team-icons li {
    padding: 0 10px;
}
.team-members-name h5 {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
}
.team-members-name a {
    color: #000;
    text-decoration: none;
}
.team-members img {
    width: 100%;
}
.team-members-name {
    padding: 15px 0;
}
.team-icons i.fa.fa-facebook {
    color: #3B5998;
}
.team-icons i.fa.fa-twitter {
    color: #55ACEE;
}
.team-icons i.fa.fa-apple {
    color: #000;
}
.team-icons a {
    font-size: 1.4rem;
}
.modal-body video{
    width: 100%;
}

/*our-team-end*/
/*about us*/
.text-m {
    height: 100px;
    min-height: 150px;
}
.fill-query {
    border-radius: 0px;
}
.send-btn:hover {
    background: #000; color:#fff;
}

.send-btn {
    width: 100%;
    font-size: 22px;
    background: #FECF4D;
    color: #000;
    border: none;
    padding: 11px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.about-farm {
    background: url(../img/Rectangle3.png);
    height: 400px;
}
.banner {
    background: url(../img/Rectangle1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 52vh;
    display: grid;
    place-items: center;
}

.breadcrum {
    text-align: center;
}
.banner-head h1 {
    text-align: center;
    font-size: 2.3rem;
    font-weight: 600;
    color: #fff;
}
.breadcrum p {
    color: #FFF;
    font-size: .8rem;
    font-weight: 600;
}
.our-client {
    width: 100%;
    text-align: center;
}
.our-client h3 {
    font-size: 2rem;
    font-weight: 600;
}
.rev_slider_wrapper h2 {
    position: relative;
    display: block;
    font-size: 54px;
    color: #ffffff;
    font-weight: 600;
    line-height: 66px;
    z-index: 1;
}
.rev_slider_wrapper h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.14em;
    padding-right: 64px;
    text-transform: capitalize;
    display: inline-block;
    z-index: 1;
}


.farm-link2 {
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    width: 150px;
    color: #000;
    border: 1px solid #000;
    background: #FCB900;
    font-weight: 600;
    font-size: .9rem;
    -webkit-transition: all 0.3s ease-out 0s !important;
    -moz-transition: all 0.3s ease-out 0s !important;
    -ms-transition: all 0.3s ease-out 0s !important;
    -o-transition: all 0.3s ease-out 0s !important;
    transition: all 0.3s ease-out 0s !important;
    z-index: 1;
    text-align: center !important;
    overflow: hidden;
    display: block;
}
a, div, button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
    .farm-link2:hover {
         background-color:#000;
        color: #fff; border-color:#fff;
       
    }
    .testimonial-box {
        display: flex;
        /* width: 100%; */
        padding: 0 341px;
    }
.testimonial-right-box {
    padding: 0 30px;
}
.owl-nav {
    text-align: center;
}
.owl-nav img {
    width: 30px;
}
.testimonial-destination h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.testimonial-destination h6 {
    font-size: 1rem;
    font-weight: 600;
}
.testimonial-destination span {
    font-weight: 600;
    color: #555555;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
.testimonial{
   background: url(../img/Rectangle3.png);
   position: relative;
}
.testimonial-milk-banner {
    position: absolute;
    top: -72px;
    width: 100%;
}
    .testimonial-milk-banner img {
    width: 100%;
}

/*about us end*/
/*farm*/
.capable {
    width: 100%;
}

.Welfare h3:after {
    content: "";
    width: 58px;
    height: 3px;
    background: #FCB900;
    position: absolute;
    right: -110px;
    top: 20px;
}
.Welfare {
    position: relative;
}
.Welfare-Preservation {
    margin-top: 240px;
}
.Welfare span {
    position: absolute;
    right: -90px;
    top: -12px;
    padding: 5px 11px;
    background: #FCB900;
    border-radius: 85px;
    border: 1px solid;
    font-size: 1rem;
}
.Welfare-Automated span {
    position: absolute;
    right: -90px;
    top: -2px;
    padding: 5px 11px;
    background: #FCB900;
    border-radius: 85px;
    border: 1px solid;
    font-size: 1rem;
}
.Welfare-Management span {
    position: absolute;
    left: -90px;
    top: -12px;
    padding: 5px 11px;
    background: #FCB900;
    border-radius: 85px;
    border: 1px solid;
    font-size: 1rem;
}
.Welfare-Preservation span {
    position: absolute;
    left: -90px;
    top: -12px;
    padding: 5px 11px;
    background: #FCB900;
    border-radius: 85px;
    border: 1px solid;
    font-size: 1rem;
}
.Welfare-Automated h3:after {
    content: "";
    width: 58px;
    height: 3px;
    background: #FCB900;
    position: absolute;
    right: -110px;
    top: 30px;
}
.Automated-Milking {
    position: relative;
}
.Welfare-Management h3:before {
    content: "";
    width: 58px;
    height: 3px;
    background: #FCB900;
    position: absolute;
    top: 20px;
    left: -110px;
}
.Welfare-Management {
    margin-top: 100px;
}
.Welfare-Management {
    position: relative;
}
.Welfare-Preservation {
    margin-top: 140px;
}
.Welfare-Preservation h3:before {
    content: "";
    width: 58px;
    height: 3px;
    background: #FCB900;
    position: absolute;
    top: 20px;
    left: -110px;
}


.Welfare-Preservation {
    position: relative;
}
.line {
    text-align: center;
}
.line img {
    height: 400px;
}
.capable h2 {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
}
.capable p {
    text-align: center;
        font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
}
.Welfare h3 {
    font-size: 1.5rem;
    font-weight: 600;
}
.Welfare p {
    font-size: 1rem;
    font-weight: 500;
}
.Welfare-Automated h3 {
    font-size: 1.5rem;
    font-weight: 600;
}
 .Welfare-Management h3 {
    font-size: 1.5rem;
    font-weight: 600;
}
.Welfare {
    margin-top: 10px;
}
.Welfare-Preservation h3 {
    font-size: 1.5rem;
    font-weight: 600;
}
.Welfare-Automated {
    margin-top: 100px;
}
.logo-img img {
    width: 100%;
}
.brand {
    width: 20%;
    padding: 0 70px;
}
/*farm-end*/
/*blog*/
.Profitability img {
    width: 100%;
        height: 100%;
}
.Dairy-Nutrition {
    display: flex;
        margin-bottom: 30px;
}
.Optimization-title {
    padding: 20px;
}
.Optimization-title span {
    font-size: .8rem;
    font-weight: 600;
    color: #828282;
}
.Optimization-date {
    padding-bottom: 30px;
}
.Optimization-title p {
    font-size: 16px;
    font-weight: 500;
    color: #343434;
    line-height: 23px;
    padding-top: 20px;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
.Optimization-title h3 {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 10px;
}
.Optimization-title a {
    color: #000;
    text-decoration: none;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.search-box {
     background: #E7E7E7;
         padding: 30px 30px;
             border-radius: 8px;
}
.search-title input {
    width: 100%;
    border: none;
}
.search input#search {
    width: 100%;
    border: none;
    padding: 10px 10px;
    border-radius: 50px;
}
.search {
    padding-bottom: 50px;
}

.search h4 {
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 10px;
}
.Nutrition {
    display: flex;
    margin-bottom: 15px;
}
.recent-post h3 {
    font-size: 1.4rem;
    font-weight: 600;
        padding-bottom: 10px;
}
.Nutrition-img img {
    width: 80px;
}
.Nutrition-content h3 {
    font-size: .7rem;
    margin: 0;
    font-weight: 600;
}
.Nutrition-content span {
    font-size: 0.5rem;
    font-weight: 600;
    color: #828282;
}
.Nutrition-content a {
    text-decoration: none;
    color: #000;
}


.Nutrition-content {
    padding: 10px 10px;
}
/*blog-end*/
/*blog-detail*/
.Detail-animal-img img {
    width: 100%;
}
.Detail-animal-about h3 {
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 20px;
}
.Detail-animal-about a {
    color: #000;
    text-decoration: none;
}

.Detail-animal-about span {
    font-size: 1rem;
    font-weight: 600;
    color: #828282;
}

.Detail-animal-about p {
    line-height: 36px;
    font-size: 1rem;
    color: #343434;
    padding-top: 20px;
    padding-bottom: 30px;
}
.brief {
    padding: 20px 0 50px 0;
}
/*blog-detail-end*/
/*contact*/
.call img {
    width: 70px;
}
.contact-milk-banner img {
    width: 100%;
}
.contact {
    position: relative;
}
.contact-milk-banner {
    position: absolute;
    top: 80px;
    width: 100%;
}

.adress {
    text-align: center;
    padding: 22px 22px;
    background: #FFF;
    box-shadow: 0 0 3px 3px #eeebeb;
    border-radius: 8px;
        height: 100%;
}
.call {
    padding: 10px 0;
}
.call-type {
    padding: 10px 0 0 0;
}
.call-type h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.call-type span {
    display: block;
    font-weight: 500;
    font-size: 1.2rem;
}
.map iframe {
    width: 100%;
}
.contact-detail-sec {
    background: url(../img/Rectangle3.png);
}
.contac-detail h2 {
    font-size: 2.2rem;
    font-weight: 600;
    padding-bottom: 15px;
}

.contact-detail-m #textarea {
    width: 100%;
    padding: 10px 10px 70px 10px;
    border: 1px solid #ced4da;
     box-shadow: 0 0 1px 0px #f2eded; 
    border-radius: 8px;
    outline: none;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #cecccc!important;
    outline: 0;
    box-shadow: none!important;
}
.button {
    margin-top: 50px;
}

.button {
    display: grid;
    padding: 15px 0;
    place-items: left;
}
.button a:before {
    content: "";
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    position: absolute;
    transition: all 0.3s linear;
}
.button a:hover:before {
    transform: translateX(0px);
    z-index: -1;
    transition: all 0.3s linear;
    
}
.button a:hover{
    color: #fff;
    background: #000;
    
}

.button a {
    position: relative;
    padding: 10px 10px;
    text-decoration: none;
    width: 120px;
    color: #000;
    border-radius: 6px;
    background: #FCB900;
    font-weight: 600;
    text-align: center;
    font-size: 1.1rem;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
}
.get-contact img {
    width: 100%;
    height: 650px;
    }
	.form-group {
    margin-bottom: 1rem;
}
.form-group label {
    margin-bottom: 0.5rem;
}
/*contact-end*/
/*===Home 3====*/
.bg-overlay{
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);}

.about-farm1 {
    background: #FCB900;
}
.farm-col3 {
margin-top: -265px;
}

.farm-col3 .our-dairy {
    padding: 15px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 11px 49px 0px rgb(0 0 0 / 15%);
}
.farm-col3 .dairy-animals-img{
overflow: hidden;}
.farm-col3 .dairy-animals-img img {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
    border-radius: 4px;

}
.farm-col3 .our-dairy:hover .dairy-animals-img img {
    transform: scale(1.2);
    transition: .5s;
}
.farm-products .product-list-icon {
text-align: center;
}
.farm-products .product-list-icon img {
    border-radius: 242px;
    height: 180px;
    width: 180px;
    margin: auto;
    object-fit: cover;
    animation: spin 10s linear infinite;
}

.farm-products .product-list-icon a {

    display: inline-block;
    border: 2px dashed #000000;
    border-radius: 200px;
    padding: 10px;
}
.our-latest-blog .Dairy-Nutritions {
    position: relative;
    
}
.our-latest-blog .Optimization-title{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
}

.our-latest-blog .Dairy-Nutritions::before ,.our-latest-blog .Dairy-Nutritions:hover::before{
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    -webkit-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), to(#000000));
    //background-image: linear-gradient(to bottom, transparent 42%, #000000 100%);
}

.our-latest-blog .Optimization-title p{
color: #ffffff;
    font-weight: 400;
    
    padding-top: 10px;
}
.our-latest-blog .Optimization-title h3 a{
color: #ffffff;
}
.our-latest-blog .Optimization-title h3 {
padding-bottom: 0px;
}

.our-latest-blog .Optimization-title span{
color: #ffffff;
font-weight: 500;
}

.our-latest-blog .Dairy-Nutritions .Profitability{
    overflow: hidden;
}

.our-latest-blog .Dairy-Nutritions:hover::before{
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100%;
    -webkit-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), to(#FCB900));
    //background-image: linear-gradient(to bottom, transparent 42%, #FCB900 100%);
}