@charset "UTF-8";
/******************************************************************
Site Name: DeanHouston Base Theme
Stylesheet: Main Stylesheet
******************************************************************/
/* _variables.scss */
/* _colors.scss */
/* Define color names and values to be used throughout the project */
.text-primary {
  color: #000;
}

.bg-primary {
  background-color: #000;
}

.text-secondary {
  color: #445965;
}

.bg-secondary {
  background-color: #445965;
}

.text-red {
  color: rgb(213, 0, 50);
}

.bg-red {
  background-color: rgb(213, 0, 50);
}

.text-blue {
  color: #002975;
}

.bg-blue {
  background-color: #002975;
}

.text-blue-100 {
  color: #002975;
}

.bg-blue-100 {
  background-color: #002975;
}

.text-blue-200 {
  color: #516194;
}

.bg-blue-200 {
  background-color: #516194;
}

.text-blue-300 {
  color: #8895BE;
}

.bg-blue-300 {
  background-color: #8895BE;
}

.text-black {
  color: #000;
}

.bg-black {
  background-color: #000;
}

.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.text-gray {
  color: #6F838E;
}

.bg-gray {
  background-color: #6F838E;
}

.text-gray-100 {
  color: #13222B;
}

.bg-gray-100 {
  background-color: #13222B;
}

.text-gray-200 {
  color: #233540;
}

.bg-gray-200 {
  background-color: #233540;
}

.text-gray-300 {
  color: #445965;
}

.bg-gray-300 {
  background-color: #445965;
}

.text-gray-400 {
  color: #6F838E;
}

.bg-gray-400 {
  background-color: #6F838E;
}

.text-gray-500 {
  color: #A3B4BE;
}

.bg-gray-500 {
  background-color: #A3B4BE;
}

.text-gray-600 {
  color: #D0D7DB;
}

.bg-gray-600 {
  background-color: #D0D7DB;
}

.text-gray-700 {
  color: #EFEFEF;
}

.bg-gray-700 {
  background-color: #EFEFEF;
}

.text-gray-800 {
  color: #eceeed;
}

.bg-gray-800 {
  background-color: #eceeed;
}

.text-success {
  color: #27AE60;
}

.bg-success {
  background-color: #27AE60;
}

.text-info {
  color: #2F80ED;
}

.bg-info {
  background-color: #2F80ED;
}

.text-warning {
  color: #E2B93B;
}

.bg-warning {
  background-color: #E2B93B;
}

.text-danger {
  color: #EB5757;
}

.bg-danger {
  background-color: #EB5757;
}

.text-transparent {
  color: transparent;
}

.bg-transparent {
  background-color: transparent;
}

/* _fonts.scss */
/* Use this file to import webfont files and define font-faces */
@font-face {
  font-family: "Sohne Light";
  src: url("../fonts/soehne-leicht.woff2") format("woff2");
}
@font-face {
  font-family: "Sohne Regular";
  src: url("../fonts/soehne-buch.woff2") format("woff2");
}
@font-face {
  font-family: "Sohne Bold";
  src: url("../fonts/soehne-halbfett.woff2") format("woff2");
}
/* _mixins.scss */
.gap-0 {
  gap: 0px;
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0px;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-0 {
    gap: 0px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-0 {
    gap: 0px;
  }
}
.gap-5 {
  gap: 5px;
}

@media (min-width: 576px) {
  .gap-sm-5 {
    gap: 5px;
  }
}
@media (min-width: 768px) {
  .gap-md-5 {
    gap: 5px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-5 {
    gap: 5px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-5 {
    gap: 5px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-5 {
    gap: 5px;
  }
}
.gap-10 {
  gap: 10px;
}

@media (min-width: 576px) {
  .gap-sm-10 {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .gap-md-10 {
    gap: 10px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-10 {
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-10 {
    gap: 10px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-10 {
    gap: 10px;
  }
}
.gap-15 {
  gap: 15px;
}

@media (min-width: 576px) {
  .gap-sm-15 {
    gap: 15px;
  }
}
@media (min-width: 768px) {
  .gap-md-15 {
    gap: 15px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-15 {
    gap: 15px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-15 {
    gap: 15px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-15 {
    gap: 15px;
  }
}
.gap-20 {
  gap: 20px;
}

@media (min-width: 576px) {
  .gap-sm-20 {
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .gap-md-20 {
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-20 {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-20 {
    gap: 20px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-20 {
    gap: 20px;
  }
}
.gap-25 {
  gap: 25px;
}

@media (min-width: 576px) {
  .gap-sm-25 {
    gap: 25px;
  }
}
@media (min-width: 768px) {
  .gap-md-25 {
    gap: 25px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-25 {
    gap: 25px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-25 {
    gap: 25px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-25 {
    gap: 25px;
  }
}
.gap-30 {
  gap: 30px;
}

@media (min-width: 576px) {
  .gap-sm-30 {
    gap: 30px;
  }
}
@media (min-width: 768px) {
  .gap-md-30 {
    gap: 30px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-30 {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-30 {
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-30 {
    gap: 30px;
  }
}
.gap-35 {
  gap: 35px;
}

@media (min-width: 576px) {
  .gap-sm-35 {
    gap: 35px;
  }
}
@media (min-width: 768px) {
  .gap-md-35 {
    gap: 35px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-35 {
    gap: 35px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-35 {
    gap: 35px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-35 {
    gap: 35px;
  }
}
.gap-40 {
  gap: 40px;
}

@media (min-width: 576px) {
  .gap-sm-40 {
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .gap-md-40 {
    gap: 40px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-40 {
    gap: 40px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-40 {
    gap: 40px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-40 {
    gap: 40px;
  }
}
.gap-45 {
  gap: 45px;
}

@media (min-width: 576px) {
  .gap-sm-45 {
    gap: 45px;
  }
}
@media (min-width: 768px) {
  .gap-md-45 {
    gap: 45px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-45 {
    gap: 45px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-45 {
    gap: 45px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-45 {
    gap: 45px;
  }
}
.gap-50 {
  gap: 50px;
}

@media (min-width: 576px) {
  .gap-sm-50 {
    gap: 50px;
  }
}
@media (min-width: 768px) {
  .gap-md-50 {
    gap: 50px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-50 {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-50 {
    gap: 50px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-50 {
    gap: 50px;
  }
}
.gap-55 {
  gap: 55px;
}

@media (min-width: 576px) {
  .gap-sm-55 {
    gap: 55px;
  }
}
@media (min-width: 768px) {
  .gap-md-55 {
    gap: 55px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-55 {
    gap: 55px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-55 {
    gap: 55px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-55 {
    gap: 55px;
  }
}
.gap-60 {
  gap: 60px;
}

@media (min-width: 576px) {
  .gap-sm-60 {
    gap: 60px;
  }
}
@media (min-width: 768px) {
  .gap-md-60 {
    gap: 60px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-60 {
    gap: 60px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-60 {
    gap: 60px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-60 {
    gap: 60px;
  }
}
.gap-65 {
  gap: 65px;
}

@media (min-width: 576px) {
  .gap-sm-65 {
    gap: 65px;
  }
}
@media (min-width: 768px) {
  .gap-md-65 {
    gap: 65px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-65 {
    gap: 65px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-65 {
    gap: 65px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-65 {
    gap: 65px;
  }
}
.gap-70 {
  gap: 70px;
}

@media (min-width: 576px) {
  .gap-sm-70 {
    gap: 70px;
  }
}
@media (min-width: 768px) {
  .gap-md-70 {
    gap: 70px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-70 {
    gap: 70px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-70 {
    gap: 70px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-70 {
    gap: 70px;
  }
}
.gap-75 {
  gap: 75px;
}

@media (min-width: 576px) {
  .gap-sm-75 {
    gap: 75px;
  }
}
@media (min-width: 768px) {
  .gap-md-75 {
    gap: 75px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-75 {
    gap: 75px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-75 {
    gap: 75px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-75 {
    gap: 75px;
  }
}
.gap-80 {
  gap: 80px;
}

@media (min-width: 576px) {
  .gap-sm-80 {
    gap: 80px;
  }
}
@media (min-width: 768px) {
  .gap-md-80 {
    gap: 80px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-80 {
    gap: 80px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-80 {
    gap: 80px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-80 {
    gap: 80px;
  }
}
.gap-85 {
  gap: 85px;
}

@media (min-width: 576px) {
  .gap-sm-85 {
    gap: 85px;
  }
}
@media (min-width: 768px) {
  .gap-md-85 {
    gap: 85px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-85 {
    gap: 85px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-85 {
    gap: 85px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-85 {
    gap: 85px;
  }
}
.gap-90 {
  gap: 90px;
}

@media (min-width: 576px) {
  .gap-sm-90 {
    gap: 90px;
  }
}
@media (min-width: 768px) {
  .gap-md-90 {
    gap: 90px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-90 {
    gap: 90px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-90 {
    gap: 90px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-90 {
    gap: 90px;
  }
}
.gap-95 {
  gap: 95px;
}

@media (min-width: 576px) {
  .gap-sm-95 {
    gap: 95px;
  }
}
@media (min-width: 768px) {
  .gap-md-95 {
    gap: 95px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-95 {
    gap: 95px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-95 {
    gap: 95px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-95 {
    gap: 95px;
  }
}
.gap-100 {
  gap: 100px;
}

@media (min-width: 576px) {
  .gap-sm-100 {
    gap: 100px;
  }
}
@media (min-width: 768px) {
  .gap-md-100 {
    gap: 100px;
  }
}
@media (min-width: 1024px) {
  .gap-lg-100 {
    gap: 100px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-100 {
    gap: 100px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-100 {
    gap: 100px;
  }
}
.row-gap-0 {
  row-gap: 0px;
}

@media (min-width: 576px) {
  .row-gap-sm-0 {
    row-gap: 0px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-0 {
    row-gap: 0px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-0 {
    row-gap: 0px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-0 {
    row-gap: 0px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-0 {
    row-gap: 0px;
  }
}
.row-gap-5 {
  row-gap: 5px;
}

@media (min-width: 576px) {
  .row-gap-sm-5 {
    row-gap: 5px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-5 {
    row-gap: 5px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-5 {
    row-gap: 5px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-5 {
    row-gap: 5px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-5 {
    row-gap: 5px;
  }
}
.row-gap-10 {
  row-gap: 10px;
}

@media (min-width: 576px) {
  .row-gap-sm-10 {
    row-gap: 10px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-10 {
    row-gap: 10px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-10 {
    row-gap: 10px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-10 {
    row-gap: 10px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-10 {
    row-gap: 10px;
  }
}
.row-gap-15 {
  row-gap: 15px;
}

@media (min-width: 576px) {
  .row-gap-sm-15 {
    row-gap: 15px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-15 {
    row-gap: 15px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-15 {
    row-gap: 15px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-15 {
    row-gap: 15px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-15 {
    row-gap: 15px;
  }
}
.row-gap-20 {
  row-gap: 20px;
}

@media (min-width: 576px) {
  .row-gap-sm-20 {
    row-gap: 20px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-20 {
    row-gap: 20px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-20 {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-20 {
    row-gap: 20px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-20 {
    row-gap: 20px;
  }
}
.row-gap-25 {
  row-gap: 25px;
}

@media (min-width: 576px) {
  .row-gap-sm-25 {
    row-gap: 25px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-25 {
    row-gap: 25px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-25 {
    row-gap: 25px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-25 {
    row-gap: 25px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-25 {
    row-gap: 25px;
  }
}
.row-gap-30 {
  row-gap: 30px;
}

@media (min-width: 576px) {
  .row-gap-sm-30 {
    row-gap: 30px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-30 {
    row-gap: 30px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-30 {
    row-gap: 30px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-30 {
    row-gap: 30px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-30 {
    row-gap: 30px;
  }
}
.row-gap-35 {
  row-gap: 35px;
}

@media (min-width: 576px) {
  .row-gap-sm-35 {
    row-gap: 35px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-35 {
    row-gap: 35px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-35 {
    row-gap: 35px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-35 {
    row-gap: 35px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-35 {
    row-gap: 35px;
  }
}
.row-gap-40 {
  row-gap: 40px;
}

@media (min-width: 576px) {
  .row-gap-sm-40 {
    row-gap: 40px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-40 {
    row-gap: 40px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-40 {
    row-gap: 40px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-40 {
    row-gap: 40px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-40 {
    row-gap: 40px;
  }
}
.row-gap-45 {
  row-gap: 45px;
}

@media (min-width: 576px) {
  .row-gap-sm-45 {
    row-gap: 45px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-45 {
    row-gap: 45px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-45 {
    row-gap: 45px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-45 {
    row-gap: 45px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-45 {
    row-gap: 45px;
  }
}
.row-gap-50 {
  row-gap: 50px;
}

@media (min-width: 576px) {
  .row-gap-sm-50 {
    row-gap: 50px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-50 {
    row-gap: 50px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-50 {
    row-gap: 50px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-50 {
    row-gap: 50px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-50 {
    row-gap: 50px;
  }
}
.row-gap-55 {
  row-gap: 55px;
}

@media (min-width: 576px) {
  .row-gap-sm-55 {
    row-gap: 55px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-55 {
    row-gap: 55px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-55 {
    row-gap: 55px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-55 {
    row-gap: 55px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-55 {
    row-gap: 55px;
  }
}
.row-gap-60 {
  row-gap: 60px;
}

@media (min-width: 576px) {
  .row-gap-sm-60 {
    row-gap: 60px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-60 {
    row-gap: 60px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-60 {
    row-gap: 60px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-60 {
    row-gap: 60px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-60 {
    row-gap: 60px;
  }
}
.row-gap-65 {
  row-gap: 65px;
}

@media (min-width: 576px) {
  .row-gap-sm-65 {
    row-gap: 65px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-65 {
    row-gap: 65px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-65 {
    row-gap: 65px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-65 {
    row-gap: 65px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-65 {
    row-gap: 65px;
  }
}
.row-gap-70 {
  row-gap: 70px;
}

@media (min-width: 576px) {
  .row-gap-sm-70 {
    row-gap: 70px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-70 {
    row-gap: 70px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-70 {
    row-gap: 70px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-70 {
    row-gap: 70px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-70 {
    row-gap: 70px;
  }
}
.row-gap-75 {
  row-gap: 75px;
}

@media (min-width: 576px) {
  .row-gap-sm-75 {
    row-gap: 75px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-75 {
    row-gap: 75px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-75 {
    row-gap: 75px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-75 {
    row-gap: 75px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-75 {
    row-gap: 75px;
  }
}
.row-gap-80 {
  row-gap: 80px;
}

@media (min-width: 576px) {
  .row-gap-sm-80 {
    row-gap: 80px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-80 {
    row-gap: 80px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-80 {
    row-gap: 80px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-80 {
    row-gap: 80px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-80 {
    row-gap: 80px;
  }
}
.row-gap-85 {
  row-gap: 85px;
}

@media (min-width: 576px) {
  .row-gap-sm-85 {
    row-gap: 85px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-85 {
    row-gap: 85px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-85 {
    row-gap: 85px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-85 {
    row-gap: 85px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-85 {
    row-gap: 85px;
  }
}
.row-gap-90 {
  row-gap: 90px;
}

@media (min-width: 576px) {
  .row-gap-sm-90 {
    row-gap: 90px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-90 {
    row-gap: 90px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-90 {
    row-gap: 90px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-90 {
    row-gap: 90px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-90 {
    row-gap: 90px;
  }
}
.row-gap-95 {
  row-gap: 95px;
}

@media (min-width: 576px) {
  .row-gap-sm-95 {
    row-gap: 95px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-95 {
    row-gap: 95px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-95 {
    row-gap: 95px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-95 {
    row-gap: 95px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-95 {
    row-gap: 95px;
  }
}
.row-gap-100 {
  row-gap: 100px;
}

@media (min-width: 576px) {
  .row-gap-sm-100 {
    row-gap: 100px;
  }
}
@media (min-width: 768px) {
  .row-gap-md-100 {
    row-gap: 100px;
  }
}
@media (min-width: 1024px) {
  .row-gap-lg-100 {
    row-gap: 100px;
  }
}
@media (min-width: 1200px) {
  .row-gap-xl-100 {
    row-gap: 100px;
  }
}
@media (min-width: 1400px) {
  .row-gap-xxl-100 {
    row-gap: 100px;
  }
}
.column-gap-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}

@media (min-width: 576px) {
  .column-gap-sm-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
.column-gap-5 {
  -moz-column-gap: 5px;
       column-gap: 5px;
}

@media (min-width: 576px) {
  .column-gap-sm-5 {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-5 {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-5 {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-5 {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-5 {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
.column-gap-10 {
  -moz-column-gap: 10px;
       column-gap: 10px;
}

@media (min-width: 576px) {
  .column-gap-sm-10 {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-10 {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-10 {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-10 {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-10 {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.column-gap-15 {
  -moz-column-gap: 15px;
       column-gap: 15px;
}

@media (min-width: 576px) {
  .column-gap-sm-15 {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-15 {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-15 {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-15 {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-15 {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.column-gap-20 {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media (min-width: 576px) {
  .column-gap-sm-20 {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-20 {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-20 {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-20 {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-20 {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.column-gap-25 {
  -moz-column-gap: 25px;
       column-gap: 25px;
}

@media (min-width: 576px) {
  .column-gap-sm-25 {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-25 {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-25 {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-25 {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-25 {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
.column-gap-30 {
  -moz-column-gap: 30px;
       column-gap: 30px;
}

@media (min-width: 576px) {
  .column-gap-sm-30 {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-30 {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-30 {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-30 {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-30 {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.column-gap-35 {
  -moz-column-gap: 35px;
       column-gap: 35px;
}

@media (min-width: 576px) {
  .column-gap-sm-35 {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-35 {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-35 {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-35 {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-35 {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
.column-gap-40 {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

@media (min-width: 576px) {
  .column-gap-sm-40 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-40 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-40 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-40 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-40 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.column-gap-45 {
  -moz-column-gap: 45px;
       column-gap: 45px;
}

@media (min-width: 576px) {
  .column-gap-sm-45 {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-45 {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-45 {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-45 {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-45 {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
.column-gap-50 {
  -moz-column-gap: 50px;
       column-gap: 50px;
}

@media (min-width: 576px) {
  .column-gap-sm-50 {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-50 {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-50 {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-50 {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-50 {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
.column-gap-55 {
  -moz-column-gap: 55px;
       column-gap: 55px;
}

@media (min-width: 576px) {
  .column-gap-sm-55 {
    -moz-column-gap: 55px;
         column-gap: 55px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-55 {
    -moz-column-gap: 55px;
         column-gap: 55px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-55 {
    -moz-column-gap: 55px;
         column-gap: 55px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-55 {
    -moz-column-gap: 55px;
         column-gap: 55px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-55 {
    -moz-column-gap: 55px;
         column-gap: 55px;
  }
}
.column-gap-60 {
  -moz-column-gap: 60px;
       column-gap: 60px;
}

@media (min-width: 576px) {
  .column-gap-sm-60 {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-60 {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-60 {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-60 {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-60 {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
.column-gap-65 {
  -moz-column-gap: 65px;
       column-gap: 65px;
}

@media (min-width: 576px) {
  .column-gap-sm-65 {
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-65 {
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-65 {
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-65 {
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-65 {
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
}
.column-gap-70 {
  -moz-column-gap: 70px;
       column-gap: 70px;
}

@media (min-width: 576px) {
  .column-gap-sm-70 {
    -moz-column-gap: 70px;
         column-gap: 70px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-70 {
    -moz-column-gap: 70px;
         column-gap: 70px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-70 {
    -moz-column-gap: 70px;
         column-gap: 70px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-70 {
    -moz-column-gap: 70px;
         column-gap: 70px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-70 {
    -moz-column-gap: 70px;
         column-gap: 70px;
  }
}
.column-gap-75 {
  -moz-column-gap: 75px;
       column-gap: 75px;
}

@media (min-width: 576px) {
  .column-gap-sm-75 {
    -moz-column-gap: 75px;
         column-gap: 75px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-75 {
    -moz-column-gap: 75px;
         column-gap: 75px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-75 {
    -moz-column-gap: 75px;
         column-gap: 75px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-75 {
    -moz-column-gap: 75px;
         column-gap: 75px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-75 {
    -moz-column-gap: 75px;
         column-gap: 75px;
  }
}
.column-gap-80 {
  -moz-column-gap: 80px;
       column-gap: 80px;
}

@media (min-width: 576px) {
  .column-gap-sm-80 {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-80 {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-80 {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-80 {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-80 {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
.column-gap-85 {
  -moz-column-gap: 85px;
       column-gap: 85px;
}

@media (min-width: 576px) {
  .column-gap-sm-85 {
    -moz-column-gap: 85px;
         column-gap: 85px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-85 {
    -moz-column-gap: 85px;
         column-gap: 85px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-85 {
    -moz-column-gap: 85px;
         column-gap: 85px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-85 {
    -moz-column-gap: 85px;
         column-gap: 85px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-85 {
    -moz-column-gap: 85px;
         column-gap: 85px;
  }
}
.column-gap-90 {
  -moz-column-gap: 90px;
       column-gap: 90px;
}

@media (min-width: 576px) {
  .column-gap-sm-90 {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-90 {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-90 {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-90 {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-90 {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
.column-gap-95 {
  -moz-column-gap: 95px;
       column-gap: 95px;
}

@media (min-width: 576px) {
  .column-gap-sm-95 {
    -moz-column-gap: 95px;
         column-gap: 95px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-95 {
    -moz-column-gap: 95px;
         column-gap: 95px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-95 {
    -moz-column-gap: 95px;
         column-gap: 95px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-95 {
    -moz-column-gap: 95px;
         column-gap: 95px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-95 {
    -moz-column-gap: 95px;
         column-gap: 95px;
  }
}
.column-gap-100 {
  -moz-column-gap: 100px;
       column-gap: 100px;
}

@media (min-width: 576px) {
  .column-gap-sm-100 {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (min-width: 768px) {
  .column-gap-md-100 {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (min-width: 1024px) {
  .column-gap-lg-100 {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (min-width: 1200px) {
  .column-gap-xl-100 {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (min-width: 1400px) {
  .column-gap-xxl-100 {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* _typography.scss */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 16px;
}

body {
  font-size: 16px;
  color: #13222B;
  font-family: "Sohne Regular", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Sohne Bold", sans-serif;
  line-height: 1.2;
  font-weight: 700;
  position: relative;
  margin-top: 0;
  word-wrap: break-word;
}

h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child {
  margin-top: 0px;
}
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child {
  margin-bottom: 0px;
}

h1,
.h1 {
  font-size: clamp(2.5rem, 2rem + 1.8vw, 3.75rem);
  line-height: clamp(3.75rem, 3.4rem + 1.6vw, 4.875rem);
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
}

h2,
.h2 {
  font-size: 32px;
  line-height: 1.25;
  margin: 0 0 0.6em 0;
  text-transform: uppercase;
  font-family: "Sohne Light", sans-serif;
  font-weight: 300;
}
@media (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 48px;
    line-height: 1.3335;
  }
}

h3,
.h3 {
  font-size: 28px;
  line-height: 1.429;
  margin: 0 0 0.75em 0;
  font-family: "Sohne Light", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 40px;
    line-height: 1.5;
  }
}

h4,
.h4 {
  font-size: 18px;
  line-height: 1.429;
  margin: 0px;
}
@media (min-width: 1024px) {
  h4,
  .h4 {
    font-size: 24px;
    line-height: 1.5;
  }
}

h5,
.h5 {
  font-size: 1.12rem;
  margin: 0 0 1.12em 0;
}

h6,
.h6 {
  font-size: 1rem;
  margin: 0 0 1.25em 0;
}

.font-head {
  font-family: "Sohne Bold", sans-serif;
}

.font-body {
  font-family: "Sohne Light", sans-serif;
}

.font-regular {
  font-family: "Sohne Regular", sans-serif;
}

.font-xlight {
  font-weight: 100;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-exbold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

a {
  text-decoration: none;
  color: rgb(213, 0, 50);
  display: inline-block;
  position: relative;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  font-family: "Sohne Bold", sans-serif;
}
a.alt-link {
  color: #445965;
  font-weight: bold;
}
a.has-caret {
  padding-right: 16px;
}
a.has-caret:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' width='8' height='16' fill='%23002975'%3E%3Cpath d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z'/%3E%3C/svg%3E");
  height: 16px;
  width: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: calc(50% - 7px);
  right: 0px;
}

p, .grayhill-mission .mission-content ul {
  margin: 0 0 1rem 0;
  display: block;
  font-size: 16px;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  p, .grayhill-mission .mission-content ul {
    font-size: 20px;
  }
}
p:last-child, .grayhill-mission .mission-content ul:last-child {
  margin-bottom: 0px;
}
p a:hover, .grayhill-mission .mission-content ul a:hover, p a:focus, .grayhill-mission .mission-content ul a:focus {
  opacity: 0.7;
}

span {
  display: inline-block;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-light {
  color: rgba(255, 255, 255, 0.85);
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
  color: #fff;
}
.text-light a {
  color: #fff;
  font-weight: bold;
}

.text-dark {
  color: #13222B;
}

ul li {
  margin-top: 0.25em;
}
ul ul, ul ol {
  margin: 0;
}

ol li {
  margin-top: 1em;
}

ul,
ol {
  margin: 1.25em 0;
}
ul.no-bullets,
ol.no-bullets {
  list-style-type: none;
  padding-left: 0px;
}
ul.no-bullets ul,
ol.no-bullets ul {
  list-style-type: disc;
}
ul.split,
ol.split {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
ul.split li,
ol.split li {
  margin: 0;
}
ul.split.no-bullets,
ol.split.no-bullets {
  gap: 20px;
}
@media screen and (min-width: 1024px) {
  ul.split,
  ol.split {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* _global.scss */
* {
  box-sizing: border-box;
}

.slim-content {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.skip-link.sr-only:focus {
  background-color: #eee;
  clip: auto;
  color: #000;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 1em 2em;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.hidden {
  visibility: hidden;
}

.hidden, .d-none {
  display: none;
}

html {
  background: #fff;
  scroll-behavior: smooth;
  --scroll-behavior: smooth;
  text-underline-offset: 3px;
}

body {
  background: #fff;
}

section {
  padding: 60px 0px;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  max-width: 100%;
}

figcaption {
  text-align: center;
  font-size: 14px;
  color: #777;
  padding: 5px 0;
}

.bg-gray {
  background-color: #EFEFEF;
}

.bg-white {
  background-color: #fff;
}

/* WordPress Alignment Classes */
.alignleft {
  display: block;
  float: none;
  margin: 20px auto;
}

.alignright {
  display: block;
  float: none;
  margin: 20px auto;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 768px) {
  .alignleft {
    display: inline;
    float: left;
    margin: 20px 20px 20px 0;
  }
  .alignright {
    display: inline;
    float: right;
    margin: 20px 0 20px 20px;
  }
}
.center {
  text-align: center;
}

.youtube {
  background-color: #fff;
  margin-bottom: 15px;
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0px;
}
.youtube img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
  cursor: pointer;
  filter: grayscale(0.1) brightness(0.6);
}
.youtube iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.youtube .play-button {
  width: 75px;
  height: 75px;
  background-color: #000;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0.9;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: calc(50% + 4px);
  transform: translate3d(-50%, -50%, 0);
}

.sectionLink {
  color: rgb(213, 0, 50);
  stroke: rgb(213, 0, 50);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.sectionLink:hover {
  opacity: 0.8;
  text-decoration: none;
}
.sectionLink .arrow-right {
  display: block;
}
.sectionLink .arrow-right svg {
  display: block;
}

.bg-cover {
  position: relative;
  height: 100%;
}
.bg-cover img {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  color: transparent;
}

/* 
	This file is a HEAVILY stripped down version of the Bootstrap 5 grid. 
	Removes all utility classes (margin, padding, display, etc) and anything with !important tags. 
*/
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  max-width: 1440px;
  padding-right: max(var(--bs-gutter-x) * 0.5, 20px);
  padding-left: max(var(--bs-gutter-x) * 0.5, 20px);
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  max-width: 100%;
  padding-right: max(var(--bs-gutter-x) * 0.5, 20px);
  padding-left: max(var(--bs-gutter-x) * 0.5, 20px);
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row-gutter-lg-32 {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  margin-bottom: var(--bs-gutter-y);
}

.row-gap-32 {
  grid-row-gap: 32px;
}

.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@keyframes claVa-D {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* _lazyloader.scss */
.lazy-background {
  background-color: #6F838E;
  background-image: linear-gradient(45deg, #A3B4BE, #EFEFEF);
  background-size: 200% 200%;
  animation: gradientAnimation 2s infinite;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
section[role=tabpanel] {
  padding: 20px 0px;
}

ul[role=tablist] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
  padding: 3px 0 0 0;
  margin: 0;
  list-style-type: none;
  background: #EFEFEF;
}
ul[role=tablist] li {
  margin: 0;
  flex-basis: auto;
  flex-shrink: 0;
}
ul[role=tablist] li button[role=tab], ul[role=tablist] li a[role=tab] {
  text-transform: uppercase;
  border-bottom: 3px solid #EFEFEF;
  padding: 8px;
  font-weight: bolder;
  font-family: "Sohne Bold", sans-serif;
  background: transparent;
  cursor: pointer;
  color: #13222B;
  font-size: 14px;
}
ul[role=tablist] li button[role=tab][aria-selected=true], ul[role=tablist] li a[role=tab][aria-selected=true] {
  background: #ffffff;
  border-bottom-color: #002975;
}
ul[role=tablist] li button[role=tab]:focus-visible, ul[role=tablist] li a[role=tab]:focus-visible {
  outline: 2px solid #002975;
}

.tabpanel-container .tabpanel:not(:target):not(.visible) {
  display: none;
}

/* _buttons.scss */
button {
  border: none;
  overflow: hidden;
  cursor: pointer;
}

.reset, #main-navigation ul .sub-menu-trigger {
  background: none;
  border: none;
  color: inherit;
}

.btn, input[type=submit].gform_button, .button {
  padding: 0.5rem 1.5rem;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: none;
  border: 1px solid transparent;
  overflow: hidden;
  transition: all 0.15s ease-out;
  border-radius: 0;
  cursor: pointer;
}
.btn:hover, input[type=submit].gform_button:hover, .button:hover, .btn:focus, input[type=submit].gform_button:focus, .button:focus {
  color: #000;
  background: #d6d6d6;
}

.btn.primary, input[type=submit].gform_button, .button.primary {
  color: #fff;
  background-color: rgb(213, 0, 50);
  border-color: rgb(213, 0, 50);
}
.btn.primary:hover, input[type=submit].gform_button:hover, .btn.primary:focus, input[type=submit].gform_button:focus, .button.primary:hover, .button.primary:focus {
  background-color: rgb(204, 67, 94);
}
.btn.secondary, input.secondary[type=submit].gform_button, .button.secondary {
  color: #000;
  background: #EFEFEF;
}
.btn.secondary:hover, input.secondary[type=submit].gform_button:hover, .btn.secondary:focus, input.secondary[type=submit].gform_button:focus, .button.secondary:hover, .button.secondary:focus {
  background: #d6d6d6;
}
.btn.ghost, input.ghost[type=submit].gform_button, .button.ghost {
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.btn.ghost:hover, input.ghost[type=submit].gform_button:hover, .btn.ghost:focus, input.ghost[type=submit].gform_button:focus, .button.ghost:hover, .button.ghost:focus {
  background: #000;
  color: #fff;
}
.btn.ghost.white, input.ghost.white[type=submit].gform_button, .button.ghost.white {
  border-color: #fff;
  color: #fff;
}
.btn.ghost.white:hover, input.ghost.white[type=submit].gform_button:hover, .btn.ghost.white:focus, input.ghost.white[type=submit].gform_button:focus, .button.ghost.white:hover, .button.ghost.white:focus {
  background: #fff;
  color: #000;
}
.btn.ghost.clear, input.ghost.clear[type=submit].gform_button, .button.ghost.clear {
  border-color: transparent;
  color: #000;
}
.btn.ghost.clear:hover, input.ghost.clear[type=submit].gform_button:hover, .btn.ghost.clear:focus, input.ghost.clear[type=submit].gform_button:focus, .button.ghost.clear:hover, .button.ghost.clear:focus {
  color: black;
}
.btn.white-outline, input.white-outline[type=submit].gform_button, .button.white-outline {
  border-color: #fff;
  color: #fff;
}
.btn.white-outline:hover, input.white-outline[type=submit].gform_button:hover, .btn.white-outline:focus, input.white-outline[type=submit].gform_button:focus, .button.white-outline:hover, .button.white-outline:focus {
  background-color: #fff;
  color: #000;
}
.btn.primary-outline, input.primary-outline[type=submit].gform_button, .button.primary-outline {
  border-color: rgb(213, 0, 50);
  color: rgb(213, 0, 50);
}
.btn.primary-outline:hover, input.primary-outline[type=submit].gform_button:hover, .btn.primary-outline:focus, input.primary-outline[type=submit].gform_button:focus, .button.primary-outline:hover, .button.primary-outline:focus {
  background-color: rgb(213, 0, 50);
  color: #fff;
}

button, .btn:hover, input[type=submit].gform_button:hover {
  text-decoration: none;
}

input[type=submit].gform_button {
  padding: 12px 24px 12px 24px;
}

/* _forms.scss */
form {
  display: block;
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=search],
textarea {
  width: 100%;
  padding: 8px 16px;
  border: 1px solid #6F838E;
  transition: outline-color 0.15s ease-out;
  font-size: 16px;
  border-radius: 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=search]:focus,
textarea:focus {
  border-color: #000;
}
input[type=text]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=search]::-moz-placeholder, textarea::-moz-placeholder {
  color: #6F838E;
}
input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder,
textarea::placeholder {
  color: #6F838E;
}

#site-search-form {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
#site-search-form input[type=search] {
  padding: 8px 32px 8px 16px;
  outline: none;
}
#site-search-form button.icon-as-submit {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 8px;
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  #site-search-form input[type=search] {
    background: #EFEFEF;
  }
}

form#mobile-search-form input[type=text] {
  padding: 8px 25px 8px 8px;
  position: relative;
}
form#mobile-search-form div#mobile-input-search-wrapper {
  display: block;
  position: relative;
}
form#mobile-search-form button[type=submit] {
  position: absolute;
  top: 0px;
  right: 3px;
  line-height: 38px;
  background: transparent;
  font-size: 20px;
  color: #000;
}

.hero-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 720px;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.hero-banner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
.hero-banner .bannerOverlay {
  position: relative;
  z-index: 1;
  max-width: 50%;
  row-gap: 12px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .hero-banner .bannerOverlay {
    max-width: 100%;
    padding-inline: 20px;
  }
}
.hero-banner h1, .hero-banner h2 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-family: "Sohne Light", sans-serif;
  text-transform: uppercase;
}
.hero-banner h2 {
  font-size: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
  line-height: clamp(2.45rem, 2rem + 1.85vw, 3.75rem);
}
.hero-banner .container {
  padding: 0px;
}
.hero-banner .banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.hero-banner .cta-block {
  padding-top: 20px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 20px;
}
.hero-banner .cta-block .btn.ghost, .hero-banner .cta-block input.ghost[type=submit].gform_button {
  color: #fff;
  border-color: #fff;
}
.hero-banner .banner-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
  z-index: 1;
}
.hero-banner .banner-bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.striped-bg {
  background: url("../images/background-stripe-pattern.webp"), #002975;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.page-title-banner {
  margin: 0;
  padding: 60px 0px;
  background: url("../images/background-stripe-pattern.webp"), #002975;
  background-size: cover;
  background-position: center top;
  background-blend-mode: multiply;
  color: #fff;
}
.page-title-banner h1 {
  color: #fff;
  margin: 0;
  padding: 0;
}
.page-title-banner h1::after {
  background: #8895BE;
}
.page-title-banner.custom-bg-image {
  background-color: #fff;
}
.page-title-banner.custom-bg-image h1 {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 30px;
  color: #fff;
  border-radius: 12px;
  background-color: #002975;
  background: linear-gradient(180deg, #516194 0%, #002975 100%);
}
.page-title-banner.custom-bg-image h1::after {
  bottom: 20px;
  left: 30px;
}

table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
table thead {
  text-transform: uppercase;
  text-align: left;
}
table td, table th {
  padding: 4px 8px;
  border: 1px solid #A3B4BE;
}

.responsive-table-wrap {
  display: block;
  width: 100%;
  overflow-x: auto;
}

.blog-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
  transition: transform 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.blog-card .blog-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 18px;
  justify-content: space-between;
}
.blog-card .blog-card-body p, .blog-card .blog-card-body .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .blog-card .blog-card-body ul {
  font-size: 18px;
  line-height: 1.335;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
}
.blog-card .blog-card-body p a, .blog-card .blog-card-body .grayhill-mission .mission-content ul a, .grayhill-mission .mission-content .blog-card .blog-card-body ul a {
  color: #000;
  text-decoration: none;
}

.dna-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dna-card .dna-card-icon img {
  width: 120px;
}
.dna-card .dna-card-body p, .dna-card .dna-card-body .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .dna-card .dna-card-body ul {
  margin-bottom: 0;
}
.dna-card .dna-card-body p a, .dna-card .dna-card-body .grayhill-mission .mission-content ul a, .grayhill-mission .mission-content .dna-card .dna-card-body ul a {
  color: #000;
  text-decoration: none;
}

.team-card {
  background-color: #fff;
  transition: all 0.3s ease;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 16px;
  flex: 0 0 100%;
  max-width: 150px;
}
@media (min-width: 640px) {
  .team-card {
    max-width: 240px;
  }
}
.team-card .photo-container {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.team-card .photo-container .team-photo {
  min-width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  margin: 0;
}
@media (min-width: 640px) {
  .team-card .photo-container .team-photo {
    height: 300px;
  }
}
.team-card .photo-container .photo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(41, 143, 194, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.team-card .photo-container .linkedin-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.team-card .member-info {
  padding: 0 0px;
  text-align: left;
}
.team-card .member-info .member-name {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 0px;
  font-family: "Sohne Bold", sans-serif;
}
@media (min-width: 1024px) {
  .team-card .member-info .member-name {
    font-size: 20px;
    line-height: 1.6;
  }
}
.team-card .member-info .member-designation {
  font-size: 14px;
  line-height: 1.715;
}
@media (min-width: 1024px) {
  .team-card .member-info .member-designation {
    font-size: 16px;
    line-height: 1.75;
  }
}
.team-card:hover .photo-overlay {
  opacity: 1;
}

.blaze-slider {
  --slides-to-show: 1;
  --slide-gap: 10px;
  direction: ltr;
}

.blaze-container {
  position: relative;
}

.blaze-track-container {
  overflow: hidden;
}

.blaze-track {
  will-change: transform;
  touch-action: pan-y;
  display: flex;
  gap: var(--slide-gap);
  --slide-width: calc(
    (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) /
      var(--slides-to-show)
  );
  box-sizing: border-box;
}

.blaze-track > * {
  box-sizing: border-box;
  width: var(--slide-width);
  flex-shrink: 0;
}

.blaze-slider.dragging .blaze-track {
  cursor: grabbing;
}

.blaze-track > * {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 300ms ease;
}

.blaze-track .pc-slide {
  width: 100%;
}

.blaze-track .pc-slide-img {
  width: 66.67%;
}

.blaze-track .pc-slide-content {
  width: 33.33%;
}

.blaze-slider-control {
  bottom: 20px;
  left: 50%;
  display: flex;
  justify-content: space-between;
  position: absolute;
}

.blaze-slider-control button {
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  background-color: #000;
  border: 1px solid #f4f4f4;
  color: white;
  font-size: 1rem;
}

.blaze-prev {
  margin-right: 0.5rem;
}

.blaze-slider.start .blaze-prev,
.blaze-slider.end .blaze-next {
  opacity: 0.5;
  cursor: not-allowed;
}

@media only screen and (max-width: 820px) {
  .pc-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
    align-items: normal;
  }
  .blaze-track .pc-slide-img,
  .blaze-track .pc-slide-content {
    width: 100%;
  }
  .blaze-slider-control {
    bottom: auto;
    right: 5px;
    left: 5px;
    top: 50%;
  }
  .blaze-prev {
    margin-right: 0;
  }
}
/* _navigation.scss */
nav ul {
  list-style-type: none;
  padding: 0;
  line-height: 1;
}

#main-navigation {
  width: 100%;
}
#main-navigation ul:first-child > li {
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  #main-navigation ul:first-child > li::after {
    content: "";
    background: url("/wp-content/themes/grayhill/assets/images/menu-right-arrow.svg") no-repeat center/cover;
    width: 24px;
    height: 24px;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
}
#main-navigation ul:first-child > li:is(.where-buy):after {
  display: none;
}
#main-navigation ul:first-child > li > a, #main-navigation ul:first-child > li > .sub-menu-trigger {
  font-family: "Sohne Light", sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}
@media (min-width: 1200px) {
  #main-navigation ul:first-child > li > a, #main-navigation ul:first-child > li > .sub-menu-trigger {
    color: #445965;
    font-size: 0.8rem;
  }
}
@media (min-width: 1200px) {
  #main-navigation ul:first-child > li > a:hover, #main-navigation ul:first-child > li > a:focus, #main-navigation ul:first-child > li > .sub-menu-trigger:hover, #main-navigation ul:first-child > li > .sub-menu-trigger:focus {
    color: #000;
    font-weight: normal;
  }
}
#main-navigation ul:first-child > li > a::after, #main-navigation ul:first-child > li > .sub-menu-trigger::after {
  content: "";
  background: url("/wp-content/themes/grayhill/assets/images/nav-arrow.png") no-repeat center/contain;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0.2rem;
}
@media (max-width: 1199px) {
  #main-navigation ul:first-child > li > a::after, #main-navigation ul:first-child > li > .sub-menu-trigger::after {
    display: none;
  }
}
#main-navigation ul:first-child > li > .sub-menu-trigger {
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  #main-navigation ul:first-child > li.on > a::after, #main-navigation ul:first-child > li.on > .sub-menu-trigger::after {
    transform: rotate(180deg);
  }
}
#main-navigation ul:first-child > li.where-buy > a::after, #main-navigation ul:first-child > li.where-buy > .sub-menu-trigger::after, #main-navigation ul:first-child > li.search > a::after, #main-navigation ul:first-child > li.search > .sub-menu-trigger::after {
  content: unset;
}
#main-navigation ul:first-child > li.search {
  min-width: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 fill=%22none%22 class=%22sc-9122537b-10 dhLzrv%22%3E%3Cpath stroke=%22%23878687%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.6%22 d=%22M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z%22%3E%3C/path%3E%3Cpath stroke=%22%23878687%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.6%22 d=%22M11 15a4 4 0 0 1-4-4M21 21l-4.35-4.35%22%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
  background-size: 1.4rem;
  cursor: pointer;
  height: 20px;
}
#main-navigation ul:first-child > li.search > a {
  color: transparent;
}
#main-navigation ul {
  display: flex;
  list-style-type: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px;
}
@media (max-width: 1199px) {
  #main-navigation ul {
    margin-top: 106px;
    margin-bottom: 0;
    width: 100%;
    gap: 36px;
    max-height: 350px;
    overflow: auto;
    padding: 30px 20px 0 20px;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
#main-navigation ul .sub-menu-trigger {
  width: 100%;
  text-align: left;
}
#main-navigation ul a, #main-navigation ul .sub-menu-trigger {
  color: #13222B;
  margin: 8px 0px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Sohne Light", sans-serif;
}
@media (max-width: 1199px) {
  #main-navigation ul a {
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
  }
}
#main-navigation ul .sub-menu-trigger {
  padding: 8px 16px 8px 0px;
  position: relative;
  text-underline-offset: 5px;
}
#main-navigation ul .sub-menu-trigger:hover, #main-navigation ul .sub-menu-trigger:focus {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
#main-navigation ul .sub-menu {
  display: none;
  padding-left: 20px;
}
#main-navigation ul .sub-menu.visible {
  display: block;
}
#main-navigation ul .sub-menu li {
  position: unset;
}
#main-navigation ul li {
  flex-basis: 100%;
  margin: 0;
  text-transform: capitalize;
  position: relative;
}
#main-navigation ul li.menu-item-has-children .sub-menu-trigger {
  font-weight: bold;
}
#main-navigation ul li.menu-item-has-children .sub-menu-trigger::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23233540"><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0px;
  top: 8px;
  transition: transform 0.12s linear;
  transform-origin: center;
}
#main-navigation ul li.menu-item-has-children.child-sub-menu-is-visible > .sub-menu-trigger {
  color: #002975;
}
#main-navigation ul li.menu-item-has-children.child-sub-menu-is-visible > .sub-menu-trigger::after {
  transform: rotateX(180deg);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23002975"><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
}
@media (min-width: 1200px) {
  #main-navigation {
    order: 2;
    overflow-y: visible;
    height: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  #main-navigation ul:first-child {
    gap: 8px;
  }
  #main-navigation ul:first-child > li {
    flex-basis: fit-content;
    margin: 0;
    overflow: visible;
  }
  #main-navigation ul:first-child > li:not(:first-child) {
    border-top: none;
  }
  #main-navigation ul:first-child > li > .sub-menu {
    position: absolute;
    top: calc(100% + 14px);
    left: -15px;
    width: 280px;
    border: 1px solid #D0D7DB;
    padding: 15px;
  }
  #main-navigation ul {
    margin: 0;
  }
  #main-navigation ul li {
    overflow: visible;
  }
  #main-navigation ul li.menu-item-has-children::after {
    top: 8px;
  }
  #main-navigation ul .sub-menu {
    background: #fff;
    z-index: 1200;
  }
  #main-navigation ul .sub-menu a, #main-navigation ul .sub-menu .sub-menu-trigger {
    margin: 4px 0px;
  }
  #main-navigation ul .sub-menu li.menu-item-has-children::after {
    top: 12px;
  }
  #main-navigation ul a, #main-navigation ul .sub-menu-trigger {
    margin: 0px;
  }
  #main-navigation li.machinery-mega li.menu-item-has-children .sub-menu-trigger::after {
    rotate: -90deg;
  }
  #main-navigation li.machinery-mega > ul.sub-menu {
    background-color: #EFEFEF;
  }
  #main-navigation li.machinery-mega li ul.sub-menu {
    position: absolute;
    left: 100%;
    top: 0px;
    background: #ffffff;
    border: 1px solid #D0D7DB;
    border-top: none;
    width: 225px;
    padding: 15px;
  }
}
@media (min-width: 1400px) {
  #main-navigation ul:first-child {
    gap: 14px;
  }
}
@media (max-width: 1199px) {
  #main-navigation {
    position: relative;
  }
  #main-navigation:before, #main-navigation:after {
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: rgb(87, 86, 86);
    display: block;
  }
  #main-navigation:before {
    position: absolute;
    top: 106px;
    left: -20px;
  }
  #main-navigation:after {
    margin-top: 20px;
    margin-left: -20px;
  }
}

/* Breadcrumbs */
.breadcrumbs {
  background-color: #EFEFEF;
  padding: 10px 0px;
  font-weight: bold;
  color: #6F838E;
  display: none;
  font-size: 14px;
}
.breadcrumbs .breadcrumb-divider {
  display: inline-block;
  width: 14px;
  height: 10px;
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="10" width="10" viewBox="0 0 256 512" fill="%236F838E"%3E%3Cpath d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/%3E%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px 4px;
}
@media (min-width: 768px) {
  .breadcrumbs {
    display: block;
  }
}

@media (max-width: 1199px) {
  li.products.menu-item {
    order: -1;
  }
  li.search {
    display: none;
  }
}
/* _header.scss */
header {
  position: sticky;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 80px;
  padding: 20px 0px;
  z-index: 1111;
  background-color: #fff;
}
header.sticky {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.8);
}
header .container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  header .container {
    justify-content: center;
  }
}
header .expandable-menu {
  display: none;
}
header .expandable-menu.active {
  width: 100%;
  min-height: auto;
  background: #000;
  color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  header .expandable-menu.active {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
header .expandable-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
header .expandable-menu ul h5 {
  margin-bottom: 4px;
}
header .expandable-menu ul li {
  margin: 0;
  display: flex;
  align-items: center;
}
header .expandable-menu ul h5,
header .expandable-menu ul li {
  font-size: 0.9rem;
}
header .expandable-menu ul h5 a,
header .expandable-menu ul li a {
  color: #fff;
  text-decoration: none;
  line-height: normal;
}
header .expandable-menu ul h5 a:hover,
header .expandable-menu ul li a:hover {
  opacity: 0.7;
}
header .expandable-menu ul h5 span a,
header .expandable-menu ul li span a {
  text-transform: uppercase;
  color: rgb(213, 0, 50);
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 160%;
  margin-left: 6px;
  font-weight: 600;
}
header .expandable-menu ul h5 span a:hover,
header .expandable-menu ul li span a:hover {
  opacity: 0.8;
}
header .expandable-menu ul h5 {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #A3B4BE;
  color: rgb(198, 198, 198);
}
header .expandable-menu ul li + h5 {
  margin-top: 20px;
}
header .expandable-menu .menu-icon-list {
  min-width: 1200px;
  position: relative;
  display: flex;
  flex-flow: wrap;
  row-gap: 36px;
  -moz-column-gap: 0;
       column-gap: 0;
  max-width: 40%;
  padding: 30px 0px;
  margin: 0;
}
header .expandable-menu .menu-icon-list li {
  color: #fff;
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  width: 100%;
  font-size: 16px;
}
@media (min-width: 1200px) {
  header .expandable-menu .menu-icon-list li {
    width: 30%;
  }
}
header .expandable-menu .menu-icon-list li svg, header .expandable-menu .menu-icon-list li img {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
header .expandable-menu span.all-products {
  margin-top: 2rem;
  margin-top: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  header .expandable-menu span.all-products {
    display: none;
  }
}
header .expandable-menu span.all-products a {
  color: rgb(213, 0, 50);
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
header .expandable-menu span.all-products a svg path {
  color: rgb(213, 0, 50);
  stroke: rgb(213, 0, 50);
}
header .expandable-menu span.all-products a:hover {
  text-decoration: none;
  opacity: 0.8;
}
header .expandable-menu span.all-products a:hover svg {
  stroke: #a20026;
}
header .expandable-menu span.all-products a svg {
  stroke: rgb(213, 0, 50);
  vertical-align: middle;
}
@media (min-width: 1200px) {
  header {
    overflow-y: visible;
    overflow-x: clip;
  }
}
header .icon-close {
  position: absolute;
  top: 36px;
  right: 10px;
  color: #fff;
  cursor: pointer;
  display: none;
}
header .icon-close :hover {
  color: #A3B4BE;
  stroke: #A3B4BE;
}

body:has(.expandable-menu.active) header .icon-close {
  display: block;
}

body:has(#header-nav-wrap.active) #header-brand-logo svg {
  color: #fff;
}
body:has(#header-nav-wrap.active) #header-brand-logo svg path {
  fill: currentColor;
}

#header-brand-logo {
  height: 42px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  align-self: center;
  grid-row: 1/1;
  grid-column: 1/1;
  z-index: 101;
  margin-right: 20px;
}
#header-brand-logo:hover {
  text-decoration: none;
}
#header-brand-logo svg,
#header-brand-logo img {
  height: 100%;
  max-width: 11rem;
  display: block;
}
@media (max-width: 1199px) {
  #header-brand-logo {
    width: 156px;
    grid-row: 1/3;
    grid-column: 1/1;
  }
}
@media (min-width: 1400px) {
  #header-brand-logo {
    margin-right: 60px;
  }
}

#header-nav-wrap {
  padding: 60px 15px 15px 15px;
  background: #EFEFEF;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: -10px;
  right: 0px;
  width: 100%;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.14s ease-out;
  align-items: center;
}
@media (max-width: 1199px) {
  #header-nav-wrap {
    flex-flow: column;
    align-items: flex-start;
    padding: 85px 20px 15px 20px;
    top: -20px;
  }
  #header-nav-wrap.active {
    background: #000;
  }
}
#header-nav-wrap .btn, #header-nav-wrap input[type=submit].gform_button {
  transition: opacity 0.14s ease-out;
}
@media (max-width: 1199px) {
  #header-nav-wrap .btn, #header-nav-wrap input[type=submit].gform_button {
    border: 1px solid #fff;
    color: #fff;
    margin-top: 20px;
  }
}
#header-nav-wrap.active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1200px) {
  #header-nav-wrap {
    background: transparent;
    position: inherit;
    width: auto;
    padding: 0;
    justify-content: flex-end;
    gap: 15px;
    top: 0px;
    opacity: 1;
    visibility: visible;
    transition: none;
  }
}
@media (max-width: 1399px) {
  #header-nav-wrap {
    gap: 20px;
  }
}
#header-nav-wrap .dropdownContainer {
  position: fixed;
  left: 0;
  width: 100%;
  top: var(--topspace, 82px);
  background-color: #000;
}
#header-nav-wrap .dropdownContainer .mega-dropdownContainer {
  display: flex;
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1199px) {
  #header-nav-wrap .dropdownContainer .mega-dropdownContainer {
    position: fixed;
    height: 400px;
    left: -100%;
    max-width: 100%;
    min-width: 100%;
  }
}
#header-nav-wrap .dropdownContainer .expandable-menu {
  margin: 0 auto;
  min-width: min(1200px, 100%);
  padding: 0;
}
@media (max-width: 1199px) {
  #header-nav-wrap .dropdownContainer .expandable-menu {
    transform: translateX(0);
    height: 366px;
    margin-top: 110px;
    max-height: initial;
    padding: 0px;
    overflow: hidden;
  }
  #header-nav-wrap .dropdownContainer .expandable-menu.active {
    transform: translateX(100%);
    display: flex;
  }
}
#header-nav-wrap .dropdownContainer .products-menu {
  max-width: 1200px;
  padding: 30px 50px;
  margin-bottom: 40px;
  flex-flow: column wrap;
  justify-content: flex-start;
  row-gap: 36px;
  max-height: 498px;
}
@media (max-width: 1199px) {
  #header-nav-wrap .dropdownContainer .products-menu {
    order: -1;
    padding: 0px 0px;
    max-height: initial;
  }
  #header-nav-wrap .dropdownContainer .products-menu ul:not(.show) {
    display: none;
  }
}
@media (max-width: 1199px) {
  #header-nav-wrap .dropdownContainer .products-menu ul li a {
    font-size: 16px;
    line-height: 1.5;
    font-family: "Sohne Light", sans-serif;
    text-transform: uppercase;
  }
}
#header-nav-wrap .dropdownContainer .products-menu:has(ul.show) {
  overflow: hidden;
}

button#toggle-mobile-menu {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 0px;
  background: transparent;
  z-index: 101;
  position: relative;
  top: auto;
  right: auto;
  display: flex;
}
button#toggle-mobile-menu svg.icon-open-mobile-menu {
  display: inline-block;
}
button#toggle-mobile-menu svg.icon-close-mobile-menu {
  display: none;
}
button#toggle-mobile-menu.menu-active svg.icon-open-mobile-menu {
  display: none;
}
button#toggle-mobile-menu.menu-active svg.icon-close-mobile-menu {
  display: inline-block;
}
@media (max-width: 1199px) {
  button#toggle-mobile-menu.menu-active svg.icon-close-mobile-menu {
    fill: #fff;
  }
}
@media (min-width: 1200px) {
  button#toggle-mobile-menu {
    display: none;
  }
}

.mobile-main {
  display: flex;
  flex-flow: column;
  gap: 36px;
  width: 100%;
}
@media (min-width: 1200px) {
  .mobile-main {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mobile-main {
    height: 100%;
    overflow: auto;
    padding: 30px 20px;
  }
}
.mobile-main .mobile-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: "Sohne Light", sans-serif;
}
.mobile-main .mobile-item:after {
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/grayhill/assets/images/menu-right-arrow.svg") no-repeat center/cover;
  width: 24px;
  height: 16px;
  margin-left: auto;
}

#search .is-screen-reader-text,
#search .is-search-submit {
  display: none;
}
#search form {
  min-width: 1200px;
  position: relative;
  padding: 30px 0px !important;
}
@media (max-width: 1199px) {
  #search form {
    max-width: 260px;
    min-width: auto;
  }
}
#search form label {
  position: relative;
  max-width: 920px;
  font-family: "Sohne Light", sans-serif;
  color: #fff;
  display: flex;
  align-items: center;
}
#search form label:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  background-image: url(/wp-content/themes/grayhill/assets/images/search-icon.svg);
  background-repeat: no-repeat;
  pointer-events: none;
  top: 2px;
  left: 9px;
}
#search form label svg {
  position: absolute;
  top: 2px;
  left: 8px;
}
#search form label svg path {
  stroke: #fff;
}
#search form label input {
  width: 100%;
  background-color: transparent;
  color: #fff;
  border-top: none;
  border-right: none;
  border-left: none;
  -o-border-image: initial;
     border-image: initial;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  padding: 4px 0px 10px;
  text-indent: 40px;
  outline: none;
  border-radius: 0;
  line-height: normal;
}
#search form label input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
#search form label input ::-moz-placeholder {
  /* Firefox 19+ */
  color: pink;
}
#search form label input :-ms-input-placeholder {
  /* IE 10+ */
  color: pink;
}
#search form label input :-moz-placeholder {
  /* Firefox 18- */
  color: pink;
}

@media (max-width: 1199px) {
  header .expandable-menu {
    display: none;
  }
  #header-nav-wrap .dropdownContainer #search {
    display: block;
    left: 0;
    position: absolute;
    order: -2;
    top: 0;
    transform: translateX(100%);
    padding: 0 20px;
    margin-top: 0;
    height: auto;
  }
  header .expandable-menu ul {
    position: absolute;
    max-height: initial;
    overflow-y: auto;
    width: 100%;
    background: #000;
    height: 100%;
    margin-top: 0;
    grid-gap: 36px;
    top: 0;
    left: 0px;
    padding: 20px 20px;
  }
  header .expandable-menu .menu-icon-list {
    flex-flow: column;
    padding: 30px 20px;
    gap: 10px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.backStep-btn {
  position: absolute;
  top: 115px;
  font-size: 14px;
  line-height: 20px;
  z-index: 99;
  color: #fff;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  grid-gap: 5px;
}
@media (min-width: 1200px) {
  .backStep-btn {
    display: none;
  }
}
.backStep-btn:not(.level-1, .level-2) {
  display: none;
}
.backStep-btn:before {
  content: "";
  width: 24px;
  height: 20px;
  background-image: url(/wp-content/themes/grayhill/assets/images/previous-arrow.svg);
  transform: rotate(180deg);
  transform-origin: center center;
  background-position: center;
}

.language-selector {
  order: 3;
  padding: 5px 0;
  border: 0;
  margin-left: 15px;
  background-color: transparent;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .language-selector {
    order: 0;
    margin-right: 15px;
  }
}
@media (min-width: 1200px) {
  .language-selector {
    margin-left: 15px;
    margin-right: 0;
  }
}
@media (min-width: 1400px) {
  .language-selector {
    margin-left: 20px;
  }
}
.language-selector:focus {
  outline: none;
  border: 0;
}

@media (max-width: 1199px) {
  body:has(#header-nav-wrap.active) {
    overflow: hidden;
  }
}

@media (max-width: 1199px) {
  body:has(.backStep-btn.level-1, .backStep-btn.level-2) #header-nav-wrap .dropdownContainer #search {
    display: none;
  }
}

@media (max-width: 1199px) {
  body:has(#toggle-mobile-menu.menu-active) #header-brand-logo img {
    filter: invert(100%) sepia(3%) saturate(157%) hue-rotate(21deg) brightness(116%) contrast(100%);
  }
}

/* _footer.scss */
footer.mianFooter {
  width: 100%;
  min-height: 400px;
  background-color: #000;
  color: #fff;
  border-top: 8px solid rgb(213, 0, 50);
  padding: 80px 0;
}
@media (min-width: 1024px) {
  footer.mianFooter {
    padding: 60px 0;
  }
}
footer a:not(.footerMain-logo) {
  color: #EFEFEF;
}
footer a:not(.footerMain-logo):hover {
  text-decoration: none;
  opacity: 0.7;
}
footer .footer-logo-and-socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 40px;
}
@media (max-width: 575px) {
  footer .footer-logo-and-socials {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
footer .footer-logo-and-socials .footer-logo {
  width: 156px;
}
@media (min-width: 1024px) {
  footer .footer-logo-and-socials .footer-logo {
    width: 310px;
  }
}
footer .footer-logo-and-socials .icon-link {
  width: 1.625rem;
  height: 1.625rem;
}
footer #menu-footer-menu, footer .menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style-type: none;
  gap: 20px;
  margin: 0;
}
footer #menu-footer-menu li, footer .menu li {
  margin: 0;
}
footer .footer-menu-and-links {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding: 40px 0 0 0;
  gap: 100px;
}
@media (min-width: 1024px) {
  footer .footer-menu-and-links {
    padding: 80px 0 0 0;
  }
}
footer .footer-menu-and-links .menu-footer-menu-container, footer .footer-menu-and-links nav {
  width: -moz-fit-content;
  width: fit-content;
}
footer .footer-menu-and-links .menu-footer-menu-container li a, footer .footer-menu-and-links nav li a {
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
}
footer .footer-menu-and-links .products-static-menu {
  flex-basis: 70%;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (min-width: 992px) {
  footer .footer-menu-and-links .products-static-menu {
    display: flex;
  }
}
footer .footer-menu-and-links .products-static-menu a {
  font-size: 18px;
  color: #fff;
}
footer .footer-menu-and-links .products-static-menu h6 {
  font-size: 10px;
  text-transform: uppercase;
  color: rgb(198, 198, 198);
  padding-bottom: 16px;
  margin: 0;
}
footer .footer-menu-and-links .products-static-menu ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
  gap: 24px 100px;
  margin: 0;
}
@media (min-width: 992px) {
  footer .footer-menu-and-links .products-static-menu ul {
    flex-wrap: wrap;
    align-items: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    height: 552px;
  }
}
@media (min-width: 1280px) {
  footer .footer-menu-and-links .products-static-menu ul {
    height: 420px;
  }
}
footer .footer-menu-and-links .products-static-menu ul li {
  margin: 0;
}
footer .footer-menu-and-links .products-static-menu ul li a {
  font-size: 14px;
  color: #fff;
  padding-bottom: 12px;
}
footer ul.socials {
  justify-content: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 12px;
}
footer ul.socials a:hover {
  opacity: 0.7;
}
@media (min-width: 768px) {
  footer {
    text-align: left;
  }
  footer .container {
    flex-wrap: nowrap;
  }
  footer ul.socials {
    justify-content: flex-start;
  }
  footer nav#footer-navigation ul {
    justify-content: flex-start;
  }
}

.footerBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 14px;
  padding-top: 40px;
  border-top: 1px solid rgb(135, 134, 135);
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .footerBottom {
    margin-top: 80px;
  }
}
.footerBottom .privacy-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 1280px) {
  .footerBottom .privacy-menu ul {
    gap: 60px;
  }
}
.footerBottom .privacy-menu ul li {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.footerBottom .privacy-menu ul li a {
  color: #EFEFEF;
}
.footerBottom .privacy-menu ul li a:hover {
  color: #fff;
}
.footerBottom address {
  margin-bottom: 0;
  display: flex;
  gap: 20px;
  font-style: normal;
}
@media (min-width: 1024px) {
  .footerBottom address {
    margin-left: auto;
  }
}
@media (max-width: 640px) {
  .footerBottom address {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.footerBottom address .footer-phone {
  padding-right: 20px;
  border-right: 1px solid #fff;
}
@media (max-width: 640px) {
  .footerBottom address .footer-phone {
    border-right: 0;
  }
}
@media (min-width: 1024px) {
  .footerBottom .copyright {
    margin-left: auto;
  }
}

#footer-brand-logo {
  width: 200px;
  margin: 0 0 15px 0;
}

#footer-social-media ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#footer-social-media ul li {
  display: inline-block;
  width: auto;
  margin: 4px 12px;
}
#footer-social-media a {
  font-size: 32px;
  min-width: 25px;
  text-align: center;
  opacity: 0.75;
}
@media (min-width: 992px) {
  #footer-social-media ul {
    text-align: left;
  }
  #footer-social-media ul li {
    margin: 4px;
  }
  #footer-social-media a {
    font-size: 30px;
    min-width: auto;
  }
}

.footer-about-section {
  overflow: hidden;
  padding: 0;
}
.footer-about-section .footer-about-content {
  position: relative;
}
@media (max-width: 1024px) and (orientation: portrait) {
  .footer-about-section .footer-about-content {
    min-height: 868px;
  }
}
.footer-about-section .footer-about-content h2 {
  padding: 80px 20px;
  max-width: 90%;
  position: relative;
  z-index: 1;
}
@media (min-width: 640px) {
  .footer-about-section .footer-about-content h2 {
    padding: 64px 0px 64px 20px;
    max-width: min(80%, 640px);
  }
}
@media (min-width: 1024px) {
  .footer-about-section .footer-about-content h2 {
    padding: 64px 0px 64px 120px;
    max-width: min(70%, 1008px);
  }
}
.footer-about-section .footer-about-content .footer-about-anim {
  position: absolute;
  right: -294px;
  bottom: 0px;
}
@media (min-width: 1024px) {
  .footer-about-section .footer-about-content .footer-about-anim {
    right: -360px;
    top: -395px;
    bottom: initial;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  .footer-about-section .footer-about-content .footer-about-anim {
    right: -300px;
    top: -130px;
  }
}
.footer-about-section .footer-about-content .footer-about-anim svg {
  width: 583px;
  height: 580px;
  animation-name: claVa-D;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@media (min-width: 1024px) {
  .footer-about-section .footer-about-content .footer-about-anim svg {
    width: 1115px;
    height: 1110px;
  }
}

section#search-results article.search-result {
  margin-bottom: 30px;
}
section#search-results article.search-result .result-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.5em;
}
section#search-results article.search-result .result-title .result-post-type {
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 12px;
  border-radius: 3px;
  background: #D0D7DB;
  color: #13222B;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* _post.scss */
section#single-post-content-section {
  padding: 20px 0px;
}

article.single-post {
  background-color: #fff;
  padding: 30px;
  max-width: 100%;
  width: 800px;
  margin: 0 auto 20px auto;
  border-radius: 12px;
}
article.single-post .post-featured-image {
  margin-bottom: 20px;
  width: 100%;
}
article.single-post .post-title {
  font-size: 30px;
  font-weight: bold;
}
article.single-post .post-date {
  font-size: 16px;
  display: block;
  margin-bottom: 0px;
  color: #777;
}
article.single-post .post-categories {
  margin-bottom: 20px;
}
article.single-post .post-content {
  font-size: 18px;
}

/* archive.scss */
section#archive-results .post-title {
  margin-bottom: 0.25em;
}
section#archive-results .post-category {
  font-size: 14px;
  text-transform: uppercase;
  color: #002975;
  font-weight: bolder;
}
section#archive-results .container {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  align-items: flex-start;
}
section#archive-results .container main {
  flex-basis: 600px;
  flex-grow: 1;
  max-width: 900px;
}
section#archive-results .container aside {
  flex-basis: 300px;
}

article.news-archive-post, article.blog-archive-post {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 60px;
}
article.news-archive-post:not(:first-child), article.blog-archive-post:not(:first-child) {
  padding-top: 60px;
  border-top: 1px solid #6F838E;
}
article.news-archive-post img:first-child, article.blog-archive-post img:first-child {
  width: 200px;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
  flex-grow: 1;
}
article.news-archive-post div.article-content, article.blog-archive-post div.article-content {
  flex-basis: 400px;
  flex-grow: 1;
}
article.news-archive-post div.article-content > :last-child, article.blog-archive-post div.article-content > :last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
article.news-archive-post div.article-content h6, article.blog-archive-post div.article-content h6 {
  font-size: 30px;
}
article.news-archive-post div.article-content h6 > a, article.blog-archive-post div.article-content h6 > a {
  color: #13222B;
}
@media (min-width: 992px) {
  article.news-archive-post img:first-child, article.blog-archive-post img:first-child {
    flex-grow: 0;
  }
}

aside.news-archive-side-content ul {
  list-style-type: none;
  padding: 0 0 0 30px;
  margin: 0;
}
aside.news-archive-side-content ul li {
  position: relative;
  font-weight: bold;
}
aside.news-archive-side-content ul li::after {
  content: "■"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #002975; /* Change the color */
  font-weight: bold;
  position: absolute;
  left: -1em;
  top: -0.1em;
}

aside.product-taxonomy-sidebar {
  width: 100%;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  position: sticky;
  left: 0;
  top: 15px;
}
aside.product-taxonomy-sidebar h5 {
  margin-bottom: 0.5em;
  font-size: 16px;
}
aside.product-taxonomy-sidebar h5 span {
  color: #6F838E;
  font-weight: bold;
}
aside.product-taxonomy-sidebar ul {
  list-style-type: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-24 {
  font-size: 24px;
}

.font-28 {
  font-size: 28px;
}

.font-30 {
  font-size: 30px;
}

.font-32 {
  font-size: 32px;
}

.font-24 {
  font-size: 18px;
  line-height: 1.429;
}
@media (min-width: 1024px) {
  .font-24 {
    font-size: 24px;
    line-height: 1.5;
  }
}

.font-40 {
  font-size: 28px;
  line-height: 1.429;
}
@media (min-width: 1024px) {
  .font-40 {
    font-size: 40px;
    line-height: 1.5;
  }
}

.font-48 {
  font-size: 32px;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .font-48 {
    font-size: 48px;
    line-height: 1.3335;
  }
}

.font-60 {
  font-size: 40px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .font-60 {
    font-size: 60px;
    line-height: 1.3335;
  }
}

.font-120 {
  font-size: 80px;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .font-120 {
    font-size: 120px;
    line-height: 1.167;
  }
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.d-none {
  display: none;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.ml-0, .mx-0 {
  margin-left: 0;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem;
}

.ml-3, .mx-3 {
  margin-left: 1rem;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem;
}

.ml-5, .mx-5 {
  margin-left: 3rem;
}

.ml-10, .mx-10 {
  margin-left: 10px;
}

.ml-15, .mx-15 {
  margin-left: 15px;
}

.ml-20, .mx-20 {
  margin-left: 20px;
}

.ml-30, .mx-30 {
  margin-left: 30px;
}

.ml-40, .mx-40 {
  margin-left: 40px;
}

.mr-0, .mx-0 {
  margin-right: 0;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem;
}

.mr-3, .mx-3 {
  margin-right: 1rem;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem;
}

.mr-5, .mx-5 {
  margin-right: 3rem;
}

.mr-10, .mx-10 {
  margin-right: 10px;
}

.mr-15, .mx-15 {
  margin-right: 15px;
}

.mr-20, .mx-20 {
  margin-right: 20px;
}

.mr-30, .mx-30 {
  margin-right: 30px;
}

.mr-40, .mx-40 {
  margin-right: 40px;
}

.mt-0, .my-0 {
  margin-top: 0;
}

.mt-1, .my-1 {
  margin-top: 0.25rem;
}

.mt-2, .my-2 {
  margin-top: 0.5rem;
}

.mt-3, .my-3 {
  margin-top: 1rem;
}

.mt-4, .my-4 {
  margin-top: 1.5rem;
}

.mt-5, .my-5 {
  margin-top: 3rem;
}

.mt-10, .my-10 {
  margin-top: 10px;
}

.mt-15, .my-15 {
  margin-top: 15px;
}

.mt-20, .my-20 {
  margin-top: 20px;
}

.mt-30, .my-30 {
  margin-top: 30px;
}

.mt-40, .my-40 {
  margin-top: 40px;
}

.mb-0, .my-0 {
  margin-bottom: 0;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem;
}

.mb-3, .my-3 {
  margin-bottom: 1rem;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem;
}

.mb-5, .my-5 {
  margin-bottom: 3rem;
}

.mb-10, .my-10 {
  margin-bottom: 10px;
}

.mb-15, .my-15 {
  margin-bottom: 15px;
}

.mb-20, .my-20 {
  margin-bottom: 20px;
}

.mb-30, .my-30 {
  margin-bottom: 30px;
}

.mb-40, .my-40 {
  margin-bottom: 40px;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.pt-0, .py-0 {
  padding-top: 0;
}

.pt-1, .py-1 {
  padding-top: 0.25rem;
}

.pt-2, .py-2 {
  padding-top: 0.5rem;
}

.pt-3, .py-3 {
  padding-top: 1rem;
}

.pt-4, .py-4 {
  padding-top: 1.5rem;
}

.pt-5, .py-5 {
  padding-top: 3rem;
}

.pt-10, .py-10 {
  padding-top: 10px;
}

.pt-15, .py-15 {
  padding-top: 15px;
}

.pt-20, .py-20 {
  padding-top: 20px;
}

.pt-30, .py-30 {
  padding-top: 30px;
}

.pt-40, .py-40 {
  padding-top: 40px;
}

.pb-0, .py-0 {
  padding-bottom: 0;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem;
}

.pb-3, .py-3 {
  padding-bottom: 1rem;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem;
}

.pb-5, .py-5 {
  padding-bottom: 3rem;
}

.pb-10, .py-10 {
  padding-bottom: 10px;
}

.pb-15, .py-15 {
  padding-bottom: 15px;
}

.pb-20, .py-20 {
  padding-bottom: 20px;
}

.pb-30, .py-30 {
  padding-bottom: 30px;
}

.pb-40, .py-40 {
  padding-bottom: 40px;
}

.pl-0, .px-0 {
  padding-left: 0;
}

.pl-1, .px-1 {
  padding-left: 0.25rem;
}

.pl-2, .px-2 {
  padding-left: 0.5rem;
}

.pl-3, .px-3 {
  padding-left: 1rem;
}

.pl-4, .px-4 {
  padding-left: 1.5rem;
}

.pl-5, .px-5 {
  padding-left: 3rem;
}

.pl-10, .px-10 {
  padding-left: 10px;
}

.pl-15, .px-15 {
  padding-left: 15px;
}

.pl-20, .px-20 {
  padding-left: 20px;
}

.pl-30, .px-30 {
  padding-left: 30px;
}

.pl-40, .px-40 {
  padding-left: 40px;
}

.pr-0, .px-0 {
  padding-right: 0;
}

.pr-1, .px-1 {
  padding-right: 0.25rem;
}

.pr-2, .px-2 {
  padding-right: 0.5rem;
}

.pr-3, .px-3 {
  padding-right: 1rem;
}

.pr-4, .px-4 {
  padding-right: 1.5rem;
}

.pr-5, .px-5 {
  padding-right: 3rem;
}

.pr-10, .px-10 {
  padding-right: 10px;
}

.pr-15, .px-15 {
  padding-right: 15px;
}

.pr-20, .px-20 {
  padding-right: 20px;
}

.pr-30, .px-30 {
  padding-right: 30px;
}

.pr-40, .px-40 {
  padding-right: 40px;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

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

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.align-self-auto {
  align-self: auto;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-baseline {
  align-self: baseline;
}

.align-self-stretch {
  align-self: stretch;
}

.font-xlight {
  font-weight: 100;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-exbold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block;
  }
  .d-sm-inline {
    display: inline;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-grid {
    display: grid;
  }
  .d-sm-none {
    display: none;
  }
  .m-sm-0 {
    margin: 0;
  }
  .m-sm-1 {
    margin: 0.25rem;
  }
  .m-sm-2 {
    margin: 0.5rem;
  }
  .m-sm-3 {
    margin: 1rem;
  }
  .m-sm-4 {
    margin: 1.5rem;
  }
  .m-sm-5 {
    margin: 3rem;
  }
  .m-sm-10 {
    margin: 10px;
  }
  .m-sm-15 {
    margin: 15px;
  }
  .m-sm-20 {
    margin: 20px;
  }
  .m-sm-30 {
    margin: 30px;
  }
  .m-sm-40 {
    margin: 40px;
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0;
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem;
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem;
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem;
  }
  .ml-sm-10, .mx-sm-10 {
    margin-left: 10px;
  }
  .ml-sm-15, .mx-sm-15 {
    margin-left: 15px;
  }
  .ml-sm-20, .mx-sm-20 {
    margin-left: 20px;
  }
  .ml-sm-30, .mx-sm-30 {
    margin-left: 30px;
  }
  .ml-sm-40, .mx-sm-40 {
    margin-left: 40px;
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0;
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem;
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem;
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem;
  }
  .mr-sm-10, .mx-sm-10 {
    margin-right: 10px;
  }
  .mr-sm-15, .mx-sm-15 {
    margin-right: 15px;
  }
  .mr-sm-20, .mx-sm-20 {
    margin-right: 20px;
  }
  .mr-sm-30, .mx-sm-30 {
    margin-right: 30px;
  }
  .mr-sm-40, .mx-sm-40 {
    margin-right: 40px;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem;
  }
  .mt-sm-10, .my-sm-10 {
    margin-top: 10px;
  }
  .mt-sm-15, .my-sm-15 {
    margin-top: 15px;
  }
  .mt-sm-20, .my-sm-20 {
    margin-top: 20px;
  }
  .mt-sm-30, .my-sm-30 {
    margin-top: 30px;
  }
  .mt-sm-40, .my-sm-40 {
    margin-top: 40px;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem;
  }
  .mb-sm-10, .my-sm-10 {
    margin-bottom: 10px;
  }
  .mb-sm-15, .my-sm-15 {
    margin-bottom: 15px;
  }
  .mb-sm-20, .my-sm-20 {
    margin-bottom: 20px;
  }
  .mb-sm-30, .my-sm-30 {
    margin-bottom: 30px;
  }
  .mb-sm-40, .my-sm-40 {
    margin-bottom: 40px;
  }
  .p-sm-0 {
    padding: 0;
  }
  .p-sm-1 {
    padding: 0.25rem;
  }
  .p-sm-2 {
    padding: 0.5rem;
  }
  .p-sm-3 {
    padding: 1rem;
  }
  .p-sm-4 {
    padding: 1.5rem;
  }
  .p-sm-5 {
    padding: 3rem;
  }
  .p-sm-10 {
    padding: 10px;
  }
  .p-sm-15 {
    padding: 15px;
  }
  .p-sm-20 {
    padding: 20px;
  }
  .p-sm-30 {
    padding: 30px;
  }
  .p-sm-40 {
    padding: 40px;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem;
  }
  .pt-sm-10, .py-sm-10 {
    padding-top: 10px;
  }
  .pt-sm-15, .py-sm-15 {
    padding-top: 15px;
  }
  .pt-sm-20, .py-sm-20 {
    padding-top: 20px;
  }
  .pt-sm-30, .py-sm-30 {
    padding-top: 30px;
  }
  .pt-sm-40, .py-sm-40 {
    padding-top: 40px;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem;
  }
  .pb-sm-10, .py-sm-10 {
    padding-bottom: 10px;
  }
  .pb-sm-15, .py-sm-15 {
    padding-bottom: 15px;
  }
  .pb-sm-20, .py-sm-20 {
    padding-bottom: 20px;
  }
  .pb-sm-30, .py-sm-30 {
    padding-bottom: 30px;
  }
  .pb-sm-40, .py-sm-40 {
    padding-bottom: 40px;
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0;
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem;
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem;
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem;
  }
  .pl-sm-10, .px-sm-10 {
    padding-left: 10px;
  }
  .pl-sm-15, .px-sm-15 {
    padding-left: 15px;
  }
  .pl-sm-20, .px-sm-20 {
    padding-left: 20px;
  }
  .pl-sm-30, .px-sm-30 {
    padding-left: 30px;
  }
  .pl-sm-40, .px-sm-40 {
    padding-left: 40px;
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem;
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem;
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem;
  }
  .pr-sm-10, .px-sm-10 {
    padding-right: 10px;
  }
  .pr-sm-15, .px-sm-15 {
    padding-right: 15px;
  }
  .pr-sm-20, .px-sm-20 {
    padding-right: 20px;
  }
  .pr-sm-30, .px-sm-30 {
    padding-right: 30px;
  }
  .pr-sm-40, .px-sm-40 {
    padding-right: 40px;
  }
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-baseline {
    align-items: baseline;
  }
  .align-items-sm-stretch {
    align-items: stretch;
  }
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
  .justify-content-sm-between {
    justify-content: space-between;
  }
  .justify-content-sm-around {
    justify-content: space-around;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
  .flex-dir-sm-row {
    flex-direction: row;
  }
  .flex-dir-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-dir-sm-column {
    flex-direction: column;
  }
  .flex-dir-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .align-self-sm-auto {
    align-self: auto;
  }
  .align-self-sm-flex-start {
    align-self: flex-start;
  }
  .align-self-sm-flex-end {
    align-self: flex-end;
  }
  .align-self-sm-center {
    align-self: center;
  }
  .align-self-sm-baseline {
    align-self: baseline;
  }
  .align-self-sm-stretch {
    align-self: stretch;
  }
  .font-sm-xlight {
    font-weight: 100;
  }
  .font-sm-light {
    font-weight: 300;
  }
  .font-sm-normal {
    font-weight: 400;
  }
  .font-sm-medium {
    font-weight: 500;
  }
  .font-sm-semibold {
    font-weight: 600;
  }
  .font-sm-bold {
    font-weight: 700;
  }
  .font-sm-exbold {
    font-weight: 800;
  }
  .font-sm-black {
    font-weight: 900;
  }
  .mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-grid {
    display: grid;
  }
  .d-md-none {
    display: none;
  }
  .m-md-0 {
    margin: 0;
  }
  .m-md-1 {
    margin: 0.25rem;
  }
  .m-md-2 {
    margin: 0.5rem;
  }
  .m-md-3 {
    margin: 1rem;
  }
  .m-md-4 {
    margin: 1.5rem;
  }
  .m-md-5 {
    margin: 3rem;
  }
  .m-md-10 {
    margin: 10px;
  }
  .m-md-15 {
    margin: 15px;
  }
  .m-md-20 {
    margin: 20px;
  }
  .m-md-30 {
    margin: 30px;
  }
  .m-md-40 {
    margin: 40px;
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0;
  }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem;
  }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem;
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem;
  }
  .ml-md-10, .mx-md-10 {
    margin-left: 10px;
  }
  .ml-md-15, .mx-md-15 {
    margin-left: 15px;
  }
  .ml-md-20, .mx-md-20 {
    margin-left: 20px;
  }
  .ml-md-30, .mx-md-30 {
    margin-left: 30px;
  }
  .ml-md-40, .mx-md-40 {
    margin-left: 40px;
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0;
  }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem;
  }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem;
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem;
  }
  .mr-md-10, .mx-md-10 {
    margin-right: 10px;
  }
  .mr-md-15, .mx-md-15 {
    margin-right: 15px;
  }
  .mr-md-20, .mx-md-20 {
    margin-right: 20px;
  }
  .mr-md-30, .mx-md-30 {
    margin-right: 30px;
  }
  .mr-md-40, .mx-md-40 {
    margin-right: 40px;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem;
  }
  .mt-md-10, .my-md-10 {
    margin-top: 10px;
  }
  .mt-md-15, .my-md-15 {
    margin-top: 15px;
  }
  .mt-md-20, .my-md-20 {
    margin-top: 20px;
  }
  .mt-md-30, .my-md-30 {
    margin-top: 30px;
  }
  .mt-md-40, .my-md-40 {
    margin-top: 40px;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem;
  }
  .mb-md-10, .my-md-10 {
    margin-bottom: 10px;
  }
  .mb-md-15, .my-md-15 {
    margin-bottom: 15px;
  }
  .mb-md-20, .my-md-20 {
    margin-bottom: 20px;
  }
  .mb-md-30, .my-md-30 {
    margin-bottom: 30px;
  }
  .mb-md-40, .my-md-40 {
    margin-bottom: 40px;
  }
  .p-md-0 {
    padding: 0;
  }
  .p-md-1 {
    padding: 0.25rem;
  }
  .p-md-2 {
    padding: 0.5rem;
  }
  .p-md-3 {
    padding: 1rem;
  }
  .p-md-4 {
    padding: 1.5rem;
  }
  .p-md-5 {
    padding: 3rem;
  }
  .p-md-10 {
    padding: 10px;
  }
  .p-md-15 {
    padding: 15px;
  }
  .p-md-20 {
    padding: 20px;
  }
  .p-md-30 {
    padding: 30px;
  }
  .p-md-40 {
    padding: 40px;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem;
  }
  .pt-md-10, .py-md-10 {
    padding-top: 10px;
  }
  .pt-md-15, .py-md-15 {
    padding-top: 15px;
  }
  .pt-md-20, .py-md-20 {
    padding-top: 20px;
  }
  .pt-md-30, .py-md-30 {
    padding-top: 30px;
  }
  .pt-md-40, .py-md-40 {
    padding-top: 40px;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem;
  }
  .pb-md-10, .py-md-10 {
    padding-bottom: 10px;
  }
  .pb-md-15, .py-md-15 {
    padding-bottom: 15px;
  }
  .pb-md-20, .py-md-20 {
    padding-bottom: 20px;
  }
  .pb-md-30, .py-md-30 {
    padding-bottom: 30px;
  }
  .pb-md-40, .py-md-40 {
    padding-bottom: 40px;
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0;
  }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem;
  }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem;
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem;
  }
  .pl-md-10, .px-md-10 {
    padding-left: 10px;
  }
  .pl-md-15, .px-md-15 {
    padding-left: 15px;
  }
  .pl-md-20, .px-md-20 {
    padding-left: 20px;
  }
  .pl-md-30, .px-md-30 {
    padding-left: 30px;
  }
  .pl-md-40, .px-md-40 {
    padding-left: 40px;
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0;
  }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem;
  }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem;
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem;
  }
  .pr-md-10, .px-md-10 {
    padding-right: 10px;
  }
  .pr-md-15, .px-md-15 {
    padding-right: 15px;
  }
  .pr-md-20, .px-md-20 {
    padding-right: 20px;
  }
  .pr-md-30, .px-md-30 {
    padding-right: 30px;
  }
  .pr-md-40, .px-md-40 {
    padding-right: 40px;
  }
  .align-items-md-start {
    align-items: flex-start;
  }
  .align-items-md-end {
    align-items: flex-end;
  }
  .align-items-md-center {
    align-items: center;
  }
  .align-items-md-baseline {
    align-items: baseline;
  }
  .align-items-md-stretch {
    align-items: stretch;
  }
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-end {
    justify-content: flex-end;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .justify-content-md-around {
    justify-content: space-around;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
  .flex-dir-md-row {
    flex-direction: row;
  }
  .flex-dir-md-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-dir-md-column {
    flex-direction: column;
  }
  .flex-dir-md-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .align-self-md-auto {
    align-self: auto;
  }
  .align-self-md-flex-start {
    align-self: flex-start;
  }
  .align-self-md-flex-end {
    align-self: flex-end;
  }
  .align-self-md-center {
    align-self: center;
  }
  .align-self-md-baseline {
    align-self: baseline;
  }
  .align-self-md-stretch {
    align-self: stretch;
  }
  .font-md-xlight {
    font-weight: 100;
  }
  .font-md-light {
    font-weight: 300;
  }
  .font-md-normal {
    font-weight: 400;
  }
  .font-md-medium {
    font-weight: 500;
  }
  .font-md-semibold {
    font-weight: 600;
  }
  .font-md-bold {
    font-weight: 700;
  }
  .font-md-exbold {
    font-weight: 800;
  }
  .font-md-black {
    font-weight: 900;
  }
  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .d-lg-block {
    display: block;
  }
  .d-lg-inline {
    display: inline;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-grid {
    display: grid;
  }
  .d-lg-none {
    display: none;
  }
  .m-lg-0 {
    margin: 0;
  }
  .m-lg-1 {
    margin: 0.25rem;
  }
  .m-lg-2 {
    margin: 0.5rem;
  }
  .m-lg-3 {
    margin: 1rem;
  }
  .m-lg-4 {
    margin: 1.5rem;
  }
  .m-lg-5 {
    margin: 3rem;
  }
  .m-lg-10 {
    margin: 10px;
  }
  .m-lg-15 {
    margin: 15px;
  }
  .m-lg-20 {
    margin: 20px;
  }
  .m-lg-30 {
    margin: 30px;
  }
  .m-lg-40 {
    margin: 40px;
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0;
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem;
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem;
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem;
  }
  .ml-lg-10, .mx-lg-10 {
    margin-left: 10px;
  }
  .ml-lg-15, .mx-lg-15 {
    margin-left: 15px;
  }
  .ml-lg-20, .mx-lg-20 {
    margin-left: 20px;
  }
  .ml-lg-30, .mx-lg-30 {
    margin-left: 30px;
  }
  .ml-lg-40, .mx-lg-40 {
    margin-left: 40px;
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0;
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem;
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem;
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem;
  }
  .mr-lg-10, .mx-lg-10 {
    margin-right: 10px;
  }
  .mr-lg-15, .mx-lg-15 {
    margin-right: 15px;
  }
  .mr-lg-20, .mx-lg-20 {
    margin-right: 20px;
  }
  .mr-lg-30, .mx-lg-30 {
    margin-right: 30px;
  }
  .mr-lg-40, .mx-lg-40 {
    margin-right: 40px;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem;
  }
  .mt-lg-10, .my-lg-10 {
    margin-top: 10px;
  }
  .mt-lg-15, .my-lg-15 {
    margin-top: 15px;
  }
  .mt-lg-20, .my-lg-20 {
    margin-top: 20px;
  }
  .mt-lg-30, .my-lg-30 {
    margin-top: 30px;
  }
  .mt-lg-40, .my-lg-40 {
    margin-top: 40px;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem;
  }
  .mb-lg-10, .my-lg-10 {
    margin-bottom: 10px;
  }
  .mb-lg-15, .my-lg-15 {
    margin-bottom: 15px;
  }
  .mb-lg-20, .my-lg-20 {
    margin-bottom: 20px;
  }
  .mb-lg-30, .my-lg-30 {
    margin-bottom: 30px;
  }
  .mb-lg-40, .my-lg-40 {
    margin-bottom: 40px;
  }
  .p-lg-0 {
    padding: 0;
  }
  .p-lg-1 {
    padding: 0.25rem;
  }
  .p-lg-2 {
    padding: 0.5rem;
  }
  .p-lg-3 {
    padding: 1rem;
  }
  .p-lg-4 {
    padding: 1.5rem;
  }
  .p-lg-5 {
    padding: 3rem;
  }
  .p-lg-10 {
    padding: 10px;
  }
  .p-lg-15 {
    padding: 15px;
  }
  .p-lg-20 {
    padding: 20px;
  }
  .p-lg-30 {
    padding: 30px;
  }
  .p-lg-40 {
    padding: 40px;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem;
  }
  .pt-lg-10, .py-lg-10 {
    padding-top: 10px;
  }
  .pt-lg-15, .py-lg-15 {
    padding-top: 15px;
  }
  .pt-lg-20, .py-lg-20 {
    padding-top: 20px;
  }
  .pt-lg-30, .py-lg-30 {
    padding-top: 30px;
  }
  .pt-lg-40, .py-lg-40 {
    padding-top: 40px;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem;
  }
  .pb-lg-10, .py-lg-10 {
    padding-bottom: 10px;
  }
  .pb-lg-15, .py-lg-15 {
    padding-bottom: 15px;
  }
  .pb-lg-20, .py-lg-20 {
    padding-bottom: 20px;
  }
  .pb-lg-30, .py-lg-30 {
    padding-bottom: 30px;
  }
  .pb-lg-40, .py-lg-40 {
    padding-bottom: 40px;
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0;
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem;
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem;
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem;
  }
  .pl-lg-10, .px-lg-10 {
    padding-left: 10px;
  }
  .pl-lg-15, .px-lg-15 {
    padding-left: 15px;
  }
  .pl-lg-20, .px-lg-20 {
    padding-left: 20px;
  }
  .pl-lg-30, .px-lg-30 {
    padding-left: 30px;
  }
  .pl-lg-40, .px-lg-40 {
    padding-left: 40px;
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0;
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem;
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem;
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem;
  }
  .pr-lg-10, .px-lg-10 {
    padding-right: 10px;
  }
  .pr-lg-15, .px-lg-15 {
    padding-right: 15px;
  }
  .pr-lg-20, .px-lg-20 {
    padding-right: 20px;
  }
  .pr-lg-30, .px-lg-30 {
    padding-right: 30px;
  }
  .pr-lg-40, .px-lg-40 {
    padding-right: 40px;
  }
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-items-lg-end {
    align-items: flex-end;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-baseline {
    align-items: baseline;
  }
  .align-items-lg-stretch {
    align-items: stretch;
  }
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-end {
    justify-content: flex-end;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
  .justify-content-lg-between {
    justify-content: space-between;
  }
  .justify-content-lg-around {
    justify-content: space-around;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .flex-dir-lg-row {
    flex-direction: row;
  }
  .flex-dir-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-dir-lg-column {
    flex-direction: column;
  }
  .flex-dir-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .align-self-lg-auto {
    align-self: auto;
  }
  .align-self-lg-flex-start {
    align-self: flex-start;
  }
  .align-self-lg-flex-end {
    align-self: flex-end;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .align-self-lg-baseline {
    align-self: baseline;
  }
  .align-self-lg-stretch {
    align-self: stretch;
  }
  .font-lg-xlight {
    font-weight: 100;
  }
  .font-lg-light {
    font-weight: 300;
  }
  .font-lg-normal {
    font-weight: 400;
  }
  .font-lg-medium {
    font-weight: 500;
  }
  .font-lg-semibold {
    font-weight: 600;
  }
  .font-lg-bold {
    font-weight: 700;
  }
  .font-lg-exbold {
    font-weight: 800;
  }
  .font-lg-black {
    font-weight: 900;
  }
  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block;
  }
  .d-xl-inline {
    display: inline;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-grid {
    display: grid;
  }
  .d-xl-none {
    display: none;
  }
  .m-xl-0 {
    margin: 0;
  }
  .m-xl-1 {
    margin: 0.25rem;
  }
  .m-xl-2 {
    margin: 0.5rem;
  }
  .m-xl-3 {
    margin: 1rem;
  }
  .m-xl-4 {
    margin: 1.5rem;
  }
  .m-xl-5 {
    margin: 3rem;
  }
  .m-xl-10 {
    margin: 10px;
  }
  .m-xl-15 {
    margin: 15px;
  }
  .m-xl-20 {
    margin: 20px;
  }
  .m-xl-30 {
    margin: 30px;
  }
  .m-xl-40 {
    margin: 40px;
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0;
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem;
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem;
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem;
  }
  .ml-xl-10, .mx-xl-10 {
    margin-left: 10px;
  }
  .ml-xl-15, .mx-xl-15 {
    margin-left: 15px;
  }
  .ml-xl-20, .mx-xl-20 {
    margin-left: 20px;
  }
  .ml-xl-30, .mx-xl-30 {
    margin-left: 30px;
  }
  .ml-xl-40, .mx-xl-40 {
    margin-left: 40px;
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0;
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem;
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem;
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem;
  }
  .mr-xl-10, .mx-xl-10 {
    margin-right: 10px;
  }
  .mr-xl-15, .mx-xl-15 {
    margin-right: 15px;
  }
  .mr-xl-20, .mx-xl-20 {
    margin-right: 20px;
  }
  .mr-xl-30, .mx-xl-30 {
    margin-right: 30px;
  }
  .mr-xl-40, .mx-xl-40 {
    margin-right: 40px;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem;
  }
  .mt-xl-10, .my-xl-10 {
    margin-top: 10px;
  }
  .mt-xl-15, .my-xl-15 {
    margin-top: 15px;
  }
  .mt-xl-20, .my-xl-20 {
    margin-top: 20px;
  }
  .mt-xl-30, .my-xl-30 {
    margin-top: 30px;
  }
  .mt-xl-40, .my-xl-40 {
    margin-top: 40px;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem;
  }
  .mb-xl-10, .my-xl-10 {
    margin-bottom: 10px;
  }
  .mb-xl-15, .my-xl-15 {
    margin-bottom: 15px;
  }
  .mb-xl-20, .my-xl-20 {
    margin-bottom: 20px;
  }
  .mb-xl-30, .my-xl-30 {
    margin-bottom: 30px;
  }
  .mb-xl-40, .my-xl-40 {
    margin-bottom: 40px;
  }
  .p-xl-0 {
    padding: 0;
  }
  .p-xl-1 {
    padding: 0.25rem;
  }
  .p-xl-2 {
    padding: 0.5rem;
  }
  .p-xl-3 {
    padding: 1rem;
  }
  .p-xl-4 {
    padding: 1.5rem;
  }
  .p-xl-5 {
    padding: 3rem;
  }
  .p-xl-10 {
    padding: 10px;
  }
  .p-xl-15 {
    padding: 15px;
  }
  .p-xl-20 {
    padding: 20px;
  }
  .p-xl-30 {
    padding: 30px;
  }
  .p-xl-40 {
    padding: 40px;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem;
  }
  .pt-xl-10, .py-xl-10 {
    padding-top: 10px;
  }
  .pt-xl-15, .py-xl-15 {
    padding-top: 15px;
  }
  .pt-xl-20, .py-xl-20 {
    padding-top: 20px;
  }
  .pt-xl-30, .py-xl-30 {
    padding-top: 30px;
  }
  .pt-xl-40, .py-xl-40 {
    padding-top: 40px;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem;
  }
  .pb-xl-10, .py-xl-10 {
    padding-bottom: 10px;
  }
  .pb-xl-15, .py-xl-15 {
    padding-bottom: 15px;
  }
  .pb-xl-20, .py-xl-20 {
    padding-bottom: 20px;
  }
  .pb-xl-30, .py-xl-30 {
    padding-bottom: 30px;
  }
  .pb-xl-40, .py-xl-40 {
    padding-bottom: 40px;
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0;
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem;
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem;
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem;
  }
  .pl-xl-10, .px-xl-10 {
    padding-left: 10px;
  }
  .pl-xl-15, .px-xl-15 {
    padding-left: 15px;
  }
  .pl-xl-20, .px-xl-20 {
    padding-left: 20px;
  }
  .pl-xl-30, .px-xl-30 {
    padding-left: 30px;
  }
  .pl-xl-40, .px-xl-40 {
    padding-left: 40px;
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0;
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem;
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem;
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem;
  }
  .pr-xl-10, .px-xl-10 {
    padding-right: 10px;
  }
  .pr-xl-15, .px-xl-15 {
    padding-right: 15px;
  }
  .pr-xl-20, .px-xl-20 {
    padding-right: 20px;
  }
  .pr-xl-30, .px-xl-30 {
    padding-right: 30px;
  }
  .pr-xl-40, .px-xl-40 {
    padding-right: 40px;
  }
  .align-items-xl-start {
    align-items: flex-start;
  }
  .align-items-xl-end {
    align-items: flex-end;
  }
  .align-items-xl-center {
    align-items: center;
  }
  .align-items-xl-baseline {
    align-items: baseline;
  }
  .align-items-xl-stretch {
    align-items: stretch;
  }
  .justify-content-xl-start {
    justify-content: flex-start;
  }
  .justify-content-xl-end {
    justify-content: flex-end;
  }
  .justify-content-xl-center {
    justify-content: center;
  }
  .justify-content-xl-between {
    justify-content: space-between;
  }
  .justify-content-xl-around {
    justify-content: space-around;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
  .flex-dir-xl-row {
    flex-direction: row;
  }
  .flex-dir-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-dir-xl-column {
    flex-direction: column;
  }
  .flex-dir-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .align-self-xl-auto {
    align-self: auto;
  }
  .align-self-xl-flex-start {
    align-self: flex-start;
  }
  .align-self-xl-flex-end {
    align-self: flex-end;
  }
  .align-self-xl-center {
    align-self: center;
  }
  .align-self-xl-baseline {
    align-self: baseline;
  }
  .align-self-xl-stretch {
    align-self: stretch;
  }
  .font-xl-xlight {
    font-weight: 100;
  }
  .font-xl-light {
    font-weight: 300;
  }
  .font-xl-normal {
    font-weight: 400;
  }
  .font-xl-medium {
    font-weight: 500;
  }
  .font-xl-semibold {
    font-weight: 600;
  }
  .font-xl-bold {
    font-weight: 700;
  }
  .font-xl-exbold {
    font-weight: 800;
  }
  .font-xl-black {
    font-weight: 900;
  }
  .mx-xl-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1400px) {
  .d-xxl-block {
    display: block;
  }
  .d-xxl-inline {
    display: inline;
  }
  .d-xxl-inline-block {
    display: inline-block;
  }
  .d-xxl-flex {
    display: flex;
  }
  .d-xxl-grid {
    display: grid;
  }
  .d-xxl-none {
    display: none;
  }
  .m-xxl-0 {
    margin: 0;
  }
  .m-xxl-1 {
    margin: 0.25rem;
  }
  .m-xxl-2 {
    margin: 0.5rem;
  }
  .m-xxl-3 {
    margin: 1rem;
  }
  .m-xxl-4 {
    margin: 1.5rem;
  }
  .m-xxl-5 {
    margin: 3rem;
  }
  .m-xxl-10 {
    margin: 10px;
  }
  .m-xxl-15 {
    margin: 15px;
  }
  .m-xxl-20 {
    margin: 20px;
  }
  .m-xxl-30 {
    margin: 30px;
  }
  .m-xxl-40 {
    margin: 40px;
  }
  .ml-xxl-0, .mx-xxl-0 {
    margin-left: 0;
  }
  .ml-xxl-1, .mx-xxl-1 {
    margin-left: 0.25rem;
  }
  .ml-xxl-2, .mx-xxl-2 {
    margin-left: 0.5rem;
  }
  .ml-xxl-3, .mx-xxl-3 {
    margin-left: 1rem;
  }
  .ml-xxl-4, .mx-xxl-4 {
    margin-left: 1.5rem;
  }
  .ml-xxl-5, .mx-xxl-5 {
    margin-left: 3rem;
  }
  .ml-xxl-10, .mx-xxl-10 {
    margin-left: 10px;
  }
  .ml-xxl-15, .mx-xxl-15 {
    margin-left: 15px;
  }
  .ml-xxl-20, .mx-xxl-20 {
    margin-left: 20px;
  }
  .ml-xxl-30, .mx-xxl-30 {
    margin-left: 30px;
  }
  .ml-xxl-40, .mx-xxl-40 {
    margin-left: 40px;
  }
  .mr-xxl-0, .mx-xxl-0 {
    margin-right: 0;
  }
  .mr-xxl-1, .mx-xxl-1 {
    margin-right: 0.25rem;
  }
  .mr-xxl-2, .mx-xxl-2 {
    margin-right: 0.5rem;
  }
  .mr-xxl-3, .mx-xxl-3 {
    margin-right: 1rem;
  }
  .mr-xxl-4, .mx-xxl-4 {
    margin-right: 1.5rem;
  }
  .mr-xxl-5, .mx-xxl-5 {
    margin-right: 3rem;
  }
  .mr-xxl-10, .mx-xxl-10 {
    margin-right: 10px;
  }
  .mr-xxl-15, .mx-xxl-15 {
    margin-right: 15px;
  }
  .mr-xxl-20, .mx-xxl-20 {
    margin-right: 20px;
  }
  .mr-xxl-30, .mx-xxl-30 {
    margin-right: 30px;
  }
  .mr-xxl-40, .mx-xxl-40 {
    margin-right: 40px;
  }
  .mt-xxl-0, .my-xxl-0 {
    margin-top: 0;
  }
  .mt-xxl-1, .my-xxl-1 {
    margin-top: 0.25rem;
  }
  .mt-xxl-2, .my-xxl-2 {
    margin-top: 0.5rem;
  }
  .mt-xxl-3, .my-xxl-3 {
    margin-top: 1rem;
  }
  .mt-xxl-4, .my-xxl-4 {
    margin-top: 1.5rem;
  }
  .mt-xxl-5, .my-xxl-5 {
    margin-top: 3rem;
  }
  .mt-xxl-10, .my-xxl-10 {
    margin-top: 10px;
  }
  .mt-xxl-15, .my-xxl-15 {
    margin-top: 15px;
  }
  .mt-xxl-20, .my-xxl-20 {
    margin-top: 20px;
  }
  .mt-xxl-30, .my-xxl-30 {
    margin-top: 30px;
  }
  .mt-xxl-40, .my-xxl-40 {
    margin-top: 40px;
  }
  .mb-xxl-0, .my-xxl-0 {
    margin-bottom: 0;
  }
  .mb-xxl-1, .my-xxl-1 {
    margin-bottom: 0.25rem;
  }
  .mb-xxl-2, .my-xxl-2 {
    margin-bottom: 0.5rem;
  }
  .mb-xxl-3, .my-xxl-3 {
    margin-bottom: 1rem;
  }
  .mb-xxl-4, .my-xxl-4 {
    margin-bottom: 1.5rem;
  }
  .mb-xxl-5, .my-xxl-5 {
    margin-bottom: 3rem;
  }
  .mb-xxl-10, .my-xxl-10 {
    margin-bottom: 10px;
  }
  .mb-xxl-15, .my-xxl-15 {
    margin-bottom: 15px;
  }
  .mb-xxl-20, .my-xxl-20 {
    margin-bottom: 20px;
  }
  .mb-xxl-30, .my-xxl-30 {
    margin-bottom: 30px;
  }
  .mb-xxl-40, .my-xxl-40 {
    margin-bottom: 40px;
  }
  .p-xxl-0 {
    padding: 0;
  }
  .p-xxl-1 {
    padding: 0.25rem;
  }
  .p-xxl-2 {
    padding: 0.5rem;
  }
  .p-xxl-3 {
    padding: 1rem;
  }
  .p-xxl-4 {
    padding: 1.5rem;
  }
  .p-xxl-5 {
    padding: 3rem;
  }
  .p-xxl-10 {
    padding: 10px;
  }
  .p-xxl-15 {
    padding: 15px;
  }
  .p-xxl-20 {
    padding: 20px;
  }
  .p-xxl-30 {
    padding: 30px;
  }
  .p-xxl-40 {
    padding: 40px;
  }
  .pt-xxl-0, .py-xxl-0 {
    padding-top: 0;
  }
  .pt-xxl-1, .py-xxl-1 {
    padding-top: 0.25rem;
  }
  .pt-xxl-2, .py-xxl-2 {
    padding-top: 0.5rem;
  }
  .pt-xxl-3, .py-xxl-3 {
    padding-top: 1rem;
  }
  .pt-xxl-4, .py-xxl-4 {
    padding-top: 1.5rem;
  }
  .pt-xxl-5, .py-xxl-5 {
    padding-top: 3rem;
  }
  .pt-xxl-10, .py-xxl-10 {
    padding-top: 10px;
  }
  .pt-xxl-15, .py-xxl-15 {
    padding-top: 15px;
  }
  .pt-xxl-20, .py-xxl-20 {
    padding-top: 20px;
  }
  .pt-xxl-30, .py-xxl-30 {
    padding-top: 30px;
  }
  .pt-xxl-40, .py-xxl-40 {
    padding-top: 40px;
  }
  .pb-xxl-0, .py-xxl-0 {
    padding-bottom: 0;
  }
  .pb-xxl-1, .py-xxl-1 {
    padding-bottom: 0.25rem;
  }
  .pb-xxl-2, .py-xxl-2 {
    padding-bottom: 0.5rem;
  }
  .pb-xxl-3, .py-xxl-3 {
    padding-bottom: 1rem;
  }
  .pb-xxl-4, .py-xxl-4 {
    padding-bottom: 1.5rem;
  }
  .pb-xxl-5, .py-xxl-5 {
    padding-bottom: 3rem;
  }
  .pb-xxl-10, .py-xxl-10 {
    padding-bottom: 10px;
  }
  .pb-xxl-15, .py-xxl-15 {
    padding-bottom: 15px;
  }
  .pb-xxl-20, .py-xxl-20 {
    padding-bottom: 20px;
  }
  .pb-xxl-30, .py-xxl-30 {
    padding-bottom: 30px;
  }
  .pb-xxl-40, .py-xxl-40 {
    padding-bottom: 40px;
  }
  .pl-xxl-0, .px-xxl-0 {
    padding-left: 0;
  }
  .pl-xxl-1, .px-xxl-1 {
    padding-left: 0.25rem;
  }
  .pl-xxl-2, .px-xxl-2 {
    padding-left: 0.5rem;
  }
  .pl-xxl-3, .px-xxl-3 {
    padding-left: 1rem;
  }
  .pl-xxl-4, .px-xxl-4 {
    padding-left: 1.5rem;
  }
  .pl-xxl-5, .px-xxl-5 {
    padding-left: 3rem;
  }
  .pl-xxl-10, .px-xxl-10 {
    padding-left: 10px;
  }
  .pl-xxl-15, .px-xxl-15 {
    padding-left: 15px;
  }
  .pl-xxl-20, .px-xxl-20 {
    padding-left: 20px;
  }
  .pl-xxl-30, .px-xxl-30 {
    padding-left: 30px;
  }
  .pl-xxl-40, .px-xxl-40 {
    padding-left: 40px;
  }
  .pr-xxl-0, .px-xxl-0 {
    padding-right: 0;
  }
  .pr-xxl-1, .px-xxl-1 {
    padding-right: 0.25rem;
  }
  .pr-xxl-2, .px-xxl-2 {
    padding-right: 0.5rem;
  }
  .pr-xxl-3, .px-xxl-3 {
    padding-right: 1rem;
  }
  .pr-xxl-4, .px-xxl-4 {
    padding-right: 1.5rem;
  }
  .pr-xxl-5, .px-xxl-5 {
    padding-right: 3rem;
  }
  .pr-xxl-10, .px-xxl-10 {
    padding-right: 10px;
  }
  .pr-xxl-15, .px-xxl-15 {
    padding-right: 15px;
  }
  .pr-xxl-20, .px-xxl-20 {
    padding-right: 20px;
  }
  .pr-xxl-30, .px-xxl-30 {
    padding-right: 30px;
  }
  .pr-xxl-40, .px-xxl-40 {
    padding-right: 40px;
  }
  .align-items-xxl-start {
    align-items: flex-start;
  }
  .align-items-xxl-end {
    align-items: flex-end;
  }
  .align-items-xxl-center {
    align-items: center;
  }
  .align-items-xxl-baseline {
    align-items: baseline;
  }
  .align-items-xxl-stretch {
    align-items: stretch;
  }
  .justify-content-xxl-start {
    justify-content: flex-start;
  }
  .justify-content-xxl-end {
    justify-content: flex-end;
  }
  .justify-content-xxl-center {
    justify-content: center;
  }
  .justify-content-xxl-between {
    justify-content: space-between;
  }
  .justify-content-xxl-around {
    justify-content: space-around;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly;
  }
  .flex-dir-xxl-row {
    flex-direction: row;
  }
  .flex-dir-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-dir-xxl-column {
    flex-direction: column;
  }
  .flex-dir-xxl-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .align-self-xxl-auto {
    align-self: auto;
  }
  .align-self-xxl-flex-start {
    align-self: flex-start;
  }
  .align-self-xxl-flex-end {
    align-self: flex-end;
  }
  .align-self-xxl-center {
    align-self: center;
  }
  .align-self-xxl-baseline {
    align-self: baseline;
  }
  .align-self-xxl-stretch {
    align-self: stretch;
  }
  .font-xxl-xlight {
    font-weight: 100;
  }
  .font-xxl-light {
    font-weight: 300;
  }
  .font-xxl-normal {
    font-weight: 400;
  }
  .font-xxl-medium {
    font-weight: 500;
  }
  .font-xxl-semibold {
    font-weight: 600;
  }
  .font-xxl-bold {
    font-weight: 700;
  }
  .font-xxl-exbold {
    font-weight: 800;
  }
  .font-xxl-black {
    font-weight: 900;
  }
  .mx-xxl-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
.grayhill-mission {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
  min-height: 550px;
}
@media (min-width: 1024px) {
  .grayhill-mission {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.grayhill-mission .grayhill-mission__background-pattern {
  position: absolute;
  width: 360px;
  height: 355px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}
@media (min-width: 1024px) {
  .grayhill-mission .grayhill-mission__background-pattern {
    width: 547px;
    height: 540px;
    top: 0px;
  }
}
@media (min-width: 1024px) {
  .grayhill-mission .mission-content {
    max-width: 81%;
  }
}

.human-centric-tech {
  padding: 0;
}
.human-centric-tech .human-centric-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 186px minmax(186px, 1fr) 220px 220px;
}
@media (min-width: 1024px) {
  .human-centric-tech .human-centric-grid {
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: minmax(272px, 1fr) 382px;
  }
}
.human-centric-tech .human-centric-grid .human-centric-content {
  padding: 40px 20px;
  color: #000;
}
@media (min-width: 1024px) {
  .human-centric-tech .human-centric-grid .human-centric-content {
    padding: 40px 60px;
  }
}

.who-we-are-section {
  padding-block: 40px;
}
@media (min-width: 1024px) {
  .who-we-are-section {
    padding-block: 100px;
  }
}
.who-we-are-section .container {
  display: flex;
  row-gap: 30px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .who-we-are-section .container {
    row-gap: 60px;
  }
}
.who-we-are-section .features-grid {
  display: flex;
  grid-gap: 10px 40px;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .who-we-are-section .features-grid {
    flex-direction: row;
  }
}
.who-we-are-section .features-grid .feature-item {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .who-we-are-section .features-grid .feature-item {
    flex: 0 0 calc(33.3333% - 27px);
  }
}
.who-we-are-section .features-grid .feature-item .feature-number {
  font-family: "Sohne Light", sans-serif;
}
.who-we-are-section .features-grid .feature-item .feature-content .feature-arrow {
  margin-bottom: 46px;
  color: rgb(213, 0, 50);
}

.who-we-are-section.column-1 {
  padding-bottom: 0;
}
.who-we-are-section.column-1 .container {
  row-gap: 0px;
}
@media (min-width: 1024px) {
  .who-we-are-section.column-1 .section-header,
  .who-we-are-section.column-1 .feature-number,
  .who-we-are-section.column-1 .feature-content {
    padding: 0px 100px;
  }
}
@media (max-width: 1023px) {
  .who-we-are-section.column-1 .section-header {
    padding: 0 20px;
  }
}
.who-we-are-section.column-1 .features-grid .feature-item {
  flex: 0 0 100%;
  padding: 40px 0px 60px;
}
@media (max-width: 1023px) {
  .who-we-are-section.column-1 .features-grid .feature-item {
    padding: 40px 20px 60px;
  }
}
.who-we-are-section.column-1 .features-grid .feature-item:nth-child(even) {
  background: #000;
  color: #fff;
}
.who-we-are-section.column-1 .features-grid .feature-item .feature-content .feature-arrow {
  display: flex;
  margin-bottom: 46px;
}
@media (min-width: 1024px) {
  .who-we-are-section.column-1 .features-grid .feature-item .feature-content .feature-arrow {
    margin-bottom: 0px;
  }
}
.who-we-are-section.column-2 .features-grid {
  gap: 10px;
}
.who-we-are-section.column-2 .features-grid .feature-item {
  flex: 0 0 100%;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .who-we-are-section.column-2 .features-grid .feature-item {
    flex: 0 0 calc(50% - 20px);
  }
}

.blog-section {
  padding-block: 80px;
}
@media (min-width: 1024px) {
  .blog-section {
    padding-block: 100px;
  }
}
.blog-section .container {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  align-items: flex-start;
}
.blog-section .blog-container {
  position: relative;
  overflow: hidden;
  margin-top: 38px;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-section .blog-container {
    padding-bottom: 28px;
  }
}
.blog-section .blog-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 20px;
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 1024px) {
  .blog-section .blog-list {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .blog-section .blog-list {
    gap: 50px;
  }
}
@media (min-width: 1400px) {
  .blog-section .blog-list {
    gap: 80px;
  }
}
.blog-section .blog-list.dragging {
  cursor: grabbing;
  transition: none;
}
.blog-section .blog-list.smooth-transition {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.blog-section .blog-list .blog-card {
  width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 640px) {
  .blog-section .blog-list .blog-card {
    width: calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .blog-section .blog-list .blog-card {
    width: 235px;
    flex: 0 0 235px;
  }
}
@media (min-width: 1200px) {
  .blog-section .blog-list .blog-card {
    width: 240px;
    flex: 0 0 240px;
  }
}
.blog-section .blog-list .blog-card .blog-card-img {
  position: relative;
  display: block;
}
.blog-section .blog-list .blog-card .blog-card-img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.blog-section .blog-list .blog-card .blog-card-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.blog-section .blog-list .blog-card .post-meta {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  gap: 8px;
  justify-content: space-between;
}
.blog-section .blog-list .blog-card .post-meta .post-date {
  font-size: 14px;
  line-height: 1.429;
}

.our-dna-section {
  padding: 120px 0 80px 0;
}
.our-dna-section .container {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
.our-dna-section .section-header {
  max-width: 100%;
}
@media (min-width: 1024px) {
  .our-dna-section .section-header {
    max-width: 60%;
  }
}
.our-dna-section .dna-slider .our-dna-item {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  width: auto;
  padding: 40px 30px;
  border-top: 20px solid rgb(84, 80, 43);
  cursor: pointer;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .our-dna-section .dna-slider .our-dna-item {
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px solid rgb(255, 255, 255);
  }
}
@media (min-width: 992px) {
  .our-dna-section .dna-slider .our-dna-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 1200px) {
  .our-dna-section .dna-slider .our-dna-item {
    flex: 1 1 0%;
    max-width: 200px;
  }
}
.our-dna-section .dna-slider .our-dna-item:first-child {
  border-top: 20px solid rgb(233, 192, 94);
}
.our-dna-section .dna-slider .our-dna-item:nth-child(3) {
  border-top: 20px solid rgb(41, 143, 194);
}
.our-dna-section .dna-slider .our-dna-item:nth-child(4) {
  border-top: 20px solid rgb(0, 56, 101);
}
.our-dna-section .dna-slider .our-dna-item:last-child {
  border-right: none;
  border-top: 20px solid rgb(213, 0, 50);
}
@media (min-width: 1200px) {
  .our-dna-section .dna-slider .our-dna-item .dna-card-body {
    display: none;
  }
}
.our-dna-section .dna-slider .our-dna-item .dna-card-body h3 {
  padding: 100px 0px 30px;
  margin: 0;
  text-transform: uppercase;
}
.our-dna-section .dna-slider .our-dna-item .dna-card-body .cta-block {
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .our-dna-section .dna-slider .our-dna-item.active {
    max-width: 100%;
  }
}
.our-dna-section .dna-slider .our-dna-item.active .dna-card-body {
  display: block;
}

.custom-application .custom-application-tab-wrapper {
  position: relative;
}
.custom-application .custom-application-tab-wrapper.padding-enabled {
  padding-left: 30px;
  padding-right: 30px;
}
.custom-application .custom-application-tab-wrapper.padding-enabled .scroll-arrow:disabled {
  opacity: 0.3;
}
.custom-application .custom-application-tab-wrapper.padding-enabled:has(.left-arrow[disabled]) {
  padding-left: 0;
}
.custom-application .custom-application-tab-wrapper.padding-enabled:has(.right-arrow[disabled]) {
  padding-right: 0;
}
.custom-application .custom-application-tab-wrapper .scroll-arrow {
  position: absolute;
  top: 0px;
  padding: 0px;
  background: transparent;
}
.custom-application .custom-application-tab-wrapper .scroll-arrow:disabled {
  display: none;
}
.custom-application .custom-application-tab-wrapper .scroll-arrow.left-arrow {
  left: 0px;
}
.custom-application .custom-application-tab-wrapper .scroll-arrow.right-arrow {
  right: 0px;
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  gap: 40px;
  padding: 0px;
  margin-top: 40px;
  scrollbar-width: none;
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav::-webkit-scrollbar {
  display: none;
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav li {
  list-style: none;
  padding-bottom: 10px;
  text-decoration: none;
  list-style-type: none;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  font-size: 12px;
  text-transform: uppercase;
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav li.active {
  border-bottom-color: #e9c05e;
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav.blue-border li.active {
  border-bottom-color: #003895;
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav.light-blue-border li.active {
  border-bottom-color: rgb(41, 143, 194);
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav.gray-border li.active {
  border-bottom-color: rgb(84, 80, 43);
}
.custom-application .custom-application-tab-wrapper .custom-application-tab-nav.red-border li.active {
  border-bottom-color: rgb(213, 0, 50);
}
.custom-application .custom-application-tab-content {
  padding-top: 60px;
}
.custom-application .custom-application-tab-content .row > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .custom-application .custom-application-tab-content .row > div:first-child {
    padding-right: 30px;
  }
  .custom-application .custom-application-tab-content .row > div:last-child {
    padding-left: 30px;
  }
}
.custom-application .custom-application-tab-content .row > div h3 {
  margin-bottom: 0;
}
.custom-application .custom-application-tab-content .row > div p, .custom-application .custom-application-tab-content .row > div .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .custom-application .custom-application-tab-content .row > div ul {
  margin-bottom: 0;
}
.custom-application .custom-application-tab-content .row > div p + p, .custom-application .custom-application-tab-content .row > div .grayhill-mission .mission-content ul + p, .grayhill-mission .mission-content .custom-application .custom-application-tab-content .row > div ul + p, .custom-application .custom-application-tab-content .row > div .grayhill-mission .mission-content p + ul, .grayhill-mission .mission-content .custom-application .custom-application-tab-content .row > div p + ul, .custom-application .custom-application-tab-content .row > div .grayhill-mission .mission-content ul + ul, .grayhill-mission .mission-content .custom-application .custom-application-tab-content .row > div ul + ul {
  margin-top: 1rem;
}
.custom-application .custom-application-tab-content .product-list a {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2;
}
.custom-application .tab-main-image img {
  max-height: 120px;
}

.bg-image-separator {
  height: 400px;
  overflow: hidden;
  position: relative;
}
.bg-image-separator img {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.proven-application {
  padding: 80px 0px;
}
@media (min-width: 1024px) {
  .proven-application {
    padding: 120px 0px;
  }
}
.proven-application .proven-application-title {
  margin-bottom: 60px;
  font-weight: 400;
}
.proven-application .proven-application-item:not(:last-child) {
  margin-bottom: 72px;
}
@media (min-width: 1024px) {
  .proven-application .proven-application-item:not(:last-child) {
    margin-bottom: 0px;
  }
}
.proven-application .proven-application-item .proven-application-innertitle {
  margin-bottom: 40px;
}
.proven-application .proven-application-item .proven-application-innertitle h4 {
  font-weight: 400;
}
.proven-application .proven-application-item .proven-application-innertitle svg {
  width: 40px;
  height: 40px;
}
.proven-application .proven-application-item .proven-application-content ul {
  margin: 0px;
  padding: 0px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.proven-application .proven-application-item .proven-application-content ul li {
  display: flex;
  gap: 10px;
  padding-left: 32px;
  position: relative;
}
.proven-application .proven-application-item .proven-application-content ul li::before {
  content: "";
  background-image: url(/wp-content/themes/grayhill/assets/images/dash-svg.svg);
  background-position: top center;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
}
.proven-application .proven-application-item .proven-application-content ul li p, .proven-application .proven-application-item .proven-application-content ul li .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .proven-application .proven-application-item .proven-application-content ul li ul {
  font-size: 16px;
}

.quality-section .qualityList-grid {
  grid-template-columns: 1fr;
  grid-template-rows: minmax(200px, 1fr) minmax(200px, 1fr) auto minmax(200px, 1fr);
}
@media (min-width: 1024px) {
  .quality-section .qualityList-grid {
    min-height: 660px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1.75fr;
  }
}
.quality-section .qualityList-grid .qualityList-item {
  overflow: hidden;
}
.quality-section .qualityList-grid .qualityList-item:nth-child(2) {
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.quality-section .qualityList-grid .qualityList-item video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quality-section .qualityList-grid .quality-symbol svg {
  width: 120px;
  height: 120px;
}
.quality-section .qualityList-grid .quality-symbol img {
  width: 120px;
}
.quality-section .qualityList-grid .qualityList-content {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 40px 20px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .quality-section .qualityList-grid .qualityList-content {
    padding: 40px 60px;
  }
}
.quality-section .qualityList-grid .qualityList-content .cta-block {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.our-team {
  padding: 80px 0;
}
.our-team .container {
  grid-gap: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1240px;
}
.our-team .team-list {
  grid-gap: 40px 10px;
}
@media (min-width: 640px) {
  .our-team .team-list {
    grid-gap: 40px;
  }
}

.people-performance {
  padding: 60px 0;
}
@media (min-width: 1200px) {
  .people-performance {
    padding: 120px 0;
  }
}
.people-performance .people-performance-list {
  display: flex;
  flex-direction: column-reverse;
  max-width: 1200px;
  gap: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list {
    gap: 80px;
    flex-direction: column;
  }
}
.people-performance .people-performance-list .people-performance-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .people-performance .people-performance-list .people-performance-row {
    flex-direction: column;
    grid-gap: 20px;
  }
}
@media (max-width: 1199px) {
  .people-performance .people-performance-list .people-performance-row:has(h2) {
    display: flex;
    flex-direction: column-reverse;
  }
}
.people-performance .people-performance-list .people-performance-row .people-performance-column {
  display: flex;
  flex-direction: column;
  gap: 100px;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}
.people-performance .people-performance-list .people-performance-row .people-performance-column .h1 {
  font-family: "Sohne Light", sans-serif;
  font-weight: 400;
}
.people-performance .people-performance-list .people-performance-row .people-performance-column .symbol-img {
  max-width: 312px;
}
@media (max-width: 1199px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column .symbol-img {
    display: none;
  }
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column.xs-small {
    max-width: 375px;
    height: 241px;
  }
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column.small {
    max-width: 406px;
    height: 312px;
  }
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column.medium {
    max-width: 520px;
    height: 351px;
  }
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column.large {
    max-width: 528px;
    height: 272px;
  }
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column.xs-large {
    max-width: 679px;
  }
  .people-performance .people-performance-list .people-performance-row .people-performance-column.xs-large .bg-cover {
    height: 359px;
  }
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column.size-46 {
    max-width: 46%;
  }
}
@media (max-width: 1199px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column .bg-cover {
    height: auto;
  }
}
.people-performance .people-performance-list .people-performance-row .people-performance-column .bg-cover img {
  display: block;
}
@media (max-width: 1199px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column .bg-cover img {
    position: static;
  }
}
.people-performance .people-performance-list .people-performance-row .people-performance-column .people-performance-img-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column .people-performance-img-group {
    grid-gap: 100px;
  }
}
@media (max-width: 1199px) {
  .people-performance .people-performance-list .people-performance-row .people-performance-column h2 br {
    display: none;
  }
}

.our-facilities-section {
  padding: 60px 0;
}
@media (min-width: 1024px) {
  .our-facilities-section {
    padding: 120px 0 80px;
  }
}
.our-facilities-section .container {
  max-width: 1240px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.our-facilities-section .section-head-box {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  align-items: flex-start;
}
.our-facilities-section .fac-card-list {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .our-facilities-section .fac-card-list {
    flex-flow: column;
    align-items: center;
  }
}
.our-facilities-section .fac-card-list .fac-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: rgb(255, 255, 255);
  padding: 20px;
}
@media (max-width: 767px) {
  .our-facilities-section .fac-card-list .fac-card {
    min-width: 280px;
  }
}
.our-facilities-section .fac-card-list .fac-card > svg {
  display: none;
  width: 280px;
  height: 280px;
  transform: rotate(180deg);
  position: absolute;
  top: 0px;
  right: 0px;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-img {
  position: relative;
  width: 100%;
  height: 240px;
}
@media (min-width: 640px) {
  .our-facilities-section .fac-card-list .fac-card .fac-card-img {
    min-width: 270px;
  }
}
@media (min-width: 1024px) {
  .our-facilities-section .fac-card-list .fac-card .fac-card-img {
    min-width: 280px;
  }
}
.our-facilities-section .fac-card-list .fac-card .fac-card-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
  color: transparent;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-title {
  font-size: 16px;
  line-height: 28px;
  font-family: "Sohne Bold", sans-serif;
}
@media (min-width: 1024px) {
  .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-title {
    font-size: 20px;
    line-height: 32px;
  }
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-info p, .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-info .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-info ul {
  font-size: 14px;
  line-height: 24px;
  overflow-wrap: break-word;
  font-family: "Sohne Light", sans-serif;
}
@media (min-width: 1024px) {
  .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-info p, .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-info .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-info ul {
    font-size: 16px;
    line-height: 28px;
  }
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-map {
  display: inline-flex;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-map a {
  font-size: 14px;
  line-height: 16px;
  font-family: "Sohne Bold", sans-serif;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-address p, .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-address .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-address ul {
  font-family: "Sohne Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-phone p, .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-phone .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-phone ul {
  font-size: 12px;
  line-height: 16px;
  color: #575656;
}
.our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-phone p a:not(:hover), .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-phone .grayhill-mission .mission-content ul a:not(:hover), .grayhill-mission .mission-content .our-facilities-section .fac-card-list .fac-card .fac-card-body .fac-card-phone ul a:not(:hover) {
  color: inherit;
}
@media (min-width: 1024px) {
  .our-facilities-section .fac-card-list .fac-card.fc-card-Width-100 {
    width: 100%;
    padding: 40px;
    flex-direction: row;
    align-items: flex-end;
    gap: 32px;
  }
  .our-facilities-section .fac-card-list .fac-card.fc-card-Width-100 svg {
    display: block;
  }
  .our-facilities-section .fac-card-list .fac-card.fc-card-Width-100 .fac-card-img {
    width: 544px;
    height: 320px;
  }
  .our-facilities-section .fac-card-list .fac-card.fc-card-Width-100 .fac-card-info {
    max-width: 544px;
  }
}
@media (min-width: 640px) {
  .our-facilities-section .fac-card-list .fac-card:not(.fc-card-Width-100) {
    max-width: calc(50% - 20px);
  }
}
@media (min-width: 1024px) {
  .our-facilities-section .fac-card-list .fac-card:not(.fc-card-Width-100) {
    max-width: calc(33.33% - 20px);
  }
}
.our-facilities-section .sectionLink {
  padding: 8px 0px;
}

.mechnical-test-sec .inner-row {
  background-color: #000;
}
.mechnical-test-sec .inner-row:not(:nth-child(even)) {
  color: #fff;
}
.mechnical-test-sec .inner-row:nth-child(even) {
  flex-direction: row-reverse;
  background-color: #eceeed;
}
@media (max-width: 639px) {
  .mechnical-test-sec .inner-row {
    flex-wrap: wrap;
  }
}
.mechnical-test-sec .left-content {
  row-gap: 35px;
}
@media (min-width: 1024px) {
  .mechnical-test-sec .left-content {
    padding: 120px 60px 60px;
    min-height: 860px;
  }
}
@media (max-width: 1024px) {
  .mechnical-test-sec .left-content {
    padding: 60px 20px;
  }
}
.mechnical-test-sec .left-content ul {
  margin: 0px;
  padding: 0px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.mechnical-test-sec .left-content ul li {
  display: flex;
  gap: 10px;
  padding-left: 32px;
  position: relative;
}
.mechnical-test-sec .left-content ul li::before {
  content: "";
  background-image: url(/wp-content/themes/grayhill/assets/images/dash-svg.svg);
  background-position: top center;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
}
.mechnical-test-sec .left-content ul li span {
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .mechnical-test-sec .left-content ul li {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 1024px) {
  .mechnical-test-sec .right-image {
    min-height: 720px;
  }
}
@media (max-width: 639px) {
  .mechnical-test-sec .right-image {
    width: 100%;
  }
}
.mechnical-test-sec .quality-symbol img {
  width: 120px;
}

.careerSection {
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .careerSection {
    padding: 120px 0;
  }
}
.careerSection .container {
  max-width: 1000px;
}
.careerSection .jobList {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 20px;
}
.careerSection .jobList .jobItem {
  padding: 40px 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .careerSection .jobList .jobItem {
    padding: 60px 100px;
    flex-direction: row;
  }
}
.careerSection .jobList .jobItem .jobCTA .sectionLink {
  text-wrap: nowrap;
}
.careerSection .jobList .jobItem .jobInfo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .careerSection .jobList .jobItem .jobInfo {
    font-size: 20px;
  }
}
.careerSection .jobList .jobItem .jobInfo .jobLocation {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-family: "Sohne Regular", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #575656;
}
@media (min-width: 1024px) {
  .careerSection .jobList .jobItem .jobInfo .jobLocation {
    font-size: 16px;
  }
}
.careerSection .jobList .jobItem .jobInfo .jobLocation svg {
  display: block;
}
.careerSection .jobList .jobItem p, .careerSection .jobList .jobItem .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .careerSection .jobList .jobItem ul {
  color: #000;
}

.filter-box {
  min-width: 286px;
}
.filter-box .filter-label-group {
  margin-bottom: 5px;
}
.filter-box label,
.filter-box .resetBtn {
  font-family: "Sohne Light", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #575656;
  text-transform: uppercase;
  display: block;
}
.filter-box .resetBtn {
  color: rgb(213, 0, 50);
  background-color: transparent;
}
.filter-box .resetBtn:not(.d-block) {
  display: none;
}
.filter-box .filter-dropdown {
  position: relative;
}
.filter-box .filter-dropdown::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #575656;
  border-right: 2px solid #575656;
  display: block;
  transform: rotate(135deg);
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  pointer-events: none;
}
.filter-box .filter-dropdown .dropDownBtn {
  width: 100%;
  border: 1px solid #575656;
  padding: 12px 34px 12px 12px;
  text-align: left;
  border-radius: 4px;
  background-color: transparent !important;
  outline: 0;
  cursor: pointer;
}
.filter-box .filter-dropdown .dropDownBtn:focus, .filter-box .filter-dropdown .dropDownBtn:focus-visible {
  box-shadow: 0 0 0 1px #000;
  border-color: #575656;
  outline: 0;
}
.filter-box .filter-dropdown .filterList {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #D0D7DB;
  margin: 0;
  padding: 0;
  z-index: 100;
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
  visibility: hidden;
  pointer-events: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.filter-box .filter-dropdown .filterList li {
  padding: 8px 12px;
  cursor: pointer;
  margin: 0;
}
.filter-box .filter-dropdown .filterList li:hover {
  background-color: #eceeed;
}
.filter-box .filter-dropdown .filterList li.active {
  background-color: #000;
  color: #fff;
}
.filter-box .filter-dropdown.open .filterList {
  visibility: visible;
  pointer-events: auto;
}

.blog-list-section {
  padding-block: 20px;
}
@media (min-width: 1024px) {
  .blog-list-section {
    padding-block: 80px;
  }
}
.blog-list-section .container {
  max-width: 1240px;
}
.blog-list-section .blog-container {
  padding-bottom: 0;
}
.blog-list-section .blog-list {
  gap: 40px 30px;
}
@media (min-width: 1024px) {
  .blog-list-section .blog-list {
    row-gap: 80px;
  }
}
.blog-list-section .blog-list .blog-card {
  gap: 4px;
}
@media (min-width: 640px) {
  .blog-list-section .blog-list .blog-card {
    width: calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
  }
}
@media (min-width: 1024px) {
  .blog-list-section .blog-list .blog-card {
    width: calc(33.3333% - 20px);
    flex: 0 0 calc(33.3333% - 20px);
  }
}
.blog-list-section .blog-list .blog-card .blog-card-img {
  position: relative;
}
.blog-list-section .blog-list .blog-card .blog-card-img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.blog-list-section .blog-list .blog-card .blog-card-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.blog-list-section .blog-list .blog-card .blog-card-body {
  gap: 4px;
  flex: initial;
  margin-top: 8px;
}
.blog-list-section .blog-list .blog-card .blog-card-body p, .blog-list-section .blog-list .blog-card .blog-card-body .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .blog-list-section .blog-list .blog-card .blog-card-body ul {
  font-family: "Sohne Bold", sans-serif;
  font-size: 20px;
  line-height: 32px;
}
.blog-list-section .blog-list .blog-card .blog-card-body .post-date {
  font-family: "Sohne Light", sans-serif;
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
}

.nav-pagination {
  display: flex;
  align-items: center;
  padding-top: 20px;
  font-family: "Sohne Bold", sans-serif;
  color: #000;
  border-top: 1px solid #cfd0d7;
  justify-content: flex-start;
  margin-top: 40px;
  gap: 10px;
}
@media (max-width: 359px) {
  .nav-pagination {
    flex-flow: column;
    justify-content: center;
    gap: 0px;
  }
}
.nav-pagination .total-pagination {
  flex: 1 1 0%;
  text-align: center;
  color: #878687;
  font-size: 16px;
  line-height: 28px;
}
.nav-pagination a {
  display: inline-flex;
  gap: 4px;
}
.nav-pagination a svg path {
  stroke: currentColor;
}
.nav-pagination button {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  display: flex;
  background-color: transparent;
  color: rgb(213, 0, 50);
  border: none;
  padding: 0px;
  font-family: "Sohne Bold", sans-serif;
  text-transform: uppercase;
  gap: 4px;
  align-items: center;
  letter-spacing: initial;
  font-size: 14px;
  line-height: 20px;
}
.nav-pagination button span {
  display: flex;
}
.nav-pagination button span svg path {
  stroke: currentColor;
}
.nav-pagination .page-next {
  margin-left: auto;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 359px) {
  .nav-pagination .page-next {
    margin-left: 0;
  }
}
.nav-pagination .page-next span {
  display: flex;
}
.nav-pagination .page-next span svg path {
  stroke: currentColor;
}
.nav-pagination .page-prev {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
}
.nav-pagination .page-prev span {
  display: flex;
}
.nav-pagination .page-prev span svg path {
  stroke: currentColor;
}
.nav-pagination .pagination {
  padding: 0;
  margin: 0;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Sohne Regular", sans-serif;
  list-style: none;
}
.nav-pagination .pagination li {
  margin: 0;
}
.nav-pagination .pagination li .page-link {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #878687;
  border-radius: 4px;
  text-decoration: none;
}
.nav-pagination .pagination li .page-link.active {
  background: rgb(213, 0, 50);
  color: #fff;
}
.nav-pagination.no-prev {
  padding-left: 140px;
}
@media (max-width: 359px) {
  .nav-pagination.no-prev {
    padding-left: 0;
  }
}
.nav-pagination.no-next {
  padding-right: 140px;
}
@media (max-width: 359px) {
  .nav-pagination.no-next {
    padding-right: 0;
  }
}

.gh-bd-main {
  margin: 35px auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .gh-bd-main {
    margin: 140px auto;
    gap: 120px;
  }
}
.gh-bd-main .blog-section {
  padding: 0;
}
@media (min-width: 1024px) {
  .gh-bd-main .blog-section .container {
    max-width: 1240px;
  }
}

.blog-details-section .container {
  gap: 40px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .blog-details-section .container {
    max-width: 1240px;
    gap: 120px;
  }
}
.blog-details-section .section-header .post-date {
  margin-bottom: 20px;
}
.blog-details-section .section-header h1 {
  margin-bottom: 32px;
}
.blog-details-section .section-header .section-subheader p, .blog-details-section .section-header .section-subheader .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .blog-details-section .section-header .section-subheader ul {
  font-size: 18px;
  line-height: 32px;
}
@media (min-width: 1024px) {
  .blog-details-section .section-header .section-subheader p, .blog-details-section .section-header .section-subheader .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .blog-details-section .section-header .section-subheader ul {
    font-size: 24px;
    line-height: 40px;
  }
}

.blog-content-container .blog-figure {
  max-height: 880px;
  overflow: hidden;
  position: relative;
}
.blog-content-container .blog-figure::before {
  content: "";
  display: block;
  padding-top: 64%;
}
.blog-content-container .blog-figure img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-position: center;
     object-position: center;
}
.blog-content-container .blog-content-inner {
  padding-top: 40px;
}
.blog-content-container .blog-content-inner > h2,
.blog-content-container .blog-content-inner h3,
.blog-content-container .blog-content-inner h4,
.blog-content-container .blog-content-inner h5,
.blog-content-container .blog-content-inner h6 {
  padding-top: 40px;
  font-size: 18px;
  line-height: 32px;
}
@media (min-width: 1024px) {
  .blog-content-container .blog-content-inner > h2,
  .blog-content-container .blog-content-inner h3,
  .blog-content-container .blog-content-inner h4,
  .blog-content-container .blog-content-inner h5,
  .blog-content-container .blog-content-inner h6 {
    font-size: 24px;
    line-height: 40px;
  }
}
.blog-content-container .blog-content-inner figure {
  margin: 0;
}
.blog-content-container .blog-content-inner img {
  display: block;
}
.blog-content-container .blog-content-inner ul,
.blog-content-container .blog-content-inner ol {
  padding: 0;
  padding-left: 25px;
  padding-bottom: 20px;
}
.blog-content-container .blog-content-inner ul li,
.blog-content-container .blog-content-inner ol li {
  margin: 0;
}
.blog-content-container .blog-content-inner p,
.blog-content-container .blog-content-inner ul,
.blog-content-container .blog-content-inner ol {
  margin: 0;
  font-size: 18px;
  line-height: 32px;
  color: #000;
}
@media (min-width: 1024px) {
  .blog-content-container .blog-content-inner p,
  .blog-content-container .blog-content-inner ul,
  .blog-content-container .blog-content-inner ol {
    font-size: 24px;
    line-height: 40px;
  }
}
.blog-content-container .blog-content-inner p a,
.blog-content-container .blog-content-inner ul a,
.blog-content-container .blog-content-inner ol a {
  display: inline;
  font-family: "Sohne Bold", sans-serif;
}
.blog-content-container .blog-content-inner > p + p, .blog-content-container .grayhill-mission .mission-content .blog-content-inner > ul + p, .grayhill-mission .mission-content .blog-content-container .blog-content-inner > ul + p, .blog-content-container .grayhill-mission .mission-content .blog-content-inner > ul + ul,
.blog-content-container .blog-content-inner p + ul,
.blog-content-container .blog-content-inner .grayhill-mission .mission-content ul + ul,
.grayhill-mission .mission-content .blog-content-container .blog-content-inner ul + ul,
.blog-content-container .blog-content-inner p + ol,
.blog-content-container .blog-content-inner .grayhill-mission .mission-content ul + ol,
.grayhill-mission .mission-content .blog-content-container .blog-content-inner ul + ol {
  padding-top: 20px;
}

.share-this-sec {
  font-family: "Sohne Bold", sans-serif;
  color: #000;
  border-top: 1px solid #c6c6c6;
  padding: 10px 0px;
}
.share-this-sec > p, .grayhill-mission .mission-content .share-this-sec > ul {
  font-size: 18px;
  line-height: 32px;
  margin: 0;
}
@media (min-width: 1024px) {
  .share-this-sec > p, .grayhill-mission .mission-content .share-this-sec > ul {
    font-size: 24px;
    line-height: 40px;
  }
}
@media (min-width: 1024px) {
  .share-this-sec {
    padding: 40px 0px;
  }
}
.share-this-sec .share-blog {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 20px;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.share-this-sec .share-blog li {
  display: inline-flex;
  cursor: pointer;
  margin: 0;
}
.share-this-sec .share-blog li .shareButton {
  background-color: transparent;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
}
.share-this-sec .share-blog li .shareButton svg path {
  fill: #000;
}
.share-this-sec .share-blog li .shareButton.sh-linkcopy {
  border-radius: 50%;
  background-color: #000;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
}
.share-this-sec .share-blog li .shareButton.sh-linkcopy svg path {
  fill: inherit;
  stroke: #fff;
}
.share-this-sec .linkCopy-box {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 40px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #00a37c;
  color: #fff;
  border-radius: 12px;
  position: fixed;
  z-index: 20;
  right: 60px;
  bottom: 60px;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
}
.share-this-sec .linkCopy-box p, .share-this-sec .linkCopy-box .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .share-this-sec .linkCopy-box ul {
  font-size: 16px;
  line-height: 28px;
  width: 100%;
  font-family: "Sohne Light", sans-serif;
}
@media (min-width: 1024px) {
  .share-this-sec .linkCopy-box p, .share-this-sec .linkCopy-box .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .share-this-sec .linkCopy-box ul {
    font-size: 20px;
    line-height: 32px;
  }
}

.touch-encoder-section {
  padding-block: 40px;
}
@media (min-width: 1024px) {
  .touch-encoder-section {
    padding-block: 120px;
  }
}
.touch-encoder-section .container {
  max-width: 1240px;
}
.touch-encoder-section .section-header {
  gap: 20px;
}
@media (min-width: 1024px) {
  .touch-encoder-section .section-header .section-subheader {
    max-width: 1050px;
  }
}
.touch-encoder-section .section-header .section-subheader h2 {
  margin-bottom: 12px;
  color: #000;
}
.touch-encoder-section .blog-container {
  margin-top: 62px;
}
.touch-encoder-section .blog-list {
  gap: 30px;
}
.touch-encoder-section .blog-list .blog-card {
  width: 270px;
  flex: 0 0 270px;
  padding: 20px;
  gap: 16px;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff;
  transition: all ease 0.3s;
}
@media (min-width: 640px) {
  .touch-encoder-section .blog-list .blog-card {
    width: 340px;
    flex: 0 0 340px;
  }
}
.touch-encoder-section .blog-list .blog-card h4 {
  color: #fff;
}
.touch-encoder-section .blog-list .blog-card:hover {
  color: rgb(213, 0, 50);
}
.touch-encoder-section .blog-list .blog-card .blog-card-img {
  height: 200px;
}
.touch-encoder-section .blog-list .blog-card .blog-card-img img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 640px) {
  .touch-encoder-section .blog-list .blog-card .blog-card-img {
    height: 240px;
  }
}

.two-img-sec {
  display: block;
  height: 400px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .two-img-sec {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .two-img-sec .img-left {
    width: 60%;
  }
}
@media (min-width: 1024px) {
  .two-img-sec .img-right {
    width: 40%;
  }
}
.two-img-sec img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1024px) {
  .two-img-sec img {
    height: 100%;
  }
}

.two-col-with-link {
  padding: 80px 20px 40px;
}
@media (min-width: 1024px) {
  .two-col-with-link {
    padding: 120px 120px 80px;
  }
}
.two-col-with-link .section-header {
  gap: 40px;
}
.two-col-with-link .text-left-sec {
  width: 80%;
}
@media (max-width: 1023px) {
  .two-col-with-link .text-left-sec {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .two-col-with-link .text-left-sec h2 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .two-col-with-link .text-left-sec h2 {
    width: 50%;
  }
}
.two-col-with-link .text-left-sec .section-subheader {
  margin-top: 12px;
  display: flex;
  flex-flow: column wrap;
  row-gap: 30px;
}
@media (min-width: 1024px) {
  .two-col-with-link .text-left-sec .section-subheader {
    flex-direction: row;
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: initial;
  }
}
@media (min-width: 1024px) {
  .two-col-with-link .text-left-sec .section-subheader p, .two-col-with-link .text-left-sec .section-subheader .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .two-col-with-link .text-left-sec .section-subheader ul {
    width: 40%;
  }
}

.key-features {
  padding: 60px 0;
}
.key-features h3 {
  font-family: "Sohne Light", sans-serif;
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
}
.key-features h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: #d50032;
}
.key-features .intro h4 {
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 15px;
}
.key-features .intro img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.key-features p, .key-features .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .key-features ul {
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .key-features p, .key-features .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .key-features ul {
    font-size: 24px;
  }
}
.key-features .vide-list p strong, .key-features .vide-list .grayhill-mission .mission-content ul strong, .grayhill-mission .mission-content .key-features .vide-list ul strong {
  display: block;
}
.key-features .vide-list p a, .key-features .vide-list .grayhill-mission .mission-content ul a, .grayhill-mission .mission-content .key-features .vide-list ul a {
  text-decoration: none;
  font-family: "Sohne Bold", sans-serif;
}

.touch-encoder-fullwidth {
  padding: 120px 0px 40px;
}
@media (min-width: 640px) {
  .touch-encoder-fullwidth {
    padding: 120px 0px 80px;
  }
}
.touch-encoder-fullwidth .sectionLink {
  font-size: 20px;
}
.touch-encoder-fullwidth .container {
  max-width: 100%;
}

.left-column-content {
  padding: 0px 20px 60px;
}
@media (min-width: 1024px) {
  .left-column-content {
    padding: 60px 60px 0px;
  }
}
.left-column-content ul {
  margin: 0px;
  padding: 0px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.left-column-content ul li {
  display: flex;
  gap: 10px;
  padding-left: 32px;
  position: relative;
}
.left-column-content ul li::before {
  content: "";
  background-image: url(/wp-content/themes/grayhill/assets/images/dash-svg.svg);
  background-position: top center;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
}

.featured-products-section {
  position: relative;
}
@media (min-width: 1024px) {
  .featured-products-section {
    padding: 60px 100px;
  }
}
.featured-products-section .container {
  max-width: 100%;
}
.featured-products-section .featured-products-title h1 {
  font-family: "Sohne Light", sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .featured-products-section .featured-products-title {
    position: absolute;
    text-align: center;
    height: 100%;
    top: 0;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.featured-products-section .featured-products-title p, .featured-products-section .featured-products-title .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .featured-products-section .featured-products-title ul {
  font-family: "Sohne Regular", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
}
@media (min-width: 1024px) {
  .featured-products-section .featured-products-title p, .featured-products-section .featured-products-title .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .featured-products-section .featured-products-title ul {
    font-size: 24px;
    line-height: 1.6667;
  }
}
.featured-products-section .featured-products-svg {
  margin-top: 60px;
}
.featured-products-section .featured-products-svg > svg {
  max-width: 100%;
  height: auto;
}
.featured-products-section .featured-products-svg .mobile-svg {
  display: none;
}
.featured-products-section .featured-products-svg .desktop-svg g.active > path,
.featured-products-section .featured-products-svg .mobile-svg g.active > path {
  fill: rgb(213, 0, 50);
}
@media (max-width: 1023px) {
  .featured-products-section .featured-products-svg {
    margin-top: 0;
    overflow: hidden;
  }
  .featured-products-section .featured-products-svg > svg {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@media (max-width: 767px) {
  .featured-products-section .featured-products-svg {
    display: flex;
    justify-content: center;
  }
  .featured-products-section .featured-products-svg .desktop-svg {
    display: none;
  }
  .featured-products-section .featured-products-svg .mobile-svg {
    display: block;
  }
}

@media (min-width: 1024px) {
  .resource-page :not(.not-resource-page) .container {
    padding: 60px 120px;
  }
}
.resource-page .title-section {
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .resource-page .title-section .title-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .resource-page .container {
    max-width: 1240px;
  }
}
.resource-page .container h1,
.resource-page .container .h1 {
  font-family: "Sohne Light", sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.resource-page .container h1:not(.mb-0),
.resource-page .container .h1:not(.mb-0) {
  margin-bottom: 0.5em;
}
@media (max-width: 1023px) {
  .resource-page .container h1,
  .resource-page .container .h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.resource-page .container .filter-btn {
  background: transparent;
  position: absolute;
  margin-top: -40px;
  right: 20px;
  min-width: 36px;
}
@media (min-width: 1024px) {
  .resource-page .container .filter-btn {
    display: none;
  }
}
.resource-page .resource-filter-sec {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
}
@media (max-width: 1024px) {
  .resource-page .resource-filter-sec {
    display: block;
    margin-bottom: 20px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 15;
    width: 360px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    transition: transform 0.5s ease-out;
    transform: translateX(100%);
    box-shadow: rgba(0, 0, 0, 0.05) -10px 0px 44px 0px;
    visibility: visible;
    margin-top: 68px;
    padding: 50px 20px;
  }
  .resource-page .resource-filter-sec.active {
    transform: translateX(0px);
  }
}
@media (max-width: 768px) {
  .resource-page .resource-filter-sec {
    width: 100%;
  }
}
.resource-page .resource-filter-sec .filter-box {
  gap: 20px;
}
@media (max-width: 1024px) {
  .resource-page .resource-filter-sec .filter-box {
    flex-direction: column;
  }
}
.resource-page .resource-filter-sec .close-btn {
  background-color: transparent;
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (min-width: 1024px) {
  .resource-page .resource-filter-sec .close-btn {
    display: none;
  }
}
.resource-page .resource-data-tbl p, .resource-page .resource-data-tbl .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .resource-page .resource-data-tbl ul {
  margin: 0px;
}
.resource-page .resource-data-tbl table {
  border: 0px;
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl table {
    display: block;
  }
}
.resource-page .resource-data-tbl table tr {
  padding: 20px 0px;
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl table tr {
    display: block;
    position: relative;
  }
}
.resource-page .resource-data-tbl table tr th {
  border: 0px;
  padding: 0px;
  padding-right: 20px;
  font-family: "Sohne Light", sans-serif;
  text-transform: uppercase;
  color: rgb(87, 86, 86);
  font-weight: 400;
  font-size: 14px;
}
.resource-page .resource-data-tbl table tr th.pdfColumn {
  min-width: 50px;
  padding-right: 10px;
}
.resource-page .resource-data-tbl table tr th button {
  background: transparent;
  display: inline-flex;
  align-items: center;
  font-family: "Sohne Light", sans-serif;
  text-transform: uppercase;
  color: rgb(87, 86, 86);
  font-weight: 400;
  font-size: 14px;
  padding: 0px;
  white-space: nowrap;
}
.resource-page .resource-data-tbl table tr th button.asce .top {
  fill: #000;
}
.resource-page .resource-data-tbl table tr th button.desc .bottom {
  fill: #000;
}
.resource-page .resource-data-tbl table tr th button.hide-shorting svg {
  display: none;
}
.resource-page .resource-data-tbl table tr td {
  border: 0px;
  padding: 0px;
}
@media (min-width: 1024px) {
  .resource-page .resource-data-tbl table tr td {
    padding: 20px 20px 20px 0px;
  }
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl table tr td {
    display: block;
  }
}
.resource-page .resource-data-tbl table tr td.pdfColumn {
  padding-right: 10px;
}
.resource-page .resource-data-tbl table tr td.pdfColumn img {
  display: block;
}
.resource-page .resource-data-tbl table tr td.loading-spinner, .resource-page .resource-data-tbl table tr td.noproduct-found {
  padding: 70px 0;
  text-align: center;
}
.resource-page .resource-data-tbl table tr td .btn-download {
  display: inline-flex;
  align-items: center;
  padding-inline: 15px;
  gap: 10px;
}
.resource-page .resource-data-tbl table tr td .btn-download svg g {
  stroke: rgb(213, 0, 50);
}
.resource-page .resource-data-tbl table tr td .btn-download:hover svg g, .resource-page .resource-data-tbl table tr td .btn-download:focus svg g {
  stroke: #fff;
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl table tr td.downloadColumn {
    margin-top: 10px;
  }
}
.resource-page .resource-data-tbl table thead tr {
  border: 0px;
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl table thead {
    display: none;
  }
}
.resource-page .resource-data-tbl table tbody {
  color: #000;
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl table tbody {
    display: block;
  }
}
.resource-page .resource-data-tbl table tbody tr {
  border-bottom: 1px solid rgb(198, 198, 198);
}
.resource-page .resource-data-tbl table tbody tr td {
  vertical-align: middle;
}
.resource-page .resource-data-tbl table tbody tr td p, .resource-page .resource-data-tbl table tbody tr td .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .resource-page .resource-data-tbl table tbody tr td ul {
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  font-family: "Sohne Light", sans-serif;
}
.resource-page .resource-data-tbl table tbody tr td p strong, .resource-page .resource-data-tbl table tbody tr td .grayhill-mission .mission-content ul strong, .grayhill-mission .mission-content .resource-page .resource-data-tbl table tbody tr td ul strong {
  font-family: "Sohne Bold", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr {
    padding: 20px 0px 20px 50px;
  }
  .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr:has(td.noproduct-found, td.loading-spinner) {
    padding: 20px 0px;
  }
}
@media (min-width: 1024px) {
  .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr td:last-child {
    text-align: right;
    padding-right: 0px;
  }
  .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr td.loading-spinner, .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr td.noproduct-found {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr td:first-child:not(.noproduct-found, .loading-spinner) {
    position: absolute;
    left: 0px;
    top: 25px;
  }
  .resource-page .resource-data-tbl:not(.not-resource-tbl) table tr td:last-child:not(.downloadColumn, .noproduct-found, .loading-spinner) {
    position: absolute;
    left: 10px;
    top: 75px;
  }
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl:not(.not-resource-tbl).model-tbl table tr {
    padding: 20px 0px 20px 70px;
  }
}
@media (max-width: 1024px) {
  .resource-page .resource-data-tbl:not(.not-resource-tbl).model-tbl table tr td:last-child {
    left: 22px;
    top: 90px;
  }
}
.resource-page .resource-data-tbl .no-rows-message p, .resource-page .resource-data-tbl .no-rows-message .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .resource-page .resource-data-tbl .no-rows-message ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: #000;
  font-size: 16px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .resource-page .resource-data-tbl .no-rows-message p, .resource-page .resource-data-tbl .no-rows-message .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .resource-page .resource-data-tbl .no-rows-message ul {
    padding-top: 40px;
    font-size: 24px;
    line-height: 40px;
    align-items: center;
    justify-content: center;
  }
}
.resource-page .custom-application .custom-application-tab-wrapper .custom-application-tab-nav {
  margin-top: 0px;
}
.resource-page #load-more {
  padding: 0.5rem 1.5rem;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: none;
  border: 1px solid transparent;
  overflow: hidden;
  transition: all 0.15s ease-out;
  border-radius: 0;
  cursor: pointer;
}

.search-input {
  position: relative;
  color: rgb(255, 255, 255);
  width: 276px;
  padding-left: 40px;
  border-bottom: 1px solid rgb(87, 86, 86);
}
@media (max-width: 1024px) {
  .search-input {
    width: 100%;
    margin-top: 20px;
  }
}
.search-input svg {
  position: absolute;
  top: 4px;
  left: 8px;
}
.search-input input {
  width: 100%;
  background-color: transparent;
  padding: 4px 0px 10px;
  outline: none;
  color: rgb(0, 0, 0);
  border: 0px;
}

.black-two-column-img {
  color: #fff;
}
.black-two-column-img p, .black-two-column-img .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .black-two-column-img ul {
  font-size: 16px;
}
.black-two-column-img .row {
  margin-left: -20px;
  margin-right: -20px;
}
.black-two-column-img .col-lg-6:first-child {
  padding: 0px;
}
@media (min-width: 1024px) {
  .black-two-column-img .col-lg-6:first-child {
    height: 860px;
  }
}
.black-two-column-img .col-lg-6:first-child img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.black-two-column-img .right-content {
  padding: 60px 20px;
}
@media (min-width: 1024px) {
  .black-two-column-img .right-content {
    padding: 60px;
  }
}

@media (min-width: 1024px) {
  .one-column-full .container {
    max-width: 1240px;
  }
}
.one-column-full p, .one-column-full .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .one-column-full ul {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .one-column-full p, .one-column-full .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .one-column-full ul {
    font-size: 24px;
  }
}
.one-column-full .full-img {
  margin-top: 40px;
}

.btn-primary {
  display: flex;
  color: #fff;
  gap: 10px;
  align-items: center;
  background: rgb(213, 0, 50);
  border: 1px solid rgb(213, 0, 50);
  width: 100%;
  justify-content: center;
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background: rgb(204, 67, 94);
}
.btn-primary:disabled {
  background-color: rgb(198, 198, 198);
  border: 1px solid rgb(198, 198, 198);
  pointer-events: none;
}
@media (min-width: 768px) {
  .btn-primary {
    display: inline-flex;
    width: auto;
  }
}

.part-number-input-wrapper {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .part-number-input-wrapper {
    flex-direction: row;
    align-items: flex-end;
  }
}
.part-number-input-wrapper .part-number-input-inner {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .part-number-input-wrapper .part-number-input-inner {
    width: 280px;
  }
}
.part-number-input-wrapper .part-number-input-inner label {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: rgb(87, 86, 86);
  display: block;
  margin-bottom: 6px;
}
.part-number-input-wrapper .part-number-input-inner input {
  padding: 12px 30px 12px 12px;
  font-size: 14px;
  max-height: 45px;
  width: 100%;
}
.part-number-input-wrapper .part-number-input-inner svg {
  position: absolute;
  top: 36px;
  right: 12px;
}
.part-number-input-wrapper .part-number-input-inner .tooltip {
  background: #1a1a1a;
  color: white;
  padding: 16px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: block;
  top: calc(100% + 10px);
  left: 0px;
  position: absolute;
}
.part-number-input-wrapper .part-number-input-inner .tooltip ul {
  margin: 0px;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .part-number-input-wrapper .part-number-input-inner .tooltip {
    display: none;
  }
}
.part-number-input-wrapper .part-number-input-inner .tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: var(--arrow-left, 40px);
  /* JS dynamically updates this */
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1a1a1a;
}

.where-to-buy-wrapper .filter-box-group .top-filter-box .dropDownItem {
  width: 100%;
}
.where-to-buy-wrapper .filter-box-group .bottom-filter-box {
  max-width: 286px;
}
.where-to-buy-wrapper .search-input {
  align-self: flex-start;
  margin-top: 20px;
}

.contact-us {
  background: rgb(236, 238, 237);
  position: relative;
  padding-bottom: 2rem;
}
.contact-us .contact-banner {
  background: url(/wp-content/uploads/2025/06/contact-us-banner-image.jpeg) no-repeat center/cover;
}
.contact-us .hero-banner::before {
  background-color: unset;
}
.contact-us .form-container {
  max-width: 40rem;
  padding: 2rem;
  margin: -5rem auto 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.contact-us .decorative-graphic {
  position: absolute;
  bottom: 0;
  left: 0;
}
.contact-us #gform_submit_button_1 {
  background-color: #999;
  padding: 1rem;
}
.contact-us .gfield_label.gform-field-label {
  text-transform: uppercase;
}

.thank-you {
  padding: 2rem;
  text-align: center;
  max-width: 50rem;
  min-height: 35rem;
  margin: 0 auto;
}
.thank-you .btn, .thank-you input[type=submit].gform_button {
  margin: 1rem;
}

#search-results {
  margin-top: 12px;
}
#search-results h2 {
  font-size: 16px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  #search-results h2 {
    font-size: 20px;
    line-height: 32px;
  }
}

.main-searchResult {
  padding: 60px 0;
}
.main-searchResult .container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.main-searchResult .no-result {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  min-height: 500px;
  padding: 40px 20px;
}
@media (min-width: 1024px) {
  .main-searchResult .no-result {
    padding: 60px 120px;
  }
}
.main-searchResult .no-result p, .main-searchResult .no-result .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .main-searchResult .no-result ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Sohne Bold", sans-serif;
}

.search-tabs {
  display: flex;
  gap: 40px;
  margin-bottom: 16px;
}
@media (max-width: 639px) {
  .search-tabs {
    gap: 12px;
  }
}
.search-tabs .tab-btn {
  padding: 0;
  padding-bottom: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  color: #000;
}
@media (max-width: 639px) {
  .search-tabs .tab-btn {
    font-size: 14px;
  }
}
.search-tabs .tab-btn.active {
  border-color: rgb(213, 0, 50);
}

.results-list {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
.results-list + h2 {
  margin-top: 50px;
}
.results-list .excerpt {
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.result-item {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .result-item {
    flex-direction: column;
  }
}
.result-item .search-item-thumb {
  width: 176px;
  flex: 0 0 176px;
  height: 124px;
  position: relative;
  overflow: hidden;
}
.result-item .search-item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.result-item h3 {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .result-item h3 {
    font-size: 20px;
    line-height: 32px;
  }
}
.result-item h3 a {
  color: #000;
}
.result-item h3 a:hover {
  text-decoration: underline;
}

.highlight {
  color: rgb(213, 0, 50);
  background-color: transparent;
  display: inline;
  font-family: "Sohne Regular", sans-serif;
}

button.view-all-btn {
  width: 176px;
  margin-top: 32px;
}
@media (max-width: 767px) {
  button.view-all-btn {
    width: 100%;
  }
}
button.view-all-btn + h2 {
  margin-top: 50px;
}

.languagePicker {
  margin-right: 15px;
  order: 3;
  margin-left: 20px;
}
.languagePicker .custom-language-switcher {
  position: relative;
  display: inline-block;
}
.languagePicker .custom-language-switcher select {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 10px;
  min-width: 100px;
}
.languagePicker .custom-language-switcher .selected-lang-code {
  padding: 0;
  display: inline-block;
  pointer-events: none;
  position: relative;
  width: 100%;
  padding-right: 20px;
}
.languagePicker .custom-language-switcher .selected-lang-code:after {
  position: absolute;
  content: "";
  background: url(/wp-content/themes/grayhill/assets/images/nav-arrow.png) no-repeat center/contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 1199px) {
  .languagePicker {
    order: 0;
    margin-left: auto;
    margin-right: 15px;
  }
}

.main-archive-grayhill-product h1,
.main-archive-grayhill-product h2,
.main-archive-grayhill-product h3,
.main-archive-grayhill-product h4,
.main-archive-grayhill-product h5,
.main-archive-grayhill-product h6 {
  text-transform: uppercase;
}
.main-archive-grayhill-product h1,
.main-archive-grayhill-product h2 {
  font-family: "Soehne-Light", sans-serif;
  font-weight: 300;
}
.main-archive-grayhill-product h2 {
  font-size: 1.75rem;
}
.main-archive-grayhill-product h4 {
  font-size: 1rem;
}
.main-archive-grayhill-product p, .main-archive-grayhill-product .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .main-archive-grayhill-product ul {
  font-size: 0.875rem;
}
.main-archive-grayhill-product .back-to-series {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.main-archive-grayhill-product .product-gallery {
  text-align: left;
}
.main-archive-grayhill-product .main-image img {
  width: 100%;
  max-width: 320px;
  height: auto;
  margin-bottom: 20px;
}
.main-archive-grayhill-product .thumbnail-gallery {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.main-archive-grayhill-product .thumbnail {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.main-archive-grayhill-product .thumbnail.active {
  border-color: rgb(213, 0, 50);
}
.main-archive-grayhill-product .product-breadcrumbs {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgb(236, 238, 237);
  color: rgb(135, 134, 135);
}
.main-archive-grayhill-product .product-breadcrumbs > span:first-of-type {
  text-transform: uppercase;
}
.main-archive-grayhill-product .product-breadcrumbs > span:last-child {
  font-weight: bold;
  color: #13222B;
  font-family: "Soehne-SemiBold", sans-serif;
}
.main-archive-grayhill-product .product-breadcrumbs > span:last-child span {
  font-family: "Soehne", sans-serif;
}
.main-archive-grayhill-product .product-breadcrumbs a {
  text-decoration: none;
}
.main-archive-grayhill-product .technical-data-list,
.main-archive-grayhill-product .drawings-list,
.main-archive-grayhill-product .downloads-list {
  list-style-type: none;
  margin: 0;
  display: grid;
  row-gap: 12px;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 120px;
       column-gap: 120px;
  padding: 40px;
}
.main-archive-grayhill-product .technical-data-list li,
.main-archive-grayhill-product .drawings-list li,
.main-archive-grayhill-product .downloads-list li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.main-archive-grayhill-product .technical-data-list li strong,
.main-archive-grayhill-product .drawings-list li strong,
.main-archive-grayhill-product .downloads-list li strong {
  font-family: "Soehne-Bold", sans-serif;
  color: black;
}
.main-archive-grayhill-product .technical-data-list.technical-data-list li,
.main-archive-grayhill-product .drawings-list.technical-data-list li,
.main-archive-grayhill-product .downloads-list.technical-data-list li {
  border-bottom: 1px solid #ddd;
}
.main-archive-grayhill-product .technical-data-list.drawings-list,
.main-archive-grayhill-product .drawings-list.drawings-list,
.main-archive-grayhill-product .downloads-list.drawings-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 80px;
}
.main-archive-grayhill-product .technical-data-list.downloads-list,
.main-archive-grayhill-product .drawings-list.downloads-list,
.main-archive-grayhill-product .downloads-list.downloads-list {
  max-width: 70%;
  display: flex;
  flex-flow: wrap;
  gap: 40px 120px;
}
.main-archive-grayhill-product .product-tabs {
  margin-top: 40px;
}
.main-archive-grayhill-product .tab-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  gap: 0 20px;
}
.main-archive-grayhill-product .tab-item {
  margin: 0;
  padding-bottom: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  margin-right: 5px;
  text-transform: uppercase;
}
.main-archive-grayhill-product .tab-item.active {
  border-bottom: 2px solid rgb(213, 0, 50);
}
.main-archive-grayhill-product .tab-pane {
  display: none;
}
.main-archive-grayhill-product .tab-pane.active {
  display: block;
}
.main-archive-grayhill-product .btn-primary,
.main-archive-grayhill-product .btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 42px;
  padding: 10px 24px;
  gap: 10px;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
}
.main-archive-grayhill-product .btn-primary {
  background-color: rgb(213, 0, 50);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(213, 0, 50);
}
.main-archive-grayhill-product .btn-primary:hover, .main-archive-grayhill-product .btn-primary:focus {
  background-color: rgb(204, 67, 94);
  color: white;
}
.main-archive-grayhill-product .btn-secondary {
  background-color: transparent;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
}
.main-archive-grayhill-product .btn-secondary:hover, .main-archive-grayhill-product .btn-secondary:focus {
  background-color: rgb(0, 0, 0);
  color: white;
}
.main-archive-grayhill-product .product-table {
  border: none;
}
.main-archive-grayhill-product .product-table tr,
.main-archive-grayhill-product .product-table th,
.main-archive-grayhill-product .product-table td {
  border: none;
}
.main-archive-grayhill-product .product-table tr {
  border-bottom: 1px solid #ddd;
}
.main-archive-grayhill-product .product-table thead tr {
  border-bottom: none;
}
.main-archive-grayhill-product .product-table .product-cell {
  display: flex;
  align-items: center;
}
.main-archive-grayhill-product .grandchild-category-div {
  flex-basis: 200px;
}
.main-archive-grayhill-product .grandchild-category-parent {
  font-family: "Soehne", sans-serif;
  color: rgb(135, 134, 135);
  padding: 0px 8px;
  font-size: 12px;
  line-height: 16px;
}
.main-archive-grayhill-product .grandchild-category-link {
  text-decoration: none !important;
  color: #13222B;
  transition: all 0.15s ease-out;
  display: block;
}
.main-archive-grayhill-product .grandchild-category-link:hover {
  color: rgb(213, 0, 50);
}
.main-archive-grayhill-product .grandchild-category-title {
  font-family: "Soehne", sans-serif;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: rgb(236, 238, 237);
  padding: 4px 8px;
  font-size: 16px;
  line-height: 28px;
}
.main-archive-grayhill-product .grandchild-category-title span {
  font-weight: bold;
  font-family: "Soehne-SemiBold", sans-serif;
}
.main-archive-grayhill-product .grandchild-category-count {
  font-family: "Soehne", sans-serif;
  color: rgb(87, 86, 86);
  padding: 0px 8px;
  font-size: 14px;
  line-height: 16px;
}
.main-archive-grayhill-product .sibling-categories {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "Soehne", sans-serif;
  color: rgb(87, 86, 86);
  font-size: 14px;
  line-height: 16px;
}
.main-archive-grayhill-product .sibling-categories li {
  padding: 12px 40px;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Soehne-SemiBold", sans-serif;
  font-weight: 600;
  color: #13222B;
}
.main-archive-grayhill-product .sibling-categories li.active {
  border-left: 4px solid rgb(213, 0, 50);
  background-color: rgb(236, 238, 237);
}
.main-archive-grayhill-product .sibling-categories li a {
  text-decoration: none;
  color: #13222B;
}
.main-archive-grayhill-product .child-categories {
  margin-bottom: 90px;
}
.main-archive-grayhill-product .child-category {
  margin-bottom: 30px;
}
.main-archive-grayhill-product .child-category a {
  font-family: "Soehne-SemiBold", sans-serif;
  font-weight: 600;
}
.main-archive-grayhill-product .see-products-link {
  text-transform: uppercase;
  font-size: 0.875rem;
}
.main-archive-grayhill-product .see-products-link svg {
  vertical-align: text-bottom;
}
@media screen and (min-width: 1024px) {
  .main-archive-grayhill-product h2 {
    font-size: 40px;
  }
  .main-archive-grayhill-product p, .main-archive-grayhill-product .grayhill-mission .mission-content ul, .grayhill-mission .mission-content .main-archive-grayhill-product ul {
    font-size: 1rem;
  }
}/*# sourceMappingURL=main.css.map */