:root {
    --primary: #4BA301;
    --primary-alt: #82D002;
    --white: #ffffff;
    --primary-hover: #3b8100;
}
.text-primary {
    color: var(--primary);
}
.logo__image {
    object-fit: contain;
}
.header-info__item .unread-posts {
    background-color: var(--primary);
}
.services__list .services__item:last-child .services__icon {
    display: flex;
}
/* likely delete 
.services__icon--top img {
    margin-top: 2rem;
}
.services__icon--height img {
    height: 60px;
}
prev end */
.illustration {
    border-bottom-color: var(--primary-alt);
}
.illustration__icon--toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--primary-alt);
}
.illustration__icon--toggle img {
    width: 60%;
}
/* NAV */
header .subnav__inner {
    max-width: 1250px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}
header .submenu__link {
    font-size: 18px;
    line-height: 1.88;
}
header .subnav__item {
    text-align: start;
    padding: 10px 0;
    width: 100%;
}

.subnav__inner::before,
.subnav__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  width: 1px;
  background: #0000002b;;
  height: 80%;
  transform: translateY(-50%);
}
.subnav {
    border-color: var(--primary);
}
/* place 2 vertical lines between the 3 columns */
.subnav__inner::before {
  left: 33.3333%;
}
.subnav__inner::after {
  left: 66.6666%;
}
.subnav__item:nth-child(3n+2),
.subnav__item:nth-child(3n+3) {
    padding-left: 30px;
}

header .subnav__item:nth-child(7) {
    grid-column: 2;
    padding-left: 30px;
}

@media only screen and (max-width: 1300px) {
  header .subnav__inner {
    max-width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 1100px) {
  header .submenu__link {
      font-size: 14px;
  }
}
/* override src style files */
.icon-wrap-top svg {
    fill: var(--primary-alt);
}
.button:not(.button--link.button--red):not(.button--white):not(.button--black):not(.button--card) {
    background-color: var(--primary);
}
.button:not(.button--link.button--red):not(.button--white):not(.button--black):not(.button--card):hover {
    background-color: var(--primary-hover);
}
.button--white {
    background-color: var(--white);
    color: var(--primary);
}
.card--green .card__content, .search__container.is-open {
    background-color: var(--primary);
}
.card__icon {
    color: var(--primary-alt);
}
a, .link, .button--link.button--red, .dropdown__button {
    color: var(--primary);
}
.button--link {
    background-color: transparent;
}
.accordion__title.collapsed>.accordion__indicator {
    background: var(--primary);
    box-shadow: 0 0 0 5px rgba(130, 208, 2, 0.4);
}
.quote--alternative cite, .number-list__number, .text-green, .gallery-item__title a:hover, .gallery__arrow-icon, .button--card .button__icon-right {
    color: var(--primary);
}
.dropdown--bordered {
    border-color: var(--primary);
}
.axis__image:before {
    border-color: var(--primary-alt);
 }
.axis__item:before {
    background-color: var(--primary-alt);
}
.top-contact-cont {
    background: var(--primary);
}
.tabs__item:hover, .tabs__item--current, .tabs--full .tabs__item:hover, .tabs--full .tabs__item--current {
    border-color: var(--primary);
    background-color: var(--primary);
}
.tabs__item:before, .tabs--full .tabs__item:before{
    border-top-color: var(--primary);
}
.testimonial__item-icon, .separator:before {
    color: var(--primary-alt);
}
.separator:before {
    background: var(--primary-alt);
}
.process__circle {
    background-color: var(--primary-alt);
}
.process__circle-shadow-1, .process__circle-shadow-2, .process__circle-shadow-3, .process__circle-shadow-4, .process__circle-shadow-5 {
    border-color: var(--primary-alt);
}
.process__circle:before, .process__circle:after {
    background: var(--primary-alt);
}
.process__circle-inner {
    display: flex;
}
.process__circle-logo{
    width: 60px;
    height: auto;
    object-fit: contain;
    margin: auto;
}
.progress__item--current .progress__counter:before, .progress__item--done .progress__counter:before, .progress__item--current:after {
    background: var(--primary-alt);
}
.progress__counter:after {
    background-color: var(--primary-alt);
}
@media only screen and (max-width: 1024px) {
    .services__list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 991px) {
    .search__container {
        background-color: var(--primary);
    }
}
@media only screen and (max-width: 768px) {
    .illustration__icon--toggle {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    .services__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}