:root {
    --primary-color: #A7D046;
    --primary-color-dark: #6F8F24;
    --dle-primary: #A7D046;
    --dle-primary-light: #f9fcf2;
    --secondary-color: #001453;
    --font-size: 16px;
}
  
.brand-color {
    color: var(--primary-color) !important;
}

.bg-brand {
  background-color: var(--primary-color) !important;
}

.bg-brand-dark {
  background-color: var(--primary-color-dark) !important;
}

input:focus,
input:active {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--primary-color) !important;
}

select:focus,
select:active {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--primary-color) !important;
}


textarea:focus,
textarea:active {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid var(--primary-color) !important;
}

.menu-state-color .menu-item .menu-link.active .menu-title {
  color: var(--dle-primary);
}

.fs-9 {
    font-size: 9px;
  }
  .fs-10 {
    font-size: 10px;
  }
  .fs-11 {
    font-size: 11px;
  }
  .fs-12 {
    font-size: 12px;
  }
  .fs-13 {
    font-size: 13px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .fs-15 {
    font-size: 15px;
  }
  .fs-16 {
    font-size: 16px;
  }
  .fs-17 {
    font-size: 17px;
  }
  .fs-18 {
    font-size: 18px;
  }
  .fs-19 {
    font-size: 19px;
  }
  .fs-20 {
    font-size: 20px;
  }
  .fs-21 {
    font-size: 21px;
  }
  .fs-22 {
    font-size: 22px;
  }
  .fs-23 {
    font-size: 23px;
  }
  .fs-24 {
    font-size: 24px;
  }
  .fs-25 {
    font-size: 25px;
  }
  .fs-26 {
    font-size: 26px;
  }
  .fs-27 {
    font-size: 27px;
  }
  .fs-28 {
    font-size: 28px;
  }
  .fs-29 {
    font-size: 29px;
  }
  .fs-30 {
    font-size: 30px;
  }
  .fs-31 {
    font-size: 31px;
  }
  .fs-32 {
    font-size: 32px;
  }
  .fs-33 {
    font-size: 33px;
  }
  .fs-34 {
    font-size: 34px;
  }
  .fs-35 {
    font-size: 35px;
  }
  .fs-36 {
    font-size: 36px;
  }

/* Base classes for all screen sizes */
.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }

/* Small devices (sm) */
@media (min-width: 576px) {
  .w-sm-5 { width: 5%; }
  .w-sm-10 { width: 10%; }
  .w-sm-15 { width: 15%; }
  .w-sm-20 { width: 20%; }
  .w-sm-30 { width: 30%; }
  .w-sm-35 { width: 35%; }
  .w-sm-40 { width: 40%; }
  .w-sm-45 { width: 45%; }
  .w-sm-55 { width: 55%; }
  .w-sm-60 { width: 60%; }
  .w-sm-65 { width: 65%; }
  .w-sm-70 { width: 70%; }
  .w-sm-80 { width: 80%; }
  .w-sm-85 { width: 85%; }
  .w-sm-90 { width: 90%; }
}

/* Medium devices (md) */
@media (min-width: 768px) {
  .w-md-5 { width: 5%; }
  .w-md-10 { width: 10%; }
  .w-md-15 { width: 15%; }
  .w-md-20 { width: 20%; }
  .w-md-30 { width: 30%; }
  .w-md-35 { width: 35%; }
  .w-md-40 { width: 40%; }
  .w-md-45 { width: 45%; }
  .w-md-55 { width: 55%; }
  .w-md-60 { width: 60%; }
  .w-md-65 { width: 65%; }
  .w-md-70 { width: 70%; }
  .w-md-80 { width: 80%; }
  .w-md-85 { width: 85%; }
  .w-md-90 { width: 90%; }
}

/* Large devices (lg) */
@media (min-width: 992px) {
  .w-lg-5 { width: 5%; }
  .w-lg-10 { width: 10%; }
  .w-lg-15 { width: 15%; }
  .w-lg-20 { width: 20%; }
  .w-lg-30 { width: 30% !important; }
  .w-lg-35 { width: 35% !important; }
  .w-lg-40 { width: 40%; }
  .w-lg-45 { width: 45%; }
  .w-lg-55 { width: 55%; }
  .w-lg-60 { width: 60%; }
  .w-lg-65 { width: 65%; }
  .w-lg-70 { width: 70%; }
  .w-lg-80 { width: 80%; }
  .w-lg-85 { width: 85%; }
  .w-lg-90 { width: 90%; }
}

/* Extra large devices (xl) */
@media (min-width: 1200px) {
  .w-xl-5 { width: 5%; }
  .w-xl-10 { width: 10%; }
  .w-xl-15 { width: 15%; }
  .w-xl-20 { width: 20%; }
  .w-xl-30 { width: 30%; }
  .w-xl-35 { width: 35%; }
  .w-xl-40 { width: 40%; }
  .w-xl-45 { width: 45%; }
  .w-xl-55 { width: 55%; }
  .w-xl-60 { width: 60%; }
  .w-xl-65 { width: 65%; }
  .w-xl-70 { width: 70%; }
  .w-xl-80 { width: 80%; }
  .w-xl-85 { width: 85%; }
  .w-xl-90 { width: 90%; }
}


.fw-400 {
  font-weight: 400;
}