/* ld_banner */
.ld-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.ld-banner .media {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 25px;
}

.ld-banner .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
    rgba(0, 0, 0, 0.20) 0%,
    rgba(0, 0, 0, 0.50) 72%,
    rgba(0, 0, 0, 0.70) 100%);
    pointer-events: none;
    border-radius: 25px;
}

.ld-banner .content {
    color: white;
    position: relative;
    z-index: 1;
    padding: 150px 25px;
}
@media (min-width: 576px) {
    .ld-banner .content {
        padding: 150px 50px;
    }
}

.ld-banner .content .title {
    font-size: 3rem;
    font-family: 'Big Shoulders Display', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    max-width: 650px;
}
@media (min-width: 768px) {
  .ld-banner .content .title {
    font-size: 6rem;
  }
}

.ld-banner .content .description {
    font-size: 1rem;
    margin-bottom: 25px;
    max-width: 650px;
}

.ld-banner .content .btn {
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    
}
@media (max-width: 767px) {
  .ld-banner .content .btn {
      display: block;
      margin-bottom: 15px;
  }
}
.ld-banner .actions .arrow {
    margin-right: 10px;
    display: inline-block;
}
.ld-banner .content .btn-primary:hover {
    color: white;
}
@media (min-width: 768px) {
  .ld-banner .content .btn-none {
      margin-left: 15px;
  }
}
.ld-banner .content .btn-none .arrow {
    color: #95c13d;
}
.ld-banner .content .btn-none:hover .arrow {
    color: black;
}