@import url('https://fonts.googleapis.com/css2?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');

h1, h2, h3, h4, h5, h6, p, span {
  font-family: 'Roboto', sans-serif;
}

/*--------------HEADER CSS-----------------*/
.navbar-brand img{
    width: 35%;
}
a:hover {
    text-decoration: none;
    color: #168915;
}

.icon-box .icon-box-icon svg {
    width: 26px;
    height: 26px;
    fill: #86df0c;
}

.text-theme-green-dark {
    color: #168915;
}
.bg-theme-green-dark {
    background: #168915;
}

.btn.btn-primary {
    background: #168915;
}
.navbar-nav .nav-item a.nav-link.active, .navbar-nav .nav-item a.nav-link:focus, .navbar-nav .nav-item a.nav-link:hover {
    color: #168915;
}

.slider-height2 {
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.section-bg2 {
    background: #2A7B9B;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgb(103 103 103) 100%);
}
.slider-height2 p{
    color: #fff;
}
.popular-searches-footer{
    padding: 5rem 0rem 5rem 0rem;
    background: #89e011;
    color: #fff;
}
.popular-searches-footer .searches-lists ul{
    margin-left: -2rem;
    list-style: none;
}
.popular-searches-footer .searches-lists ul a{
    color: #fff;
}
.swiper-slide{
     background-size: 100% 100%;padding:8rem;
}
.swiper-wrapper{
    height: 100vh;
}
 .product-card .card-detail span{
         font-size: 0.7rem;
         color: #767676;
         }
         .product-card p{
         margin: unset;
         font-size: 14px;
         color: #c37676;
         font-weight: 500;
         }
         .swiper-icon.swiper-arrow svg {
            fill: var(--light-gray-color);
            width: 80px;
        }
        .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #168a14;
    border-radius: 0;
}
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    color: #168b13;
    border-radius: .25rem;
        padding: .7rem 3rem;
}
@media only screen and (max-width: 600px) {
    .w-60-mobile{
        width: 60%;
    }
    .navbar-brand img {
        width: 60%;
    }
    .swiper-icon.swiper-arrow svg {
            fill: var(--light-gray-color);
            width: 40px;
        }
        .swiper-slide{
     background-size: 100% 100%;padding:2rem;
}
.swiper-wrapper{
    height: 50vh !important;
}
 #billboard .banner-content {
      margin-top: 10px;
  }
   #billboard .banner-content h3{
      font-size: 25px;
  }
}