body{
    font-family: monospace;
}
.tab-container {
    display: flex;
    width: 100%;
    justify-content: center;
}

.tab-item {
    max-width: 220px;
}

a:hover {
    cursor: pointer;
}

.active-tab {
    color: #538818 !important;
}

.bg-green {
    background-color: #4ea37c !important;
}
.centerTabItems {
    width: 100%;
    justify-content: center;
    display: flex;
    text-align: center;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #4ea37c;
    font-size: x-large;
}

.separator::before,
        .separator::after {
            content: '';
            flex: 1;
            border-bottom: 2px solid  rgb(25, 135, 84);
        }

        .separator:not(:empty)::before {
            margin-right: .25em;
        }

        .separator:not(:empty)::after {
            margin-left: .25em;
        }


#maincontent::after{
    width: 200px;
}

img{
    border-radius: 5px;
}

.loader {
    margin:0 auto;
    border-radius:10px;
    border:4px solid transparent;
    position:relative;
    padding:1px;
  }
  .loader:before {
    content:'';
    border:1px solid #fff; 
    border-radius:10px;
    position:absolute;
    top:-4px; 
    right:-4px; 
    bottom:-4px; 
    left:-4px;
  }
  .loader .loaderBar { 
    position:absolute;
    border-radius:10px;
    top:0;
    right:100%;
    bottom:0;
    left:0;
    background:#3f670e; 
    width:0;
    animation:borealisBar 2s linear infinite;
  }
  
  @keyframes borealisBar {
    0% {
      left:0%;
      right:100%;
      width:0%;
    }
    10% {
      left:0%;
      right:75%;
      width:25%;
    }
    90% {
      right:0%;
      left:75%;
      width:25%;
    }
    100% {
      left:100%;
      right:0%;
      width:0%;
    }
  }

  @media (max-width: 800px) {
    .carousel{
        width: 99% !important;
    }
}
.fill{
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.product-name-wrap{
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.card{
    transition-duration: 0.3s;
    height: 100%;
}
.card:hover{
    background-color: #4ea37c;
    cursor: pointer;
}

.not-active {
    color: black !important;
}

.card-img-top {
    max-height: 216px;
    width: 100%;
    align-self: center;
    max-block-size: fit-content;
}

.image-show{
    width: 150px;
    height: 150px;
    object-fit: cover;
    transition-duration: 0.3s;
}

.image-show:hover{
    cursor: pointer;
    opacity: 0.1;
}

.services-image-container{
    margin: 35px;
    overflow-x: scroll;
}

.carousel-control-next-icon{
    transition-duration: 0.6s;
}

.carousel-control-prev-icon{
    transition-duration: 0.6s;
}

.carousel-control-next:hover>.carousel-control-next-icon{
    width: 25rem;
    height: 25rem;
}

.carousel-control-prev:hover>.carousel-control-prev-icon{
    width: 25rem;
    height: 25rem;
}

.contact-footer:hover{
    cursor: pointer;
}

.dialog {
    max-width: 100% !important;
}

.carousel-item:hover{
    cursor: pointer;
}

.nav-pills.nav-pills .nav-link.active{
    background-color: #3f670e !important;
    color: white;
}

.beta-color{
    color: #3f670e;
}

.nav-link{
    color: #3f670e;
}

.nav-link:hover{
    color: black;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f1f1f1;
  }

  *::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    transition-duration: 0.3s;
    background: #3f670e;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(17, 53, 17);
  }