@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

body {
  font-family: "Nunito Sans", sans-serif !important;
}

.text-dark {
  color: #000 !important;
}

.swiper-hero {
  height: 710px !important;
}

.swiper-hero .swiper-slide {
  height: 710px !important;
  background-size: cover;
  background-position: top 80px center;
}

.swiper-slide.bg-overlay-400:before {
  background: rgba(30, 34, 40, 0.5);
}

.swiper-slide.bg-overlay-300:before {
  background: rgba(30, 34, 40, 0.1);
}

.overlay-1:hover figcaption,
.overlay-1:hover .figcaption {
  opacity: 1;
}

.overlay span.bg,
.overlay-1 figcaption {
  opacity: 1;
}

.overlay-1 .from-top {
  transform: translateY(-50%);
}

.btn-green {
  background-color: #4caf50;
  border-color: #4caf50;
}

.text-green {
  color: #4caf50 !important;
}

section.bg-custom {
  background: url(../img/leaf-1.jpg) no-repeat bottom -13px right -70px;
  background-size: 21%;
}
section.bg-leaf{
  background: url(../img/leaf-2.jpg) no-repeat bottom -13px left -70px;
  background-size: 21%;
}
@media (max-width: 992px) {
  section.bg-custom {
    background: none;
  }
}

@media (max-width: 576px) {
  .title.display-1 {
    font-size: calc(1.365rem + 3vw) !important;
    line-height: initial !important;
  }
}

/* About US */

.banner-title {
  padding: 4.6em 0;
}

.common-section-padding {
  padding: 100px 0 50px;
}

.common-p-text {
  word-spacing: 2px;
  text-align: justify;
  font-size: 17px;
  line-height: 1.8;
  color: #000;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #000;
}

.hover-underline-animation:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #4b4b9c;
}


@media (max-width: 1199.9px) {
  .banner-title {
    padding: 5.8em 0;
  }
}

@media (max-width: 991.9px) {
  .banner-title {
    padding: 6.8em 0;
  }
}

/*-----------*/

.dropdown-menu {
  min-width: 12rem !important;
}
a.specification-link {
  color: #4b4b9c !important;
}
.specification-link:hover{
    /* color:#3333f3 !important; */
    color:#0db3d3 !important;
    display: inline-block;
    transform: translateY(-0.15rem) !important;
}
.swiper-slide.bg-overlay.banner-overlay:before{
  height: 100% !important;
  background: rgba(30, 34, 40, 0.479) !important;
}
/*
.swiper-slide.bg-overlay.animal-feed-bg:before{
  height: 100% !important;
  background: rgb(30 34 40 / 58%) !important;
} */
.banner-title-padding{
  padding: 3.8em 0 !important;
}

.para-text-size p{
  font-size: 0.9rem !important;
}
.above-text{
  font-size: 1.08rem !important;
}
.para-text-size h3 .uil-slack{
  /* color: #0db3d3; */
  color: #4b4b9c;
}
.uil-slack.title-icon-color{
  color: #4b4b9c;
}
.uil-pagelines.title-icon-color{
  color: #0db3d3;
  font-size: 30px;
}
.bg-image h5{
  color: #1d1d67 !important;
}
.horizontal-line{
  padding-top: 0px;
  padding-bottom: 23px;
}
.horizontal-line-border{
  display: inline-block;
  width: 20%;
  border-top: 5px solid #c5db66;
}



@media (max-width: 1199.9px){
.banner-title {
    padding: 4.9em 0 !important;
}
}
@media (max-width: 768px){
.banner-title {
    padding: 6em 0 !important;
}
}

@media (max-width: 1024px){
  .banner-title-padding {
    padding: 4.3em 0 !important;
  }
  }

@media (max-width: 991.9px){
.banner-title-padding{
  padding: 5.2em 0 !important;
}
}
@media (max-width: 357.9px){
  .footer-logo{
    width:70% !important;
  }
  }
   

.title-icon {
  color: #fff;
  background-color: #4b4b9c;
  border-color: #4b4b9c;
  width: 25px !important;
  height: 25px !important;
}