/* @font-face {
    font-family: GalanoGrotesque;
    src: url("/fonts/GalanoGrotesque-Regular.otf") format("opentype");
}

@font-face {
    font-family: GalanoGrotesque;
    font-weight: bold;
    src: url("/fonts/GalanoGrotesque-Bold.otf") format("opentype");
}
@font-face {
    font-family: VeneerClean;
    src: url("/fonts/Yellow Design Studio - VeneerClean-Reg.otf") format("opentype");
} */


@font-face {
    font-family: GalanoGrotesque;
    src: url("/fonts/GalanoGrotesque-Regular.otf") format("opentype");
}

@font-face {
    font-family: GalanoGrotesque;
    font-weight: bold;
    src: url("/fonts/GalanoGrotesque-Bold.otf") format("opentype");
}
@font-face {
    font-family: VeneerClean;
    src: url("/fonts/Yellow Design Studio - VeneerClean-Reg.otf") format("opentype");
}

body {
    font-family: GalanoGrotesque;
  }
  .half-cover {
    --tw-bg-opacity: 1;
    background-color: rgb(11 59 74 / var(--tw-bg-opacity));
    height: 100vh;
    width: calc(50vw * 0.6);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  @media (max-width: 992px) {
    .half-cover {
      display: none;
    }
    .hero .text-side {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
      margin-bottom: 2rem !important;
      margin-top: 2rem !important;
    }
    .hero {
      max-height: 100% !important;
    }
    .hero h1,
    .hero .h1 {
      font-size: 3.5rem !important;
    }
  }
  .hero {
    max-height: 100vh;
    overflow: hidden;
  }
  .hero .text-side p{
    font-size: 1.4rem;
  }
  .side-image {
    /* height: calc(100vh - 124px); */
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
    height: auto;
  }
  header,
  .header {
    font-family: GalanoGrotesque;
  }
  h1,
  h1 {
    font-family: GalanoGrotesque;
    font-weight: bold;
  }
  .hero h1,
  .hero .h1 {
    font-size: 5rem;
  }

  .text-bng-secondary,
  .link-bng-secondary,
  .nav-link {
    color: #0b3b4a;
  }
  .nav-link:hover,
  .nav-link:active,
  .nav-link:focus {
    color: #7ac142;
  }
  .btn {
    border-radius: 33px;
    padding: 10px 25px 10px 25px !important;
  }
  .btn-bng-primary {
    background-color: #7ac142;
    background: #7ac142;
    color: #fff;
  }
  .btn-bng-primary:hover {
    background-color: #68ab36;
    background: #68ab36;
    color: #fff;
  }
  .btn-bng-secondary {
    background-color: #0b3b4a;
    background: #0b3b4a;
    color: #fff;
  }
  .btn-bng-secondary:hover {
    background-color: #0e5063;
    background: #0e5063;
    color: #fff;
  }
  .btn-bng-outline-secondary:hover {
    background-color: #0e5063;
    background: #0e5063;
    color: #fff;
  }
  .btn-bng-outline-secondary {
    color: #0b3b4a;
    border-color: #0b3b4a;
  }
  .btn-bng-outline-primary {
    color: #7ac142;
    border-color: #7ac142;
  }
  .btn-bng-outline-primary:hover {
    background-color: #68ab36;
    background: #68ab36;
    color: #fff;
  }
  .fill-bng-primary {
    fill: #7ac142;
  }
  @media (min-width: 1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 1500px;
    }
  }

  @media (min-width: 1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 93vw;
    }
  }

  footer a{
    text-decoration: none;
  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: "VeneerClean";
}