:root {
  --content-max-width: 1370px;
}


body {
  box-sizing: border-box;
}

/* Link styling */
a {
  text-decoration: none;
  cursor: pointer;
}

.link-ul {
    color: black;
    text-decoration: none;
    position: sticky;
}

.link-ul a {
  color: black;
}

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



.link-ul::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 0;
    height: 1px;

    background-color: black;

    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.3s ease;
}

.link-ul:hover::before {
    width: 100%;
    transform: scaleX(1);
}

@media (max-width: 768px) {
  .link-ul::before {
    display: none;
  }

}

/* Columns */
.col-2 {
  display: flex;
  flex-direction: row;
}

.col-3 {
  display: flex;
  flex-direction: row;
}

.col-l-10 {
  width: 15%;
}

.col-r-90 {
  width: 90%;
}

.col-l-40 {
  width: 40%;
}

.col-r-60 {
  width: 60%;
}

.col-l-50 {
  width: 50%;
}

.col-r-50 {
  width: 50%;
}

.col-l-60 {
  width: 60%;
}

.col-r-40 {
  width: 40%;
}

.col-l-33 {
  width: 33%;
}

.col-m-33 {
  width: 33%;
}

.col-r-33 {
  width: 33%;
}

/* Spacing */
.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

.mb-64 {
  margin-bottom: 4rem;
}

.mb-96 {
  margin-bottom: 6rem;
}

.mb-128 {
  margin-bottom: 8rem;
}

.mb-256 {
  margin-bottom: 16rem;
}

@media (max-width: 992px) {
  .mb-256 {
    margin-bottom: 10rem;
  }
}

@media (max-width: 768px) {
  .col-lg{
    flex-wrap: wrap;
  }

  .col-lg .col-l-10,
  .col-lg .col-r-90,
  .col-lg .col-l-40,
  .col-lg .col-r-60,
  .col-lg .col-l-50,
  .col-lg .col-r-50,
  .col-lg .col-l-60,
  .col-lg .col-r-40,
  .col-lg .col-l-33,
  .col-lg .col-m-33,
  .col-lg .col-r-33 {
    width: 100%;
  }

  .mb-128 {
    margin-bottom: 4rem;
  }
  .mb-256 {
    margin-bottom: 8rem;
  }
}