:root {
  font-size: 16px;
}

/* UTILITY */
.m-t-0 {
  margin-top: var(--s-0);
}

.m-t-1 {
  margin-top: var(--s-1);
}

.m-t-2 {
  margin-top: var(--s-2);
}

.m-t-3 {
  margin-top: var(--s-3);
}

.m-t-4 {
  margin-top: var(--s-4);
}

.m-t-5 {
  margin-top: var(--s-5);
}

.m-t-6 {
  margin-top: var(--s-6);
}

.m-t-7 {
  margin-top: var(--s-7);
}

.m-t-8 {
  margin-top: var(--s-8);
}

.m-t-9 {
  margin-top: var(--s-9);
}

.m-t-10 {
  margin-top: var(--s-10);
}

.m-r-0 {
  margin-right: var(--s-0);
}

.m-r-1 {
  margin-right: var(--s-1);
}

.m-r-2 {
  margin-right: var(--s-2);
}

.m-r-3 {
  margin-right: var(--s-3);
}

.m-r-4 {
  margin-right: var(--s-4);
}

.m-r-5 {
  margin-right: var(--s-5);
}

.m-r-6 {
  margin-right: var(--s-6);
}

.m-r-7 {
  margin-right: var(--s-7);
}

.m-r-8 {
  margin-right: var(--s-8);
}

.m-r-9 {
  margin-right: var(--s-9);
}

.m-r-10 {
  margin-right: var(--s-10);
}

.m-b-0 {
  margin-bottom: var(--s-0);
}

.m-b-1 {
  margin-bottom: var(--s-1);
}

.m-b-2 {
  margin-bottom: var(--s-2);
}

.m-b-3 {
  margin-bottom: var(--s-3);
}

.m-b-4 {
  margin-bottom: var(--s-4);
}

.m-b-5 {
  margin-bottom: var(--s-5);
}

.m-b-6 {
  margin-bottom: var(--s-6);
}

.m-b-7 {
  margin-bottom: var(--s-7);
}

.m-b-8 {
  margin-bottom: var(--s-8);
}

.m-b-9 {
  margin-bottom: var(--s-9);
}

.m-b-10 {
  margin-bottom: var(--s-10);
}

.m-l-0 {
  margin-left: var(--s-0);
}

.m-l-1 {
  margin-left: var(--s-1);
}

.m-l-2 {
  margin-left: var(--s-2);
}

.m-l-3 {
  margin-left: var(--s-3);
}

.m-l-4 {
  margin-left: var(--s-4);
}

.m-l-5 {
  margin-left: var(--s-5);
}

.m-l-6 {
  margin-left: var(--s-6);
}

.m-l-7 {
  margin-left: var(--s-7);
}

.m-l-8 {
  margin-left: var(--s-8);
}

.m-l-9 {
  margin-left: var(--s-9);
}

.m-l-10 {
  margin-left: var(--s-10);
}

.hidden {
  display: none;
}

/* Section content with max width of 1920px */
@media (min-width: 1921px) {
  .section.section-left {
    align-items: center;
  }

  .section.section-left .section-content.section-content-side {
    margin-right: 144px;
  }

  .section.section-right {
    align-items: center;
  }

  .section.section-right .section-content.section-content-side {
    margin-left: 144px;
  }
}

/* UTILITY end */

/* NAVBAR */
@media (max-width: 1400px) and (min-width: 991px) {
  .navbar-link-wrap.navbar-link-menu {
    position: absolute;
    left: -400px;
    top: 0px;
    display: flex;
    width: 400px;
    height: 100vh;
    padding-top: 100px;
    padding-right: 5%;
    padding-left: 5%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: 20px;
    background-color: var(--green-bg);
  }

  .navbar-burger {
    display: flex;
    cursor: pointer;
  }

  .navbar-link {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .navbar-link-text-wrap {
    height: 40px;
    margin-left: 35px;
  }

  .navbar-link-submenu {
    position: static;
    width: auto;
    margin-left: 35px;
    padding: 0px;
    border-left-style: solid;
    border-left-color: var(--green);
    box-shadow: none;
  }

  .navbar-link-line-wrap {
    left: -35px;
    top: auto;
  }
}

/* NAVBAR end */

/* DROPDOWN */
.dropdown-content {
  grid-template-rows: 0fr;
}

/* DROPDOWN end */

/* GDPR */
.gdpr-content h1,
h2,
h3,
h4,
h5,
h6 {
  scroll-margin-top: 200px;
  stroke-width: 1px;
  -webkit-text-stroke-width: 1px;
}

.gdpr-content h1 {
  font-size: 1.5rem;
}

.gdpr-content h2 {
  font-size: 1.5rem;
}

.gdpr-content h3 {
  font-size: 1.5rem;
}

.gdpr-content h4 {
  font-size: 1.5rem;
}

.gdpr-content h5 {
  font-size: 1.5rem;
}

.gdpr-content h6 {
  font-size: 1.5rem;
}

.gdpr-nav-submenu>.gdpr-nav-link {
  font-weight: 200;
}

/* GDPR end */

/* LOADING SCREEN */
.loading-circle {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* LOADING SCREEN end */

li {
  padding-left: 10px;
}

li::marker {
  content: " ";
  font-size: 0.9rem;
  font-family: "Font Awesome 6 Free Solid 900";
}

.list-secondary li::marker {
  color: var(--green);
}

.list-secondary.list-secondary-alt li::marker {
  color: var(--white);
}

.title-overflow-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-overflow-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-overflow-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-section-type-2 .list-secondary li::marker {
  color: var(--white);
}

@media only screen and (max-width: 1890px) and (min-width: 991px) {
  .grid-oil-types {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-card-products {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .text-container-base.text-container-usage {
    grid-column: span 3;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 991px) {
  .img-wrap-base.img-wrap-hero-bg-xl {
    opacity: 0.15;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 991px) {
  .grid-oil-types {
    grid-template-columns: 1fr 1fr;
  }

  .grid-card-products {
    grid-template-columns: 1fr 1fr;
  }

  .text-container-base.text-container-usage {
    grid-column: span 1;
  }
}

.cls-1 {
  fill: currentColor;
  stroke-width: 0px;
}