/* .style1 {
    background-image: url("../assets/images/back.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed} */

.nav-item {
    background-color: #257d33;
    border-radius: 20px;
    margin: 10px;
    padding: 5px 25px !important;
    color: white;
    border: 1px solid #257d33;
}

.nav-item:hover {
    border: 1px solid #257d33;
    color: #257d33!important;
    background-color: white;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}


.bg-light {
    -webkit-transition: 3s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    
}

.head-img {
  position: relative;
  text-align: center;
  color: white;
}

.top-right {
  position: absolute;
  top: 35%;
  right: 5%;
}

.card {
    border: 1px solid #257d33;
    margin-bottom: 15px;
}

.fas {
    color: #257d33;
}

.site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: #00a01d;
}

.site-heading p {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  width: 70%;
}

.site-heading p::before {
  background: #00a01d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.style1 {
    background-image: url("../assets/images/back.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.round-img {
    border-radius: 20px;
}
.logo {
    width: 200px;
    height: auto;
}
header {
    background-color: white;
}

body {
    padding-top: 70px;
}
@media (min-width: 768px) {
.logo {
        width: 250px;
    }
    header {
    background-color: transparent;
}
body {
    padding-top: 0px;
}
}
@media (min-width: 576px) {
.logo {
        width: 200px;
    }

    body {
    padding-top: 0px;
}
        header {
    background-color: transparent;
}
}

button.navbar-toggler {
    background-color: #257d33;
    
}

@media (min-width: 992px) {

.logo {
        width: 350px;
    }

    body {
    padding-top: 0px;
}

        header {
    background-color: transparent;
}
}

@media (min-width: 1200px) {

.logo {
        width: 350px;
    }

    body {
    padding-top: 0px;
}

        header {
    background-color: transparent;
}
}

.style2 {
    background-image: url("../assets/images/background-img.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}