@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
p {
    font-size: 16px;
}
.navbar {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    background-color:#000!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255 / 85%);
}
.grey, .greybg {
    background-color:#fafafa
}
.blue {
    color: #5287e2
}
.btn {
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2.25px;
}
.btn-font {
    font-size: 18px;
}
.btn-sq {
    border-radius: 0rem;
}
 ul {
    margin-bottom: 0rem;
    padding-left: 0rem;
 }
 li {
     list-style-type: none;
     margin-left: 0px;
 }
 .offcanvas {
     line-height: 2rem;
     font-size: 14px;
 }
 ul.menu-main {
      display:none;
  }
 ul.menu-sub-1 {
      display:none;
  }
  .fa-brands, .fab {
    font-size: 20px;
    color: #fff;
}
.bg-dark {
    background-color: #000!important;
}
.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-red {
    color: #fff;
    background-color: #ff5252;
    border-color: #ff5252;
}
.btn-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #000;
}
.small, small {
   font-size: 1em;
}
footer {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
}
footer p {
    color: #fff;
}
footer a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

footer a:hover {
    color: #fff;
}

.bg-dark {
    background-color: #000!important;
}
#home {
    background-image: url(../../images/bg.png);
    background-size: cover;
    background-position: center center;  
} 
.product {
  
    padding-top: 75px!important;
    padding-bottom: 25px!important;
} 
.vh-90 {
    height: 90vh;
}
.vh-90 {
    height: 95vh;
}
.vh-600 {
    height: 600px;
}
.vh-350 {
    height: 350px;
}
.vh-450 {
    height: 450px;
}
.w-90 {
    width: 90%!important;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffb400;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs:hover .nav-link:hover {
    margin-bottom: -1px;
    background: 0 0;
    border: 0px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #ffb400;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #FFF;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #000000;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0; 
    border-top-right-radius: 0;
}

.accordion-body {
    padding: 1rem 1.25rem;
    font-weight: 400;
    font-size: 16px;
}
.accordion-button {
    font-size: 1.2rem;
    font-weight: 500;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    border: 1px solid #000;
    margin-top: 15px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-180deg);
}
@media (max-width: 819px) {
  .buysupherb, .storelocator {
    display:none!important;
  }
  ul.menu-sub-1 {
      display:block;
  }
}  
@media (max-width: 800px) {
  .menu-bar {
    display:none!important;
  }
  ul.menu-main {
      display:block;
  }
}