@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


*{
    font-family: "Arimo", sans-serif !important;
}
.primary{
    background: #71b100;
}

.primaryText{
    color: #71b100;
}

.logo{
  width: 250px;
   
   
}

#parallax {
  width: 100%;
    height: 80vh;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.dropdown-item {
  background-color: #71b100;
  color: #fff;  
}


.dropdown-item:hover {
  background-color: #000;
  color: #71b100;  
}

.breadscrumb{
 
    height: 40vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
}
.breadscrumbBg,.abtUsBg{
  
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.breadcrumb-item+.breadcrumb-item::before{
    color:#fff !important;
}

.sectionTitle{
    position: relative;
    width: 100%;
}
.sectionTitle::after{
    position: absolute;
    content: '';
    height: 5px;
    width: 5%;
    top:100%;
    left: 0;
    background: #000;
    bottom:5rem !important;
}
.sectionTitle::before{
    position: absolute;
    content: '';
    height: 5px;
    width: 5%;
    top:100%;
    left: 25px;
    background: 71b100;
    bottom:5rem !important;
}

.postFooterImg{

    height: 60px;
    width: 80px;
}


.krajee-icon-clear,.caption {
    display: none !important;
  }



  .footerLink{
    color:white;
  }

  .footerLink:hover{
    color:#71b100;
  }

  .enquiryBtn,.galleryBtn{
    background: #71b100;
  }
  .enquiryBtn:hover,.galleryBtn:hover{
    background:#507d02 ;
  }


  .galleryCard{
position: relative;

  }


  .galleryImg{
    width: 100%;
    height: 250px;
  }
.galleryHover{
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}
.galleryCard:hover .galleryHover{
  transform: translateX(0%);
}

.blogImg{
  width: 100%;
  height: 150px;
}

.FooterblogImg{
  width: 100%;
  height: 50px !important;
}
.blogDetailImg{
  width: 100%;
  height: 350px;
}

#paginationLinks  a{
  color: #71b100 !important;
}

.active>.page-link{
  background: #71b100;
  border-color: #71b100;
}