/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 992px) {
  header .nav-container .main-nav .items {
    gap: 1.38rem;
  }
}
header .nav-container .main-nav .items .item-append {
  gap: 0.75rem;
}
@media (max-width: 991px) {
  header .nav-container .main-nav .items .item-append {
    gap: 0.75rem;
  }
}
header .nav-container .main-nav .items .item-append a {
  font-weight: 700;
}
@media (max-width: 991px) {
  header .nav-container .main-nav .items .item-append .cta:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  header .nav-container .main-nav .items .item-append .cta.icon {
    padding: 0.65625rem;
  }
  header .nav-container .main-nav .items .item-append .cta.icon i {
    font-size: 1.125rem;
  }
}
header:not(.open) {
  box-shadow: var(--box-shadow);
}
@media (max-width: 991px) {
  header .nav-container {
    --bs-gutter-x: .62rem;
    --trigger-width: 1.7025rem;
  }
  header .nav-container .main-nav .logo {
    transition: margin-bottom var(--transition);
  }
  header .nav-container .main-nav .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .nav-container .main-nav .logo img.desktop {
    display: none;
  }
  header .nav-container .main-nav .logo img.mobile:not(.insignia) {
    z-index: 2;
  }
  header .nav-container .main-nav .logo img.mobile.insignia {
    position: absolute;
    z-index: 1;
    opacity: 0;
    width: 73%;
    margin-left: 5px;
  }
  header .nav-container .main-nav .items {
    position: relative;
  }
  header .nav-container .main-nav .items nav {
    top: calc(var(--nav-height));
  }
  header .nav-container .main-nav .items .item-append {
    width: calc(100% - var(--trigger-width));
    right: var(--trigger-width);
  }
  header .nav-container .main-nav .items .item-append .buttons-desktop {
    display: none;
  }
  header .nav-container .main-nav .items .item-append .buttons-mobile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.44rem;
  }
  header .nav-container .main-nav .items .item-append .buttons-mobile .left, header .nav-container .main-nav .items .item-append .buttons-mobile .right {
    display: flex;
    align-items: center;
    gap: 0.44rem;
  }
  header .nav-container .main-nav .items .item-append .buttons-mobile .left .show-open, header .nav-container .main-nav .items .item-append .buttons-mobile .right .show-open {
    display: none;
  }
  header .nav-container .main-nav .items .item-append .buttons-mobile .left a, header .nav-container .main-nav .items .item-append .buttons-mobile .right a {
    padding: 0.58rem 1rem;
    font-size: 0.875rem;
    line-height: normal;
  }
  header .nav-container .main-nav .items .item-append .buttons-mobile .left a:has(i), header .nav-container .main-nav .items .item-append .buttons-mobile .right a:has(i) {
    font-size: 1.25rem;
    line-height: 1;
    padding: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43.53px;
    width: 43.53px;
  }
  header .nav-container .main-nav .items .mobile-nav-trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    height: var(--nav-height);
    width: var(--trigger-width);
  }
  header.open .nav-container .main-nav .logo {
    left: 0px;
    transition: 0s !important;
  }
  header.open .nav-container .main-nav .logo img.mobile:not(.insignia) {
    opacity: 0;
  }
  header.open .nav-container .main-nav .logo img.insignia {
    opacity: 1;
  }
  header.open .nav-container .main-nav .items .item-append .buttons-mobile {
    justify-content: end;
  }
  header.open .nav-container .main-nav .items .item-append .buttons-mobile .left {
    display: none;
  }
  header.open .nav-container .main-nav .items .item-append .buttons-mobile .show-open {
    display: block;
  }
  header.open .nav-container .main-nav .items .item-append .buttons-mobile .show-close {
    display: none;
  }
  header.scrolled .nav-container .main-nav .logo {
    --nav-logo-offset: 0rem !important;
    transition: margin-bottom var(--transition);
    left: 0px;
    transition: 0s !important;
  }
  header.scrolled .nav-container .main-nav .logo img.mobile:not(.insignia) {
    opacity: 0;
  }
  header.scrolled .nav-container .main-nav .logo img.insignia {
    opacity: 1;
  }
  header.scrolled .nav-container .main-nav .items nav {
    top: var(--nav-height) !important;
  }
  header.scrolled .nav-container .main-nav .items .item-append .buttons-mobile {
    justify-content: flex-end;
  }
  header.scrolled:not(.open) .nav-container .main-nav .logo {
    --nav-logo-offset: -0.8rem;
  }
}
@media (min-width: 992px) {
  header .nav-container .main-nav .logo img.desktop:not(.logo-short) {
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity var(--transition);
  }
  header .nav-container .main-nav .logo img.logo-short {
    z-index: 1;
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    transition: opacity 0s ease-in 0.3s;
  }
  header .nav-container .main-nav .logo img.mobile {
    display: none;
  }
  header .nav-container .main-nav .items .item-append .buttons-mobile {
    display: none;
  }
  header .nav-container .main-nav .items .item-append .buttons-desktop {
    display: flex;
    gap: 0.75rem;
  }
  header.scrolled .nav-container .main-nav .logo img.desktop:not(.logo-short) {
    opacity: 0;
  }
  header.scrolled .nav-container .main-nav .logo img.logo-short {
    opacity: 1;
    transition: opacity 0s;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  header .nav-container .main-nav .items nav {
    flex-direction: column;
    justify-content: flex-end;
    top: calc(var(--top-bar, 0px) + var(--nav-height));
    background: var(--light);
  }
  header .nav-container .main-nav .items nav ul.level-1 {
    flex-grow: 1;
    position: static;
    width: 100%;
    margin: 0;
    --padding-x: 1.38rem;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li {
    padding: 0 var(--padding-x);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li:not(:first-child) > a {
    border-top: 1px solid var(--quinary-60);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li:has(a.parent.open) {
    padding: 0;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a {
    font-weight: 600;
    padding: 1.3rem 0;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent {
    font-weight: 600;
    color: var(--dark);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent i {
    color: var(--primary);
    padding: 1rem;
    margin: -1rem;
    display: flex;
    align-items: center;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.open {
    color: var(--secondary);
    background: var(--quinary-30);
    padding: 1.3rem var(--padding-x);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.open i {
    color: var(--secondary) !important;
    transform: rotate(0.5turn);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.open + .level-2 {
    padding-left: var(--padding-x);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.mega {
    padding: 0;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a:not(:first-of-type) {
    border-top: 1px solid var(--quinary-60);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li .level-2 {
    margin: 0;
    padding-left: 0px;
  }
  header .nav-container .main-nav .items nav .nav-bar {
    background-color: var(--quinary-30);
    padding: 1.375rem;
    display: flex;
    justify-content: space-between;
  }
  header .nav-container .main-nav .items nav .nav-bar .location-change {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
  }
  header .nav-container .main-nav .items nav .nav-bar .location-change i {
    color: var(--primary);
    font-size: 1rem;
    margin-right: 0.375rem;
  }
  header .nav-container .main-nav .items nav .nav-bar .location-change a {
    color: var(--secondary);
    display: inline;
    margin-left: 0.24rem;
  }
  header .nav-container .main-nav .items nav .nav-bar .location-change a:hover {
    color: var(--primary);
  }
  header.open .nav-container .main-nav .items nav {
    height: calc(100vh - var(--top-bar, 0px) - var(--nav-height));
    box-shadow: inset 0px 4px 20px -12px rgba(0, 23, 73, 0.2);
  }
  header.open .nav-container .main-nav .items nav ul.level-1 {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  header.open.scrolled .nav-container .main-nav .items nav {
    height: calc(100vh - var(--nav-height));
    top: calc(var(--nav-height));
  }
}
@media (min-width: 992px) {
  header .nav-container .main-nav .items nav .nav-bar {
    display: none;
  }
  header .nav-container .main-nav .items nav ul.level-1 {
    gap: 1.38rem;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a {
    font-weight: 600;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent {
    font-weight: 600;
    color: var(--dark);
    gap: 0.375rem;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent i.fa-angle-down {
    color: var(--secondary) !important;
    transition: transform var(--transition);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.over, header .nav-container .main-nav .items nav ul.level-1 > li > a.parent:hover {
    color: var(--secondary) !important;
  }
  header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.over i, header .nav-container .main-nav .items nav ul.level-1 > li > a.parent:hover i {
    transform: rotate(0.5turn);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li.mega > .level-2 {
    position: fixed;
    top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar, 0px));
    left: 0;
    width: 100vw;
    padding: 0;
    transition: top var(--transition);
    box-shadow: var(--header-box-shadow-no-top);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li.mega > .level-2 .mega-nav-dropdown {
    width: 100%;
    box-shadow: var(--header-box-shadow-inset);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li ul.level-2 {
    border-radius: 0;
    width: 9.81rem;
    box-shadow: var(--box-shadow);
  }
  header .nav-container .main-nav .items nav ul.level-1 > li ul.level-2 .mega-nav-dropdown {
    width: 100%;
  }
  header.scrolled .nav-container .main-nav .items nav .level-1 > li.mega > .level-2 {
    top: calc(var(--nav-height) - 1px);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.h-show-tert-nav .tert-nav {
  background: linear-gradient(278deg, rgba(184, 218, 238, 0.7) 6.27%, rgba(244, 244, 244, 0.3) 93.4%);
}
body.h-show-tert-nav .tert-nav a {
  padding: 0;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper {
  height: var(--nav-tert-desktop-height);
  overflow: hidden;
  --tert-gap: 1.25rem;
  display: flex;
  gap: var(--tert-gap);
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  body.h-show-tert-nav .tert-nav .container .tert-wrapper {
    height: var(--nav-tert-mobile-height);
  }
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .location-change {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .location-change i {
  color: var(--primary);
  font-size: 1rem;
  margin-right: 0.375rem;
  margin-top: -2px;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .location-change a {
  color: var(--secondary);
  display: inline;
  margin-left: 0.24rem;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .location-change a:hover {
  color: var(--primary);
  background-color: unset;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: var(--tert-gap);
  list-style-type: none;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a {
  height: unset;
  padding: 0;
  font-size: 0.875rem;
  font-family: var(--font-secondary);
  font-weight: 400;
  gap: 0.62rem;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a:hover {
  background: transparent;
}
body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul:last-child li:last-child a::after {
  content: "";
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.btn {
  border-radius: var(--btn-radius);
  white-space: normal;
  padding: 0.8125rem 1.6875rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 2px;
  font-family: var(--font-secondary);
  line-height: normal;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02rem;
  font-size: 1rem;
}
.btn.btn-primary {
  color: var(--light);
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn.btn-primary:hover, .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary.focus, .btn.btn-primary:focus {
  color: var(--light);
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}
.btn.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
  background: transparent;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-outline-primary.focus, .btn.btn-outline-primary.btn-outline-primary:focus {
  color: var(--light);
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}
.btn.btn-outline-primary:hover i, .btn.btn-outline-primary:not(:disabled):not(.disabled).active i, .btn.btn-outline-primary:not(:disabled):not(.disabled):active i, .btn.btn-outline-primary.focus i, .btn.btn-outline-primary.btn-outline-primary:focus i {
  color: var(--light);
}
.btn.btn-outline-primary i {
  color: var(--primary);
}
.btn.btn-secondary {
  color: var(--light);
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn.btn-secondary:hover, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.focus, .btn.btn-secondary:focus {
  color: var(--light);
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}
.btn.btn-outline-secondary {
  color: var(--secondary);
  border-color: var(--secondary);
  background: transparent;
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-outline-secondary.focus, .btn.btn-outline-secondary.btn-outline-secondary:focus {
  color: var(--light);
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}
.btn.btn-outline-secondary:hover i, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active i, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active i, .btn.btn-outline-secondary.focus i, .btn.btn-outline-secondary.btn-outline-secondary:focus i {
  color: var(--light);
}
.btn.btn-outline-secondary i {
  color: var(--secondary);
}
.btn.btn-tertiary {
  color: var(--light);
  background-color: var(--tertiary);
  border-color: var(--tertiary);
}
.btn.btn-tertiary:hover, .btn.btn-tertiary:not(:disabled):not(.disabled).active, .btn.btn-tertiary:not(:disabled):not(.disabled):active, .btn.btn-tertiary.focus, .btn.btn-tertiary:focus {
  color: var(--light);
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
}
.btn.btn-outline-tertiary {
  color: var(--tertiary);
  border-color: var(--tertiary);
  background: transparent;
}
.btn.btn-outline-tertiary:hover, .btn.btn-outline-tertiary:not(:disabled):not(.disabled).active, .btn.btn-outline-tertiary:not(:disabled):not(.disabled):active, .btn.btn-outline-tertiary.focus, .btn.btn-outline-tertiary.btn-outline-tertiary:focus {
  color: var(--light);
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
}
.btn.btn-outline-tertiary:hover i, .btn.btn-outline-tertiary:not(:disabled):not(.disabled).active i, .btn.btn-outline-tertiary:not(:disabled):not(.disabled):active i, .btn.btn-outline-tertiary.focus i, .btn.btn-outline-tertiary.btn-outline-tertiary:focus i {
  color: var(--light);
}
.btn.btn-outline-tertiary i {
  color: var(--tertiary);
}
.btn.btn-quaternary {
  color: var(--light);
  background-color: var(--quaternary);
  border-color: var(--quaternary);
}
.btn.btn-quaternary:hover, .btn.btn-quaternary:not(:disabled):not(.disabled).active, .btn.btn-quaternary:not(:disabled):not(.disabled):active, .btn.btn-quaternary.focus, .btn.btn-quaternary:focus {
  color: var(--light);
  background-color: var(--quaternary);
  border-color: var(--quaternary);
  box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
}
.btn.btn-outline-quaternary {
  color: var(--quaternary);
  border-color: var(--quaternary);
  background: transparent;
}
.btn.btn-outline-quaternary:hover, .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active, .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-outline-quaternary.focus, .btn.btn-outline-quaternary.btn-outline-quaternary:focus {
  color: var(--light);
  background-color: var(--quaternary);
  border-color: var(--quaternary);
  box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
}
.btn.btn-outline-quaternary:hover i, .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active i, .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active i, .btn.btn-outline-quaternary.focus i, .btn.btn-outline-quaternary.btn-outline-quaternary:focus i {
  color: var(--light);
}
.btn.btn-outline-quaternary i {
  color: var(--quaternary);
}
.btn.btn-quinary {
  color: var(--light);
  background-color: var(--quinary);
  border-color: var(--quinary);
}
.btn.btn-quinary:hover, .btn.btn-quinary:not(:disabled):not(.disabled).active, .btn.btn-quinary:not(:disabled):not(.disabled):active, .btn.btn-quinary.focus, .btn.btn-quinary:focus {
  color: var(--light);
  background-color: var(--quinary);
  border-color: var(--quinary);
  box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
}
.btn.btn-outline-quinary {
  color: var(--quinary);
  border-color: var(--quinary);
  background: transparent;
}
.btn.btn-outline-quinary:hover, .btn.btn-outline-quinary:not(:disabled):not(.disabled).active, .btn.btn-outline-quinary:not(:disabled):not(.disabled):active, .btn.btn-outline-quinary.focus, .btn.btn-outline-quinary.btn-outline-quinary:focus {
  color: var(--light);
  background-color: var(--quinary);
  border-color: var(--quinary);
  box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
}
.btn.btn-outline-quinary:hover i, .btn.btn-outline-quinary:not(:disabled):not(.disabled).active i, .btn.btn-outline-quinary:not(:disabled):not(.disabled):active i, .btn.btn-outline-quinary.focus i, .btn.btn-outline-quinary.btn-outline-quinary:focus i {
  color: var(--light);
}
.btn.btn-outline-quinary i {
  color: var(--quinary);
}
.btn.btn-senary {
  color: var(--light);
  background-color: var(--senary);
  border-color: var(--senary);
}
.btn.btn-senary:hover, .btn.btn-senary:not(:disabled):not(.disabled).active, .btn.btn-senary:not(:disabled):not(.disabled):active, .btn.btn-senary.focus, .btn.btn-senary:focus {
  color: var(--light);
  background-color: var(--senary);
  border-color: var(--senary);
  box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
}
.btn.btn-outline-senary {
  color: var(--senary);
  border-color: var(--senary);
  background: transparent;
}
.btn.btn-outline-senary:hover, .btn.btn-outline-senary:not(:disabled):not(.disabled).active, .btn.btn-outline-senary:not(:disabled):not(.disabled):active, .btn.btn-outline-senary.focus, .btn.btn-outline-senary.btn-outline-senary:focus {
  color: var(--light);
  background-color: var(--senary);
  border-color: var(--senary);
  box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
}
.btn.btn-outline-senary:hover i, .btn.btn-outline-senary:not(:disabled):not(.disabled).active i, .btn.btn-outline-senary:not(:disabled):not(.disabled):active i, .btn.btn-outline-senary.focus i, .btn.btn-outline-senary.btn-outline-senary:focus i {
  color: var(--light);
}
.btn.btn-outline-senary i {
  color: var(--senary);
}
.btn.btn-light {
  color: var(--secondary);
  background-color: var(--light);
  border-color: var(--light);
}
.btn.btn-light:hover, .btn.btn-light:not(:disabled):not(.disabled).active, .btn.btn-light:not(:disabled):not(.disabled):active, .btn.btn-light.focus, .btn.btn-light:focus {
  color: var(--secondary);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.btn.btn-outline-light {
  color: var(--light);
  border-color: var(--light);
  background: transparent;
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:not(:disabled):not(.disabled).active, .btn.btn-outline-light:not(:disabled):not(.disabled):active, .btn.btn-outline-light.focus, .btn.btn-outline-light.btn-outline-light:focus {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.btn.btn-outline-light:hover i, .btn.btn-outline-light:not(:disabled):not(.disabled).active i, .btn.btn-outline-light:not(:disabled):not(.disabled):active i, .btn.btn-outline-light.focus i, .btn.btn-outline-light.btn-outline-light:focus i {
  color: var(--dark);
}
.btn.btn-outline-light i {
  color: var(--light);
}
.btn.btn-gray {
  color: var(--light);
  background-color: var(--gray);
  border-color: var(--gray);
}
.btn.btn-gray:hover, .btn.btn-gray:not(:disabled):not(.disabled).active, .btn.btn-gray:not(:disabled):not(.disabled):active, .btn.btn-gray.focus, .btn.btn-gray:focus {
  color: var(--light);
  background-color: var(--gray);
  border-color: var(--gray);
  box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
}
.btn.btn-outline-gray {
  color: var(--gray);
  border-color: var(--gray);
  background: transparent;
}
.btn.btn-outline-gray:hover, .btn.btn-outline-gray:not(:disabled):not(.disabled).active, .btn.btn-outline-gray:not(:disabled):not(.disabled):active, .btn.btn-outline-gray.focus, .btn.btn-outline-gray.btn-outline-gray:focus {
  color: var(--light);
  background-color: var(--gray);
  border-color: var(--gray);
  box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
}
.btn.btn-outline-gray:hover i, .btn.btn-outline-gray:not(:disabled):not(.disabled).active i, .btn.btn-outline-gray:not(:disabled):not(.disabled):active i, .btn.btn-outline-gray.focus i, .btn.btn-outline-gray.btn-outline-gray:focus i {
  color: var(--light);
}
.btn.btn-outline-gray i {
  color: var(--gray);
}
.btn.btn-dark {
  color: var(--light);
  background-color: var(--dark);
  border-color: var(--dark);
}
.btn.btn-dark:hover, .btn.btn-dark:not(:disabled):not(.disabled).active, .btn.btn-dark:not(:disabled):not(.disabled):active, .btn.btn-dark.focus, .btn.btn-dark:focus {
  color: var(--light);
  background-color: var(--dark);
  border-color: var(--dark);
  box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
}
.btn.btn-outline-dark {
  color: var(--dark);
  border-color: var(--dark);
  background: transparent;
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:not(:disabled):not(.disabled).active, .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-outline-dark.focus, .btn.btn-outline-dark.btn-outline-dark:focus {
  color: var(--light);
  background-color: var(--dark);
  border-color: var(--dark);
  box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
}
.btn.btn-outline-dark:hover i, .btn.btn-outline-dark:not(:disabled):not(.disabled).active i, .btn.btn-outline-dark:not(:disabled):not(.disabled):active i, .btn.btn-outline-dark.focus i, .btn.btn-outline-dark.btn-outline-dark:focus i {
  color: var(--light);
}
.btn.btn-outline-dark i {
  color: var(--dark);
}
.btn.btn-dark-gray {
  color: var(--light);
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-dark-gray.focus, .btn.btn-dark-gray:focus {
  color: var(--light);
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
  box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
}
.btn.btn-outline-dark-gray {
  color: var(--dark-gray);
  border-color: var(--dark-gray);
  background: transparent;
}
.btn.btn-outline-dark-gray:hover, .btn.btn-outline-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-outline-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-outline-dark-gray.focus, .btn.btn-outline-dark-gray.btn-outline-dark-gray:focus {
  color: var(--light);
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
  box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
}
.btn.btn-outline-dark-gray:hover i, .btn.btn-outline-dark-gray:not(:disabled):not(.disabled).active i, .btn.btn-outline-dark-gray:not(:disabled):not(.disabled):active i, .btn.btn-outline-dark-gray.focus i, .btn.btn-outline-dark-gray.btn-outline-dark-gray:focus i {
  color: var(--light);
}
.btn.btn-outline-dark-gray i {
  color: var(--dark-gray);
}
@media (min-width: 576px) {
  .btn.btn-sm-primary {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn.btn-sm-primary:hover, .btn.btn-sm-primary:not(:disabled):not(.disabled).active, .btn.btn-sm-primary:not(:disabled):not(.disabled):active, .btn.btn-sm-primary.focus, .btn.btn-sm-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-sm-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
  }
  .btn.btn-sm-outline-primary:hover, .btn.btn-sm-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-primary.focus, .btn.btn-sm-outline-primary.btn-sm-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-sm-outline-primary:hover i, .btn.btn-sm-outline-primary:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-primary:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-primary.focus i, .btn.btn-sm-outline-primary.btn-sm-outline-primary:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-primary i {
    color: var(--primary);
  }
  .btn.btn-sm-secondary {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn.btn-sm-secondary:hover, .btn.btn-sm-secondary:not(:disabled):not(.disabled).active, .btn.btn-sm-secondary:not(:disabled):not(.disabled):active, .btn.btn-sm-secondary.focus, .btn.btn-sm-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-sm-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    background: transparent;
  }
  .btn.btn-sm-outline-secondary:hover, .btn.btn-sm-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-secondary.focus, .btn.btn-sm-outline-secondary.btn-sm-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-sm-outline-secondary:hover i, .btn.btn-sm-outline-secondary:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-secondary:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-secondary.focus i, .btn.btn-sm-outline-secondary.btn-sm-outline-secondary:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-secondary i {
    color: var(--secondary);
  }
  .btn.btn-sm-tertiary {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn.btn-sm-tertiary:hover, .btn.btn-sm-tertiary:not(:disabled):not(.disabled).active, .btn.btn-sm-tertiary:not(:disabled):not(.disabled):active, .btn.btn-sm-tertiary.focus, .btn.btn-sm-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-sm-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    background: transparent;
  }
  .btn.btn-sm-outline-tertiary:hover, .btn.btn-sm-outline-tertiary:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-tertiary:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-tertiary.focus, .btn.btn-sm-outline-tertiary.btn-sm-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-sm-outline-tertiary:hover i, .btn.btn-sm-outline-tertiary:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-tertiary:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-tertiary.focus i, .btn.btn-sm-outline-tertiary.btn-sm-outline-tertiary:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-tertiary i {
    color: var(--tertiary);
  }
  .btn.btn-sm-quaternary {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn.btn-sm-quaternary:hover, .btn.btn-sm-quaternary:not(:disabled):not(.disabled).active, .btn.btn-sm-quaternary:not(:disabled):not(.disabled):active, .btn.btn-sm-quaternary.focus, .btn.btn-sm-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-sm-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    background: transparent;
  }
  .btn.btn-sm-outline-quaternary:hover, .btn.btn-sm-outline-quaternary:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-quaternary.focus, .btn.btn-sm-outline-quaternary.btn-sm-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-sm-outline-quaternary:hover i, .btn.btn-sm-outline-quaternary:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-quaternary:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-quaternary.focus i, .btn.btn-sm-outline-quaternary.btn-sm-outline-quaternary:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-quaternary i {
    color: var(--quaternary);
  }
  .btn.btn-sm-quinary {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn.btn-sm-quinary:hover, .btn.btn-sm-quinary:not(:disabled):not(.disabled).active, .btn.btn-sm-quinary:not(:disabled):not(.disabled):active, .btn.btn-sm-quinary.focus, .btn.btn-sm-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-sm-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    background: transparent;
  }
  .btn.btn-sm-outline-quinary:hover, .btn.btn-sm-outline-quinary:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-quinary:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-quinary.focus, .btn.btn-sm-outline-quinary.btn-sm-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-sm-outline-quinary:hover i, .btn.btn-sm-outline-quinary:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-quinary:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-quinary.focus i, .btn.btn-sm-outline-quinary.btn-sm-outline-quinary:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-quinary i {
    color: var(--quinary);
  }
  .btn.btn-sm-senary {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn.btn-sm-senary:hover, .btn.btn-sm-senary:not(:disabled):not(.disabled).active, .btn.btn-sm-senary:not(:disabled):not(.disabled):active, .btn.btn-sm-senary.focus, .btn.btn-sm-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-sm-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    background: transparent;
  }
  .btn.btn-sm-outline-senary:hover, .btn.btn-sm-outline-senary:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-senary:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-senary.focus, .btn.btn-sm-outline-senary.btn-sm-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-sm-outline-senary:hover i, .btn.btn-sm-outline-senary:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-senary:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-senary.focus i, .btn.btn-sm-outline-senary.btn-sm-outline-senary:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-senary i {
    color: var(--senary);
  }
  .btn.btn-sm-light {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn.btn-sm-light:hover, .btn.btn-sm-light:not(:disabled):not(.disabled).active, .btn.btn-sm-light:not(:disabled):not(.disabled):active, .btn.btn-sm-light.focus, .btn.btn-sm-light:focus {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-sm-outline-light {
    color: var(--light);
    border-color: var(--light);
    background: transparent;
  }
  .btn.btn-sm-outline-light:hover, .btn.btn-sm-outline-light:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-light:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-light.focus, .btn.btn-sm-outline-light.btn-sm-outline-light:focus {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-sm-outline-light:hover i, .btn.btn-sm-outline-light:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-light:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-light.focus i, .btn.btn-sm-outline-light.btn-sm-outline-light:focus i {
    color: var(--dark);
  }
  .btn.btn-sm-outline-light i {
    color: var(--light);
  }
  .btn.btn-sm-gray {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn.btn-sm-gray:hover, .btn.btn-sm-gray:not(:disabled):not(.disabled).active, .btn.btn-sm-gray:not(:disabled):not(.disabled):active, .btn.btn-sm-gray.focus, .btn.btn-sm-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-sm-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    background: transparent;
  }
  .btn.btn-sm-outline-gray:hover, .btn.btn-sm-outline-gray:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-gray:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-gray.focus, .btn.btn-sm-outline-gray.btn-sm-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-sm-outline-gray:hover i, .btn.btn-sm-outline-gray:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-gray:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-gray.focus i, .btn.btn-sm-outline-gray.btn-sm-outline-gray:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-gray i {
    color: var(--gray);
  }
  .btn.btn-sm-dark {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn.btn-sm-dark:hover, .btn.btn-sm-dark:not(:disabled):not(.disabled).active, .btn.btn-sm-dark:not(:disabled):not(.disabled):active, .btn.btn-sm-dark.focus, .btn.btn-sm-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-sm-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    background: transparent;
  }
  .btn.btn-sm-outline-dark:hover, .btn.btn-sm-outline-dark:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-dark.focus, .btn.btn-sm-outline-dark.btn-sm-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-sm-outline-dark:hover i, .btn.btn-sm-outline-dark:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-dark:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-dark.focus i, .btn.btn-sm-outline-dark.btn-sm-outline-dark:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-dark i {
    color: var(--dark);
  }
  .btn.btn-sm-dark-gray {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn.btn-sm-dark-gray:hover, .btn.btn-sm-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-sm-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-sm-dark-gray.focus, .btn.btn-sm-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-sm-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    background: transparent;
  }
  .btn.btn-sm-outline-dark-gray:hover, .btn.btn-sm-outline-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-sm-outline-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-sm-outline-dark-gray.focus, .btn.btn-sm-outline-dark-gray.btn-sm-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-sm-outline-dark-gray:hover i, .btn.btn-sm-outline-dark-gray:not(:disabled):not(.disabled).active i, .btn.btn-sm-outline-dark-gray:not(:disabled):not(.disabled):active i, .btn.btn-sm-outline-dark-gray.focus i, .btn.btn-sm-outline-dark-gray.btn-sm-outline-dark-gray:focus i {
    color: var(--light);
  }
  .btn.btn-sm-outline-dark-gray i {
    color: var(--dark-gray);
  }
}
@media (min-width: 768px) {
  .btn.btn-md-primary {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn.btn-md-primary:hover, .btn.btn-md-primary:not(:disabled):not(.disabled).active, .btn.btn-md-primary:not(:disabled):not(.disabled):active, .btn.btn-md-primary.focus, .btn.btn-md-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-md-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
  }
  .btn.btn-md-outline-primary:hover, .btn.btn-md-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-md-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-md-outline-primary.focus, .btn.btn-md-outline-primary.btn-md-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-md-outline-primary:hover i, .btn.btn-md-outline-primary:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-primary:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-primary.focus i, .btn.btn-md-outline-primary.btn-md-outline-primary:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-primary i {
    color: var(--primary);
  }
  .btn.btn-md-secondary {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn.btn-md-secondary:hover, .btn.btn-md-secondary:not(:disabled):not(.disabled).active, .btn.btn-md-secondary:not(:disabled):not(.disabled):active, .btn.btn-md-secondary.focus, .btn.btn-md-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-md-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    background: transparent;
  }
  .btn.btn-md-outline-secondary:hover, .btn.btn-md-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-md-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-md-outline-secondary.focus, .btn.btn-md-outline-secondary.btn-md-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-md-outline-secondary:hover i, .btn.btn-md-outline-secondary:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-secondary:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-secondary.focus i, .btn.btn-md-outline-secondary.btn-md-outline-secondary:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-secondary i {
    color: var(--secondary);
  }
  .btn.btn-md-tertiary {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn.btn-md-tertiary:hover, .btn.btn-md-tertiary:not(:disabled):not(.disabled).active, .btn.btn-md-tertiary:not(:disabled):not(.disabled):active, .btn.btn-md-tertiary.focus, .btn.btn-md-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-md-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    background: transparent;
  }
  .btn.btn-md-outline-tertiary:hover, .btn.btn-md-outline-tertiary:not(:disabled):not(.disabled).active, .btn.btn-md-outline-tertiary:not(:disabled):not(.disabled):active, .btn.btn-md-outline-tertiary.focus, .btn.btn-md-outline-tertiary.btn-md-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-md-outline-tertiary:hover i, .btn.btn-md-outline-tertiary:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-tertiary:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-tertiary.focus i, .btn.btn-md-outline-tertiary.btn-md-outline-tertiary:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-tertiary i {
    color: var(--tertiary);
  }
  .btn.btn-md-quaternary {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn.btn-md-quaternary:hover, .btn.btn-md-quaternary:not(:disabled):not(.disabled).active, .btn.btn-md-quaternary:not(:disabled):not(.disabled):active, .btn.btn-md-quaternary.focus, .btn.btn-md-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-md-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    background: transparent;
  }
  .btn.btn-md-outline-quaternary:hover, .btn.btn-md-outline-quaternary:not(:disabled):not(.disabled).active, .btn.btn-md-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-md-outline-quaternary.focus, .btn.btn-md-outline-quaternary.btn-md-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-md-outline-quaternary:hover i, .btn.btn-md-outline-quaternary:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-quaternary:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-quaternary.focus i, .btn.btn-md-outline-quaternary.btn-md-outline-quaternary:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-quaternary i {
    color: var(--quaternary);
  }
  .btn.btn-md-quinary {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn.btn-md-quinary:hover, .btn.btn-md-quinary:not(:disabled):not(.disabled).active, .btn.btn-md-quinary:not(:disabled):not(.disabled):active, .btn.btn-md-quinary.focus, .btn.btn-md-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-md-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    background: transparent;
  }
  .btn.btn-md-outline-quinary:hover, .btn.btn-md-outline-quinary:not(:disabled):not(.disabled).active, .btn.btn-md-outline-quinary:not(:disabled):not(.disabled):active, .btn.btn-md-outline-quinary.focus, .btn.btn-md-outline-quinary.btn-md-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-md-outline-quinary:hover i, .btn.btn-md-outline-quinary:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-quinary:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-quinary.focus i, .btn.btn-md-outline-quinary.btn-md-outline-quinary:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-quinary i {
    color: var(--quinary);
  }
  .btn.btn-md-senary {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn.btn-md-senary:hover, .btn.btn-md-senary:not(:disabled):not(.disabled).active, .btn.btn-md-senary:not(:disabled):not(.disabled):active, .btn.btn-md-senary.focus, .btn.btn-md-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-md-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    background: transparent;
  }
  .btn.btn-md-outline-senary:hover, .btn.btn-md-outline-senary:not(:disabled):not(.disabled).active, .btn.btn-md-outline-senary:not(:disabled):not(.disabled):active, .btn.btn-md-outline-senary.focus, .btn.btn-md-outline-senary.btn-md-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-md-outline-senary:hover i, .btn.btn-md-outline-senary:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-senary:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-senary.focus i, .btn.btn-md-outline-senary.btn-md-outline-senary:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-senary i {
    color: var(--senary);
  }
  .btn.btn-md-light {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn.btn-md-light:hover, .btn.btn-md-light:not(:disabled):not(.disabled).active, .btn.btn-md-light:not(:disabled):not(.disabled):active, .btn.btn-md-light.focus, .btn.btn-md-light:focus {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-md-outline-light {
    color: var(--light);
    border-color: var(--light);
    background: transparent;
  }
  .btn.btn-md-outline-light:hover, .btn.btn-md-outline-light:not(:disabled):not(.disabled).active, .btn.btn-md-outline-light:not(:disabled):not(.disabled):active, .btn.btn-md-outline-light.focus, .btn.btn-md-outline-light.btn-md-outline-light:focus {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-md-outline-light:hover i, .btn.btn-md-outline-light:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-light:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-light.focus i, .btn.btn-md-outline-light.btn-md-outline-light:focus i {
    color: var(--dark);
  }
  .btn.btn-md-outline-light i {
    color: var(--light);
  }
  .btn.btn-md-gray {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn.btn-md-gray:hover, .btn.btn-md-gray:not(:disabled):not(.disabled).active, .btn.btn-md-gray:not(:disabled):not(.disabled):active, .btn.btn-md-gray.focus, .btn.btn-md-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-md-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    background: transparent;
  }
  .btn.btn-md-outline-gray:hover, .btn.btn-md-outline-gray:not(:disabled):not(.disabled).active, .btn.btn-md-outline-gray:not(:disabled):not(.disabled):active, .btn.btn-md-outline-gray.focus, .btn.btn-md-outline-gray.btn-md-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-md-outline-gray:hover i, .btn.btn-md-outline-gray:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-gray:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-gray.focus i, .btn.btn-md-outline-gray.btn-md-outline-gray:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-gray i {
    color: var(--gray);
  }
  .btn.btn-md-dark {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn.btn-md-dark:hover, .btn.btn-md-dark:not(:disabled):not(.disabled).active, .btn.btn-md-dark:not(:disabled):not(.disabled):active, .btn.btn-md-dark.focus, .btn.btn-md-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-md-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    background: transparent;
  }
  .btn.btn-md-outline-dark:hover, .btn.btn-md-outline-dark:not(:disabled):not(.disabled).active, .btn.btn-md-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-md-outline-dark.focus, .btn.btn-md-outline-dark.btn-md-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-md-outline-dark:hover i, .btn.btn-md-outline-dark:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-dark:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-dark.focus i, .btn.btn-md-outline-dark.btn-md-outline-dark:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-dark i {
    color: var(--dark);
  }
  .btn.btn-md-dark-gray {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn.btn-md-dark-gray:hover, .btn.btn-md-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-md-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-md-dark-gray.focus, .btn.btn-md-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-md-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    background: transparent;
  }
  .btn.btn-md-outline-dark-gray:hover, .btn.btn-md-outline-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-md-outline-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-md-outline-dark-gray.focus, .btn.btn-md-outline-dark-gray.btn-md-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-md-outline-dark-gray:hover i, .btn.btn-md-outline-dark-gray:not(:disabled):not(.disabled).active i, .btn.btn-md-outline-dark-gray:not(:disabled):not(.disabled):active i, .btn.btn-md-outline-dark-gray.focus i, .btn.btn-md-outline-dark-gray.btn-md-outline-dark-gray:focus i {
    color: var(--light);
  }
  .btn.btn-md-outline-dark-gray i {
    color: var(--dark-gray);
  }
}
@media (min-width: 992px) {
  .btn.btn-lg-primary {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn.btn-lg-primary:hover, .btn.btn-lg-primary:not(:disabled):not(.disabled).active, .btn.btn-lg-primary:not(:disabled):not(.disabled):active, .btn.btn-lg-primary.focus, .btn.btn-lg-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-lg-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
  }
  .btn.btn-lg-outline-primary:hover, .btn.btn-lg-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-primary.focus, .btn.btn-lg-outline-primary.btn-lg-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-lg-outline-primary:hover i, .btn.btn-lg-outline-primary:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-primary:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-primary.focus i, .btn.btn-lg-outline-primary.btn-lg-outline-primary:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-primary i {
    color: var(--primary);
  }
  .btn.btn-lg-secondary {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn.btn-lg-secondary:hover, .btn.btn-lg-secondary:not(:disabled):not(.disabled).active, .btn.btn-lg-secondary:not(:disabled):not(.disabled):active, .btn.btn-lg-secondary.focus, .btn.btn-lg-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-lg-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    background: transparent;
  }
  .btn.btn-lg-outline-secondary:hover, .btn.btn-lg-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-secondary.focus, .btn.btn-lg-outline-secondary.btn-lg-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-lg-outline-secondary:hover i, .btn.btn-lg-outline-secondary:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-secondary:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-secondary.focus i, .btn.btn-lg-outline-secondary.btn-lg-outline-secondary:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-secondary i {
    color: var(--secondary);
  }
  .btn.btn-lg-tertiary {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn.btn-lg-tertiary:hover, .btn.btn-lg-tertiary:not(:disabled):not(.disabled).active, .btn.btn-lg-tertiary:not(:disabled):not(.disabled):active, .btn.btn-lg-tertiary.focus, .btn.btn-lg-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-lg-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    background: transparent;
  }
  .btn.btn-lg-outline-tertiary:hover, .btn.btn-lg-outline-tertiary:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-tertiary:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-tertiary.focus, .btn.btn-lg-outline-tertiary.btn-lg-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-lg-outline-tertiary:hover i, .btn.btn-lg-outline-tertiary:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-tertiary:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-tertiary.focus i, .btn.btn-lg-outline-tertiary.btn-lg-outline-tertiary:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-tertiary i {
    color: var(--tertiary);
  }
  .btn.btn-lg-quaternary {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn.btn-lg-quaternary:hover, .btn.btn-lg-quaternary:not(:disabled):not(.disabled).active, .btn.btn-lg-quaternary:not(:disabled):not(.disabled):active, .btn.btn-lg-quaternary.focus, .btn.btn-lg-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-lg-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    background: transparent;
  }
  .btn.btn-lg-outline-quaternary:hover, .btn.btn-lg-outline-quaternary:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-quaternary.focus, .btn.btn-lg-outline-quaternary.btn-lg-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-lg-outline-quaternary:hover i, .btn.btn-lg-outline-quaternary:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-quaternary:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-quaternary.focus i, .btn.btn-lg-outline-quaternary.btn-lg-outline-quaternary:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-quaternary i {
    color: var(--quaternary);
  }
  .btn.btn-lg-quinary {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn.btn-lg-quinary:hover, .btn.btn-lg-quinary:not(:disabled):not(.disabled).active, .btn.btn-lg-quinary:not(:disabled):not(.disabled):active, .btn.btn-lg-quinary.focus, .btn.btn-lg-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-lg-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    background: transparent;
  }
  .btn.btn-lg-outline-quinary:hover, .btn.btn-lg-outline-quinary:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-quinary:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-quinary.focus, .btn.btn-lg-outline-quinary.btn-lg-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-lg-outline-quinary:hover i, .btn.btn-lg-outline-quinary:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-quinary:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-quinary.focus i, .btn.btn-lg-outline-quinary.btn-lg-outline-quinary:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-quinary i {
    color: var(--quinary);
  }
  .btn.btn-lg-senary {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn.btn-lg-senary:hover, .btn.btn-lg-senary:not(:disabled):not(.disabled).active, .btn.btn-lg-senary:not(:disabled):not(.disabled):active, .btn.btn-lg-senary.focus, .btn.btn-lg-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-lg-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    background: transparent;
  }
  .btn.btn-lg-outline-senary:hover, .btn.btn-lg-outline-senary:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-senary:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-senary.focus, .btn.btn-lg-outline-senary.btn-lg-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-lg-outline-senary:hover i, .btn.btn-lg-outline-senary:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-senary:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-senary.focus i, .btn.btn-lg-outline-senary.btn-lg-outline-senary:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-senary i {
    color: var(--senary);
  }
  .btn.btn-lg-light {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn.btn-lg-light:hover, .btn.btn-lg-light:not(:disabled):not(.disabled).active, .btn.btn-lg-light:not(:disabled):not(.disabled):active, .btn.btn-lg-light.focus, .btn.btn-lg-light:focus {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-lg-outline-light {
    color: var(--light);
    border-color: var(--light);
    background: transparent;
  }
  .btn.btn-lg-outline-light:hover, .btn.btn-lg-outline-light:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-light:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-light.focus, .btn.btn-lg-outline-light.btn-lg-outline-light:focus {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-lg-outline-light:hover i, .btn.btn-lg-outline-light:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-light:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-light.focus i, .btn.btn-lg-outline-light.btn-lg-outline-light:focus i {
    color: var(--dark);
  }
  .btn.btn-lg-outline-light i {
    color: var(--light);
  }
  .btn.btn-lg-gray {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn.btn-lg-gray:hover, .btn.btn-lg-gray:not(:disabled):not(.disabled).active, .btn.btn-lg-gray:not(:disabled):not(.disabled):active, .btn.btn-lg-gray.focus, .btn.btn-lg-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-lg-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    background: transparent;
  }
  .btn.btn-lg-outline-gray:hover, .btn.btn-lg-outline-gray:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-gray:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-gray.focus, .btn.btn-lg-outline-gray.btn-lg-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-lg-outline-gray:hover i, .btn.btn-lg-outline-gray:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-gray:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-gray.focus i, .btn.btn-lg-outline-gray.btn-lg-outline-gray:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-gray i {
    color: var(--gray);
  }
  .btn.btn-lg-dark {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn.btn-lg-dark:hover, .btn.btn-lg-dark:not(:disabled):not(.disabled).active, .btn.btn-lg-dark:not(:disabled):not(.disabled):active, .btn.btn-lg-dark.focus, .btn.btn-lg-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-lg-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    background: transparent;
  }
  .btn.btn-lg-outline-dark:hover, .btn.btn-lg-outline-dark:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-dark.focus, .btn.btn-lg-outline-dark.btn-lg-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-lg-outline-dark:hover i, .btn.btn-lg-outline-dark:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-dark:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-dark.focus i, .btn.btn-lg-outline-dark.btn-lg-outline-dark:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-dark i {
    color: var(--dark);
  }
  .btn.btn-lg-dark-gray {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn.btn-lg-dark-gray:hover, .btn.btn-lg-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-lg-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-lg-dark-gray.focus, .btn.btn-lg-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-lg-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    background: transparent;
  }
  .btn.btn-lg-outline-dark-gray:hover, .btn.btn-lg-outline-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-lg-outline-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-lg-outline-dark-gray.focus, .btn.btn-lg-outline-dark-gray.btn-lg-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-lg-outline-dark-gray:hover i, .btn.btn-lg-outline-dark-gray:not(:disabled):not(.disabled).active i, .btn.btn-lg-outline-dark-gray:not(:disabled):not(.disabled):active i, .btn.btn-lg-outline-dark-gray.focus i, .btn.btn-lg-outline-dark-gray.btn-lg-outline-dark-gray:focus i {
    color: var(--light);
  }
  .btn.btn-lg-outline-dark-gray i {
    color: var(--dark-gray);
  }
}
@media (min-width: 1200px) {
  .btn.btn-xl-primary {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn.btn-xl-primary:hover, .btn.btn-xl-primary:not(:disabled):not(.disabled).active, .btn.btn-xl-primary:not(:disabled):not(.disabled):active, .btn.btn-xl-primary.focus, .btn.btn-xl-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-xl-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
  }
  .btn.btn-xl-outline-primary:hover, .btn.btn-xl-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-primary.focus, .btn.btn-xl-outline-primary.btn-xl-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-xl-outline-primary:hover i, .btn.btn-xl-outline-primary:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-primary:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-primary.focus i, .btn.btn-xl-outline-primary.btn-xl-outline-primary:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-primary i {
    color: var(--primary);
  }
  .btn.btn-xl-secondary {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn.btn-xl-secondary:hover, .btn.btn-xl-secondary:not(:disabled):not(.disabled).active, .btn.btn-xl-secondary:not(:disabled):not(.disabled):active, .btn.btn-xl-secondary.focus, .btn.btn-xl-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-xl-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    background: transparent;
  }
  .btn.btn-xl-outline-secondary:hover, .btn.btn-xl-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-secondary.focus, .btn.btn-xl-outline-secondary.btn-xl-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-xl-outline-secondary:hover i, .btn.btn-xl-outline-secondary:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-secondary:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-secondary.focus i, .btn.btn-xl-outline-secondary.btn-xl-outline-secondary:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-secondary i {
    color: var(--secondary);
  }
  .btn.btn-xl-tertiary {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn.btn-xl-tertiary:hover, .btn.btn-xl-tertiary:not(:disabled):not(.disabled).active, .btn.btn-xl-tertiary:not(:disabled):not(.disabled):active, .btn.btn-xl-tertiary.focus, .btn.btn-xl-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-xl-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    background: transparent;
  }
  .btn.btn-xl-outline-tertiary:hover, .btn.btn-xl-outline-tertiary:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-tertiary:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-tertiary.focus, .btn.btn-xl-outline-tertiary.btn-xl-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-xl-outline-tertiary:hover i, .btn.btn-xl-outline-tertiary:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-tertiary:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-tertiary.focus i, .btn.btn-xl-outline-tertiary.btn-xl-outline-tertiary:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-tertiary i {
    color: var(--tertiary);
  }
  .btn.btn-xl-quaternary {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn.btn-xl-quaternary:hover, .btn.btn-xl-quaternary:not(:disabled):not(.disabled).active, .btn.btn-xl-quaternary:not(:disabled):not(.disabled):active, .btn.btn-xl-quaternary.focus, .btn.btn-xl-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-xl-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    background: transparent;
  }
  .btn.btn-xl-outline-quaternary:hover, .btn.btn-xl-outline-quaternary:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-quaternary.focus, .btn.btn-xl-outline-quaternary.btn-xl-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-xl-outline-quaternary:hover i, .btn.btn-xl-outline-quaternary:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-quaternary:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-quaternary.focus i, .btn.btn-xl-outline-quaternary.btn-xl-outline-quaternary:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-quaternary i {
    color: var(--quaternary);
  }
  .btn.btn-xl-quinary {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn.btn-xl-quinary:hover, .btn.btn-xl-quinary:not(:disabled):not(.disabled).active, .btn.btn-xl-quinary:not(:disabled):not(.disabled):active, .btn.btn-xl-quinary.focus, .btn.btn-xl-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-xl-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    background: transparent;
  }
  .btn.btn-xl-outline-quinary:hover, .btn.btn-xl-outline-quinary:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-quinary:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-quinary.focus, .btn.btn-xl-outline-quinary.btn-xl-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-xl-outline-quinary:hover i, .btn.btn-xl-outline-quinary:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-quinary:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-quinary.focus i, .btn.btn-xl-outline-quinary.btn-xl-outline-quinary:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-quinary i {
    color: var(--quinary);
  }
  .btn.btn-xl-senary {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn.btn-xl-senary:hover, .btn.btn-xl-senary:not(:disabled):not(.disabled).active, .btn.btn-xl-senary:not(:disabled):not(.disabled):active, .btn.btn-xl-senary.focus, .btn.btn-xl-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-xl-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    background: transparent;
  }
  .btn.btn-xl-outline-senary:hover, .btn.btn-xl-outline-senary:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-senary:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-senary.focus, .btn.btn-xl-outline-senary.btn-xl-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-xl-outline-senary:hover i, .btn.btn-xl-outline-senary:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-senary:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-senary.focus i, .btn.btn-xl-outline-senary.btn-xl-outline-senary:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-senary i {
    color: var(--senary);
  }
  .btn.btn-xl-light {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn.btn-xl-light:hover, .btn.btn-xl-light:not(:disabled):not(.disabled).active, .btn.btn-xl-light:not(:disabled):not(.disabled):active, .btn.btn-xl-light.focus, .btn.btn-xl-light:focus {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-xl-outline-light {
    color: var(--light);
    border-color: var(--light);
    background: transparent;
  }
  .btn.btn-xl-outline-light:hover, .btn.btn-xl-outline-light:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-light:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-light.focus, .btn.btn-xl-outline-light.btn-xl-outline-light:focus {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-xl-outline-light:hover i, .btn.btn-xl-outline-light:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-light:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-light.focus i, .btn.btn-xl-outline-light.btn-xl-outline-light:focus i {
    color: var(--dark);
  }
  .btn.btn-xl-outline-light i {
    color: var(--light);
  }
  .btn.btn-xl-gray {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn.btn-xl-gray:hover, .btn.btn-xl-gray:not(:disabled):not(.disabled).active, .btn.btn-xl-gray:not(:disabled):not(.disabled):active, .btn.btn-xl-gray.focus, .btn.btn-xl-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-xl-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    background: transparent;
  }
  .btn.btn-xl-outline-gray:hover, .btn.btn-xl-outline-gray:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-gray:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-gray.focus, .btn.btn-xl-outline-gray.btn-xl-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-xl-outline-gray:hover i, .btn.btn-xl-outline-gray:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-gray:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-gray.focus i, .btn.btn-xl-outline-gray.btn-xl-outline-gray:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-gray i {
    color: var(--gray);
  }
  .btn.btn-xl-dark {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn.btn-xl-dark:hover, .btn.btn-xl-dark:not(:disabled):not(.disabled).active, .btn.btn-xl-dark:not(:disabled):not(.disabled):active, .btn.btn-xl-dark.focus, .btn.btn-xl-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-xl-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    background: transparent;
  }
  .btn.btn-xl-outline-dark:hover, .btn.btn-xl-outline-dark:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-dark.focus, .btn.btn-xl-outline-dark.btn-xl-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-xl-outline-dark:hover i, .btn.btn-xl-outline-dark:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-dark:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-dark.focus i, .btn.btn-xl-outline-dark.btn-xl-outline-dark:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-dark i {
    color: var(--dark);
  }
  .btn.btn-xl-dark-gray {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn.btn-xl-dark-gray:hover, .btn.btn-xl-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-xl-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-xl-dark-gray.focus, .btn.btn-xl-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-xl-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    background: transparent;
  }
  .btn.btn-xl-outline-dark-gray:hover, .btn.btn-xl-outline-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-xl-outline-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-xl-outline-dark-gray.focus, .btn.btn-xl-outline-dark-gray.btn-xl-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-xl-outline-dark-gray:hover i, .btn.btn-xl-outline-dark-gray:not(:disabled):not(.disabled).active i, .btn.btn-xl-outline-dark-gray:not(:disabled):not(.disabled):active i, .btn.btn-xl-outline-dark-gray.focus i, .btn.btn-xl-outline-dark-gray.btn-xl-outline-dark-gray:focus i {
    color: var(--light);
  }
  .btn.btn-xl-outline-dark-gray i {
    color: var(--dark-gray);
  }
}
@media (min-width: 1400px) {
  .btn.btn-xxl-primary {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn.btn-xxl-primary:hover, .btn.btn-xxl-primary:not(:disabled):not(.disabled).active, .btn.btn-xxl-primary:not(:disabled):not(.disabled):active, .btn.btn-xxl-primary.focus, .btn.btn-xxl-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-xxl-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
  }
  .btn.btn-xxl-outline-primary:hover, .btn.btn-xxl-outline-primary:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-primary.focus, .btn.btn-xxl-outline-primary.btn-xxl-outline-primary:focus {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
  }
  .btn.btn-xxl-outline-primary:hover i, .btn.btn-xxl-outline-primary:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-primary:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-primary.focus i, .btn.btn-xxl-outline-primary.btn-xxl-outline-primary:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-primary i {
    color: var(--primary);
  }
  .btn.btn-xxl-secondary {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }
  .btn.btn-xxl-secondary:hover, .btn.btn-xxl-secondary:not(:disabled):not(.disabled).active, .btn.btn-xxl-secondary:not(:disabled):not(.disabled):active, .btn.btn-xxl-secondary.focus, .btn.btn-xxl-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-xxl-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
    background: transparent;
  }
  .btn.btn-xxl-outline-secondary:hover, .btn.btn-xxl-outline-secondary:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-secondary.focus, .btn.btn-xxl-outline-secondary.btn-xxl-outline-secondary:focus {
    color: var(--light);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
  }
  .btn.btn-xxl-outline-secondary:hover i, .btn.btn-xxl-outline-secondary:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-secondary:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-secondary.focus i, .btn.btn-xxl-outline-secondary.btn-xxl-outline-secondary:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-secondary i {
    color: var(--secondary);
  }
  .btn.btn-xxl-tertiary {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
  }
  .btn.btn-xxl-tertiary:hover, .btn.btn-xxl-tertiary:not(:disabled):not(.disabled).active, .btn.btn-xxl-tertiary:not(:disabled):not(.disabled):active, .btn.btn-xxl-tertiary.focus, .btn.btn-xxl-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-xxl-outline-tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary);
    background: transparent;
  }
  .btn.btn-xxl-outline-tertiary:hover, .btn.btn-xxl-outline-tertiary:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-tertiary:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-tertiary.focus, .btn.btn-xxl-outline-tertiary.btn-xxl-outline-tertiary:focus {
    color: var(--light);
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent);
  }
  .btn.btn-xxl-outline-tertiary:hover i, .btn.btn-xxl-outline-tertiary:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-tertiary:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-tertiary.focus i, .btn.btn-xxl-outline-tertiary.btn-xxl-outline-tertiary:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-tertiary i {
    color: var(--tertiary);
  }
  .btn.btn-xxl-quaternary {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
  }
  .btn.btn-xxl-quaternary:hover, .btn.btn-xxl-quaternary:not(:disabled):not(.disabled).active, .btn.btn-xxl-quaternary:not(:disabled):not(.disabled):active, .btn.btn-xxl-quaternary.focus, .btn.btn-xxl-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-xxl-outline-quaternary {
    color: var(--quaternary);
    border-color: var(--quaternary);
    background: transparent;
  }
  .btn.btn-xxl-outline-quaternary:hover, .btn.btn-xxl-outline-quaternary:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-quaternary:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-quaternary.focus, .btn.btn-xxl-outline-quaternary.btn-xxl-outline-quaternary:focus {
    color: var(--light);
    background-color: var(--quaternary);
    border-color: var(--quaternary);
    box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent);
  }
  .btn.btn-xxl-outline-quaternary:hover i, .btn.btn-xxl-outline-quaternary:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-quaternary:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-quaternary.focus i, .btn.btn-xxl-outline-quaternary.btn-xxl-outline-quaternary:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-quaternary i {
    color: var(--quaternary);
  }
  .btn.btn-xxl-quinary {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
  }
  .btn.btn-xxl-quinary:hover, .btn.btn-xxl-quinary:not(:disabled):not(.disabled).active, .btn.btn-xxl-quinary:not(:disabled):not(.disabled):active, .btn.btn-xxl-quinary.focus, .btn.btn-xxl-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-xxl-outline-quinary {
    color: var(--quinary);
    border-color: var(--quinary);
    background: transparent;
  }
  .btn.btn-xxl-outline-quinary:hover, .btn.btn-xxl-outline-quinary:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-quinary:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-quinary.focus, .btn.btn-xxl-outline-quinary.btn-xxl-outline-quinary:focus {
    color: var(--light);
    background-color: var(--quinary);
    border-color: var(--quinary);
    box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent);
  }
  .btn.btn-xxl-outline-quinary:hover i, .btn.btn-xxl-outline-quinary:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-quinary:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-quinary.focus i, .btn.btn-xxl-outline-quinary.btn-xxl-outline-quinary:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-quinary i {
    color: var(--quinary);
  }
  .btn.btn-xxl-senary {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
  }
  .btn.btn-xxl-senary:hover, .btn.btn-xxl-senary:not(:disabled):not(.disabled).active, .btn.btn-xxl-senary:not(:disabled):not(.disabled):active, .btn.btn-xxl-senary.focus, .btn.btn-xxl-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-xxl-outline-senary {
    color: var(--senary);
    border-color: var(--senary);
    background: transparent;
  }
  .btn.btn-xxl-outline-senary:hover, .btn.btn-xxl-outline-senary:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-senary:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-senary.focus, .btn.btn-xxl-outline-senary.btn-xxl-outline-senary:focus {
    color: var(--light);
    background-color: var(--senary);
    border-color: var(--senary);
    box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent);
  }
  .btn.btn-xxl-outline-senary:hover i, .btn.btn-xxl-outline-senary:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-senary:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-senary.focus i, .btn.btn-xxl-outline-senary.btn-xxl-outline-senary:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-senary i {
    color: var(--senary);
  }
  .btn.btn-xxl-light {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
  }
  .btn.btn-xxl-light:hover, .btn.btn-xxl-light:not(:disabled):not(.disabled).active, .btn.btn-xxl-light:not(:disabled):not(.disabled):active, .btn.btn-xxl-light.focus, .btn.btn-xxl-light:focus {
    color: var(--secondary);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-xxl-outline-light {
    color: var(--light);
    border-color: var(--light);
    background: transparent;
  }
  .btn.btn-xxl-outline-light:hover, .btn.btn-xxl-outline-light:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-light:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-light.focus, .btn.btn-xxl-outline-light.btn-xxl-outline-light:focus {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
  }
  .btn.btn-xxl-outline-light:hover i, .btn.btn-xxl-outline-light:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-light:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-light.focus i, .btn.btn-xxl-outline-light.btn-xxl-outline-light:focus i {
    color: var(--dark);
  }
  .btn.btn-xxl-outline-light i {
    color: var(--light);
  }
  .btn.btn-xxl-gray {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
  }
  .btn.btn-xxl-gray:hover, .btn.btn-xxl-gray:not(:disabled):not(.disabled).active, .btn.btn-xxl-gray:not(:disabled):not(.disabled):active, .btn.btn-xxl-gray.focus, .btn.btn-xxl-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-xxl-outline-gray {
    color: var(--gray);
    border-color: var(--gray);
    background: transparent;
  }
  .btn.btn-xxl-outline-gray:hover, .btn.btn-xxl-outline-gray:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-gray:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-gray.focus, .btn.btn-xxl-outline-gray.btn-xxl-outline-gray:focus {
    color: var(--light);
    background-color: var(--gray);
    border-color: var(--gray);
    box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent);
  }
  .btn.btn-xxl-outline-gray:hover i, .btn.btn-xxl-outline-gray:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-gray:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-gray.focus i, .btn.btn-xxl-outline-gray.btn-xxl-outline-gray:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-gray i {
    color: var(--gray);
  }
  .btn.btn-xxl-dark {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
  }
  .btn.btn-xxl-dark:hover, .btn.btn-xxl-dark:not(:disabled):not(.disabled).active, .btn.btn-xxl-dark:not(:disabled):not(.disabled):active, .btn.btn-xxl-dark.focus, .btn.btn-xxl-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-xxl-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
    background: transparent;
  }
  .btn.btn-xxl-outline-dark:hover, .btn.btn-xxl-outline-dark:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-dark.focus, .btn.btn-xxl-outline-dark.btn-xxl-outline-dark:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent);
  }
  .btn.btn-xxl-outline-dark:hover i, .btn.btn-xxl-outline-dark:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-dark:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-dark.focus i, .btn.btn-xxl-outline-dark.btn-xxl-outline-dark:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-dark i {
    color: var(--dark);
  }
  .btn.btn-xxl-dark-gray {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
  }
  .btn.btn-xxl-dark-gray:hover, .btn.btn-xxl-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-xxl-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-xxl-dark-gray.focus, .btn.btn-xxl-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-xxl-outline-dark-gray {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
    background: transparent;
  }
  .btn.btn-xxl-outline-dark-gray:hover, .btn.btn-xxl-outline-dark-gray:not(:disabled):not(.disabled).active, .btn.btn-xxl-outline-dark-gray:not(:disabled):not(.disabled):active, .btn.btn-xxl-outline-dark-gray.focus, .btn.btn-xxl-outline-dark-gray.btn-xxl-outline-dark-gray:focus {
    color: var(--light);
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent);
  }
  .btn.btn-xxl-outline-dark-gray:hover i, .btn.btn-xxl-outline-dark-gray:not(:disabled):not(.disabled).active i, .btn.btn-xxl-outline-dark-gray:not(:disabled):not(.disabled):active i, .btn.btn-xxl-outline-dark-gray.focus i, .btn.btn-xxl-outline-dark-gray.btn-xxl-outline-dark-gray:focus i {
    color: var(--light);
  }
  .btn.btn-xxl-outline-dark-gray i {
    color: var(--dark-gray);
  }
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-dark, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark {
  color: var(--light);
  border-color: var(--light);
  background: transparent;
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-dark:hover, .bg-dark:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled).active, .bg-dark:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .bg-dark:not(:has(.well-el)) .btn.btn-outline-dark.focus, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark:hover, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled).active, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark.focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark:hover, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled).active, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark.focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark:hover, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark:not(:disabled):not(.disabled).active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark.focus {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-dark:hover i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled).active i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled):active i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-dark.focus i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark:hover i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled).active i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled):active i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark.focus i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark:hover i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled).active i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark:not(:disabled):not(.disabled):active i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark.focus i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark:hover i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark:not(:disabled):not(.disabled).active i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark:not(:disabled):not(.disabled):active i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark.focus i {
  color: var(--dark);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-dark i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-dark i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-dark i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-dark i {
  color: var(--light);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary {
  color: var(--light);
  border-color: var(--light);
  background: transparent;
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary:hover, .bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary.focus, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary:hover, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary.focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary:hover, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary.focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary:hover, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary.focus {
  color: var(--secondary);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary:hover i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled).active i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled):active i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary.focus i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary:hover i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled).active i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled):active i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary.focus i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary:hover i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled).active i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary:not(:disabled):not(.disabled):active i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary.focus i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary:hover i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary:not(:disabled):not(.disabled).active i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary:not(:disabled):not(.disabled):active i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary.focus i {
  color: var(--secondary);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-secondary i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-secondary i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-secondary i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-secondary i {
  color: var(--light);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary {
  color: var(--light);
  border-color: var(--light);
  background: transparent;
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary:hover, .bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active, .bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active, .bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary.focus, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary:hover, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary.focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary:hover, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary.focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary:hover, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary.focus {
  color: var(--quaternary);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary:hover i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active i, .bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary.focus i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary:hover i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary.focus i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary:hover i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary.focus i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary:hover i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary:not(:disabled):not(.disabled).active i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary:not(:disabled):not(.disabled):active i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary.focus i {
  color: var(--quaternary);
}
.bg-dark:not(:has(.well-el)) .btn.btn-outline-quaternary i, .bg-secondary:not(:has(.well-el)) .btn.btn-outline-quaternary i, .bg-quaternary:not(:has(.well-el)) .btn.btn-outline-quaternary i, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-outline-quaternary i {
  color: var(--light);
}
.bg-dark:not(:has(.well-el)) .btn.btn-dark, .bg-secondary:not(:has(.well-el)) .btn.btn-dark, .bg-quaternary:not(:has(.well-el)) .btn.btn-dark, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-dark {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
}
.bg-dark:not(:has(.well-el)) .btn.btn-dark:hover, .bg-dark:not(:has(.well-el)) .btn.btn-dark:not(:disabled):not(.disabled).active, .bg-dark:not(:has(.well-el)) .btn.btn-dark:not(:disabled):not(.disabled):active, .bg-dark:not(:has(.well-el)) .btn.btn-dark.focus, .bg-dark:not(:has(.well-el)) .btn.btn-dark:focus, .bg-secondary:not(:has(.well-el)) .btn.btn-dark:hover, .bg-secondary:not(:has(.well-el)) .btn.btn-dark:not(:disabled):not(.disabled).active, .bg-secondary:not(:has(.well-el)) .btn.btn-dark:not(:disabled):not(.disabled):active, .bg-secondary:not(:has(.well-el)) .btn.btn-dark.focus, .bg-secondary:not(:has(.well-el)) .btn.btn-dark:focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-dark:hover, .bg-quaternary:not(:has(.well-el)) .btn.btn-dark:not(:disabled):not(.disabled).active, .bg-quaternary:not(:has(.well-el)) .btn.btn-dark:not(:disabled):not(.disabled):active, .bg-quaternary:not(:has(.well-el)) .btn.btn-dark.focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-dark:focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-dark:hover, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-dark:not(:disabled):not(.disabled).active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-dark:not(:disabled):not(.disabled):active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-dark.focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-dark:focus {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.bg-dark:not(:has(.well-el)) .btn.btn-secondary, .bg-secondary:not(:has(.well-el)) .btn.btn-secondary, .bg-quaternary:not(:has(.well-el)) .btn.btn-secondary, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-secondary {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
}
.bg-dark:not(:has(.well-el)) .btn.btn-secondary:hover, .bg-dark:not(:has(.well-el)) .btn.btn-secondary:not(:disabled):not(.disabled).active, .bg-dark:not(:has(.well-el)) .btn.btn-secondary:not(:disabled):not(.disabled):active, .bg-dark:not(:has(.well-el)) .btn.btn-secondary.focus, .bg-dark:not(:has(.well-el)) .btn.btn-secondary:focus, .bg-secondary:not(:has(.well-el)) .btn.btn-secondary:hover, .bg-secondary:not(:has(.well-el)) .btn.btn-secondary:not(:disabled):not(.disabled).active, .bg-secondary:not(:has(.well-el)) .btn.btn-secondary:not(:disabled):not(.disabled):active, .bg-secondary:not(:has(.well-el)) .btn.btn-secondary.focus, .bg-secondary:not(:has(.well-el)) .btn.btn-secondary:focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-secondary:hover, .bg-quaternary:not(:has(.well-el)) .btn.btn-secondary:not(:disabled):not(.disabled).active, .bg-quaternary:not(:has(.well-el)) .btn.btn-secondary:not(:disabled):not(.disabled):active, .bg-quaternary:not(:has(.well-el)) .btn.btn-secondary.focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-secondary:focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-secondary:hover, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-secondary:not(:disabled):not(.disabled).active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-secondary:not(:disabled):not(.disabled):active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-secondary.focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-secondary:focus {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.bg-dark:not(:has(.well-el)) .btn.btn-quaternary, .bg-secondary:not(:has(.well-el)) .btn.btn-quaternary, .bg-quaternary:not(:has(.well-el)) .btn.btn-quaternary, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-quaternary {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
}
.bg-dark:not(:has(.well-el)) .btn.btn-quaternary:hover, .bg-dark:not(:has(.well-el)) .btn.btn-quaternary:not(:disabled):not(.disabled).active, .bg-dark:not(:has(.well-el)) .btn.btn-quaternary:not(:disabled):not(.disabled):active, .bg-dark:not(:has(.well-el)) .btn.btn-quaternary.focus, .bg-dark:not(:has(.well-el)) .btn.btn-quaternary:focus, .bg-secondary:not(:has(.well-el)) .btn.btn-quaternary:hover, .bg-secondary:not(:has(.well-el)) .btn.btn-quaternary:not(:disabled):not(.disabled).active, .bg-secondary:not(:has(.well-el)) .btn.btn-quaternary:not(:disabled):not(.disabled):active, .bg-secondary:not(:has(.well-el)) .btn.btn-quaternary.focus, .bg-secondary:not(:has(.well-el)) .btn.btn-quaternary:focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-quaternary:hover, .bg-quaternary:not(:has(.well-el)) .btn.btn-quaternary:not(:disabled):not(.disabled).active, .bg-quaternary:not(:has(.well-el)) .btn.btn-quaternary:not(:disabled):not(.disabled):active, .bg-quaternary:not(:has(.well-el)) .btn.btn-quaternary.focus, .bg-quaternary:not(:has(.well-el)) .btn.btn-quaternary:focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-quaternary:hover, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-quaternary:not(:disabled):not(.disabled).active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-quaternary:not(:disabled):not(.disabled):active, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-quaternary.focus, .well-el.bg-dark .well-el.bg-secondary .well-el.bg-quaternary .btn.btn-quaternary:focus {
  color: var(--dark);
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent);
}
.btns-col {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
:root {
  --btn-radius: 100px;
  --box-shadow: 0px 4px 20px 0px rgba(0, 23, 73, 0.20);
  --border-radius: 0.625rem;
  --light-to-quinary: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 58.63%, rgba(184, 218, 238, 0.40) 100%);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.font-secondary {
  font-family: var(--font-secondary) !important;
}
strong {
  font-weight: 700;
}
.heading {
  display: flex;
}
.heading:not(.icon-inline) {
  flex-direction: column;
  align-items: start;
}
.heading:not(.icon-inline).text-center {
  align-items: center;
}
.heading:not(.icon-inline).text-start {
  align-items: start;
}
.heading:not(.icon-inline).text-end {
  align-items: end;
}
@media (min-width: 576px) {
  .heading:not(.icon-inline).text-sm-center {
    align-items: center;
  }
  .heading:not(.icon-inline).text-sm-start {
    align-items: start;
  }
  .heading:not(.icon-inline).text-sm-end {
    align-items: end;
  }
}
@media (min-width: 768px) {
  .heading:not(.icon-inline).text-md-center {
    align-items: center;
  }
  .heading:not(.icon-inline).text-md-start {
    align-items: start;
  }
  .heading:not(.icon-inline).text-md-end {
    align-items: end;
  }
}
@media (min-width: 992px) {
  .heading:not(.icon-inline).text-lg-center {
    align-items: center;
  }
  .heading:not(.icon-inline).text-lg-start {
    align-items: start;
  }
  .heading:not(.icon-inline).text-lg-end {
    align-items: end;
  }
}
@media (min-width: 1200px) {
  .heading:not(.icon-inline).text-xl-center {
    align-items: center;
  }
  .heading:not(.icon-inline).text-xl-start {
    align-items: start;
  }
  .heading:not(.icon-inline).text-xl-end {
    align-items: end;
  }
}
@media (min-width: 1400px) {
  .heading:not(.icon-inline).text-xxl-center {
    align-items: center;
  }
  .heading:not(.icon-inline).text-xxl-start {
    align-items: start;
  }
  .heading:not(.icon-inline).text-xxl-end {
    align-items: end;
  }
}
.heading.icon-inline {
  align-items: center;
  gap: 0.75rem;
}
.heading.icon-inline .icon {
  height: 2.8125rem;
  margin-bottom: unset;
}
.heading .icon {
  height: 3.4375rem;
  margin-bottom: 0.4rem;
}
.heading .icon.icon-small {
  height: 3.125rem;
}
.heading .icon.icon-xsmall {
  height: 2.8125rem;
}
.heading.underline {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--tertiary-50);
}
h1, .h1 {
  gap: 0.12rem;
}
h1 .sub, h1 sub, .h1 .sub, .h1 sub {
  font-size: 1.6875rem;
  line-height: 1.35;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.75;
  font-family: var(--font-secondary);
}
h1.sub, .h1.sub {
  font-size: 1.6875rem;
  line-height: 1.35;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.6;
  font-family: var(--font-secondary);
}
@media (min-width: 992px) {
  h1, .h1 {
    gap: 0.12rem;
  }
  h1 .sub, h1 sub, .h1 .sub, .h1 sub {
    font-size: 1.6875rem;
    line-height: 1.35;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.75;
    font-family: var(--font-secondary);
  }
  h1.sub, .h1.sub {
    font-size: 1.6875rem;
    line-height: 1.35;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.6;
    font-family: var(--font-secondary);
  }
}
h2, .h2 {
  gap: 0.12rem;
}
h2 .sub, h2 sub, .h2 .sub, .h2 sub {
  font-size: 1.25rem;
  line-height: 1.35;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.75;
  font-family: var(--font-secondary);
}
h2.sub, .h2.sub {
  font-size: 1.25rem;
  line-height: 1.35;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.6;
  font-family: var(--font-secondary);
}
@media (min-width: 992px) {
  h2, .h2 {
    gap: 0.12rem;
  }
  h2 .sub, h2 sub, .h2 .sub, .h2 sub {
    font-size: 1.5rem;
    line-height: 1.35;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.75;
    font-family: var(--font-secondary);
  }
  h2.sub, .h2.sub {
    font-size: 1.5rem;
    line-height: 1.35;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.6;
    font-family: var(--font-secondary);
  }
}
h3, .h3 {
  gap: 0.12rem;
}
h3 .sub, h3 sub, .h3 .sub, .h3 sub {
  font-size: 1.3125rem;
  line-height: 1.35;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.75;
  font-family: var(--font-secondary);
}
h3.sub, .h3.sub {
  font-size: 1.3125rem;
  line-height: 1.35;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.6;
  font-family: var(--font-secondary);
}
@media (min-width: 992px) {
  h3, .h3 {
    gap: 0.12rem;
  }
  h3 .sub, h3 sub, .h3 .sub, .h3 sub {
    font-size: 1.3125rem;
    line-height: 1.35;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.75;
    font-family: var(--font-secondary);
  }
  h3.sub, .h3.sub {
    font-size: 1.3125rem;
    line-height: 1.35;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0.6;
    font-family: var(--font-secondary);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.well-xsmall {
  --well-xsmall-pad-y: 1.25rem;
  --well-xsmall-pad-x: 1.25rem;
  --well-xsmall-mb: 1.88rem;
}
@media (min-width: 576px) {
  .well-xsmall {
    --well-xsmall-pad-y: 1.25rem;
    --well-xsmall-pad-x: 1.25rem;
    --well-xsmall-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-xsmall {
    --well-xsmall-pad-y: 1.25rem;
    --well-xsmall-pad-x: 1.25rem;
    --well-xsmall-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-xsmall {
    --well-xsmall-pad-y: 1.25rem;
    --well-xsmall-pad-x: 1.25rem;
    --well-xsmall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xsmall {
    --well-xsmall-pad-y: 1.25rem;
    --well-xsmall-pad-x: 1.25rem;
    --well-xsmall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xsmall {
    --well-xsmall-pad-y: 1.25rem;
    --well-xsmall-pad-x: 1.25rem;
    --well-xsmall-mb: 0px;
  }
}
.well-small {
  --well-small-pad-y: 1.88rem;
  --well-small-pad-x: 1.56rem;
  --well-small-mb: 1.88rem;
}
@media (min-width: 576px) {
  .well-small {
    --well-small-pad-y: 1.88rem;
    --well-small-pad-x: 1.56rem;
    --well-small-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-small {
    --well-small-pad-y: 1.88rem;
    --well-small-pad-x: 1.56rem;
    --well-small-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-small {
    --well-small-pad-y: 1.88rem;
    --well-small-pad-x: 1.56rem;
    --well-small-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-small {
    --well-small-pad-y: 1.88rem;
    --well-small-pad-x: 1.56rem;
    --well-small-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-small {
    --well-small-pad-y: 1.88rem;
    --well-small-pad-x: 1.56rem;
    --well-small-mb: 0px;
  }
}
.well {
  --well-pad-y: 1.88rem;
  --well-pad-x: 1.56rem;
  --well-mb: 1.88rem;
}
@media (min-width: 576px) {
  .well {
    --well-pad-y: 1.88rem;
    --well-pad-x: 1.56rem;
    --well-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well {
    --well-pad-y: 1.88rem;
    --well-pad-x: 1.56rem;
    --well-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well {
    --well-pad-y: 1.88rem;
    --well-pad-x: 1.88rem;
    --well-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well {
    --well-pad-y: 1.88rem;
    --well-pad-x: 1.88rem;
    --well-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well {
    --well-pad-y: 1.88rem;
    --well-pad-x: 1.88rem;
    --well-mb: 0px;
  }
}
.well-large {
  --well-large-pad-y: 1.88rem;
  --well-large-pad-x: 1.56rem;
  --well-large-mb: 1.88rem;
}
@media (min-width: 576px) {
  .well-large {
    --well-large-pad-y: 1.88rem;
    --well-large-pad-x: 1.56rem;
    --well-large-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-large {
    --well-large-pad-y: 1.88rem;
    --well-large-pad-x: 1.56rem;
    --well-large-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-large {
    --well-large-pad-y: 2.5rem;
    --well-large-pad-x: 2.5rem;
    --well-large-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-large {
    --well-large-pad-y: 2.5rem;
    --well-large-pad-x: 2.5rem;
    --well-large-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-large {
    --well-large-pad-y: 2.5rem;
    --well-large-pad-x: 2.5rem;
    --well-large-mb: 0px;
  }
}
.well-tall {
  --well-tall-pad-y: 2.5rem;
  --well-tall-pad-x: 1.56rem;
  --well-tall-mb: 1.88rem;
}
@media (min-width: 576px) {
  .well-tall {
    --well-tall-pad-y: 2.5rem;
    --well-tall-pad-x: 1.56rem;
    --well-tall-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-tall {
    --well-tall-pad-y: 2.5rem;
    --well-tall-pad-x: 1.56rem;
    --well-tall-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-tall {
    --well-tall-pad-y: 3.12rem;
    --well-tall-pad-x: 2.5rem;
    --well-tall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-tall {
    --well-tall-pad-y: 3.12rem;
    --well-tall-pad-x: 2.5rem;
    --well-tall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-tall {
    --well-tall-pad-y: 3.12rem;
    --well-tall-pad-x: 2.5rem;
    --well-tall-mb: 0px;
  }
}
.well-intro {
  --well-intro-pad-y: 2.25rem;
  --well-intro-pad-x: 1.25rem;
  --well-intro-mb: 1.88rem;
}
@media (min-width: 576px) {
  .well-intro {
    --well-intro-pad-y: 2.25rem;
    --well-intro-pad-x: 1.25rem;
    --well-intro-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-intro {
    --well-intro-pad-y: 2.25rem;
    --well-intro-pad-x: 1.25rem;
    --well-intro-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-intro {
    --well-intro-pad-y: 2.5rem;
    --well-intro-pad-x: 2.5rem;
    --well-intro-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-intro {
    --well-intro-pad-y: 2.5rem;
    --well-intro-pad-x: 2.5rem;
    --well-intro-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-intro {
    --well-intro-pad-y: 2.5rem;
    --well-intro-pad-x: 2.5rem;
    --well-intro-mb: 0px;
  }
}
.well-unset {
  padding: unset;
  border: unset;
  border-radius: unset;
}
.well-xsmall {
  --parent-pad-y: var(--well-xsmall-pad-y);
  --parent-pad-x: var(--well-xsmall-pad-x);
  position: relative;
  background-color: var(--bg-color);
  padding: var(--well-xsmall-pad-y) var(--well-xsmall-pad-x);
  border: 1px solid var(--border-color, var(--light));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.well-xsmall.no-shadow-1 {
  box-shadow: unset !important;
}
.well-xsmall.split-well {
  padding: 0px;
  overflow: hidden;
}
.well-xsmall.split-well > .bg-img-container .bg-img {
  border-radius: unset;
}
.well-xsmall.split-well .content {
  padding: var(--well-xsmall-pad-y) var(--well-xsmall-pad-x);
}
.well-xsmall:not(:last-child) {
  margin-bottom: 1.88rem;
}
.well-small {
  --parent-pad-y: var(--well-small-pad-y);
  --parent-pad-x: var(--well-small-pad-x);
  position: relative;
  background-color: var(--bg-color);
  padding: var(--well-small-pad-y) var(--well-small-pad-x);
  border: 1px solid var(--border-color, var(--light));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.well-small.no-shadow-1 {
  box-shadow: unset !important;
}
.well-small.split-well {
  padding: 0px;
  overflow: hidden;
}
.well-small.split-well > .bg-img-container .bg-img {
  border-radius: unset;
}
.well-small.split-well .content {
  padding: var(--well-small-pad-y) var(--well-small-pad-x);
}
.well-small:not(:last-child) {
  margin-bottom: 1.88rem;
}
.well {
  --parent-pad-y: var(--well-pad-y);
  --parent-pad-x: var(--well-pad-x);
  position: relative;
  background-color: var(--bg-color);
  padding: var(--well-pad-y) var(--well-pad-x);
  border: 1px solid var(--border-color, var(--light));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.well.no-shadow-1 {
  box-shadow: unset !important;
}
.well.split-well {
  padding: 0px;
  overflow: hidden;
}
.well.split-well > .bg-img-container .bg-img {
  border-radius: unset;
}
.well.split-well .content {
  padding: var(--well-pad-y) var(--well-pad-x);
}
.well:not(:last-child) {
  margin-bottom: 1.88rem;
}
.well-large {
  --parent-pad-y: var(--well-large-pad-y);
  --parent-pad-x: var(--well-large-pad-x);
  position: relative;
  background-color: var(--bg-color);
  padding: var(--well-large-pad-y) var(--well-large-pad-x);
  border: 1px solid var(--border-color, var(--light));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.well-large.no-shadow-1 {
  box-shadow: unset !important;
}
.well-large.split-well {
  padding: 0px;
  overflow: hidden;
}
.well-large.split-well > .bg-img-container .bg-img {
  border-radius: unset;
}
.well-large.split-well .content {
  padding: var(--well-large-pad-y) var(--well-large-pad-x);
}
.well-large:not(:last-child) {
  margin-bottom: 1.88rem;
}
.well-tall {
  --parent-pad-y: var(--well-tall-pad-y);
  --parent-pad-x: var(--well-tall-pad-x);
  position: relative;
  background-color: var(--bg-color);
  padding: var(--well-tall-pad-y) var(--well-tall-pad-x);
  border: 1px solid var(--border-color, var(--light));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.well-tall.no-shadow-1 {
  box-shadow: unset !important;
}
.well-tall.split-well {
  padding: 0px;
  overflow: hidden;
}
.well-tall.split-well > .bg-img-container .bg-img {
  border-radius: unset;
}
.well-tall.split-well .content {
  padding: var(--well-tall-pad-y) var(--well-tall-pad-x);
}
.well-tall:not(:last-child) {
  margin-bottom: 1.88rem;
}
.well-intro {
  --parent-pad-y: var(--well-intro-pad-y);
  --parent-pad-x: var(--well-intro-pad-x);
  position: relative;
  background-color: var(--bg-color);
  padding: var(--well-intro-pad-y) var(--well-intro-pad-x);
  border: 1px solid var(--border-color, var(--light));
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.well-intro.no-shadow-1 {
  box-shadow: unset !important;
}
.well-intro.split-well {
  padding: 0px;
  overflow: hidden;
}
.well-intro.split-well > .bg-img-container .bg-img {
  border-radius: unset;
}
.well-intro.split-well .content {
  padding: var(--well-intro-pad-y) var(--well-intro-pad-x);
}
.well-intro:not(:last-child) {
  margin-bottom: 1.88rem;
}
@media (min-width: 576px) {
  .well-sm-xsmall {
    --well-sm-xsmall-pad-y: 1.25rem;
    --well-sm-xsmall-pad-x: 1.25rem;
    --well-sm-xsmall-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-sm-xsmall {
    --well-sm-xsmall-pad-y: 1.25rem;
    --well-sm-xsmall-pad-x: 1.25rem;
    --well-sm-xsmall-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-sm-xsmall {
    --well-sm-xsmall-pad-y: 1.25rem;
    --well-sm-xsmall-pad-x: 1.25rem;
    --well-sm-xsmall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-sm-xsmall {
    --well-sm-xsmall-pad-y: 1.25rem;
    --well-sm-xsmall-pad-x: 1.25rem;
    --well-sm-xsmall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-sm-xsmall {
    --well-sm-xsmall-pad-y: 1.25rem;
    --well-sm-xsmall-pad-x: 1.25rem;
    --well-sm-xsmall-mb: 0px;
  }
}
@media (min-width: 576px) {
  .well-sm-small {
    --well-sm-small-pad-y: 1.88rem;
    --well-sm-small-pad-x: 1.56rem;
    --well-sm-small-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-sm-small {
    --well-sm-small-pad-y: 1.88rem;
    --well-sm-small-pad-x: 1.56rem;
    --well-sm-small-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-sm-small {
    --well-sm-small-pad-y: 1.88rem;
    --well-sm-small-pad-x: 1.56rem;
    --well-sm-small-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-sm-small {
    --well-sm-small-pad-y: 1.88rem;
    --well-sm-small-pad-x: 1.56rem;
    --well-sm-small-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-sm-small {
    --well-sm-small-pad-y: 1.88rem;
    --well-sm-small-pad-x: 1.56rem;
    --well-sm-small-mb: 0px;
  }
}
@media (min-width: 576px) {
  .well-sm {
    --well-sm-pad-y: 1.88rem;
    --well-sm-pad-x: 1.56rem;
    --well-sm-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-sm {
    --well-sm-pad-y: 1.88rem;
    --well-sm-pad-x: 1.56rem;
    --well-sm-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-sm {
    --well-sm-pad-y: 1.88rem;
    --well-sm-pad-x: 1.88rem;
    --well-sm-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-sm {
    --well-sm-pad-y: 1.88rem;
    --well-sm-pad-x: 1.88rem;
    --well-sm-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-sm {
    --well-sm-pad-y: 1.88rem;
    --well-sm-pad-x: 1.88rem;
    --well-sm-mb: 0px;
  }
}
@media (min-width: 576px) {
  .well-sm-large {
    --well-sm-large-pad-y: 1.88rem;
    --well-sm-large-pad-x: 1.56rem;
    --well-sm-large-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-sm-large {
    --well-sm-large-pad-y: 1.88rem;
    --well-sm-large-pad-x: 1.56rem;
    --well-sm-large-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-sm-large {
    --well-sm-large-pad-y: 2.5rem;
    --well-sm-large-pad-x: 2.5rem;
    --well-sm-large-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-sm-large {
    --well-sm-large-pad-y: 2.5rem;
    --well-sm-large-pad-x: 2.5rem;
    --well-sm-large-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-sm-large {
    --well-sm-large-pad-y: 2.5rem;
    --well-sm-large-pad-x: 2.5rem;
    --well-sm-large-mb: 0px;
  }
}
@media (min-width: 576px) {
  .well-sm-tall {
    --well-sm-tall-pad-y: 2.5rem;
    --well-sm-tall-pad-x: 1.56rem;
    --well-sm-tall-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-sm-tall {
    --well-sm-tall-pad-y: 2.5rem;
    --well-sm-tall-pad-x: 1.56rem;
    --well-sm-tall-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-sm-tall {
    --well-sm-tall-pad-y: 3.12rem;
    --well-sm-tall-pad-x: 2.5rem;
    --well-sm-tall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-sm-tall {
    --well-sm-tall-pad-y: 3.12rem;
    --well-sm-tall-pad-x: 2.5rem;
    --well-sm-tall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-sm-tall {
    --well-sm-tall-pad-y: 3.12rem;
    --well-sm-tall-pad-x: 2.5rem;
    --well-sm-tall-mb: 0px;
  }
}
@media (min-width: 576px) {
  .well-sm-intro {
    --well-sm-intro-pad-y: 2.25rem;
    --well-sm-intro-pad-x: 1.25rem;
    --well-sm-intro-mb: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-sm-intro {
    --well-sm-intro-pad-y: 2.25rem;
    --well-sm-intro-pad-x: 1.25rem;
    --well-sm-intro-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-sm-intro {
    --well-sm-intro-pad-y: 2.5rem;
    --well-sm-intro-pad-x: 2.5rem;
    --well-sm-intro-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-sm-intro {
    --well-sm-intro-pad-y: 2.5rem;
    --well-sm-intro-pad-x: 2.5rem;
    --well-sm-intro-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-sm-intro {
    --well-sm-intro-pad-y: 2.5rem;
    --well-sm-intro-pad-x: 2.5rem;
    --well-sm-intro-mb: 0px;
  }
}
@media (min-width: 576px) {
  .well-sm-unset {
    padding: unset;
    border: unset;
    border-radius: unset;
  }
  .well-sm-xsmall {
    --parent-pad-y: var(--well-sm-xsmall-pad-y);
    --parent-pad-x: var(--well-sm-xsmall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-sm-xsmall-pad-y) var(--well-sm-xsmall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-sm-xsmall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-sm-xsmall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-sm-xsmall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-sm-xsmall.split-well .content {
    padding: var(--well-sm-xsmall-pad-y) var(--well-sm-xsmall-pad-x);
  }
  .well-sm-xsmall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-sm-small {
    --parent-pad-y: var(--well-sm-small-pad-y);
    --parent-pad-x: var(--well-sm-small-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-sm-small-pad-y) var(--well-sm-small-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-sm-small.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-sm-small.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-sm-small.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-sm-small.split-well .content {
    padding: var(--well-sm-small-pad-y) var(--well-sm-small-pad-x);
  }
  .well-sm-small:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-sm {
    --parent-pad-y: var(--well-sm-pad-y);
    --parent-pad-x: var(--well-sm-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-sm-pad-y) var(--well-sm-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-sm.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-sm.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-sm.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-sm.split-well .content {
    padding: var(--well-sm-pad-y) var(--well-sm-pad-x);
  }
  .well-sm:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-sm-large {
    --parent-pad-y: var(--well-sm-large-pad-y);
    --parent-pad-x: var(--well-sm-large-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-sm-large-pad-y) var(--well-sm-large-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-sm-large.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-sm-large.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-sm-large.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-sm-large.split-well .content {
    padding: var(--well-sm-large-pad-y) var(--well-sm-large-pad-x);
  }
  .well-sm-large:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-sm-tall {
    --parent-pad-y: var(--well-sm-tall-pad-y);
    --parent-pad-x: var(--well-sm-tall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-sm-tall-pad-y) var(--well-sm-tall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-sm-tall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-sm-tall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-sm-tall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-sm-tall.split-well .content {
    padding: var(--well-sm-tall-pad-y) var(--well-sm-tall-pad-x);
  }
  .well-sm-tall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-sm-intro {
    --parent-pad-y: var(--well-sm-intro-pad-y);
    --parent-pad-x: var(--well-sm-intro-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-sm-intro-pad-y) var(--well-sm-intro-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-sm-intro.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-sm-intro.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-sm-intro.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-sm-intro.split-well .content {
    padding: var(--well-sm-intro-pad-y) var(--well-sm-intro-pad-x);
  }
  .well-sm-intro:not(:last-child) {
    margin-bottom: 1.88rem;
  }
}
@media (min-width: 768px) {
  .well-md-xsmall {
    --well-md-xsmall-pad-y: 1.25rem;
    --well-md-xsmall-pad-x: 1.25rem;
    --well-md-xsmall-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-md-xsmall {
    --well-md-xsmall-pad-y: 1.25rem;
    --well-md-xsmall-pad-x: 1.25rem;
    --well-md-xsmall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-md-xsmall {
    --well-md-xsmall-pad-y: 1.25rem;
    --well-md-xsmall-pad-x: 1.25rem;
    --well-md-xsmall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-md-xsmall {
    --well-md-xsmall-pad-y: 1.25rem;
    --well-md-xsmall-pad-x: 1.25rem;
    --well-md-xsmall-mb: 0px;
  }
}
@media (min-width: 768px) {
  .well-md-small {
    --well-md-small-pad-y: 1.88rem;
    --well-md-small-pad-x: 1.56rem;
    --well-md-small-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-md-small {
    --well-md-small-pad-y: 1.88rem;
    --well-md-small-pad-x: 1.56rem;
    --well-md-small-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-md-small {
    --well-md-small-pad-y: 1.88rem;
    --well-md-small-pad-x: 1.56rem;
    --well-md-small-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-md-small {
    --well-md-small-pad-y: 1.88rem;
    --well-md-small-pad-x: 1.56rem;
    --well-md-small-mb: 0px;
  }
}
@media (min-width: 768px) {
  .well-md {
    --well-md-pad-y: 1.88rem;
    --well-md-pad-x: 1.56rem;
    --well-md-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-md {
    --well-md-pad-y: 1.88rem;
    --well-md-pad-x: 1.88rem;
    --well-md-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-md {
    --well-md-pad-y: 1.88rem;
    --well-md-pad-x: 1.88rem;
    --well-md-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-md {
    --well-md-pad-y: 1.88rem;
    --well-md-pad-x: 1.88rem;
    --well-md-mb: 0px;
  }
}
@media (min-width: 768px) {
  .well-md-large {
    --well-md-large-pad-y: 1.88rem;
    --well-md-large-pad-x: 1.56rem;
    --well-md-large-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-md-large {
    --well-md-large-pad-y: 2.5rem;
    --well-md-large-pad-x: 2.5rem;
    --well-md-large-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-md-large {
    --well-md-large-pad-y: 2.5rem;
    --well-md-large-pad-x: 2.5rem;
    --well-md-large-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-md-large {
    --well-md-large-pad-y: 2.5rem;
    --well-md-large-pad-x: 2.5rem;
    --well-md-large-mb: 0px;
  }
}
@media (min-width: 768px) {
  .well-md-tall {
    --well-md-tall-pad-y: 2.5rem;
    --well-md-tall-pad-x: 1.56rem;
    --well-md-tall-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-md-tall {
    --well-md-tall-pad-y: 3.12rem;
    --well-md-tall-pad-x: 2.5rem;
    --well-md-tall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-md-tall {
    --well-md-tall-pad-y: 3.12rem;
    --well-md-tall-pad-x: 2.5rem;
    --well-md-tall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-md-tall {
    --well-md-tall-pad-y: 3.12rem;
    --well-md-tall-pad-x: 2.5rem;
    --well-md-tall-mb: 0px;
  }
}
@media (min-width: 768px) {
  .well-md-intro {
    --well-md-intro-pad-y: 2.25rem;
    --well-md-intro-pad-x: 1.25rem;
    --well-md-intro-mb: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-md-intro {
    --well-md-intro-pad-y: 2.5rem;
    --well-md-intro-pad-x: 2.5rem;
    --well-md-intro-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-md-intro {
    --well-md-intro-pad-y: 2.5rem;
    --well-md-intro-pad-x: 2.5rem;
    --well-md-intro-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-md-intro {
    --well-md-intro-pad-y: 2.5rem;
    --well-md-intro-pad-x: 2.5rem;
    --well-md-intro-mb: 0px;
  }
}
@media (min-width: 768px) {
  .well-md-unset {
    padding: unset;
    border: unset;
    border-radius: unset;
  }
  .well-md-xsmall {
    --parent-pad-y: var(--well-md-xsmall-pad-y);
    --parent-pad-x: var(--well-md-xsmall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-md-xsmall-pad-y) var(--well-md-xsmall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-md-xsmall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-md-xsmall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-md-xsmall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-md-xsmall.split-well .content {
    padding: var(--well-md-xsmall-pad-y) var(--well-md-xsmall-pad-x);
  }
  .well-md-xsmall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-md-small {
    --parent-pad-y: var(--well-md-small-pad-y);
    --parent-pad-x: var(--well-md-small-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-md-small-pad-y) var(--well-md-small-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-md-small.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-md-small.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-md-small.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-md-small.split-well .content {
    padding: var(--well-md-small-pad-y) var(--well-md-small-pad-x);
  }
  .well-md-small:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-md {
    --parent-pad-y: var(--well-md-pad-y);
    --parent-pad-x: var(--well-md-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-md-pad-y) var(--well-md-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-md.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-md.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-md.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-md.split-well .content {
    padding: var(--well-md-pad-y) var(--well-md-pad-x);
  }
  .well-md:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-md-large {
    --parent-pad-y: var(--well-md-large-pad-y);
    --parent-pad-x: var(--well-md-large-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-md-large-pad-y) var(--well-md-large-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-md-large.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-md-large.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-md-large.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-md-large.split-well .content {
    padding: var(--well-md-large-pad-y) var(--well-md-large-pad-x);
  }
  .well-md-large:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-md-tall {
    --parent-pad-y: var(--well-md-tall-pad-y);
    --parent-pad-x: var(--well-md-tall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-md-tall-pad-y) var(--well-md-tall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-md-tall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-md-tall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-md-tall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-md-tall.split-well .content {
    padding: var(--well-md-tall-pad-y) var(--well-md-tall-pad-x);
  }
  .well-md-tall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-md-intro {
    --parent-pad-y: var(--well-md-intro-pad-y);
    --parent-pad-x: var(--well-md-intro-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-md-intro-pad-y) var(--well-md-intro-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-md-intro.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-md-intro.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-md-intro.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-md-intro.split-well .content {
    padding: var(--well-md-intro-pad-y) var(--well-md-intro-pad-x);
  }
  .well-md-intro:not(:last-child) {
    margin-bottom: 1.88rem;
  }
}
@media (min-width: 992px) {
  .well-lg-xsmall {
    --well-lg-xsmall-pad-y: 1.25rem;
    --well-lg-xsmall-pad-x: 1.25rem;
    --well-lg-xsmall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-lg-xsmall {
    --well-lg-xsmall-pad-y: 1.25rem;
    --well-lg-xsmall-pad-x: 1.25rem;
    --well-lg-xsmall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-lg-xsmall {
    --well-lg-xsmall-pad-y: 1.25rem;
    --well-lg-xsmall-pad-x: 1.25rem;
    --well-lg-xsmall-mb: 0px;
  }
}
@media (min-width: 992px) {
  .well-lg-small {
    --well-lg-small-pad-y: 1.88rem;
    --well-lg-small-pad-x: 1.56rem;
    --well-lg-small-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-lg-small {
    --well-lg-small-pad-y: 1.88rem;
    --well-lg-small-pad-x: 1.56rem;
    --well-lg-small-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-lg-small {
    --well-lg-small-pad-y: 1.88rem;
    --well-lg-small-pad-x: 1.56rem;
    --well-lg-small-mb: 0px;
  }
}
@media (min-width: 992px) {
  .well-lg {
    --well-lg-pad-y: 1.88rem;
    --well-lg-pad-x: 1.88rem;
    --well-lg-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-lg {
    --well-lg-pad-y: 1.88rem;
    --well-lg-pad-x: 1.88rem;
    --well-lg-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-lg {
    --well-lg-pad-y: 1.88rem;
    --well-lg-pad-x: 1.88rem;
    --well-lg-mb: 0px;
  }
}
@media (min-width: 992px) {
  .well-lg-large {
    --well-lg-large-pad-y: 2.5rem;
    --well-lg-large-pad-x: 2.5rem;
    --well-lg-large-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-lg-large {
    --well-lg-large-pad-y: 2.5rem;
    --well-lg-large-pad-x: 2.5rem;
    --well-lg-large-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-lg-large {
    --well-lg-large-pad-y: 2.5rem;
    --well-lg-large-pad-x: 2.5rem;
    --well-lg-large-mb: 0px;
  }
}
@media (min-width: 992px) {
  .well-lg-tall {
    --well-lg-tall-pad-y: 3.12rem;
    --well-lg-tall-pad-x: 2.5rem;
    --well-lg-tall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-lg-tall {
    --well-lg-tall-pad-y: 3.12rem;
    --well-lg-tall-pad-x: 2.5rem;
    --well-lg-tall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-lg-tall {
    --well-lg-tall-pad-y: 3.12rem;
    --well-lg-tall-pad-x: 2.5rem;
    --well-lg-tall-mb: 0px;
  }
}
@media (min-width: 992px) {
  .well-lg-intro {
    --well-lg-intro-pad-y: 2.5rem;
    --well-lg-intro-pad-x: 2.5rem;
    --well-lg-intro-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-lg-intro {
    --well-lg-intro-pad-y: 2.5rem;
    --well-lg-intro-pad-x: 2.5rem;
    --well-lg-intro-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-lg-intro {
    --well-lg-intro-pad-y: 2.5rem;
    --well-lg-intro-pad-x: 2.5rem;
    --well-lg-intro-mb: 0px;
  }
}
@media (min-width: 992px) {
  .well-lg-unset {
    padding: unset;
    border: unset;
    border-radius: unset;
  }
  .well-lg-xsmall {
    --parent-pad-y: var(--well-lg-xsmall-pad-y);
    --parent-pad-x: var(--well-lg-xsmall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-lg-xsmall-pad-y) var(--well-lg-xsmall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-lg-xsmall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-lg-xsmall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-lg-xsmall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-lg-xsmall.split-well .content {
    padding: var(--well-lg-xsmall-pad-y) var(--well-lg-xsmall-pad-x);
  }
  .well-lg-xsmall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-lg-small {
    --parent-pad-y: var(--well-lg-small-pad-y);
    --parent-pad-x: var(--well-lg-small-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-lg-small-pad-y) var(--well-lg-small-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-lg-small.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-lg-small.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-lg-small.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-lg-small.split-well .content {
    padding: var(--well-lg-small-pad-y) var(--well-lg-small-pad-x);
  }
  .well-lg-small:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-lg {
    --parent-pad-y: var(--well-lg-pad-y);
    --parent-pad-x: var(--well-lg-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-lg-pad-y) var(--well-lg-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-lg.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-lg.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-lg.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-lg.split-well .content {
    padding: var(--well-lg-pad-y) var(--well-lg-pad-x);
  }
  .well-lg:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-lg-large {
    --parent-pad-y: var(--well-lg-large-pad-y);
    --parent-pad-x: var(--well-lg-large-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-lg-large-pad-y) var(--well-lg-large-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-lg-large.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-lg-large.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-lg-large.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-lg-large.split-well .content {
    padding: var(--well-lg-large-pad-y) var(--well-lg-large-pad-x);
  }
  .well-lg-large:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-lg-tall {
    --parent-pad-y: var(--well-lg-tall-pad-y);
    --parent-pad-x: var(--well-lg-tall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-lg-tall-pad-y) var(--well-lg-tall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-lg-tall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-lg-tall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-lg-tall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-lg-tall.split-well .content {
    padding: var(--well-lg-tall-pad-y) var(--well-lg-tall-pad-x);
  }
  .well-lg-tall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-lg-intro {
    --parent-pad-y: var(--well-lg-intro-pad-y);
    --parent-pad-x: var(--well-lg-intro-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-lg-intro-pad-y) var(--well-lg-intro-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-lg-intro.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-lg-intro.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-lg-intro.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-lg-intro.split-well .content {
    padding: var(--well-lg-intro-pad-y) var(--well-lg-intro-pad-x);
  }
  .well-lg-intro:not(:last-child) {
    margin-bottom: 1.88rem;
  }
}
@media (min-width: 1200px) {
  .well-xl-xsmall {
    --well-xl-xsmall-pad-y: 1.25rem;
    --well-xl-xsmall-pad-x: 1.25rem;
    --well-xl-xsmall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xl-xsmall {
    --well-xl-xsmall-pad-y: 1.25rem;
    --well-xl-xsmall-pad-x: 1.25rem;
    --well-xl-xsmall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xl-small {
    --well-xl-small-pad-y: 1.88rem;
    --well-xl-small-pad-x: 1.56rem;
    --well-xl-small-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xl-small {
    --well-xl-small-pad-y: 1.88rem;
    --well-xl-small-pad-x: 1.56rem;
    --well-xl-small-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xl {
    --well-xl-pad-y: 1.88rem;
    --well-xl-pad-x: 1.88rem;
    --well-xl-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xl {
    --well-xl-pad-y: 1.88rem;
    --well-xl-pad-x: 1.88rem;
    --well-xl-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xl-large {
    --well-xl-large-pad-y: 2.5rem;
    --well-xl-large-pad-x: 2.5rem;
    --well-xl-large-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xl-large {
    --well-xl-large-pad-y: 2.5rem;
    --well-xl-large-pad-x: 2.5rem;
    --well-xl-large-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xl-tall {
    --well-xl-tall-pad-y: 3.12rem;
    --well-xl-tall-pad-x: 2.5rem;
    --well-xl-tall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xl-tall {
    --well-xl-tall-pad-y: 3.12rem;
    --well-xl-tall-pad-x: 2.5rem;
    --well-xl-tall-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xl-intro {
    --well-xl-intro-pad-y: 2.5rem;
    --well-xl-intro-pad-x: 2.5rem;
    --well-xl-intro-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xl-intro {
    --well-xl-intro-pad-y: 2.5rem;
    --well-xl-intro-pad-x: 2.5rem;
    --well-xl-intro-mb: 0px;
  }
}
@media (min-width: 1200px) {
  .well-xl-unset {
    padding: unset;
    border: unset;
    border-radius: unset;
  }
  .well-xl-xsmall {
    --parent-pad-y: var(--well-xl-xsmall-pad-y);
    --parent-pad-x: var(--well-xl-xsmall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xl-xsmall-pad-y) var(--well-xl-xsmall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xl-xsmall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xl-xsmall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xl-xsmall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xl-xsmall.split-well .content {
    padding: var(--well-xl-xsmall-pad-y) var(--well-xl-xsmall-pad-x);
  }
  .well-xl-xsmall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xl-small {
    --parent-pad-y: var(--well-xl-small-pad-y);
    --parent-pad-x: var(--well-xl-small-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xl-small-pad-y) var(--well-xl-small-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xl-small.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xl-small.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xl-small.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xl-small.split-well .content {
    padding: var(--well-xl-small-pad-y) var(--well-xl-small-pad-x);
  }
  .well-xl-small:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xl {
    --parent-pad-y: var(--well-xl-pad-y);
    --parent-pad-x: var(--well-xl-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xl-pad-y) var(--well-xl-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xl.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xl.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xl.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xl.split-well .content {
    padding: var(--well-xl-pad-y) var(--well-xl-pad-x);
  }
  .well-xl:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xl-large {
    --parent-pad-y: var(--well-xl-large-pad-y);
    --parent-pad-x: var(--well-xl-large-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xl-large-pad-y) var(--well-xl-large-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xl-large.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xl-large.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xl-large.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xl-large.split-well .content {
    padding: var(--well-xl-large-pad-y) var(--well-xl-large-pad-x);
  }
  .well-xl-large:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xl-tall {
    --parent-pad-y: var(--well-xl-tall-pad-y);
    --parent-pad-x: var(--well-xl-tall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xl-tall-pad-y) var(--well-xl-tall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xl-tall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xl-tall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xl-tall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xl-tall.split-well .content {
    padding: var(--well-xl-tall-pad-y) var(--well-xl-tall-pad-x);
  }
  .well-xl-tall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xl-intro {
    --parent-pad-y: var(--well-xl-intro-pad-y);
    --parent-pad-x: var(--well-xl-intro-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xl-intro-pad-y) var(--well-xl-intro-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xl-intro.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xl-intro.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xl-intro.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xl-intro.split-well .content {
    padding: var(--well-xl-intro-pad-y) var(--well-xl-intro-pad-x);
  }
  .well-xl-intro:not(:last-child) {
    margin-bottom: 1.88rem;
  }
}
@media (min-width: 1400px) {
  .well-xxl-xsmall {
    --well-xxl-xsmall-pad-y: 1.25rem;
    --well-xxl-xsmall-pad-x: 1.25rem;
    --well-xxl-xsmall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xxl-small {
    --well-xxl-small-pad-y: 1.88rem;
    --well-xxl-small-pad-x: 1.56rem;
    --well-xxl-small-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xxl {
    --well-xxl-pad-y: 1.88rem;
    --well-xxl-pad-x: 1.88rem;
    --well-xxl-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xxl-large {
    --well-xxl-large-pad-y: 2.5rem;
    --well-xxl-large-pad-x: 2.5rem;
    --well-xxl-large-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xxl-tall {
    --well-xxl-tall-pad-y: 3.12rem;
    --well-xxl-tall-pad-x: 2.5rem;
    --well-xxl-tall-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xxl-intro {
    --well-xxl-intro-pad-y: 2.5rem;
    --well-xxl-intro-pad-x: 2.5rem;
    --well-xxl-intro-mb: 0px;
  }
}
@media (min-width: 1400px) {
  .well-xxl-unset {
    padding: unset;
    border: unset;
    border-radius: unset;
  }
  .well-xxl-xsmall {
    --parent-pad-y: var(--well-xxl-xsmall-pad-y);
    --parent-pad-x: var(--well-xxl-xsmall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xxl-xsmall-pad-y) var(--well-xxl-xsmall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xxl-xsmall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xxl-xsmall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xxl-xsmall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xxl-xsmall.split-well .content {
    padding: var(--well-xxl-xsmall-pad-y) var(--well-xxl-xsmall-pad-x);
  }
  .well-xxl-xsmall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xxl-small {
    --parent-pad-y: var(--well-xxl-small-pad-y);
    --parent-pad-x: var(--well-xxl-small-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xxl-small-pad-y) var(--well-xxl-small-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xxl-small.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xxl-small.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xxl-small.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xxl-small.split-well .content {
    padding: var(--well-xxl-small-pad-y) var(--well-xxl-small-pad-x);
  }
  .well-xxl-small:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xxl {
    --parent-pad-y: var(--well-xxl-pad-y);
    --parent-pad-x: var(--well-xxl-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xxl-pad-y) var(--well-xxl-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xxl.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xxl.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xxl.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xxl.split-well .content {
    padding: var(--well-xxl-pad-y) var(--well-xxl-pad-x);
  }
  .well-xxl:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xxl-large {
    --parent-pad-y: var(--well-xxl-large-pad-y);
    --parent-pad-x: var(--well-xxl-large-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xxl-large-pad-y) var(--well-xxl-large-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xxl-large.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xxl-large.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xxl-large.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xxl-large.split-well .content {
    padding: var(--well-xxl-large-pad-y) var(--well-xxl-large-pad-x);
  }
  .well-xxl-large:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xxl-tall {
    --parent-pad-y: var(--well-xxl-tall-pad-y);
    --parent-pad-x: var(--well-xxl-tall-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xxl-tall-pad-y) var(--well-xxl-tall-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xxl-tall.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xxl-tall.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xxl-tall.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xxl-tall.split-well .content {
    padding: var(--well-xxl-tall-pad-y) var(--well-xxl-tall-pad-x);
  }
  .well-xxl-tall:not(:last-child) {
    margin-bottom: 1.88rem;
  }
  .well-xxl-intro {
    --parent-pad-y: var(--well-xxl-intro-pad-y);
    --parent-pad-x: var(--well-xxl-intro-pad-x);
    position: relative;
    background-color: var(--bg-color);
    padding: var(--well-xxl-intro-pad-y) var(--well-xxl-intro-pad-x);
    border: 1px solid var(--border-color, var(--light));
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .well-xxl-intro.no-shadow-1 {
    box-shadow: unset !important;
  }
  .well-xxl-intro.split-well {
    padding: 0px;
    overflow: hidden;
  }
  .well-xxl-intro.split-well > .bg-img-container .bg-img {
    border-radius: unset;
  }
  .well-xxl-intro.split-well .content {
    padding: var(--well-xxl-intro-pad-y) var(--well-xxl-intro-pad-x);
  }
  .well-xxl-intro:not(:last-child) {
    margin-bottom: 1.88rem;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-intro-angled-img {
  --bg-color: var(--iai-color, var(--senary));
  --angle-color: var(--iai-angle-color, var(--secondary));
  background: var(--bg-color);
  padding-top: 0px !important;
  padding-bottom: 3.12rem !important;
}
@media (min-width: 992px) {
  .cmp-intro-angled-img {
    padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + 9.66rem) !important;
    padding-bottom: 9.66rem !important;
  }
}
@media (max-width: 991px) {
  .cmp-intro-angled-img .angle-wrap {
    --offset: 5px;
    --tangent: 0.15;
    --angle-tangent: 0.2;
    position: relative;
    height: 17.185rem;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, -100vmax calc(var(--angle-tangent) * 100vmax));
    background: var(--angle-color);
  }
  .cmp-intro-angled-img .angle-wrap::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, -100vmax calc(var(--tangent) * 100vmax));
    background: var(--bg-color);
    bottom: var(--offset);
    z-index: 1;
  }
  .cmp-intro-angled-img .angle-wrap .angled-img {
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, -100vmax calc(var(--tangent) * 100vmax));
    bottom: var(--offset);
  }
  .cmp-intro-angled-img .angle-wrap .angled-img img {
    border-radius: 0px;
  }
}
@media (min-width: 992px) {
  .cmp-intro-angled-img .angle-wrap {
    --offset: 7px;
    --tangent: 0.26;
    --angle-tangent: 0.21;
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0px;
    right: 0;
    background-color: var(--angle-color);
    clip-path: polygon(calc(var(--angle-tangent) * 100vmax) -100vmax, 100% -100vmax, 100% 100%, 0 100%);
  }
  .cmp-intro-angled-img .angle-wrap::after {
    content: "";
    width: calc(100% - 7px);
    left: 7px;
    top: 0px;
    position: absolute;
    height: 100%;
    background-color: var(--bg-color);
    clip-path: polygon(calc(var(--tangent) * 100vmax) -100vmax, 100% -100vmax, 100% 100%, 0 100%);
    z-index: 1;
  }
  .cmp-intro-angled-img .angle-wrap .angled-img {
    z-index: 2;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .cmp-intro-angled-img .angle-wrap .angled-img {
    width: calc(100% - 7px);
    left: 7px;
    clip-path: polygon(calc(var(--tangent) * 100vmax) -100vmax, 100% -100vmax, 100% 100%, 0 100%);
  }
  .cmp-intro-angled-img .angle-wrap .angled-img img {
    border-radius: 0px;
  }
}
@media (max-width: 991px) {
  .cmp-intro-angled-img .content {
    padding-top: 1.88rem;
  }
}
.cmp-intro-angled-img .content .reviews {
  display: flex;
  flex-direction: column;
  gap: 0.31rem;
  margin-bottom: 1.25rem;
}
.cmp-intro-angled-img .content .reviews .stars {
  color: #FFC328;
  font-size: 1.34444rem;
}
.cmp-intro-angled-img .content .reviews .text .text-wrap {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--dark-75);
  border-bottom: 1px solid var(--tertiary);
}
@media (min-width: 992px) {
  .cmp-intro-angled-img .content .reviews .text .text-wrap {
    display: inline-flex;
    gap: 0.625rem;
    align-items: center;
  }
}
.cmp-intro-angled-img .content .reviews .text .text-wrap .ellipse {
  fill: var(--angle-color);
}
@media (max-width: 991px) {
  .cmp-intro-angled-img .content .reviews .text .text-wrap .ellipse {
    display: none;
  }
}
.cmp-intro-angled-img .content p {
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-light-to-quinary {
  background: var(--light-to-quinary) !important;
}
:root {
  --primary-dark: #033e62;
  --primary-5: #f3f7fa;
  --primary-10: #e6eff5;
  --primary-15: #dae7ef;
  --primary-20: #cddfea;
  --primary-25: #c1d7e5;
  --primary-30: #b4cfe0;
  --primary-35: #a8c7db;
  --primary-40: #9bbfd5;
  --primary-45: #8fb7d0;
  --primary-50: #82b0cb;
  --primary-55: #76a8c6;
  --primary-60: #69a0c1;
  --primary-65: #5d98bb;
  --primary-70: #5090b6;
  --primary-75: #4488b1;
  --primary-80: #3780ac;
  --primary-85: #2b78a7;
  --primary-90: #1e70a1;
  --primary-95: #12689c;
  --primary-100: #056097;
  --secondary-dark: #993819;
  --secondary-5: #fef7f4;
  --secondary-10: #fdeee9;
  --secondary-15: #fce6de;
  --secondary-20: #fbddd4;
  --secondary-25: #fad5c9;
  --secondary-30: #f9ccbe;
  --secondary-35: #f8c4b3;
  --secondary-40: #f7bba8;
  --secondary-45: #f6b39d;
  --secondary-50: #f5ab93;
  --secondary-55: #f4a288;
  --secondary-60: #f39a7d;
  --secondary-65: #f29172;
  --secondary-70: #f18967;
  --secondary-75: #f0805c;
  --secondary-80: #ef7851;
  --secondary-85: #ee6f47;
  --secondary-90: #ed673c;
  --secondary-95: #ec5e31;
  --secondary-100: #eb5626;
  --tertiary-dark: #457a83;
  --tertiary-5: #f8fcfc;
  --tertiary-10: #f0f8fa;
  --tertiary-15: #e9f5f7;
  --tertiary-20: #e1f1f4;
  --tertiary-25: #daeef2;
  --tertiary-30: #d2ebef;
  --tertiary-35: #cbe7ec;
  --tertiary-40: #c3e4ea;
  --tertiary-45: #bce0e7;
  --tertiary-50: #b5dde5;
  --tertiary-55: #addae2;
  --tertiary-60: #a6d6df;
  --tertiary-65: #9ed3dd;
  --tertiary-70: #97cfda;
  --tertiary-75: #8fccd7;
  --tertiary-80: #88c9d5;
  --tertiary-85: #80c5d2;
  --tertiary-90: #79c2cf;
  --tertiary-95: #71becd;
  --tertiary-100: #6abbca;
  --quaternary-dark: #a3826d;
  --quaternary-5: #fffcfb;
  --quaternary-10: #fffaf6;
  --quaternary-15: #fef7f2;
  --quaternary-20: #fef4ed;
  --quaternary-25: #fef1e9;
  --quaternary-30: #feefe5;
  --quaternary-35: #feece0;
  --quaternary-40: #fde9dc;
  --quaternary-45: #fde6d7;
  --quaternary-50: #fde4d3;
  --quaternary-55: #fde1cf;
  --quaternary-60: #fddeca;
  --quaternary-65: #fcdbc6;
  --quaternary-70: #fcd9c1;
  --quaternary-75: #fcd6bd;
  --quaternary-80: #fcd3b9;
  --quaternary-85: #fcd0b4;
  --quaternary-90: #fbceb0;
  --quaternary-95: #fbcbab;
  --quaternary-100: #fbc8a7;
  --quinary-dark: #788e9b;
  --quinary-5: #fbfdfe;
  --quinary-10: #f8fbfd;
  --quinary-15: #f4f9fc;
  --quinary-20: #f1f8fc;
  --quinary-25: #edf6fb;
  --quinary-30: #eaf4fa;
  --quinary-35: #e6f2f9;
  --quinary-40: #e3f0f8;
  --quinary-45: #dfeef7;
  --quinary-50: #dcedf7;
  --quinary-55: #d8ebf6;
  --quinary-60: #d4e9f5;
  --quinary-65: #d1e7f4;
  --quinary-70: #cde5f3;
  --quinary-75: #cae3f2;
  --quinary-80: #c6e1f1;
  --quinary-85: #c3e0f1;
  --quinary-90: #bfdef0;
  --quinary-95: #bcdcef;
  --quinary-100: #b8daee;
  --senary-dark: #8e9aa1;
  --senary-5: #fdfeff;
  --senary-10: #fbfdfe;
  --senary-15: #fafcfe;
  --senary-20: #f8fbfd;
  --senary-25: #f6fbfd;
  --senary-30: #f4fafd;
  --senary-35: #f2f9fc;
  --senary-40: #f1f8fc;
  --senary-45: #eff7fb;
  --senary-50: #edf6fb;
  --senary-55: #ebf5fb;
  --senary-60: #e9f4fa;
  --senary-65: #e8f3fa;
  --senary-70: #e6f2f9;
  --senary-75: #e4f2f9;
  --senary-80: #e2f1f9;
  --senary-85: #e0f0f8;
  --senary-90: #dfeff8;
  --senary-95: #ddeef7;
  --senary-100: #dbedf7;
  --light-dark: #a6a6a6;
  --light-5: white;
  --light-10: white;
  --light-15: white;
  --light-20: white;
  --light-25: white;
  --light-30: white;
  --light-35: white;
  --light-40: white;
  --light-45: white;
  --light-50: white;
  --light-55: white;
  --light-60: white;
  --light-65: white;
  --light-70: white;
  --light-75: white;
  --light-80: white;
  --light-85: white;
  --light-90: white;
  --light-95: white;
  --light-100: white;
  --gray-dark: #9d9e9e;
  --gray-5: #fefefe;
  --gray-10: #fefefe;
  --gray-15: #fdfdfd;
  --gray-20: #fcfdfd;
  --gray-25: #fcfcfc;
  --gray-30: #fbfbfb;
  --gray-35: #fafbfb;
  --gray-40: #f9fafa;
  --gray-45: #f9fafa;
  --gray-50: #f8f9f9;
  --gray-55: #f7f8f8;
  --gray-60: #f7f8f8;
  --gray-65: #f6f7f7;
  --gray-70: #f5f7f7;
  --gray-75: #f5f6f6;
  --gray-80: #f4f5f5;
  --gray-85: #f3f5f5;
  --gray-90: #f2f4f4;
  --gray-95: #f2f4f4;
  --gray-100: #f1f3f3;
  --dark-dark: black;
  --dark-5: #f2f2f2;
  --dark-10: #e6e6e6;
  --dark-15: #d9d9d9;
  --dark-20: #ccc;
  --dark-25: #bfbfbf;
  --dark-30: #b3b3b3;
  --dark-35: #a6a6a6;
  --dark-40: #999;
  --dark-45: #8c8c8c;
  --dark-50: gray;
  --dark-55: #737373;
  --dark-60: #666;
  --dark-65: #595959;
  --dark-70: #4d4d4d;
  --dark-75: #404040;
  --dark-80: #333;
  --dark-85: #262626;
  --dark-90: #1a1a1a;
  --dark-95: #0d0d0d;
  --dark-100: black;
  --dark-gray-dark: #3e3e3e;
  --dark-gray-5: #f7f7f7;
  --dark-gray-10: #efefef;
  --dark-gray-15: #e7e7e7;
  --dark-gray-20: #dfdfdf;
  --dark-gray-25: #d7d7d7;
  --dark-gray-30: #cfcfcf;
  --dark-gray-35: #c7c7c7;
  --dark-gray-40: #bfbfbf;
  --dark-gray-45: #b7b7b7;
  --dark-gray-50: #afafaf;
  --dark-gray-55: #a7a7a7;
  --dark-gray-60: #9f9f9f;
  --dark-gray-65: #979797;
  --dark-gray-70: #8f8f8f;
  --dark-gray-75: #878787;
  --dark-gray-80: #7f7f7f;
  --dark-gray-85: #777;
  --dark-gray-90: #6f6f6f;
  --dark-gray-95: #676767;
  --dark-gray-100: #5f5f5f;
}
.bg-primary {
  --border-color: var(--primary);
}
.bg-primary-dark {
  background-color: var(--primary-dark);
  --border-color: var(--primary-dark);
}
.text-primary-dark {
  color: var(--primary-dark);
}
.bg-primary-5 {
  background-color: var(--primary-5);
  --border-color: var(--primary-5);
}
.bg-primary-10 {
  background-color: var(--primary-10);
  --border-color: var(--primary-10);
}
.bg-primary-15 {
  background-color: var(--primary-15);
  --border-color: var(--primary-15);
}
.bg-primary-20 {
  background-color: var(--primary-20);
  --border-color: var(--primary-20);
}
.bg-primary-25 {
  background-color: var(--primary-25);
  --border-color: var(--primary-25);
}
.bg-primary-30 {
  background-color: var(--primary-30);
  --border-color: var(--primary-30);
}
.bg-primary-35 {
  background-color: var(--primary-35);
  --border-color: var(--primary-35);
}
.bg-primary-40 {
  background-color: var(--primary-40);
  --border-color: var(--primary-40);
}
.bg-primary-45 {
  background-color: var(--primary-45);
  --border-color: var(--primary-45);
}
.bg-primary-50 {
  background-color: var(--primary-50);
  --border-color: var(--primary-50);
}
.bg-primary-55 {
  background-color: var(--primary-55);
  --border-color: var(--primary-55);
}
.bg-primary-60 {
  background-color: var(--primary-60);
  --border-color: var(--primary-60);
}
.bg-primary-65 {
  background-color: var(--primary-65);
  --border-color: var(--primary-65);
}
.bg-primary-70 {
  background-color: var(--primary-70);
  --border-color: var(--primary-70);
}
.bg-primary-75 {
  background-color: var(--primary-75);
  --border-color: var(--primary-75);
}
.bg-primary-80 {
  background-color: var(--primary-80);
  --border-color: var(--primary-80);
}
.bg-primary-85 {
  background-color: var(--primary-85);
  --border-color: var(--primary-85);
}
.bg-primary-90 {
  background-color: var(--primary-90);
  --border-color: var(--primary-90);
}
.bg-primary-95 {
  background-color: var(--primary-95);
  --border-color: var(--primary-95);
}
.bg-primary-100 {
  background-color: var(--primary-100);
  --border-color: var(--primary-100);
}
.text-primary-75 {
  color: var(--primary);
  opacity: 0.75;
}
.text-primary-50 {
  color: var(--primary);
  opacity: 0.5;
}
.text-primary-40 {
  color: var(--primary);
  opacity: 0.4;
}
.text-primary-25 {
  color: var(--primary);
  opacity: 0.25;
}
.text-primary-10 {
  color: var(--primary);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-primary {
    --border-color: var(--primary);
  }
  .bg-sm-primary-dark {
    background-color: var(--primary-dark);
    --border-color: var(--primary-dark);
  }
  .text-sm-primary-dark {
    color: var(--primary-dark);
  }
  .bg-sm-primary-5 {
    background-color: var(--primary-5);
    --border-color: var(--primary-5);
  }
  .bg-sm-primary-10 {
    background-color: var(--primary-10);
    --border-color: var(--primary-10);
  }
  .bg-sm-primary-15 {
    background-color: var(--primary-15);
    --border-color: var(--primary-15);
  }
  .bg-sm-primary-20 {
    background-color: var(--primary-20);
    --border-color: var(--primary-20);
  }
  .bg-sm-primary-25 {
    background-color: var(--primary-25);
    --border-color: var(--primary-25);
  }
  .bg-sm-primary-30 {
    background-color: var(--primary-30);
    --border-color: var(--primary-30);
  }
  .bg-sm-primary-35 {
    background-color: var(--primary-35);
    --border-color: var(--primary-35);
  }
  .bg-sm-primary-40 {
    background-color: var(--primary-40);
    --border-color: var(--primary-40);
  }
  .bg-sm-primary-45 {
    background-color: var(--primary-45);
    --border-color: var(--primary-45);
  }
  .bg-sm-primary-50 {
    background-color: var(--primary-50);
    --border-color: var(--primary-50);
  }
  .bg-sm-primary-55 {
    background-color: var(--primary-55);
    --border-color: var(--primary-55);
  }
  .bg-sm-primary-60 {
    background-color: var(--primary-60);
    --border-color: var(--primary-60);
  }
  .bg-sm-primary-65 {
    background-color: var(--primary-65);
    --border-color: var(--primary-65);
  }
  .bg-sm-primary-70 {
    background-color: var(--primary-70);
    --border-color: var(--primary-70);
  }
  .bg-sm-primary-75 {
    background-color: var(--primary-75);
    --border-color: var(--primary-75);
  }
  .bg-sm-primary-80 {
    background-color: var(--primary-80);
    --border-color: var(--primary-80);
  }
  .bg-sm-primary-85 {
    background-color: var(--primary-85);
    --border-color: var(--primary-85);
  }
  .bg-sm-primary-90 {
    background-color: var(--primary-90);
    --border-color: var(--primary-90);
  }
  .bg-sm-primary-95 {
    background-color: var(--primary-95);
    --border-color: var(--primary-95);
  }
  .bg-sm-primary-100 {
    background-color: var(--primary-100);
    --border-color: var(--primary-100);
  }
  .text-sm-primary-75 {
    color: var(--primary);
    opacity: 0.75;
  }
  .text-sm-primary-50 {
    color: var(--primary);
    opacity: 0.5;
  }
  .text-sm-primary-40 {
    color: var(--primary);
    opacity: 0.4;
  }
  .text-sm-primary-25 {
    color: var(--primary);
    opacity: 0.25;
  }
  .text-sm-primary-10 {
    color: var(--primary);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-primary {
    --border-color: var(--primary);
  }
  .bg-md-primary-dark {
    background-color: var(--primary-dark);
    --border-color: var(--primary-dark);
  }
  .text-md-primary-dark {
    color: var(--primary-dark);
  }
  .bg-md-primary-5 {
    background-color: var(--primary-5);
    --border-color: var(--primary-5);
  }
  .bg-md-primary-10 {
    background-color: var(--primary-10);
    --border-color: var(--primary-10);
  }
  .bg-md-primary-15 {
    background-color: var(--primary-15);
    --border-color: var(--primary-15);
  }
  .bg-md-primary-20 {
    background-color: var(--primary-20);
    --border-color: var(--primary-20);
  }
  .bg-md-primary-25 {
    background-color: var(--primary-25);
    --border-color: var(--primary-25);
  }
  .bg-md-primary-30 {
    background-color: var(--primary-30);
    --border-color: var(--primary-30);
  }
  .bg-md-primary-35 {
    background-color: var(--primary-35);
    --border-color: var(--primary-35);
  }
  .bg-md-primary-40 {
    background-color: var(--primary-40);
    --border-color: var(--primary-40);
  }
  .bg-md-primary-45 {
    background-color: var(--primary-45);
    --border-color: var(--primary-45);
  }
  .bg-md-primary-50 {
    background-color: var(--primary-50);
    --border-color: var(--primary-50);
  }
  .bg-md-primary-55 {
    background-color: var(--primary-55);
    --border-color: var(--primary-55);
  }
  .bg-md-primary-60 {
    background-color: var(--primary-60);
    --border-color: var(--primary-60);
  }
  .bg-md-primary-65 {
    background-color: var(--primary-65);
    --border-color: var(--primary-65);
  }
  .bg-md-primary-70 {
    background-color: var(--primary-70);
    --border-color: var(--primary-70);
  }
  .bg-md-primary-75 {
    background-color: var(--primary-75);
    --border-color: var(--primary-75);
  }
  .bg-md-primary-80 {
    background-color: var(--primary-80);
    --border-color: var(--primary-80);
  }
  .bg-md-primary-85 {
    background-color: var(--primary-85);
    --border-color: var(--primary-85);
  }
  .bg-md-primary-90 {
    background-color: var(--primary-90);
    --border-color: var(--primary-90);
  }
  .bg-md-primary-95 {
    background-color: var(--primary-95);
    --border-color: var(--primary-95);
  }
  .bg-md-primary-100 {
    background-color: var(--primary-100);
    --border-color: var(--primary-100);
  }
  .text-md-primary-75 {
    color: var(--primary);
    opacity: 0.75;
  }
  .text-md-primary-50 {
    color: var(--primary);
    opacity: 0.5;
  }
  .text-md-primary-40 {
    color: var(--primary);
    opacity: 0.4;
  }
  .text-md-primary-25 {
    color: var(--primary);
    opacity: 0.25;
  }
  .text-md-primary-10 {
    color: var(--primary);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-primary {
    --border-color: var(--primary);
  }
  .bg-lg-primary-dark {
    background-color: var(--primary-dark);
    --border-color: var(--primary-dark);
  }
  .text-lg-primary-dark {
    color: var(--primary-dark);
  }
  .bg-lg-primary-5 {
    background-color: var(--primary-5);
    --border-color: var(--primary-5);
  }
  .bg-lg-primary-10 {
    background-color: var(--primary-10);
    --border-color: var(--primary-10);
  }
  .bg-lg-primary-15 {
    background-color: var(--primary-15);
    --border-color: var(--primary-15);
  }
  .bg-lg-primary-20 {
    background-color: var(--primary-20);
    --border-color: var(--primary-20);
  }
  .bg-lg-primary-25 {
    background-color: var(--primary-25);
    --border-color: var(--primary-25);
  }
  .bg-lg-primary-30 {
    background-color: var(--primary-30);
    --border-color: var(--primary-30);
  }
  .bg-lg-primary-35 {
    background-color: var(--primary-35);
    --border-color: var(--primary-35);
  }
  .bg-lg-primary-40 {
    background-color: var(--primary-40);
    --border-color: var(--primary-40);
  }
  .bg-lg-primary-45 {
    background-color: var(--primary-45);
    --border-color: var(--primary-45);
  }
  .bg-lg-primary-50 {
    background-color: var(--primary-50);
    --border-color: var(--primary-50);
  }
  .bg-lg-primary-55 {
    background-color: var(--primary-55);
    --border-color: var(--primary-55);
  }
  .bg-lg-primary-60 {
    background-color: var(--primary-60);
    --border-color: var(--primary-60);
  }
  .bg-lg-primary-65 {
    background-color: var(--primary-65);
    --border-color: var(--primary-65);
  }
  .bg-lg-primary-70 {
    background-color: var(--primary-70);
    --border-color: var(--primary-70);
  }
  .bg-lg-primary-75 {
    background-color: var(--primary-75);
    --border-color: var(--primary-75);
  }
  .bg-lg-primary-80 {
    background-color: var(--primary-80);
    --border-color: var(--primary-80);
  }
  .bg-lg-primary-85 {
    background-color: var(--primary-85);
    --border-color: var(--primary-85);
  }
  .bg-lg-primary-90 {
    background-color: var(--primary-90);
    --border-color: var(--primary-90);
  }
  .bg-lg-primary-95 {
    background-color: var(--primary-95);
    --border-color: var(--primary-95);
  }
  .bg-lg-primary-100 {
    background-color: var(--primary-100);
    --border-color: var(--primary-100);
  }
  .text-lg-primary-75 {
    color: var(--primary);
    opacity: 0.75;
  }
  .text-lg-primary-50 {
    color: var(--primary);
    opacity: 0.5;
  }
  .text-lg-primary-40 {
    color: var(--primary);
    opacity: 0.4;
  }
  .text-lg-primary-25 {
    color: var(--primary);
    opacity: 0.25;
  }
  .text-lg-primary-10 {
    color: var(--primary);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-primary {
    --border-color: var(--primary);
  }
  .bg-xl-primary-dark {
    background-color: var(--primary-dark);
    --border-color: var(--primary-dark);
  }
  .text-xl-primary-dark {
    color: var(--primary-dark);
  }
  .bg-xl-primary-5 {
    background-color: var(--primary-5);
    --border-color: var(--primary-5);
  }
  .bg-xl-primary-10 {
    background-color: var(--primary-10);
    --border-color: var(--primary-10);
  }
  .bg-xl-primary-15 {
    background-color: var(--primary-15);
    --border-color: var(--primary-15);
  }
  .bg-xl-primary-20 {
    background-color: var(--primary-20);
    --border-color: var(--primary-20);
  }
  .bg-xl-primary-25 {
    background-color: var(--primary-25);
    --border-color: var(--primary-25);
  }
  .bg-xl-primary-30 {
    background-color: var(--primary-30);
    --border-color: var(--primary-30);
  }
  .bg-xl-primary-35 {
    background-color: var(--primary-35);
    --border-color: var(--primary-35);
  }
  .bg-xl-primary-40 {
    background-color: var(--primary-40);
    --border-color: var(--primary-40);
  }
  .bg-xl-primary-45 {
    background-color: var(--primary-45);
    --border-color: var(--primary-45);
  }
  .bg-xl-primary-50 {
    background-color: var(--primary-50);
    --border-color: var(--primary-50);
  }
  .bg-xl-primary-55 {
    background-color: var(--primary-55);
    --border-color: var(--primary-55);
  }
  .bg-xl-primary-60 {
    background-color: var(--primary-60);
    --border-color: var(--primary-60);
  }
  .bg-xl-primary-65 {
    background-color: var(--primary-65);
    --border-color: var(--primary-65);
  }
  .bg-xl-primary-70 {
    background-color: var(--primary-70);
    --border-color: var(--primary-70);
  }
  .bg-xl-primary-75 {
    background-color: var(--primary-75);
    --border-color: var(--primary-75);
  }
  .bg-xl-primary-80 {
    background-color: var(--primary-80);
    --border-color: var(--primary-80);
  }
  .bg-xl-primary-85 {
    background-color: var(--primary-85);
    --border-color: var(--primary-85);
  }
  .bg-xl-primary-90 {
    background-color: var(--primary-90);
    --border-color: var(--primary-90);
  }
  .bg-xl-primary-95 {
    background-color: var(--primary-95);
    --border-color: var(--primary-95);
  }
  .bg-xl-primary-100 {
    background-color: var(--primary-100);
    --border-color: var(--primary-100);
  }
  .text-xl-primary-75 {
    color: var(--primary);
    opacity: 0.75;
  }
  .text-xl-primary-50 {
    color: var(--primary);
    opacity: 0.5;
  }
  .text-xl-primary-40 {
    color: var(--primary);
    opacity: 0.4;
  }
  .text-xl-primary-25 {
    color: var(--primary);
    opacity: 0.25;
  }
  .text-xl-primary-10 {
    color: var(--primary);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-primary {
    --border-color: var(--primary);
  }
  .bg-xxl-primary-dark {
    background-color: var(--primary-dark);
    --border-color: var(--primary-dark);
  }
  .text-xxl-primary-dark {
    color: var(--primary-dark);
  }
  .bg-xxl-primary-5 {
    background-color: var(--primary-5);
    --border-color: var(--primary-5);
  }
  .bg-xxl-primary-10 {
    background-color: var(--primary-10);
    --border-color: var(--primary-10);
  }
  .bg-xxl-primary-15 {
    background-color: var(--primary-15);
    --border-color: var(--primary-15);
  }
  .bg-xxl-primary-20 {
    background-color: var(--primary-20);
    --border-color: var(--primary-20);
  }
  .bg-xxl-primary-25 {
    background-color: var(--primary-25);
    --border-color: var(--primary-25);
  }
  .bg-xxl-primary-30 {
    background-color: var(--primary-30);
    --border-color: var(--primary-30);
  }
  .bg-xxl-primary-35 {
    background-color: var(--primary-35);
    --border-color: var(--primary-35);
  }
  .bg-xxl-primary-40 {
    background-color: var(--primary-40);
    --border-color: var(--primary-40);
  }
  .bg-xxl-primary-45 {
    background-color: var(--primary-45);
    --border-color: var(--primary-45);
  }
  .bg-xxl-primary-50 {
    background-color: var(--primary-50);
    --border-color: var(--primary-50);
  }
  .bg-xxl-primary-55 {
    background-color: var(--primary-55);
    --border-color: var(--primary-55);
  }
  .bg-xxl-primary-60 {
    background-color: var(--primary-60);
    --border-color: var(--primary-60);
  }
  .bg-xxl-primary-65 {
    background-color: var(--primary-65);
    --border-color: var(--primary-65);
  }
  .bg-xxl-primary-70 {
    background-color: var(--primary-70);
    --border-color: var(--primary-70);
  }
  .bg-xxl-primary-75 {
    background-color: var(--primary-75);
    --border-color: var(--primary-75);
  }
  .bg-xxl-primary-80 {
    background-color: var(--primary-80);
    --border-color: var(--primary-80);
  }
  .bg-xxl-primary-85 {
    background-color: var(--primary-85);
    --border-color: var(--primary-85);
  }
  .bg-xxl-primary-90 {
    background-color: var(--primary-90);
    --border-color: var(--primary-90);
  }
  .bg-xxl-primary-95 {
    background-color: var(--primary-95);
    --border-color: var(--primary-95);
  }
  .bg-xxl-primary-100 {
    background-color: var(--primary-100);
    --border-color: var(--primary-100);
  }
  .text-xxl-primary-75 {
    color: var(--primary);
    opacity: 0.75;
  }
  .text-xxl-primary-50 {
    color: var(--primary);
    opacity: 0.5;
  }
  .text-xxl-primary-40 {
    color: var(--primary);
    opacity: 0.4;
  }
  .text-xxl-primary-25 {
    color: var(--primary);
    opacity: 0.25;
  }
  .text-xxl-primary-10 {
    color: var(--primary);
    opacity: 0.1;
  }
}
.bg-secondary {
  --border-color: var(--secondary);
}
.bg-secondary-dark {
  background-color: var(--secondary-dark);
  --border-color: var(--secondary-dark);
}
.text-secondary-dark {
  color: var(--secondary-dark);
}
.bg-secondary-5 {
  background-color: var(--secondary-5);
  --border-color: var(--secondary-5);
}
.bg-secondary-10 {
  background-color: var(--secondary-10);
  --border-color: var(--secondary-10);
}
.bg-secondary-15 {
  background-color: var(--secondary-15);
  --border-color: var(--secondary-15);
}
.bg-secondary-20 {
  background-color: var(--secondary-20);
  --border-color: var(--secondary-20);
}
.bg-secondary-25 {
  background-color: var(--secondary-25);
  --border-color: var(--secondary-25);
}
.bg-secondary-30 {
  background-color: var(--secondary-30);
  --border-color: var(--secondary-30);
}
.bg-secondary-35 {
  background-color: var(--secondary-35);
  --border-color: var(--secondary-35);
}
.bg-secondary-40 {
  background-color: var(--secondary-40);
  --border-color: var(--secondary-40);
}
.bg-secondary-45 {
  background-color: var(--secondary-45);
  --border-color: var(--secondary-45);
}
.bg-secondary-50 {
  background-color: var(--secondary-50);
  --border-color: var(--secondary-50);
}
.bg-secondary-55 {
  background-color: var(--secondary-55);
  --border-color: var(--secondary-55);
}
.bg-secondary-60 {
  background-color: var(--secondary-60);
  --border-color: var(--secondary-60);
}
.bg-secondary-65 {
  background-color: var(--secondary-65);
  --border-color: var(--secondary-65);
}
.bg-secondary-70 {
  background-color: var(--secondary-70);
  --border-color: var(--secondary-70);
}
.bg-secondary-75 {
  background-color: var(--secondary-75);
  --border-color: var(--secondary-75);
}
.bg-secondary-80 {
  background-color: var(--secondary-80);
  --border-color: var(--secondary-80);
}
.bg-secondary-85 {
  background-color: var(--secondary-85);
  --border-color: var(--secondary-85);
}
.bg-secondary-90 {
  background-color: var(--secondary-90);
  --border-color: var(--secondary-90);
}
.bg-secondary-95 {
  background-color: var(--secondary-95);
  --border-color: var(--secondary-95);
}
.bg-secondary-100 {
  background-color: var(--secondary-100);
  --border-color: var(--secondary-100);
}
.text-secondary-75 {
  color: var(--secondary);
  opacity: 0.75;
}
.text-secondary-50 {
  color: var(--secondary);
  opacity: 0.5;
}
.text-secondary-40 {
  color: var(--secondary);
  opacity: 0.4;
}
.text-secondary-25 {
  color: var(--secondary);
  opacity: 0.25;
}
.text-secondary-10 {
  color: var(--secondary);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-secondary {
    --border-color: var(--secondary);
  }
  .bg-sm-secondary-dark {
    background-color: var(--secondary-dark);
    --border-color: var(--secondary-dark);
  }
  .text-sm-secondary-dark {
    color: var(--secondary-dark);
  }
  .bg-sm-secondary-5 {
    background-color: var(--secondary-5);
    --border-color: var(--secondary-5);
  }
  .bg-sm-secondary-10 {
    background-color: var(--secondary-10);
    --border-color: var(--secondary-10);
  }
  .bg-sm-secondary-15 {
    background-color: var(--secondary-15);
    --border-color: var(--secondary-15);
  }
  .bg-sm-secondary-20 {
    background-color: var(--secondary-20);
    --border-color: var(--secondary-20);
  }
  .bg-sm-secondary-25 {
    background-color: var(--secondary-25);
    --border-color: var(--secondary-25);
  }
  .bg-sm-secondary-30 {
    background-color: var(--secondary-30);
    --border-color: var(--secondary-30);
  }
  .bg-sm-secondary-35 {
    background-color: var(--secondary-35);
    --border-color: var(--secondary-35);
  }
  .bg-sm-secondary-40 {
    background-color: var(--secondary-40);
    --border-color: var(--secondary-40);
  }
  .bg-sm-secondary-45 {
    background-color: var(--secondary-45);
    --border-color: var(--secondary-45);
  }
  .bg-sm-secondary-50 {
    background-color: var(--secondary-50);
    --border-color: var(--secondary-50);
  }
  .bg-sm-secondary-55 {
    background-color: var(--secondary-55);
    --border-color: var(--secondary-55);
  }
  .bg-sm-secondary-60 {
    background-color: var(--secondary-60);
    --border-color: var(--secondary-60);
  }
  .bg-sm-secondary-65 {
    background-color: var(--secondary-65);
    --border-color: var(--secondary-65);
  }
  .bg-sm-secondary-70 {
    background-color: var(--secondary-70);
    --border-color: var(--secondary-70);
  }
  .bg-sm-secondary-75 {
    background-color: var(--secondary-75);
    --border-color: var(--secondary-75);
  }
  .bg-sm-secondary-80 {
    background-color: var(--secondary-80);
    --border-color: var(--secondary-80);
  }
  .bg-sm-secondary-85 {
    background-color: var(--secondary-85);
    --border-color: var(--secondary-85);
  }
  .bg-sm-secondary-90 {
    background-color: var(--secondary-90);
    --border-color: var(--secondary-90);
  }
  .bg-sm-secondary-95 {
    background-color: var(--secondary-95);
    --border-color: var(--secondary-95);
  }
  .bg-sm-secondary-100 {
    background-color: var(--secondary-100);
    --border-color: var(--secondary-100);
  }
  .text-sm-secondary-75 {
    color: var(--secondary);
    opacity: 0.75;
  }
  .text-sm-secondary-50 {
    color: var(--secondary);
    opacity: 0.5;
  }
  .text-sm-secondary-40 {
    color: var(--secondary);
    opacity: 0.4;
  }
  .text-sm-secondary-25 {
    color: var(--secondary);
    opacity: 0.25;
  }
  .text-sm-secondary-10 {
    color: var(--secondary);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-secondary {
    --border-color: var(--secondary);
  }
  .bg-md-secondary-dark {
    background-color: var(--secondary-dark);
    --border-color: var(--secondary-dark);
  }
  .text-md-secondary-dark {
    color: var(--secondary-dark);
  }
  .bg-md-secondary-5 {
    background-color: var(--secondary-5);
    --border-color: var(--secondary-5);
  }
  .bg-md-secondary-10 {
    background-color: var(--secondary-10);
    --border-color: var(--secondary-10);
  }
  .bg-md-secondary-15 {
    background-color: var(--secondary-15);
    --border-color: var(--secondary-15);
  }
  .bg-md-secondary-20 {
    background-color: var(--secondary-20);
    --border-color: var(--secondary-20);
  }
  .bg-md-secondary-25 {
    background-color: var(--secondary-25);
    --border-color: var(--secondary-25);
  }
  .bg-md-secondary-30 {
    background-color: var(--secondary-30);
    --border-color: var(--secondary-30);
  }
  .bg-md-secondary-35 {
    background-color: var(--secondary-35);
    --border-color: var(--secondary-35);
  }
  .bg-md-secondary-40 {
    background-color: var(--secondary-40);
    --border-color: var(--secondary-40);
  }
  .bg-md-secondary-45 {
    background-color: var(--secondary-45);
    --border-color: var(--secondary-45);
  }
  .bg-md-secondary-50 {
    background-color: var(--secondary-50);
    --border-color: var(--secondary-50);
  }
  .bg-md-secondary-55 {
    background-color: var(--secondary-55);
    --border-color: var(--secondary-55);
  }
  .bg-md-secondary-60 {
    background-color: var(--secondary-60);
    --border-color: var(--secondary-60);
  }
  .bg-md-secondary-65 {
    background-color: var(--secondary-65);
    --border-color: var(--secondary-65);
  }
  .bg-md-secondary-70 {
    background-color: var(--secondary-70);
    --border-color: var(--secondary-70);
  }
  .bg-md-secondary-75 {
    background-color: var(--secondary-75);
    --border-color: var(--secondary-75);
  }
  .bg-md-secondary-80 {
    background-color: var(--secondary-80);
    --border-color: var(--secondary-80);
  }
  .bg-md-secondary-85 {
    background-color: var(--secondary-85);
    --border-color: var(--secondary-85);
  }
  .bg-md-secondary-90 {
    background-color: var(--secondary-90);
    --border-color: var(--secondary-90);
  }
  .bg-md-secondary-95 {
    background-color: var(--secondary-95);
    --border-color: var(--secondary-95);
  }
  .bg-md-secondary-100 {
    background-color: var(--secondary-100);
    --border-color: var(--secondary-100);
  }
  .text-md-secondary-75 {
    color: var(--secondary);
    opacity: 0.75;
  }
  .text-md-secondary-50 {
    color: var(--secondary);
    opacity: 0.5;
  }
  .text-md-secondary-40 {
    color: var(--secondary);
    opacity: 0.4;
  }
  .text-md-secondary-25 {
    color: var(--secondary);
    opacity: 0.25;
  }
  .text-md-secondary-10 {
    color: var(--secondary);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-secondary {
    --border-color: var(--secondary);
  }
  .bg-lg-secondary-dark {
    background-color: var(--secondary-dark);
    --border-color: var(--secondary-dark);
  }
  .text-lg-secondary-dark {
    color: var(--secondary-dark);
  }
  .bg-lg-secondary-5 {
    background-color: var(--secondary-5);
    --border-color: var(--secondary-5);
  }
  .bg-lg-secondary-10 {
    background-color: var(--secondary-10);
    --border-color: var(--secondary-10);
  }
  .bg-lg-secondary-15 {
    background-color: var(--secondary-15);
    --border-color: var(--secondary-15);
  }
  .bg-lg-secondary-20 {
    background-color: var(--secondary-20);
    --border-color: var(--secondary-20);
  }
  .bg-lg-secondary-25 {
    background-color: var(--secondary-25);
    --border-color: var(--secondary-25);
  }
  .bg-lg-secondary-30 {
    background-color: var(--secondary-30);
    --border-color: var(--secondary-30);
  }
  .bg-lg-secondary-35 {
    background-color: var(--secondary-35);
    --border-color: var(--secondary-35);
  }
  .bg-lg-secondary-40 {
    background-color: var(--secondary-40);
    --border-color: var(--secondary-40);
  }
  .bg-lg-secondary-45 {
    background-color: var(--secondary-45);
    --border-color: var(--secondary-45);
  }
  .bg-lg-secondary-50 {
    background-color: var(--secondary-50);
    --border-color: var(--secondary-50);
  }
  .bg-lg-secondary-55 {
    background-color: var(--secondary-55);
    --border-color: var(--secondary-55);
  }
  .bg-lg-secondary-60 {
    background-color: var(--secondary-60);
    --border-color: var(--secondary-60);
  }
  .bg-lg-secondary-65 {
    background-color: var(--secondary-65);
    --border-color: var(--secondary-65);
  }
  .bg-lg-secondary-70 {
    background-color: var(--secondary-70);
    --border-color: var(--secondary-70);
  }
  .bg-lg-secondary-75 {
    background-color: var(--secondary-75);
    --border-color: var(--secondary-75);
  }
  .bg-lg-secondary-80 {
    background-color: var(--secondary-80);
    --border-color: var(--secondary-80);
  }
  .bg-lg-secondary-85 {
    background-color: var(--secondary-85);
    --border-color: var(--secondary-85);
  }
  .bg-lg-secondary-90 {
    background-color: var(--secondary-90);
    --border-color: var(--secondary-90);
  }
  .bg-lg-secondary-95 {
    background-color: var(--secondary-95);
    --border-color: var(--secondary-95);
  }
  .bg-lg-secondary-100 {
    background-color: var(--secondary-100);
    --border-color: var(--secondary-100);
  }
  .text-lg-secondary-75 {
    color: var(--secondary);
    opacity: 0.75;
  }
  .text-lg-secondary-50 {
    color: var(--secondary);
    opacity: 0.5;
  }
  .text-lg-secondary-40 {
    color: var(--secondary);
    opacity: 0.4;
  }
  .text-lg-secondary-25 {
    color: var(--secondary);
    opacity: 0.25;
  }
  .text-lg-secondary-10 {
    color: var(--secondary);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-secondary {
    --border-color: var(--secondary);
  }
  .bg-xl-secondary-dark {
    background-color: var(--secondary-dark);
    --border-color: var(--secondary-dark);
  }
  .text-xl-secondary-dark {
    color: var(--secondary-dark);
  }
  .bg-xl-secondary-5 {
    background-color: var(--secondary-5);
    --border-color: var(--secondary-5);
  }
  .bg-xl-secondary-10 {
    background-color: var(--secondary-10);
    --border-color: var(--secondary-10);
  }
  .bg-xl-secondary-15 {
    background-color: var(--secondary-15);
    --border-color: var(--secondary-15);
  }
  .bg-xl-secondary-20 {
    background-color: var(--secondary-20);
    --border-color: var(--secondary-20);
  }
  .bg-xl-secondary-25 {
    background-color: var(--secondary-25);
    --border-color: var(--secondary-25);
  }
  .bg-xl-secondary-30 {
    background-color: var(--secondary-30);
    --border-color: var(--secondary-30);
  }
  .bg-xl-secondary-35 {
    background-color: var(--secondary-35);
    --border-color: var(--secondary-35);
  }
  .bg-xl-secondary-40 {
    background-color: var(--secondary-40);
    --border-color: var(--secondary-40);
  }
  .bg-xl-secondary-45 {
    background-color: var(--secondary-45);
    --border-color: var(--secondary-45);
  }
  .bg-xl-secondary-50 {
    background-color: var(--secondary-50);
    --border-color: var(--secondary-50);
  }
  .bg-xl-secondary-55 {
    background-color: var(--secondary-55);
    --border-color: var(--secondary-55);
  }
  .bg-xl-secondary-60 {
    background-color: var(--secondary-60);
    --border-color: var(--secondary-60);
  }
  .bg-xl-secondary-65 {
    background-color: var(--secondary-65);
    --border-color: var(--secondary-65);
  }
  .bg-xl-secondary-70 {
    background-color: var(--secondary-70);
    --border-color: var(--secondary-70);
  }
  .bg-xl-secondary-75 {
    background-color: var(--secondary-75);
    --border-color: var(--secondary-75);
  }
  .bg-xl-secondary-80 {
    background-color: var(--secondary-80);
    --border-color: var(--secondary-80);
  }
  .bg-xl-secondary-85 {
    background-color: var(--secondary-85);
    --border-color: var(--secondary-85);
  }
  .bg-xl-secondary-90 {
    background-color: var(--secondary-90);
    --border-color: var(--secondary-90);
  }
  .bg-xl-secondary-95 {
    background-color: var(--secondary-95);
    --border-color: var(--secondary-95);
  }
  .bg-xl-secondary-100 {
    background-color: var(--secondary-100);
    --border-color: var(--secondary-100);
  }
  .text-xl-secondary-75 {
    color: var(--secondary);
    opacity: 0.75;
  }
  .text-xl-secondary-50 {
    color: var(--secondary);
    opacity: 0.5;
  }
  .text-xl-secondary-40 {
    color: var(--secondary);
    opacity: 0.4;
  }
  .text-xl-secondary-25 {
    color: var(--secondary);
    opacity: 0.25;
  }
  .text-xl-secondary-10 {
    color: var(--secondary);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-secondary {
    --border-color: var(--secondary);
  }
  .bg-xxl-secondary-dark {
    background-color: var(--secondary-dark);
    --border-color: var(--secondary-dark);
  }
  .text-xxl-secondary-dark {
    color: var(--secondary-dark);
  }
  .bg-xxl-secondary-5 {
    background-color: var(--secondary-5);
    --border-color: var(--secondary-5);
  }
  .bg-xxl-secondary-10 {
    background-color: var(--secondary-10);
    --border-color: var(--secondary-10);
  }
  .bg-xxl-secondary-15 {
    background-color: var(--secondary-15);
    --border-color: var(--secondary-15);
  }
  .bg-xxl-secondary-20 {
    background-color: var(--secondary-20);
    --border-color: var(--secondary-20);
  }
  .bg-xxl-secondary-25 {
    background-color: var(--secondary-25);
    --border-color: var(--secondary-25);
  }
  .bg-xxl-secondary-30 {
    background-color: var(--secondary-30);
    --border-color: var(--secondary-30);
  }
  .bg-xxl-secondary-35 {
    background-color: var(--secondary-35);
    --border-color: var(--secondary-35);
  }
  .bg-xxl-secondary-40 {
    background-color: var(--secondary-40);
    --border-color: var(--secondary-40);
  }
  .bg-xxl-secondary-45 {
    background-color: var(--secondary-45);
    --border-color: var(--secondary-45);
  }
  .bg-xxl-secondary-50 {
    background-color: var(--secondary-50);
    --border-color: var(--secondary-50);
  }
  .bg-xxl-secondary-55 {
    background-color: var(--secondary-55);
    --border-color: var(--secondary-55);
  }
  .bg-xxl-secondary-60 {
    background-color: var(--secondary-60);
    --border-color: var(--secondary-60);
  }
  .bg-xxl-secondary-65 {
    background-color: var(--secondary-65);
    --border-color: var(--secondary-65);
  }
  .bg-xxl-secondary-70 {
    background-color: var(--secondary-70);
    --border-color: var(--secondary-70);
  }
  .bg-xxl-secondary-75 {
    background-color: var(--secondary-75);
    --border-color: var(--secondary-75);
  }
  .bg-xxl-secondary-80 {
    background-color: var(--secondary-80);
    --border-color: var(--secondary-80);
  }
  .bg-xxl-secondary-85 {
    background-color: var(--secondary-85);
    --border-color: var(--secondary-85);
  }
  .bg-xxl-secondary-90 {
    background-color: var(--secondary-90);
    --border-color: var(--secondary-90);
  }
  .bg-xxl-secondary-95 {
    background-color: var(--secondary-95);
    --border-color: var(--secondary-95);
  }
  .bg-xxl-secondary-100 {
    background-color: var(--secondary-100);
    --border-color: var(--secondary-100);
  }
  .text-xxl-secondary-75 {
    color: var(--secondary);
    opacity: 0.75;
  }
  .text-xxl-secondary-50 {
    color: var(--secondary);
    opacity: 0.5;
  }
  .text-xxl-secondary-40 {
    color: var(--secondary);
    opacity: 0.4;
  }
  .text-xxl-secondary-25 {
    color: var(--secondary);
    opacity: 0.25;
  }
  .text-xxl-secondary-10 {
    color: var(--secondary);
    opacity: 0.1;
  }
}
.bg-tertiary {
  --border-color: var(--tertiary);
}
.bg-tertiary-dark {
  background-color: var(--tertiary-dark);
  --border-color: var(--tertiary-dark);
}
.text-tertiary-dark {
  color: var(--tertiary-dark);
}
.bg-tertiary-5 {
  background-color: var(--tertiary-5);
  --border-color: var(--tertiary-5);
}
.bg-tertiary-10 {
  background-color: var(--tertiary-10);
  --border-color: var(--tertiary-10);
}
.bg-tertiary-15 {
  background-color: var(--tertiary-15);
  --border-color: var(--tertiary-15);
}
.bg-tertiary-20 {
  background-color: var(--tertiary-20);
  --border-color: var(--tertiary-20);
}
.bg-tertiary-25 {
  background-color: var(--tertiary-25);
  --border-color: var(--tertiary-25);
}
.bg-tertiary-30 {
  background-color: var(--tertiary-30);
  --border-color: var(--tertiary-30);
}
.bg-tertiary-35 {
  background-color: var(--tertiary-35);
  --border-color: var(--tertiary-35);
}
.bg-tertiary-40 {
  background-color: var(--tertiary-40);
  --border-color: var(--tertiary-40);
}
.bg-tertiary-45 {
  background-color: var(--tertiary-45);
  --border-color: var(--tertiary-45);
}
.bg-tertiary-50 {
  background-color: var(--tertiary-50);
  --border-color: var(--tertiary-50);
}
.bg-tertiary-55 {
  background-color: var(--tertiary-55);
  --border-color: var(--tertiary-55);
}
.bg-tertiary-60 {
  background-color: var(--tertiary-60);
  --border-color: var(--tertiary-60);
}
.bg-tertiary-65 {
  background-color: var(--tertiary-65);
  --border-color: var(--tertiary-65);
}
.bg-tertiary-70 {
  background-color: var(--tertiary-70);
  --border-color: var(--tertiary-70);
}
.bg-tertiary-75 {
  background-color: var(--tertiary-75);
  --border-color: var(--tertiary-75);
}
.bg-tertiary-80 {
  background-color: var(--tertiary-80);
  --border-color: var(--tertiary-80);
}
.bg-tertiary-85 {
  background-color: var(--tertiary-85);
  --border-color: var(--tertiary-85);
}
.bg-tertiary-90 {
  background-color: var(--tertiary-90);
  --border-color: var(--tertiary-90);
}
.bg-tertiary-95 {
  background-color: var(--tertiary-95);
  --border-color: var(--tertiary-95);
}
.bg-tertiary-100 {
  background-color: var(--tertiary-100);
  --border-color: var(--tertiary-100);
}
.text-tertiary-75 {
  color: var(--tertiary);
  opacity: 0.75;
}
.text-tertiary-50 {
  color: var(--tertiary);
  opacity: 0.5;
}
.text-tertiary-40 {
  color: var(--tertiary);
  opacity: 0.4;
}
.text-tertiary-25 {
  color: var(--tertiary);
  opacity: 0.25;
}
.text-tertiary-10 {
  color: var(--tertiary);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-tertiary {
    --border-color: var(--tertiary);
  }
  .bg-sm-tertiary-dark {
    background-color: var(--tertiary-dark);
    --border-color: var(--tertiary-dark);
  }
  .text-sm-tertiary-dark {
    color: var(--tertiary-dark);
  }
  .bg-sm-tertiary-5 {
    background-color: var(--tertiary-5);
    --border-color: var(--tertiary-5);
  }
  .bg-sm-tertiary-10 {
    background-color: var(--tertiary-10);
    --border-color: var(--tertiary-10);
  }
  .bg-sm-tertiary-15 {
    background-color: var(--tertiary-15);
    --border-color: var(--tertiary-15);
  }
  .bg-sm-tertiary-20 {
    background-color: var(--tertiary-20);
    --border-color: var(--tertiary-20);
  }
  .bg-sm-tertiary-25 {
    background-color: var(--tertiary-25);
    --border-color: var(--tertiary-25);
  }
  .bg-sm-tertiary-30 {
    background-color: var(--tertiary-30);
    --border-color: var(--tertiary-30);
  }
  .bg-sm-tertiary-35 {
    background-color: var(--tertiary-35);
    --border-color: var(--tertiary-35);
  }
  .bg-sm-tertiary-40 {
    background-color: var(--tertiary-40);
    --border-color: var(--tertiary-40);
  }
  .bg-sm-tertiary-45 {
    background-color: var(--tertiary-45);
    --border-color: var(--tertiary-45);
  }
  .bg-sm-tertiary-50 {
    background-color: var(--tertiary-50);
    --border-color: var(--tertiary-50);
  }
  .bg-sm-tertiary-55 {
    background-color: var(--tertiary-55);
    --border-color: var(--tertiary-55);
  }
  .bg-sm-tertiary-60 {
    background-color: var(--tertiary-60);
    --border-color: var(--tertiary-60);
  }
  .bg-sm-tertiary-65 {
    background-color: var(--tertiary-65);
    --border-color: var(--tertiary-65);
  }
  .bg-sm-tertiary-70 {
    background-color: var(--tertiary-70);
    --border-color: var(--tertiary-70);
  }
  .bg-sm-tertiary-75 {
    background-color: var(--tertiary-75);
    --border-color: var(--tertiary-75);
  }
  .bg-sm-tertiary-80 {
    background-color: var(--tertiary-80);
    --border-color: var(--tertiary-80);
  }
  .bg-sm-tertiary-85 {
    background-color: var(--tertiary-85);
    --border-color: var(--tertiary-85);
  }
  .bg-sm-tertiary-90 {
    background-color: var(--tertiary-90);
    --border-color: var(--tertiary-90);
  }
  .bg-sm-tertiary-95 {
    background-color: var(--tertiary-95);
    --border-color: var(--tertiary-95);
  }
  .bg-sm-tertiary-100 {
    background-color: var(--tertiary-100);
    --border-color: var(--tertiary-100);
  }
  .text-sm-tertiary-75 {
    color: var(--tertiary);
    opacity: 0.75;
  }
  .text-sm-tertiary-50 {
    color: var(--tertiary);
    opacity: 0.5;
  }
  .text-sm-tertiary-40 {
    color: var(--tertiary);
    opacity: 0.4;
  }
  .text-sm-tertiary-25 {
    color: var(--tertiary);
    opacity: 0.25;
  }
  .text-sm-tertiary-10 {
    color: var(--tertiary);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-tertiary {
    --border-color: var(--tertiary);
  }
  .bg-md-tertiary-dark {
    background-color: var(--tertiary-dark);
    --border-color: var(--tertiary-dark);
  }
  .text-md-tertiary-dark {
    color: var(--tertiary-dark);
  }
  .bg-md-tertiary-5 {
    background-color: var(--tertiary-5);
    --border-color: var(--tertiary-5);
  }
  .bg-md-tertiary-10 {
    background-color: var(--tertiary-10);
    --border-color: var(--tertiary-10);
  }
  .bg-md-tertiary-15 {
    background-color: var(--tertiary-15);
    --border-color: var(--tertiary-15);
  }
  .bg-md-tertiary-20 {
    background-color: var(--tertiary-20);
    --border-color: var(--tertiary-20);
  }
  .bg-md-tertiary-25 {
    background-color: var(--tertiary-25);
    --border-color: var(--tertiary-25);
  }
  .bg-md-tertiary-30 {
    background-color: var(--tertiary-30);
    --border-color: var(--tertiary-30);
  }
  .bg-md-tertiary-35 {
    background-color: var(--tertiary-35);
    --border-color: var(--tertiary-35);
  }
  .bg-md-tertiary-40 {
    background-color: var(--tertiary-40);
    --border-color: var(--tertiary-40);
  }
  .bg-md-tertiary-45 {
    background-color: var(--tertiary-45);
    --border-color: var(--tertiary-45);
  }
  .bg-md-tertiary-50 {
    background-color: var(--tertiary-50);
    --border-color: var(--tertiary-50);
  }
  .bg-md-tertiary-55 {
    background-color: var(--tertiary-55);
    --border-color: var(--tertiary-55);
  }
  .bg-md-tertiary-60 {
    background-color: var(--tertiary-60);
    --border-color: var(--tertiary-60);
  }
  .bg-md-tertiary-65 {
    background-color: var(--tertiary-65);
    --border-color: var(--tertiary-65);
  }
  .bg-md-tertiary-70 {
    background-color: var(--tertiary-70);
    --border-color: var(--tertiary-70);
  }
  .bg-md-tertiary-75 {
    background-color: var(--tertiary-75);
    --border-color: var(--tertiary-75);
  }
  .bg-md-tertiary-80 {
    background-color: var(--tertiary-80);
    --border-color: var(--tertiary-80);
  }
  .bg-md-tertiary-85 {
    background-color: var(--tertiary-85);
    --border-color: var(--tertiary-85);
  }
  .bg-md-tertiary-90 {
    background-color: var(--tertiary-90);
    --border-color: var(--tertiary-90);
  }
  .bg-md-tertiary-95 {
    background-color: var(--tertiary-95);
    --border-color: var(--tertiary-95);
  }
  .bg-md-tertiary-100 {
    background-color: var(--tertiary-100);
    --border-color: var(--tertiary-100);
  }
  .text-md-tertiary-75 {
    color: var(--tertiary);
    opacity: 0.75;
  }
  .text-md-tertiary-50 {
    color: var(--tertiary);
    opacity: 0.5;
  }
  .text-md-tertiary-40 {
    color: var(--tertiary);
    opacity: 0.4;
  }
  .text-md-tertiary-25 {
    color: var(--tertiary);
    opacity: 0.25;
  }
  .text-md-tertiary-10 {
    color: var(--tertiary);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-tertiary {
    --border-color: var(--tertiary);
  }
  .bg-lg-tertiary-dark {
    background-color: var(--tertiary-dark);
    --border-color: var(--tertiary-dark);
  }
  .text-lg-tertiary-dark {
    color: var(--tertiary-dark);
  }
  .bg-lg-tertiary-5 {
    background-color: var(--tertiary-5);
    --border-color: var(--tertiary-5);
  }
  .bg-lg-tertiary-10 {
    background-color: var(--tertiary-10);
    --border-color: var(--tertiary-10);
  }
  .bg-lg-tertiary-15 {
    background-color: var(--tertiary-15);
    --border-color: var(--tertiary-15);
  }
  .bg-lg-tertiary-20 {
    background-color: var(--tertiary-20);
    --border-color: var(--tertiary-20);
  }
  .bg-lg-tertiary-25 {
    background-color: var(--tertiary-25);
    --border-color: var(--tertiary-25);
  }
  .bg-lg-tertiary-30 {
    background-color: var(--tertiary-30);
    --border-color: var(--tertiary-30);
  }
  .bg-lg-tertiary-35 {
    background-color: var(--tertiary-35);
    --border-color: var(--tertiary-35);
  }
  .bg-lg-tertiary-40 {
    background-color: var(--tertiary-40);
    --border-color: var(--tertiary-40);
  }
  .bg-lg-tertiary-45 {
    background-color: var(--tertiary-45);
    --border-color: var(--tertiary-45);
  }
  .bg-lg-tertiary-50 {
    background-color: var(--tertiary-50);
    --border-color: var(--tertiary-50);
  }
  .bg-lg-tertiary-55 {
    background-color: var(--tertiary-55);
    --border-color: var(--tertiary-55);
  }
  .bg-lg-tertiary-60 {
    background-color: var(--tertiary-60);
    --border-color: var(--tertiary-60);
  }
  .bg-lg-tertiary-65 {
    background-color: var(--tertiary-65);
    --border-color: var(--tertiary-65);
  }
  .bg-lg-tertiary-70 {
    background-color: var(--tertiary-70);
    --border-color: var(--tertiary-70);
  }
  .bg-lg-tertiary-75 {
    background-color: var(--tertiary-75);
    --border-color: var(--tertiary-75);
  }
  .bg-lg-tertiary-80 {
    background-color: var(--tertiary-80);
    --border-color: var(--tertiary-80);
  }
  .bg-lg-tertiary-85 {
    background-color: var(--tertiary-85);
    --border-color: var(--tertiary-85);
  }
  .bg-lg-tertiary-90 {
    background-color: var(--tertiary-90);
    --border-color: var(--tertiary-90);
  }
  .bg-lg-tertiary-95 {
    background-color: var(--tertiary-95);
    --border-color: var(--tertiary-95);
  }
  .bg-lg-tertiary-100 {
    background-color: var(--tertiary-100);
    --border-color: var(--tertiary-100);
  }
  .text-lg-tertiary-75 {
    color: var(--tertiary);
    opacity: 0.75;
  }
  .text-lg-tertiary-50 {
    color: var(--tertiary);
    opacity: 0.5;
  }
  .text-lg-tertiary-40 {
    color: var(--tertiary);
    opacity: 0.4;
  }
  .text-lg-tertiary-25 {
    color: var(--tertiary);
    opacity: 0.25;
  }
  .text-lg-tertiary-10 {
    color: var(--tertiary);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-tertiary {
    --border-color: var(--tertiary);
  }
  .bg-xl-tertiary-dark {
    background-color: var(--tertiary-dark);
    --border-color: var(--tertiary-dark);
  }
  .text-xl-tertiary-dark {
    color: var(--tertiary-dark);
  }
  .bg-xl-tertiary-5 {
    background-color: var(--tertiary-5);
    --border-color: var(--tertiary-5);
  }
  .bg-xl-tertiary-10 {
    background-color: var(--tertiary-10);
    --border-color: var(--tertiary-10);
  }
  .bg-xl-tertiary-15 {
    background-color: var(--tertiary-15);
    --border-color: var(--tertiary-15);
  }
  .bg-xl-tertiary-20 {
    background-color: var(--tertiary-20);
    --border-color: var(--tertiary-20);
  }
  .bg-xl-tertiary-25 {
    background-color: var(--tertiary-25);
    --border-color: var(--tertiary-25);
  }
  .bg-xl-tertiary-30 {
    background-color: var(--tertiary-30);
    --border-color: var(--tertiary-30);
  }
  .bg-xl-tertiary-35 {
    background-color: var(--tertiary-35);
    --border-color: var(--tertiary-35);
  }
  .bg-xl-tertiary-40 {
    background-color: var(--tertiary-40);
    --border-color: var(--tertiary-40);
  }
  .bg-xl-tertiary-45 {
    background-color: var(--tertiary-45);
    --border-color: var(--tertiary-45);
  }
  .bg-xl-tertiary-50 {
    background-color: var(--tertiary-50);
    --border-color: var(--tertiary-50);
  }
  .bg-xl-tertiary-55 {
    background-color: var(--tertiary-55);
    --border-color: var(--tertiary-55);
  }
  .bg-xl-tertiary-60 {
    background-color: var(--tertiary-60);
    --border-color: var(--tertiary-60);
  }
  .bg-xl-tertiary-65 {
    background-color: var(--tertiary-65);
    --border-color: var(--tertiary-65);
  }
  .bg-xl-tertiary-70 {
    background-color: var(--tertiary-70);
    --border-color: var(--tertiary-70);
  }
  .bg-xl-tertiary-75 {
    background-color: var(--tertiary-75);
    --border-color: var(--tertiary-75);
  }
  .bg-xl-tertiary-80 {
    background-color: var(--tertiary-80);
    --border-color: var(--tertiary-80);
  }
  .bg-xl-tertiary-85 {
    background-color: var(--tertiary-85);
    --border-color: var(--tertiary-85);
  }
  .bg-xl-tertiary-90 {
    background-color: var(--tertiary-90);
    --border-color: var(--tertiary-90);
  }
  .bg-xl-tertiary-95 {
    background-color: var(--tertiary-95);
    --border-color: var(--tertiary-95);
  }
  .bg-xl-tertiary-100 {
    background-color: var(--tertiary-100);
    --border-color: var(--tertiary-100);
  }
  .text-xl-tertiary-75 {
    color: var(--tertiary);
    opacity: 0.75;
  }
  .text-xl-tertiary-50 {
    color: var(--tertiary);
    opacity: 0.5;
  }
  .text-xl-tertiary-40 {
    color: var(--tertiary);
    opacity: 0.4;
  }
  .text-xl-tertiary-25 {
    color: var(--tertiary);
    opacity: 0.25;
  }
  .text-xl-tertiary-10 {
    color: var(--tertiary);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-tertiary {
    --border-color: var(--tertiary);
  }
  .bg-xxl-tertiary-dark {
    background-color: var(--tertiary-dark);
    --border-color: var(--tertiary-dark);
  }
  .text-xxl-tertiary-dark {
    color: var(--tertiary-dark);
  }
  .bg-xxl-tertiary-5 {
    background-color: var(--tertiary-5);
    --border-color: var(--tertiary-5);
  }
  .bg-xxl-tertiary-10 {
    background-color: var(--tertiary-10);
    --border-color: var(--tertiary-10);
  }
  .bg-xxl-tertiary-15 {
    background-color: var(--tertiary-15);
    --border-color: var(--tertiary-15);
  }
  .bg-xxl-tertiary-20 {
    background-color: var(--tertiary-20);
    --border-color: var(--tertiary-20);
  }
  .bg-xxl-tertiary-25 {
    background-color: var(--tertiary-25);
    --border-color: var(--tertiary-25);
  }
  .bg-xxl-tertiary-30 {
    background-color: var(--tertiary-30);
    --border-color: var(--tertiary-30);
  }
  .bg-xxl-tertiary-35 {
    background-color: var(--tertiary-35);
    --border-color: var(--tertiary-35);
  }
  .bg-xxl-tertiary-40 {
    background-color: var(--tertiary-40);
    --border-color: var(--tertiary-40);
  }
  .bg-xxl-tertiary-45 {
    background-color: var(--tertiary-45);
    --border-color: var(--tertiary-45);
  }
  .bg-xxl-tertiary-50 {
    background-color: var(--tertiary-50);
    --border-color: var(--tertiary-50);
  }
  .bg-xxl-tertiary-55 {
    background-color: var(--tertiary-55);
    --border-color: var(--tertiary-55);
  }
  .bg-xxl-tertiary-60 {
    background-color: var(--tertiary-60);
    --border-color: var(--tertiary-60);
  }
  .bg-xxl-tertiary-65 {
    background-color: var(--tertiary-65);
    --border-color: var(--tertiary-65);
  }
  .bg-xxl-tertiary-70 {
    background-color: var(--tertiary-70);
    --border-color: var(--tertiary-70);
  }
  .bg-xxl-tertiary-75 {
    background-color: var(--tertiary-75);
    --border-color: var(--tertiary-75);
  }
  .bg-xxl-tertiary-80 {
    background-color: var(--tertiary-80);
    --border-color: var(--tertiary-80);
  }
  .bg-xxl-tertiary-85 {
    background-color: var(--tertiary-85);
    --border-color: var(--tertiary-85);
  }
  .bg-xxl-tertiary-90 {
    background-color: var(--tertiary-90);
    --border-color: var(--tertiary-90);
  }
  .bg-xxl-tertiary-95 {
    background-color: var(--tertiary-95);
    --border-color: var(--tertiary-95);
  }
  .bg-xxl-tertiary-100 {
    background-color: var(--tertiary-100);
    --border-color: var(--tertiary-100);
  }
  .text-xxl-tertiary-75 {
    color: var(--tertiary);
    opacity: 0.75;
  }
  .text-xxl-tertiary-50 {
    color: var(--tertiary);
    opacity: 0.5;
  }
  .text-xxl-tertiary-40 {
    color: var(--tertiary);
    opacity: 0.4;
  }
  .text-xxl-tertiary-25 {
    color: var(--tertiary);
    opacity: 0.25;
  }
  .text-xxl-tertiary-10 {
    color: var(--tertiary);
    opacity: 0.1;
  }
}
.bg-quaternary {
  --border-color: var(--quaternary);
}
.bg-quaternary-dark {
  background-color: var(--quaternary-dark);
  --border-color: var(--quaternary-dark);
}
.text-quaternary-dark {
  color: var(--quaternary-dark);
}
.bg-quaternary-5 {
  background-color: var(--quaternary-5);
  --border-color: var(--quaternary-5);
}
.bg-quaternary-10 {
  background-color: var(--quaternary-10);
  --border-color: var(--quaternary-10);
}
.bg-quaternary-15 {
  background-color: var(--quaternary-15);
  --border-color: var(--quaternary-15);
}
.bg-quaternary-20 {
  background-color: var(--quaternary-20);
  --border-color: var(--quaternary-20);
}
.bg-quaternary-25 {
  background-color: var(--quaternary-25);
  --border-color: var(--quaternary-25);
}
.bg-quaternary-30 {
  background-color: var(--quaternary-30);
  --border-color: var(--quaternary-30);
}
.bg-quaternary-35 {
  background-color: var(--quaternary-35);
  --border-color: var(--quaternary-35);
}
.bg-quaternary-40 {
  background-color: var(--quaternary-40);
  --border-color: var(--quaternary-40);
}
.bg-quaternary-45 {
  background-color: var(--quaternary-45);
  --border-color: var(--quaternary-45);
}
.bg-quaternary-50 {
  background-color: var(--quaternary-50);
  --border-color: var(--quaternary-50);
}
.bg-quaternary-55 {
  background-color: var(--quaternary-55);
  --border-color: var(--quaternary-55);
}
.bg-quaternary-60 {
  background-color: var(--quaternary-60);
  --border-color: var(--quaternary-60);
}
.bg-quaternary-65 {
  background-color: var(--quaternary-65);
  --border-color: var(--quaternary-65);
}
.bg-quaternary-70 {
  background-color: var(--quaternary-70);
  --border-color: var(--quaternary-70);
}
.bg-quaternary-75 {
  background-color: var(--quaternary-75);
  --border-color: var(--quaternary-75);
}
.bg-quaternary-80 {
  background-color: var(--quaternary-80);
  --border-color: var(--quaternary-80);
}
.bg-quaternary-85 {
  background-color: var(--quaternary-85);
  --border-color: var(--quaternary-85);
}
.bg-quaternary-90 {
  background-color: var(--quaternary-90);
  --border-color: var(--quaternary-90);
}
.bg-quaternary-95 {
  background-color: var(--quaternary-95);
  --border-color: var(--quaternary-95);
}
.bg-quaternary-100 {
  background-color: var(--quaternary-100);
  --border-color: var(--quaternary-100);
}
.text-quaternary-75 {
  color: var(--quaternary);
  opacity: 0.75;
}
.text-quaternary-50 {
  color: var(--quaternary);
  opacity: 0.5;
}
.text-quaternary-40 {
  color: var(--quaternary);
  opacity: 0.4;
}
.text-quaternary-25 {
  color: var(--quaternary);
  opacity: 0.25;
}
.text-quaternary-10 {
  color: var(--quaternary);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-quaternary {
    --border-color: var(--quaternary);
  }
  .bg-sm-quaternary-dark {
    background-color: var(--quaternary-dark);
    --border-color: var(--quaternary-dark);
  }
  .text-sm-quaternary-dark {
    color: var(--quaternary-dark);
  }
  .bg-sm-quaternary-5 {
    background-color: var(--quaternary-5);
    --border-color: var(--quaternary-5);
  }
  .bg-sm-quaternary-10 {
    background-color: var(--quaternary-10);
    --border-color: var(--quaternary-10);
  }
  .bg-sm-quaternary-15 {
    background-color: var(--quaternary-15);
    --border-color: var(--quaternary-15);
  }
  .bg-sm-quaternary-20 {
    background-color: var(--quaternary-20);
    --border-color: var(--quaternary-20);
  }
  .bg-sm-quaternary-25 {
    background-color: var(--quaternary-25);
    --border-color: var(--quaternary-25);
  }
  .bg-sm-quaternary-30 {
    background-color: var(--quaternary-30);
    --border-color: var(--quaternary-30);
  }
  .bg-sm-quaternary-35 {
    background-color: var(--quaternary-35);
    --border-color: var(--quaternary-35);
  }
  .bg-sm-quaternary-40 {
    background-color: var(--quaternary-40);
    --border-color: var(--quaternary-40);
  }
  .bg-sm-quaternary-45 {
    background-color: var(--quaternary-45);
    --border-color: var(--quaternary-45);
  }
  .bg-sm-quaternary-50 {
    background-color: var(--quaternary-50);
    --border-color: var(--quaternary-50);
  }
  .bg-sm-quaternary-55 {
    background-color: var(--quaternary-55);
    --border-color: var(--quaternary-55);
  }
  .bg-sm-quaternary-60 {
    background-color: var(--quaternary-60);
    --border-color: var(--quaternary-60);
  }
  .bg-sm-quaternary-65 {
    background-color: var(--quaternary-65);
    --border-color: var(--quaternary-65);
  }
  .bg-sm-quaternary-70 {
    background-color: var(--quaternary-70);
    --border-color: var(--quaternary-70);
  }
  .bg-sm-quaternary-75 {
    background-color: var(--quaternary-75);
    --border-color: var(--quaternary-75);
  }
  .bg-sm-quaternary-80 {
    background-color: var(--quaternary-80);
    --border-color: var(--quaternary-80);
  }
  .bg-sm-quaternary-85 {
    background-color: var(--quaternary-85);
    --border-color: var(--quaternary-85);
  }
  .bg-sm-quaternary-90 {
    background-color: var(--quaternary-90);
    --border-color: var(--quaternary-90);
  }
  .bg-sm-quaternary-95 {
    background-color: var(--quaternary-95);
    --border-color: var(--quaternary-95);
  }
  .bg-sm-quaternary-100 {
    background-color: var(--quaternary-100);
    --border-color: var(--quaternary-100);
  }
  .text-sm-quaternary-75 {
    color: var(--quaternary);
    opacity: 0.75;
  }
  .text-sm-quaternary-50 {
    color: var(--quaternary);
    opacity: 0.5;
  }
  .text-sm-quaternary-40 {
    color: var(--quaternary);
    opacity: 0.4;
  }
  .text-sm-quaternary-25 {
    color: var(--quaternary);
    opacity: 0.25;
  }
  .text-sm-quaternary-10 {
    color: var(--quaternary);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-quaternary {
    --border-color: var(--quaternary);
  }
  .bg-md-quaternary-dark {
    background-color: var(--quaternary-dark);
    --border-color: var(--quaternary-dark);
  }
  .text-md-quaternary-dark {
    color: var(--quaternary-dark);
  }
  .bg-md-quaternary-5 {
    background-color: var(--quaternary-5);
    --border-color: var(--quaternary-5);
  }
  .bg-md-quaternary-10 {
    background-color: var(--quaternary-10);
    --border-color: var(--quaternary-10);
  }
  .bg-md-quaternary-15 {
    background-color: var(--quaternary-15);
    --border-color: var(--quaternary-15);
  }
  .bg-md-quaternary-20 {
    background-color: var(--quaternary-20);
    --border-color: var(--quaternary-20);
  }
  .bg-md-quaternary-25 {
    background-color: var(--quaternary-25);
    --border-color: var(--quaternary-25);
  }
  .bg-md-quaternary-30 {
    background-color: var(--quaternary-30);
    --border-color: var(--quaternary-30);
  }
  .bg-md-quaternary-35 {
    background-color: var(--quaternary-35);
    --border-color: var(--quaternary-35);
  }
  .bg-md-quaternary-40 {
    background-color: var(--quaternary-40);
    --border-color: var(--quaternary-40);
  }
  .bg-md-quaternary-45 {
    background-color: var(--quaternary-45);
    --border-color: var(--quaternary-45);
  }
  .bg-md-quaternary-50 {
    background-color: var(--quaternary-50);
    --border-color: var(--quaternary-50);
  }
  .bg-md-quaternary-55 {
    background-color: var(--quaternary-55);
    --border-color: var(--quaternary-55);
  }
  .bg-md-quaternary-60 {
    background-color: var(--quaternary-60);
    --border-color: var(--quaternary-60);
  }
  .bg-md-quaternary-65 {
    background-color: var(--quaternary-65);
    --border-color: var(--quaternary-65);
  }
  .bg-md-quaternary-70 {
    background-color: var(--quaternary-70);
    --border-color: var(--quaternary-70);
  }
  .bg-md-quaternary-75 {
    background-color: var(--quaternary-75);
    --border-color: var(--quaternary-75);
  }
  .bg-md-quaternary-80 {
    background-color: var(--quaternary-80);
    --border-color: var(--quaternary-80);
  }
  .bg-md-quaternary-85 {
    background-color: var(--quaternary-85);
    --border-color: var(--quaternary-85);
  }
  .bg-md-quaternary-90 {
    background-color: var(--quaternary-90);
    --border-color: var(--quaternary-90);
  }
  .bg-md-quaternary-95 {
    background-color: var(--quaternary-95);
    --border-color: var(--quaternary-95);
  }
  .bg-md-quaternary-100 {
    background-color: var(--quaternary-100);
    --border-color: var(--quaternary-100);
  }
  .text-md-quaternary-75 {
    color: var(--quaternary);
    opacity: 0.75;
  }
  .text-md-quaternary-50 {
    color: var(--quaternary);
    opacity: 0.5;
  }
  .text-md-quaternary-40 {
    color: var(--quaternary);
    opacity: 0.4;
  }
  .text-md-quaternary-25 {
    color: var(--quaternary);
    opacity: 0.25;
  }
  .text-md-quaternary-10 {
    color: var(--quaternary);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-quaternary {
    --border-color: var(--quaternary);
  }
  .bg-lg-quaternary-dark {
    background-color: var(--quaternary-dark);
    --border-color: var(--quaternary-dark);
  }
  .text-lg-quaternary-dark {
    color: var(--quaternary-dark);
  }
  .bg-lg-quaternary-5 {
    background-color: var(--quaternary-5);
    --border-color: var(--quaternary-5);
  }
  .bg-lg-quaternary-10 {
    background-color: var(--quaternary-10);
    --border-color: var(--quaternary-10);
  }
  .bg-lg-quaternary-15 {
    background-color: var(--quaternary-15);
    --border-color: var(--quaternary-15);
  }
  .bg-lg-quaternary-20 {
    background-color: var(--quaternary-20);
    --border-color: var(--quaternary-20);
  }
  .bg-lg-quaternary-25 {
    background-color: var(--quaternary-25);
    --border-color: var(--quaternary-25);
  }
  .bg-lg-quaternary-30 {
    background-color: var(--quaternary-30);
    --border-color: var(--quaternary-30);
  }
  .bg-lg-quaternary-35 {
    background-color: var(--quaternary-35);
    --border-color: var(--quaternary-35);
  }
  .bg-lg-quaternary-40 {
    background-color: var(--quaternary-40);
    --border-color: var(--quaternary-40);
  }
  .bg-lg-quaternary-45 {
    background-color: var(--quaternary-45);
    --border-color: var(--quaternary-45);
  }
  .bg-lg-quaternary-50 {
    background-color: var(--quaternary-50);
    --border-color: var(--quaternary-50);
  }
  .bg-lg-quaternary-55 {
    background-color: var(--quaternary-55);
    --border-color: var(--quaternary-55);
  }
  .bg-lg-quaternary-60 {
    background-color: var(--quaternary-60);
    --border-color: var(--quaternary-60);
  }
  .bg-lg-quaternary-65 {
    background-color: var(--quaternary-65);
    --border-color: var(--quaternary-65);
  }
  .bg-lg-quaternary-70 {
    background-color: var(--quaternary-70);
    --border-color: var(--quaternary-70);
  }
  .bg-lg-quaternary-75 {
    background-color: var(--quaternary-75);
    --border-color: var(--quaternary-75);
  }
  .bg-lg-quaternary-80 {
    background-color: var(--quaternary-80);
    --border-color: var(--quaternary-80);
  }
  .bg-lg-quaternary-85 {
    background-color: var(--quaternary-85);
    --border-color: var(--quaternary-85);
  }
  .bg-lg-quaternary-90 {
    background-color: var(--quaternary-90);
    --border-color: var(--quaternary-90);
  }
  .bg-lg-quaternary-95 {
    background-color: var(--quaternary-95);
    --border-color: var(--quaternary-95);
  }
  .bg-lg-quaternary-100 {
    background-color: var(--quaternary-100);
    --border-color: var(--quaternary-100);
  }
  .text-lg-quaternary-75 {
    color: var(--quaternary);
    opacity: 0.75;
  }
  .text-lg-quaternary-50 {
    color: var(--quaternary);
    opacity: 0.5;
  }
  .text-lg-quaternary-40 {
    color: var(--quaternary);
    opacity: 0.4;
  }
  .text-lg-quaternary-25 {
    color: var(--quaternary);
    opacity: 0.25;
  }
  .text-lg-quaternary-10 {
    color: var(--quaternary);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-quaternary {
    --border-color: var(--quaternary);
  }
  .bg-xl-quaternary-dark {
    background-color: var(--quaternary-dark);
    --border-color: var(--quaternary-dark);
  }
  .text-xl-quaternary-dark {
    color: var(--quaternary-dark);
  }
  .bg-xl-quaternary-5 {
    background-color: var(--quaternary-5);
    --border-color: var(--quaternary-5);
  }
  .bg-xl-quaternary-10 {
    background-color: var(--quaternary-10);
    --border-color: var(--quaternary-10);
  }
  .bg-xl-quaternary-15 {
    background-color: var(--quaternary-15);
    --border-color: var(--quaternary-15);
  }
  .bg-xl-quaternary-20 {
    background-color: var(--quaternary-20);
    --border-color: var(--quaternary-20);
  }
  .bg-xl-quaternary-25 {
    background-color: var(--quaternary-25);
    --border-color: var(--quaternary-25);
  }
  .bg-xl-quaternary-30 {
    background-color: var(--quaternary-30);
    --border-color: var(--quaternary-30);
  }
  .bg-xl-quaternary-35 {
    background-color: var(--quaternary-35);
    --border-color: var(--quaternary-35);
  }
  .bg-xl-quaternary-40 {
    background-color: var(--quaternary-40);
    --border-color: var(--quaternary-40);
  }
  .bg-xl-quaternary-45 {
    background-color: var(--quaternary-45);
    --border-color: var(--quaternary-45);
  }
  .bg-xl-quaternary-50 {
    background-color: var(--quaternary-50);
    --border-color: var(--quaternary-50);
  }
  .bg-xl-quaternary-55 {
    background-color: var(--quaternary-55);
    --border-color: var(--quaternary-55);
  }
  .bg-xl-quaternary-60 {
    background-color: var(--quaternary-60);
    --border-color: var(--quaternary-60);
  }
  .bg-xl-quaternary-65 {
    background-color: var(--quaternary-65);
    --border-color: var(--quaternary-65);
  }
  .bg-xl-quaternary-70 {
    background-color: var(--quaternary-70);
    --border-color: var(--quaternary-70);
  }
  .bg-xl-quaternary-75 {
    background-color: var(--quaternary-75);
    --border-color: var(--quaternary-75);
  }
  .bg-xl-quaternary-80 {
    background-color: var(--quaternary-80);
    --border-color: var(--quaternary-80);
  }
  .bg-xl-quaternary-85 {
    background-color: var(--quaternary-85);
    --border-color: var(--quaternary-85);
  }
  .bg-xl-quaternary-90 {
    background-color: var(--quaternary-90);
    --border-color: var(--quaternary-90);
  }
  .bg-xl-quaternary-95 {
    background-color: var(--quaternary-95);
    --border-color: var(--quaternary-95);
  }
  .bg-xl-quaternary-100 {
    background-color: var(--quaternary-100);
    --border-color: var(--quaternary-100);
  }
  .text-xl-quaternary-75 {
    color: var(--quaternary);
    opacity: 0.75;
  }
  .text-xl-quaternary-50 {
    color: var(--quaternary);
    opacity: 0.5;
  }
  .text-xl-quaternary-40 {
    color: var(--quaternary);
    opacity: 0.4;
  }
  .text-xl-quaternary-25 {
    color: var(--quaternary);
    opacity: 0.25;
  }
  .text-xl-quaternary-10 {
    color: var(--quaternary);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quaternary {
    --border-color: var(--quaternary);
  }
  .bg-xxl-quaternary-dark {
    background-color: var(--quaternary-dark);
    --border-color: var(--quaternary-dark);
  }
  .text-xxl-quaternary-dark {
    color: var(--quaternary-dark);
  }
  .bg-xxl-quaternary-5 {
    background-color: var(--quaternary-5);
    --border-color: var(--quaternary-5);
  }
  .bg-xxl-quaternary-10 {
    background-color: var(--quaternary-10);
    --border-color: var(--quaternary-10);
  }
  .bg-xxl-quaternary-15 {
    background-color: var(--quaternary-15);
    --border-color: var(--quaternary-15);
  }
  .bg-xxl-quaternary-20 {
    background-color: var(--quaternary-20);
    --border-color: var(--quaternary-20);
  }
  .bg-xxl-quaternary-25 {
    background-color: var(--quaternary-25);
    --border-color: var(--quaternary-25);
  }
  .bg-xxl-quaternary-30 {
    background-color: var(--quaternary-30);
    --border-color: var(--quaternary-30);
  }
  .bg-xxl-quaternary-35 {
    background-color: var(--quaternary-35);
    --border-color: var(--quaternary-35);
  }
  .bg-xxl-quaternary-40 {
    background-color: var(--quaternary-40);
    --border-color: var(--quaternary-40);
  }
  .bg-xxl-quaternary-45 {
    background-color: var(--quaternary-45);
    --border-color: var(--quaternary-45);
  }
  .bg-xxl-quaternary-50 {
    background-color: var(--quaternary-50);
    --border-color: var(--quaternary-50);
  }
  .bg-xxl-quaternary-55 {
    background-color: var(--quaternary-55);
    --border-color: var(--quaternary-55);
  }
  .bg-xxl-quaternary-60 {
    background-color: var(--quaternary-60);
    --border-color: var(--quaternary-60);
  }
  .bg-xxl-quaternary-65 {
    background-color: var(--quaternary-65);
    --border-color: var(--quaternary-65);
  }
  .bg-xxl-quaternary-70 {
    background-color: var(--quaternary-70);
    --border-color: var(--quaternary-70);
  }
  .bg-xxl-quaternary-75 {
    background-color: var(--quaternary-75);
    --border-color: var(--quaternary-75);
  }
  .bg-xxl-quaternary-80 {
    background-color: var(--quaternary-80);
    --border-color: var(--quaternary-80);
  }
  .bg-xxl-quaternary-85 {
    background-color: var(--quaternary-85);
    --border-color: var(--quaternary-85);
  }
  .bg-xxl-quaternary-90 {
    background-color: var(--quaternary-90);
    --border-color: var(--quaternary-90);
  }
  .bg-xxl-quaternary-95 {
    background-color: var(--quaternary-95);
    --border-color: var(--quaternary-95);
  }
  .bg-xxl-quaternary-100 {
    background-color: var(--quaternary-100);
    --border-color: var(--quaternary-100);
  }
  .text-xxl-quaternary-75 {
    color: var(--quaternary);
    opacity: 0.75;
  }
  .text-xxl-quaternary-50 {
    color: var(--quaternary);
    opacity: 0.5;
  }
  .text-xxl-quaternary-40 {
    color: var(--quaternary);
    opacity: 0.4;
  }
  .text-xxl-quaternary-25 {
    color: var(--quaternary);
    opacity: 0.25;
  }
  .text-xxl-quaternary-10 {
    color: var(--quaternary);
    opacity: 0.1;
  }
}
.bg-quinary {
  --border-color: var(--quinary);
}
.bg-quinary-dark {
  background-color: var(--quinary-dark);
  --border-color: var(--quinary-dark);
}
.text-quinary-dark {
  color: var(--quinary-dark);
}
.bg-quinary-5 {
  background-color: var(--quinary-5);
  --border-color: var(--quinary-5);
}
.bg-quinary-10 {
  background-color: var(--quinary-10);
  --border-color: var(--quinary-10);
}
.bg-quinary-15 {
  background-color: var(--quinary-15);
  --border-color: var(--quinary-15);
}
.bg-quinary-20 {
  background-color: var(--quinary-20);
  --border-color: var(--quinary-20);
}
.bg-quinary-25 {
  background-color: var(--quinary-25);
  --border-color: var(--quinary-25);
}
.bg-quinary-30 {
  background-color: var(--quinary-30);
  --border-color: var(--quinary-30);
}
.bg-quinary-35 {
  background-color: var(--quinary-35);
  --border-color: var(--quinary-35);
}
.bg-quinary-40 {
  background-color: var(--quinary-40);
  --border-color: var(--quinary-40);
}
.bg-quinary-45 {
  background-color: var(--quinary-45);
  --border-color: var(--quinary-45);
}
.bg-quinary-50 {
  background-color: var(--quinary-50);
  --border-color: var(--quinary-50);
}
.bg-quinary-55 {
  background-color: var(--quinary-55);
  --border-color: var(--quinary-55);
}
.bg-quinary-60 {
  background-color: var(--quinary-60);
  --border-color: var(--quinary-60);
}
.bg-quinary-65 {
  background-color: var(--quinary-65);
  --border-color: var(--quinary-65);
}
.bg-quinary-70 {
  background-color: var(--quinary-70);
  --border-color: var(--quinary-70);
}
.bg-quinary-75 {
  background-color: var(--quinary-75);
  --border-color: var(--quinary-75);
}
.bg-quinary-80 {
  background-color: var(--quinary-80);
  --border-color: var(--quinary-80);
}
.bg-quinary-85 {
  background-color: var(--quinary-85);
  --border-color: var(--quinary-85);
}
.bg-quinary-90 {
  background-color: var(--quinary-90);
  --border-color: var(--quinary-90);
}
.bg-quinary-95 {
  background-color: var(--quinary-95);
  --border-color: var(--quinary-95);
}
.bg-quinary-100 {
  background-color: var(--quinary-100);
  --border-color: var(--quinary-100);
}
.text-quinary-75 {
  color: var(--quinary);
  opacity: 0.75;
}
.text-quinary-50 {
  color: var(--quinary);
  opacity: 0.5;
}
.text-quinary-40 {
  color: var(--quinary);
  opacity: 0.4;
}
.text-quinary-25 {
  color: var(--quinary);
  opacity: 0.25;
}
.text-quinary-10 {
  color: var(--quinary);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-quinary {
    --border-color: var(--quinary);
  }
  .bg-sm-quinary-dark {
    background-color: var(--quinary-dark);
    --border-color: var(--quinary-dark);
  }
  .text-sm-quinary-dark {
    color: var(--quinary-dark);
  }
  .bg-sm-quinary-5 {
    background-color: var(--quinary-5);
    --border-color: var(--quinary-5);
  }
  .bg-sm-quinary-10 {
    background-color: var(--quinary-10);
    --border-color: var(--quinary-10);
  }
  .bg-sm-quinary-15 {
    background-color: var(--quinary-15);
    --border-color: var(--quinary-15);
  }
  .bg-sm-quinary-20 {
    background-color: var(--quinary-20);
    --border-color: var(--quinary-20);
  }
  .bg-sm-quinary-25 {
    background-color: var(--quinary-25);
    --border-color: var(--quinary-25);
  }
  .bg-sm-quinary-30 {
    background-color: var(--quinary-30);
    --border-color: var(--quinary-30);
  }
  .bg-sm-quinary-35 {
    background-color: var(--quinary-35);
    --border-color: var(--quinary-35);
  }
  .bg-sm-quinary-40 {
    background-color: var(--quinary-40);
    --border-color: var(--quinary-40);
  }
  .bg-sm-quinary-45 {
    background-color: var(--quinary-45);
    --border-color: var(--quinary-45);
  }
  .bg-sm-quinary-50 {
    background-color: var(--quinary-50);
    --border-color: var(--quinary-50);
  }
  .bg-sm-quinary-55 {
    background-color: var(--quinary-55);
    --border-color: var(--quinary-55);
  }
  .bg-sm-quinary-60 {
    background-color: var(--quinary-60);
    --border-color: var(--quinary-60);
  }
  .bg-sm-quinary-65 {
    background-color: var(--quinary-65);
    --border-color: var(--quinary-65);
  }
  .bg-sm-quinary-70 {
    background-color: var(--quinary-70);
    --border-color: var(--quinary-70);
  }
  .bg-sm-quinary-75 {
    background-color: var(--quinary-75);
    --border-color: var(--quinary-75);
  }
  .bg-sm-quinary-80 {
    background-color: var(--quinary-80);
    --border-color: var(--quinary-80);
  }
  .bg-sm-quinary-85 {
    background-color: var(--quinary-85);
    --border-color: var(--quinary-85);
  }
  .bg-sm-quinary-90 {
    background-color: var(--quinary-90);
    --border-color: var(--quinary-90);
  }
  .bg-sm-quinary-95 {
    background-color: var(--quinary-95);
    --border-color: var(--quinary-95);
  }
  .bg-sm-quinary-100 {
    background-color: var(--quinary-100);
    --border-color: var(--quinary-100);
  }
  .text-sm-quinary-75 {
    color: var(--quinary);
    opacity: 0.75;
  }
  .text-sm-quinary-50 {
    color: var(--quinary);
    opacity: 0.5;
  }
  .text-sm-quinary-40 {
    color: var(--quinary);
    opacity: 0.4;
  }
  .text-sm-quinary-25 {
    color: var(--quinary);
    opacity: 0.25;
  }
  .text-sm-quinary-10 {
    color: var(--quinary);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-quinary {
    --border-color: var(--quinary);
  }
  .bg-md-quinary-dark {
    background-color: var(--quinary-dark);
    --border-color: var(--quinary-dark);
  }
  .text-md-quinary-dark {
    color: var(--quinary-dark);
  }
  .bg-md-quinary-5 {
    background-color: var(--quinary-5);
    --border-color: var(--quinary-5);
  }
  .bg-md-quinary-10 {
    background-color: var(--quinary-10);
    --border-color: var(--quinary-10);
  }
  .bg-md-quinary-15 {
    background-color: var(--quinary-15);
    --border-color: var(--quinary-15);
  }
  .bg-md-quinary-20 {
    background-color: var(--quinary-20);
    --border-color: var(--quinary-20);
  }
  .bg-md-quinary-25 {
    background-color: var(--quinary-25);
    --border-color: var(--quinary-25);
  }
  .bg-md-quinary-30 {
    background-color: var(--quinary-30);
    --border-color: var(--quinary-30);
  }
  .bg-md-quinary-35 {
    background-color: var(--quinary-35);
    --border-color: var(--quinary-35);
  }
  .bg-md-quinary-40 {
    background-color: var(--quinary-40);
    --border-color: var(--quinary-40);
  }
  .bg-md-quinary-45 {
    background-color: var(--quinary-45);
    --border-color: var(--quinary-45);
  }
  .bg-md-quinary-50 {
    background-color: var(--quinary-50);
    --border-color: var(--quinary-50);
  }
  .bg-md-quinary-55 {
    background-color: var(--quinary-55);
    --border-color: var(--quinary-55);
  }
  .bg-md-quinary-60 {
    background-color: var(--quinary-60);
    --border-color: var(--quinary-60);
  }
  .bg-md-quinary-65 {
    background-color: var(--quinary-65);
    --border-color: var(--quinary-65);
  }
  .bg-md-quinary-70 {
    background-color: var(--quinary-70);
    --border-color: var(--quinary-70);
  }
  .bg-md-quinary-75 {
    background-color: var(--quinary-75);
    --border-color: var(--quinary-75);
  }
  .bg-md-quinary-80 {
    background-color: var(--quinary-80);
    --border-color: var(--quinary-80);
  }
  .bg-md-quinary-85 {
    background-color: var(--quinary-85);
    --border-color: var(--quinary-85);
  }
  .bg-md-quinary-90 {
    background-color: var(--quinary-90);
    --border-color: var(--quinary-90);
  }
  .bg-md-quinary-95 {
    background-color: var(--quinary-95);
    --border-color: var(--quinary-95);
  }
  .bg-md-quinary-100 {
    background-color: var(--quinary-100);
    --border-color: var(--quinary-100);
  }
  .text-md-quinary-75 {
    color: var(--quinary);
    opacity: 0.75;
  }
  .text-md-quinary-50 {
    color: var(--quinary);
    opacity: 0.5;
  }
  .text-md-quinary-40 {
    color: var(--quinary);
    opacity: 0.4;
  }
  .text-md-quinary-25 {
    color: var(--quinary);
    opacity: 0.25;
  }
  .text-md-quinary-10 {
    color: var(--quinary);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-quinary {
    --border-color: var(--quinary);
  }
  .bg-lg-quinary-dark {
    background-color: var(--quinary-dark);
    --border-color: var(--quinary-dark);
  }
  .text-lg-quinary-dark {
    color: var(--quinary-dark);
  }
  .bg-lg-quinary-5 {
    background-color: var(--quinary-5);
    --border-color: var(--quinary-5);
  }
  .bg-lg-quinary-10 {
    background-color: var(--quinary-10);
    --border-color: var(--quinary-10);
  }
  .bg-lg-quinary-15 {
    background-color: var(--quinary-15);
    --border-color: var(--quinary-15);
  }
  .bg-lg-quinary-20 {
    background-color: var(--quinary-20);
    --border-color: var(--quinary-20);
  }
  .bg-lg-quinary-25 {
    background-color: var(--quinary-25);
    --border-color: var(--quinary-25);
  }
  .bg-lg-quinary-30 {
    background-color: var(--quinary-30);
    --border-color: var(--quinary-30);
  }
  .bg-lg-quinary-35 {
    background-color: var(--quinary-35);
    --border-color: var(--quinary-35);
  }
  .bg-lg-quinary-40 {
    background-color: var(--quinary-40);
    --border-color: var(--quinary-40);
  }
  .bg-lg-quinary-45 {
    background-color: var(--quinary-45);
    --border-color: var(--quinary-45);
  }
  .bg-lg-quinary-50 {
    background-color: var(--quinary-50);
    --border-color: var(--quinary-50);
  }
  .bg-lg-quinary-55 {
    background-color: var(--quinary-55);
    --border-color: var(--quinary-55);
  }
  .bg-lg-quinary-60 {
    background-color: var(--quinary-60);
    --border-color: var(--quinary-60);
  }
  .bg-lg-quinary-65 {
    background-color: var(--quinary-65);
    --border-color: var(--quinary-65);
  }
  .bg-lg-quinary-70 {
    background-color: var(--quinary-70);
    --border-color: var(--quinary-70);
  }
  .bg-lg-quinary-75 {
    background-color: var(--quinary-75);
    --border-color: var(--quinary-75);
  }
  .bg-lg-quinary-80 {
    background-color: var(--quinary-80);
    --border-color: var(--quinary-80);
  }
  .bg-lg-quinary-85 {
    background-color: var(--quinary-85);
    --border-color: var(--quinary-85);
  }
  .bg-lg-quinary-90 {
    background-color: var(--quinary-90);
    --border-color: var(--quinary-90);
  }
  .bg-lg-quinary-95 {
    background-color: var(--quinary-95);
    --border-color: var(--quinary-95);
  }
  .bg-lg-quinary-100 {
    background-color: var(--quinary-100);
    --border-color: var(--quinary-100);
  }
  .text-lg-quinary-75 {
    color: var(--quinary);
    opacity: 0.75;
  }
  .text-lg-quinary-50 {
    color: var(--quinary);
    opacity: 0.5;
  }
  .text-lg-quinary-40 {
    color: var(--quinary);
    opacity: 0.4;
  }
  .text-lg-quinary-25 {
    color: var(--quinary);
    opacity: 0.25;
  }
  .text-lg-quinary-10 {
    color: var(--quinary);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-quinary {
    --border-color: var(--quinary);
  }
  .bg-xl-quinary-dark {
    background-color: var(--quinary-dark);
    --border-color: var(--quinary-dark);
  }
  .text-xl-quinary-dark {
    color: var(--quinary-dark);
  }
  .bg-xl-quinary-5 {
    background-color: var(--quinary-5);
    --border-color: var(--quinary-5);
  }
  .bg-xl-quinary-10 {
    background-color: var(--quinary-10);
    --border-color: var(--quinary-10);
  }
  .bg-xl-quinary-15 {
    background-color: var(--quinary-15);
    --border-color: var(--quinary-15);
  }
  .bg-xl-quinary-20 {
    background-color: var(--quinary-20);
    --border-color: var(--quinary-20);
  }
  .bg-xl-quinary-25 {
    background-color: var(--quinary-25);
    --border-color: var(--quinary-25);
  }
  .bg-xl-quinary-30 {
    background-color: var(--quinary-30);
    --border-color: var(--quinary-30);
  }
  .bg-xl-quinary-35 {
    background-color: var(--quinary-35);
    --border-color: var(--quinary-35);
  }
  .bg-xl-quinary-40 {
    background-color: var(--quinary-40);
    --border-color: var(--quinary-40);
  }
  .bg-xl-quinary-45 {
    background-color: var(--quinary-45);
    --border-color: var(--quinary-45);
  }
  .bg-xl-quinary-50 {
    background-color: var(--quinary-50);
    --border-color: var(--quinary-50);
  }
  .bg-xl-quinary-55 {
    background-color: var(--quinary-55);
    --border-color: var(--quinary-55);
  }
  .bg-xl-quinary-60 {
    background-color: var(--quinary-60);
    --border-color: var(--quinary-60);
  }
  .bg-xl-quinary-65 {
    background-color: var(--quinary-65);
    --border-color: var(--quinary-65);
  }
  .bg-xl-quinary-70 {
    background-color: var(--quinary-70);
    --border-color: var(--quinary-70);
  }
  .bg-xl-quinary-75 {
    background-color: var(--quinary-75);
    --border-color: var(--quinary-75);
  }
  .bg-xl-quinary-80 {
    background-color: var(--quinary-80);
    --border-color: var(--quinary-80);
  }
  .bg-xl-quinary-85 {
    background-color: var(--quinary-85);
    --border-color: var(--quinary-85);
  }
  .bg-xl-quinary-90 {
    background-color: var(--quinary-90);
    --border-color: var(--quinary-90);
  }
  .bg-xl-quinary-95 {
    background-color: var(--quinary-95);
    --border-color: var(--quinary-95);
  }
  .bg-xl-quinary-100 {
    background-color: var(--quinary-100);
    --border-color: var(--quinary-100);
  }
  .text-xl-quinary-75 {
    color: var(--quinary);
    opacity: 0.75;
  }
  .text-xl-quinary-50 {
    color: var(--quinary);
    opacity: 0.5;
  }
  .text-xl-quinary-40 {
    color: var(--quinary);
    opacity: 0.4;
  }
  .text-xl-quinary-25 {
    color: var(--quinary);
    opacity: 0.25;
  }
  .text-xl-quinary-10 {
    color: var(--quinary);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-quinary {
    --border-color: var(--quinary);
  }
  .bg-xxl-quinary-dark {
    background-color: var(--quinary-dark);
    --border-color: var(--quinary-dark);
  }
  .text-xxl-quinary-dark {
    color: var(--quinary-dark);
  }
  .bg-xxl-quinary-5 {
    background-color: var(--quinary-5);
    --border-color: var(--quinary-5);
  }
  .bg-xxl-quinary-10 {
    background-color: var(--quinary-10);
    --border-color: var(--quinary-10);
  }
  .bg-xxl-quinary-15 {
    background-color: var(--quinary-15);
    --border-color: var(--quinary-15);
  }
  .bg-xxl-quinary-20 {
    background-color: var(--quinary-20);
    --border-color: var(--quinary-20);
  }
  .bg-xxl-quinary-25 {
    background-color: var(--quinary-25);
    --border-color: var(--quinary-25);
  }
  .bg-xxl-quinary-30 {
    background-color: var(--quinary-30);
    --border-color: var(--quinary-30);
  }
  .bg-xxl-quinary-35 {
    background-color: var(--quinary-35);
    --border-color: var(--quinary-35);
  }
  .bg-xxl-quinary-40 {
    background-color: var(--quinary-40);
    --border-color: var(--quinary-40);
  }
  .bg-xxl-quinary-45 {
    background-color: var(--quinary-45);
    --border-color: var(--quinary-45);
  }
  .bg-xxl-quinary-50 {
    background-color: var(--quinary-50);
    --border-color: var(--quinary-50);
  }
  .bg-xxl-quinary-55 {
    background-color: var(--quinary-55);
    --border-color: var(--quinary-55);
  }
  .bg-xxl-quinary-60 {
    background-color: var(--quinary-60);
    --border-color: var(--quinary-60);
  }
  .bg-xxl-quinary-65 {
    background-color: var(--quinary-65);
    --border-color: var(--quinary-65);
  }
  .bg-xxl-quinary-70 {
    background-color: var(--quinary-70);
    --border-color: var(--quinary-70);
  }
  .bg-xxl-quinary-75 {
    background-color: var(--quinary-75);
    --border-color: var(--quinary-75);
  }
  .bg-xxl-quinary-80 {
    background-color: var(--quinary-80);
    --border-color: var(--quinary-80);
  }
  .bg-xxl-quinary-85 {
    background-color: var(--quinary-85);
    --border-color: var(--quinary-85);
  }
  .bg-xxl-quinary-90 {
    background-color: var(--quinary-90);
    --border-color: var(--quinary-90);
  }
  .bg-xxl-quinary-95 {
    background-color: var(--quinary-95);
    --border-color: var(--quinary-95);
  }
  .bg-xxl-quinary-100 {
    background-color: var(--quinary-100);
    --border-color: var(--quinary-100);
  }
  .text-xxl-quinary-75 {
    color: var(--quinary);
    opacity: 0.75;
  }
  .text-xxl-quinary-50 {
    color: var(--quinary);
    opacity: 0.5;
  }
  .text-xxl-quinary-40 {
    color: var(--quinary);
    opacity: 0.4;
  }
  .text-xxl-quinary-25 {
    color: var(--quinary);
    opacity: 0.25;
  }
  .text-xxl-quinary-10 {
    color: var(--quinary);
    opacity: 0.1;
  }
}
.bg-senary {
  --border-color: var(--senary);
}
.bg-senary-dark {
  background-color: var(--senary-dark);
  --border-color: var(--senary-dark);
}
.text-senary-dark {
  color: var(--senary-dark);
}
.bg-senary-5 {
  background-color: var(--senary-5);
  --border-color: var(--senary-5);
}
.bg-senary-10 {
  background-color: var(--senary-10);
  --border-color: var(--senary-10);
}
.bg-senary-15 {
  background-color: var(--senary-15);
  --border-color: var(--senary-15);
}
.bg-senary-20 {
  background-color: var(--senary-20);
  --border-color: var(--senary-20);
}
.bg-senary-25 {
  background-color: var(--senary-25);
  --border-color: var(--senary-25);
}
.bg-senary-30 {
  background-color: var(--senary-30);
  --border-color: var(--senary-30);
}
.bg-senary-35 {
  background-color: var(--senary-35);
  --border-color: var(--senary-35);
}
.bg-senary-40 {
  background-color: var(--senary-40);
  --border-color: var(--senary-40);
}
.bg-senary-45 {
  background-color: var(--senary-45);
  --border-color: var(--senary-45);
}
.bg-senary-50 {
  background-color: var(--senary-50);
  --border-color: var(--senary-50);
}
.bg-senary-55 {
  background-color: var(--senary-55);
  --border-color: var(--senary-55);
}
.bg-senary-60 {
  background-color: var(--senary-60);
  --border-color: var(--senary-60);
}
.bg-senary-65 {
  background-color: var(--senary-65);
  --border-color: var(--senary-65);
}
.bg-senary-70 {
  background-color: var(--senary-70);
  --border-color: var(--senary-70);
}
.bg-senary-75 {
  background-color: var(--senary-75);
  --border-color: var(--senary-75);
}
.bg-senary-80 {
  background-color: var(--senary-80);
  --border-color: var(--senary-80);
}
.bg-senary-85 {
  background-color: var(--senary-85);
  --border-color: var(--senary-85);
}
.bg-senary-90 {
  background-color: var(--senary-90);
  --border-color: var(--senary-90);
}
.bg-senary-95 {
  background-color: var(--senary-95);
  --border-color: var(--senary-95);
}
.bg-senary-100 {
  background-color: var(--senary-100);
  --border-color: var(--senary-100);
}
.text-senary-75 {
  color: var(--senary);
  opacity: 0.75;
}
.text-senary-50 {
  color: var(--senary);
  opacity: 0.5;
}
.text-senary-40 {
  color: var(--senary);
  opacity: 0.4;
}
.text-senary-25 {
  color: var(--senary);
  opacity: 0.25;
}
.text-senary-10 {
  color: var(--senary);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-senary {
    --border-color: var(--senary);
  }
  .bg-sm-senary-dark {
    background-color: var(--senary-dark);
    --border-color: var(--senary-dark);
  }
  .text-sm-senary-dark {
    color: var(--senary-dark);
  }
  .bg-sm-senary-5 {
    background-color: var(--senary-5);
    --border-color: var(--senary-5);
  }
  .bg-sm-senary-10 {
    background-color: var(--senary-10);
    --border-color: var(--senary-10);
  }
  .bg-sm-senary-15 {
    background-color: var(--senary-15);
    --border-color: var(--senary-15);
  }
  .bg-sm-senary-20 {
    background-color: var(--senary-20);
    --border-color: var(--senary-20);
  }
  .bg-sm-senary-25 {
    background-color: var(--senary-25);
    --border-color: var(--senary-25);
  }
  .bg-sm-senary-30 {
    background-color: var(--senary-30);
    --border-color: var(--senary-30);
  }
  .bg-sm-senary-35 {
    background-color: var(--senary-35);
    --border-color: var(--senary-35);
  }
  .bg-sm-senary-40 {
    background-color: var(--senary-40);
    --border-color: var(--senary-40);
  }
  .bg-sm-senary-45 {
    background-color: var(--senary-45);
    --border-color: var(--senary-45);
  }
  .bg-sm-senary-50 {
    background-color: var(--senary-50);
    --border-color: var(--senary-50);
  }
  .bg-sm-senary-55 {
    background-color: var(--senary-55);
    --border-color: var(--senary-55);
  }
  .bg-sm-senary-60 {
    background-color: var(--senary-60);
    --border-color: var(--senary-60);
  }
  .bg-sm-senary-65 {
    background-color: var(--senary-65);
    --border-color: var(--senary-65);
  }
  .bg-sm-senary-70 {
    background-color: var(--senary-70);
    --border-color: var(--senary-70);
  }
  .bg-sm-senary-75 {
    background-color: var(--senary-75);
    --border-color: var(--senary-75);
  }
  .bg-sm-senary-80 {
    background-color: var(--senary-80);
    --border-color: var(--senary-80);
  }
  .bg-sm-senary-85 {
    background-color: var(--senary-85);
    --border-color: var(--senary-85);
  }
  .bg-sm-senary-90 {
    background-color: var(--senary-90);
    --border-color: var(--senary-90);
  }
  .bg-sm-senary-95 {
    background-color: var(--senary-95);
    --border-color: var(--senary-95);
  }
  .bg-sm-senary-100 {
    background-color: var(--senary-100);
    --border-color: var(--senary-100);
  }
  .text-sm-senary-75 {
    color: var(--senary);
    opacity: 0.75;
  }
  .text-sm-senary-50 {
    color: var(--senary);
    opacity: 0.5;
  }
  .text-sm-senary-40 {
    color: var(--senary);
    opacity: 0.4;
  }
  .text-sm-senary-25 {
    color: var(--senary);
    opacity: 0.25;
  }
  .text-sm-senary-10 {
    color: var(--senary);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-senary {
    --border-color: var(--senary);
  }
  .bg-md-senary-dark {
    background-color: var(--senary-dark);
    --border-color: var(--senary-dark);
  }
  .text-md-senary-dark {
    color: var(--senary-dark);
  }
  .bg-md-senary-5 {
    background-color: var(--senary-5);
    --border-color: var(--senary-5);
  }
  .bg-md-senary-10 {
    background-color: var(--senary-10);
    --border-color: var(--senary-10);
  }
  .bg-md-senary-15 {
    background-color: var(--senary-15);
    --border-color: var(--senary-15);
  }
  .bg-md-senary-20 {
    background-color: var(--senary-20);
    --border-color: var(--senary-20);
  }
  .bg-md-senary-25 {
    background-color: var(--senary-25);
    --border-color: var(--senary-25);
  }
  .bg-md-senary-30 {
    background-color: var(--senary-30);
    --border-color: var(--senary-30);
  }
  .bg-md-senary-35 {
    background-color: var(--senary-35);
    --border-color: var(--senary-35);
  }
  .bg-md-senary-40 {
    background-color: var(--senary-40);
    --border-color: var(--senary-40);
  }
  .bg-md-senary-45 {
    background-color: var(--senary-45);
    --border-color: var(--senary-45);
  }
  .bg-md-senary-50 {
    background-color: var(--senary-50);
    --border-color: var(--senary-50);
  }
  .bg-md-senary-55 {
    background-color: var(--senary-55);
    --border-color: var(--senary-55);
  }
  .bg-md-senary-60 {
    background-color: var(--senary-60);
    --border-color: var(--senary-60);
  }
  .bg-md-senary-65 {
    background-color: var(--senary-65);
    --border-color: var(--senary-65);
  }
  .bg-md-senary-70 {
    background-color: var(--senary-70);
    --border-color: var(--senary-70);
  }
  .bg-md-senary-75 {
    background-color: var(--senary-75);
    --border-color: var(--senary-75);
  }
  .bg-md-senary-80 {
    background-color: var(--senary-80);
    --border-color: var(--senary-80);
  }
  .bg-md-senary-85 {
    background-color: var(--senary-85);
    --border-color: var(--senary-85);
  }
  .bg-md-senary-90 {
    background-color: var(--senary-90);
    --border-color: var(--senary-90);
  }
  .bg-md-senary-95 {
    background-color: var(--senary-95);
    --border-color: var(--senary-95);
  }
  .bg-md-senary-100 {
    background-color: var(--senary-100);
    --border-color: var(--senary-100);
  }
  .text-md-senary-75 {
    color: var(--senary);
    opacity: 0.75;
  }
  .text-md-senary-50 {
    color: var(--senary);
    opacity: 0.5;
  }
  .text-md-senary-40 {
    color: var(--senary);
    opacity: 0.4;
  }
  .text-md-senary-25 {
    color: var(--senary);
    opacity: 0.25;
  }
  .text-md-senary-10 {
    color: var(--senary);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-senary {
    --border-color: var(--senary);
  }
  .bg-lg-senary-dark {
    background-color: var(--senary-dark);
    --border-color: var(--senary-dark);
  }
  .text-lg-senary-dark {
    color: var(--senary-dark);
  }
  .bg-lg-senary-5 {
    background-color: var(--senary-5);
    --border-color: var(--senary-5);
  }
  .bg-lg-senary-10 {
    background-color: var(--senary-10);
    --border-color: var(--senary-10);
  }
  .bg-lg-senary-15 {
    background-color: var(--senary-15);
    --border-color: var(--senary-15);
  }
  .bg-lg-senary-20 {
    background-color: var(--senary-20);
    --border-color: var(--senary-20);
  }
  .bg-lg-senary-25 {
    background-color: var(--senary-25);
    --border-color: var(--senary-25);
  }
  .bg-lg-senary-30 {
    background-color: var(--senary-30);
    --border-color: var(--senary-30);
  }
  .bg-lg-senary-35 {
    background-color: var(--senary-35);
    --border-color: var(--senary-35);
  }
  .bg-lg-senary-40 {
    background-color: var(--senary-40);
    --border-color: var(--senary-40);
  }
  .bg-lg-senary-45 {
    background-color: var(--senary-45);
    --border-color: var(--senary-45);
  }
  .bg-lg-senary-50 {
    background-color: var(--senary-50);
    --border-color: var(--senary-50);
  }
  .bg-lg-senary-55 {
    background-color: var(--senary-55);
    --border-color: var(--senary-55);
  }
  .bg-lg-senary-60 {
    background-color: var(--senary-60);
    --border-color: var(--senary-60);
  }
  .bg-lg-senary-65 {
    background-color: var(--senary-65);
    --border-color: var(--senary-65);
  }
  .bg-lg-senary-70 {
    background-color: var(--senary-70);
    --border-color: var(--senary-70);
  }
  .bg-lg-senary-75 {
    background-color: var(--senary-75);
    --border-color: var(--senary-75);
  }
  .bg-lg-senary-80 {
    background-color: var(--senary-80);
    --border-color: var(--senary-80);
  }
  .bg-lg-senary-85 {
    background-color: var(--senary-85);
    --border-color: var(--senary-85);
  }
  .bg-lg-senary-90 {
    background-color: var(--senary-90);
    --border-color: var(--senary-90);
  }
  .bg-lg-senary-95 {
    background-color: var(--senary-95);
    --border-color: var(--senary-95);
  }
  .bg-lg-senary-100 {
    background-color: var(--senary-100);
    --border-color: var(--senary-100);
  }
  .text-lg-senary-75 {
    color: var(--senary);
    opacity: 0.75;
  }
  .text-lg-senary-50 {
    color: var(--senary);
    opacity: 0.5;
  }
  .text-lg-senary-40 {
    color: var(--senary);
    opacity: 0.4;
  }
  .text-lg-senary-25 {
    color: var(--senary);
    opacity: 0.25;
  }
  .text-lg-senary-10 {
    color: var(--senary);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-senary {
    --border-color: var(--senary);
  }
  .bg-xl-senary-dark {
    background-color: var(--senary-dark);
    --border-color: var(--senary-dark);
  }
  .text-xl-senary-dark {
    color: var(--senary-dark);
  }
  .bg-xl-senary-5 {
    background-color: var(--senary-5);
    --border-color: var(--senary-5);
  }
  .bg-xl-senary-10 {
    background-color: var(--senary-10);
    --border-color: var(--senary-10);
  }
  .bg-xl-senary-15 {
    background-color: var(--senary-15);
    --border-color: var(--senary-15);
  }
  .bg-xl-senary-20 {
    background-color: var(--senary-20);
    --border-color: var(--senary-20);
  }
  .bg-xl-senary-25 {
    background-color: var(--senary-25);
    --border-color: var(--senary-25);
  }
  .bg-xl-senary-30 {
    background-color: var(--senary-30);
    --border-color: var(--senary-30);
  }
  .bg-xl-senary-35 {
    background-color: var(--senary-35);
    --border-color: var(--senary-35);
  }
  .bg-xl-senary-40 {
    background-color: var(--senary-40);
    --border-color: var(--senary-40);
  }
  .bg-xl-senary-45 {
    background-color: var(--senary-45);
    --border-color: var(--senary-45);
  }
  .bg-xl-senary-50 {
    background-color: var(--senary-50);
    --border-color: var(--senary-50);
  }
  .bg-xl-senary-55 {
    background-color: var(--senary-55);
    --border-color: var(--senary-55);
  }
  .bg-xl-senary-60 {
    background-color: var(--senary-60);
    --border-color: var(--senary-60);
  }
  .bg-xl-senary-65 {
    background-color: var(--senary-65);
    --border-color: var(--senary-65);
  }
  .bg-xl-senary-70 {
    background-color: var(--senary-70);
    --border-color: var(--senary-70);
  }
  .bg-xl-senary-75 {
    background-color: var(--senary-75);
    --border-color: var(--senary-75);
  }
  .bg-xl-senary-80 {
    background-color: var(--senary-80);
    --border-color: var(--senary-80);
  }
  .bg-xl-senary-85 {
    background-color: var(--senary-85);
    --border-color: var(--senary-85);
  }
  .bg-xl-senary-90 {
    background-color: var(--senary-90);
    --border-color: var(--senary-90);
  }
  .bg-xl-senary-95 {
    background-color: var(--senary-95);
    --border-color: var(--senary-95);
  }
  .bg-xl-senary-100 {
    background-color: var(--senary-100);
    --border-color: var(--senary-100);
  }
  .text-xl-senary-75 {
    color: var(--senary);
    opacity: 0.75;
  }
  .text-xl-senary-50 {
    color: var(--senary);
    opacity: 0.5;
  }
  .text-xl-senary-40 {
    color: var(--senary);
    opacity: 0.4;
  }
  .text-xl-senary-25 {
    color: var(--senary);
    opacity: 0.25;
  }
  .text-xl-senary-10 {
    color: var(--senary);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-senary {
    --border-color: var(--senary);
  }
  .bg-xxl-senary-dark {
    background-color: var(--senary-dark);
    --border-color: var(--senary-dark);
  }
  .text-xxl-senary-dark {
    color: var(--senary-dark);
  }
  .bg-xxl-senary-5 {
    background-color: var(--senary-5);
    --border-color: var(--senary-5);
  }
  .bg-xxl-senary-10 {
    background-color: var(--senary-10);
    --border-color: var(--senary-10);
  }
  .bg-xxl-senary-15 {
    background-color: var(--senary-15);
    --border-color: var(--senary-15);
  }
  .bg-xxl-senary-20 {
    background-color: var(--senary-20);
    --border-color: var(--senary-20);
  }
  .bg-xxl-senary-25 {
    background-color: var(--senary-25);
    --border-color: var(--senary-25);
  }
  .bg-xxl-senary-30 {
    background-color: var(--senary-30);
    --border-color: var(--senary-30);
  }
  .bg-xxl-senary-35 {
    background-color: var(--senary-35);
    --border-color: var(--senary-35);
  }
  .bg-xxl-senary-40 {
    background-color: var(--senary-40);
    --border-color: var(--senary-40);
  }
  .bg-xxl-senary-45 {
    background-color: var(--senary-45);
    --border-color: var(--senary-45);
  }
  .bg-xxl-senary-50 {
    background-color: var(--senary-50);
    --border-color: var(--senary-50);
  }
  .bg-xxl-senary-55 {
    background-color: var(--senary-55);
    --border-color: var(--senary-55);
  }
  .bg-xxl-senary-60 {
    background-color: var(--senary-60);
    --border-color: var(--senary-60);
  }
  .bg-xxl-senary-65 {
    background-color: var(--senary-65);
    --border-color: var(--senary-65);
  }
  .bg-xxl-senary-70 {
    background-color: var(--senary-70);
    --border-color: var(--senary-70);
  }
  .bg-xxl-senary-75 {
    background-color: var(--senary-75);
    --border-color: var(--senary-75);
  }
  .bg-xxl-senary-80 {
    background-color: var(--senary-80);
    --border-color: var(--senary-80);
  }
  .bg-xxl-senary-85 {
    background-color: var(--senary-85);
    --border-color: var(--senary-85);
  }
  .bg-xxl-senary-90 {
    background-color: var(--senary-90);
    --border-color: var(--senary-90);
  }
  .bg-xxl-senary-95 {
    background-color: var(--senary-95);
    --border-color: var(--senary-95);
  }
  .bg-xxl-senary-100 {
    background-color: var(--senary-100);
    --border-color: var(--senary-100);
  }
  .text-xxl-senary-75 {
    color: var(--senary);
    opacity: 0.75;
  }
  .text-xxl-senary-50 {
    color: var(--senary);
    opacity: 0.5;
  }
  .text-xxl-senary-40 {
    color: var(--senary);
    opacity: 0.4;
  }
  .text-xxl-senary-25 {
    color: var(--senary);
    opacity: 0.25;
  }
  .text-xxl-senary-10 {
    color: var(--senary);
    opacity: 0.1;
  }
}
.bg-light {
  --border-color: var(--light);
}
.bg-light-dark {
  background-color: var(--light-dark);
  --border-color: var(--light-dark);
}
.text-light-dark {
  color: var(--light-dark);
}
.bg-light-5 {
  background-color: var(--light-5);
  --border-color: var(--light-5);
}
.bg-light-10 {
  background-color: var(--light-10);
  --border-color: var(--light-10);
}
.bg-light-15 {
  background-color: var(--light-15);
  --border-color: var(--light-15);
}
.bg-light-20 {
  background-color: var(--light-20);
  --border-color: var(--light-20);
}
.bg-light-25 {
  background-color: var(--light-25);
  --border-color: var(--light-25);
}
.bg-light-30 {
  background-color: var(--light-30);
  --border-color: var(--light-30);
}
.bg-light-35 {
  background-color: var(--light-35);
  --border-color: var(--light-35);
}
.bg-light-40 {
  background-color: var(--light-40);
  --border-color: var(--light-40);
}
.bg-light-45 {
  background-color: var(--light-45);
  --border-color: var(--light-45);
}
.bg-light-50 {
  background-color: var(--light-50);
  --border-color: var(--light-50);
}
.bg-light-55 {
  background-color: var(--light-55);
  --border-color: var(--light-55);
}
.bg-light-60 {
  background-color: var(--light-60);
  --border-color: var(--light-60);
}
.bg-light-65 {
  background-color: var(--light-65);
  --border-color: var(--light-65);
}
.bg-light-70 {
  background-color: var(--light-70);
  --border-color: var(--light-70);
}
.bg-light-75 {
  background-color: var(--light-75);
  --border-color: var(--light-75);
}
.bg-light-80 {
  background-color: var(--light-80);
  --border-color: var(--light-80);
}
.bg-light-85 {
  background-color: var(--light-85);
  --border-color: var(--light-85);
}
.bg-light-90 {
  background-color: var(--light-90);
  --border-color: var(--light-90);
}
.bg-light-95 {
  background-color: var(--light-95);
  --border-color: var(--light-95);
}
.bg-light-100 {
  background-color: var(--light-100);
  --border-color: var(--light-100);
}
.text-light-75 {
  color: var(--light);
  opacity: 0.75;
}
.text-light-50 {
  color: var(--light);
  opacity: 0.5;
}
.text-light-40 {
  color: var(--light);
  opacity: 0.4;
}
.text-light-25 {
  color: var(--light);
  opacity: 0.25;
}
.text-light-10 {
  color: var(--light);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-light {
    --border-color: var(--light);
  }
  .bg-sm-light-dark {
    background-color: var(--light-dark);
    --border-color: var(--light-dark);
  }
  .text-sm-light-dark {
    color: var(--light-dark);
  }
  .bg-sm-light-5 {
    background-color: var(--light-5);
    --border-color: var(--light-5);
  }
  .bg-sm-light-10 {
    background-color: var(--light-10);
    --border-color: var(--light-10);
  }
  .bg-sm-light-15 {
    background-color: var(--light-15);
    --border-color: var(--light-15);
  }
  .bg-sm-light-20 {
    background-color: var(--light-20);
    --border-color: var(--light-20);
  }
  .bg-sm-light-25 {
    background-color: var(--light-25);
    --border-color: var(--light-25);
  }
  .bg-sm-light-30 {
    background-color: var(--light-30);
    --border-color: var(--light-30);
  }
  .bg-sm-light-35 {
    background-color: var(--light-35);
    --border-color: var(--light-35);
  }
  .bg-sm-light-40 {
    background-color: var(--light-40);
    --border-color: var(--light-40);
  }
  .bg-sm-light-45 {
    background-color: var(--light-45);
    --border-color: var(--light-45);
  }
  .bg-sm-light-50 {
    background-color: var(--light-50);
    --border-color: var(--light-50);
  }
  .bg-sm-light-55 {
    background-color: var(--light-55);
    --border-color: var(--light-55);
  }
  .bg-sm-light-60 {
    background-color: var(--light-60);
    --border-color: var(--light-60);
  }
  .bg-sm-light-65 {
    background-color: var(--light-65);
    --border-color: var(--light-65);
  }
  .bg-sm-light-70 {
    background-color: var(--light-70);
    --border-color: var(--light-70);
  }
  .bg-sm-light-75 {
    background-color: var(--light-75);
    --border-color: var(--light-75);
  }
  .bg-sm-light-80 {
    background-color: var(--light-80);
    --border-color: var(--light-80);
  }
  .bg-sm-light-85 {
    background-color: var(--light-85);
    --border-color: var(--light-85);
  }
  .bg-sm-light-90 {
    background-color: var(--light-90);
    --border-color: var(--light-90);
  }
  .bg-sm-light-95 {
    background-color: var(--light-95);
    --border-color: var(--light-95);
  }
  .bg-sm-light-100 {
    background-color: var(--light-100);
    --border-color: var(--light-100);
  }
  .text-sm-light-75 {
    color: var(--light);
    opacity: 0.75;
  }
  .text-sm-light-50 {
    color: var(--light);
    opacity: 0.5;
  }
  .text-sm-light-40 {
    color: var(--light);
    opacity: 0.4;
  }
  .text-sm-light-25 {
    color: var(--light);
    opacity: 0.25;
  }
  .text-sm-light-10 {
    color: var(--light);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-light {
    --border-color: var(--light);
  }
  .bg-md-light-dark {
    background-color: var(--light-dark);
    --border-color: var(--light-dark);
  }
  .text-md-light-dark {
    color: var(--light-dark);
  }
  .bg-md-light-5 {
    background-color: var(--light-5);
    --border-color: var(--light-5);
  }
  .bg-md-light-10 {
    background-color: var(--light-10);
    --border-color: var(--light-10);
  }
  .bg-md-light-15 {
    background-color: var(--light-15);
    --border-color: var(--light-15);
  }
  .bg-md-light-20 {
    background-color: var(--light-20);
    --border-color: var(--light-20);
  }
  .bg-md-light-25 {
    background-color: var(--light-25);
    --border-color: var(--light-25);
  }
  .bg-md-light-30 {
    background-color: var(--light-30);
    --border-color: var(--light-30);
  }
  .bg-md-light-35 {
    background-color: var(--light-35);
    --border-color: var(--light-35);
  }
  .bg-md-light-40 {
    background-color: var(--light-40);
    --border-color: var(--light-40);
  }
  .bg-md-light-45 {
    background-color: var(--light-45);
    --border-color: var(--light-45);
  }
  .bg-md-light-50 {
    background-color: var(--light-50);
    --border-color: var(--light-50);
  }
  .bg-md-light-55 {
    background-color: var(--light-55);
    --border-color: var(--light-55);
  }
  .bg-md-light-60 {
    background-color: var(--light-60);
    --border-color: var(--light-60);
  }
  .bg-md-light-65 {
    background-color: var(--light-65);
    --border-color: var(--light-65);
  }
  .bg-md-light-70 {
    background-color: var(--light-70);
    --border-color: var(--light-70);
  }
  .bg-md-light-75 {
    background-color: var(--light-75);
    --border-color: var(--light-75);
  }
  .bg-md-light-80 {
    background-color: var(--light-80);
    --border-color: var(--light-80);
  }
  .bg-md-light-85 {
    background-color: var(--light-85);
    --border-color: var(--light-85);
  }
  .bg-md-light-90 {
    background-color: var(--light-90);
    --border-color: var(--light-90);
  }
  .bg-md-light-95 {
    background-color: var(--light-95);
    --border-color: var(--light-95);
  }
  .bg-md-light-100 {
    background-color: var(--light-100);
    --border-color: var(--light-100);
  }
  .text-md-light-75 {
    color: var(--light);
    opacity: 0.75;
  }
  .text-md-light-50 {
    color: var(--light);
    opacity: 0.5;
  }
  .text-md-light-40 {
    color: var(--light);
    opacity: 0.4;
  }
  .text-md-light-25 {
    color: var(--light);
    opacity: 0.25;
  }
  .text-md-light-10 {
    color: var(--light);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-light {
    --border-color: var(--light);
  }
  .bg-lg-light-dark {
    background-color: var(--light-dark);
    --border-color: var(--light-dark);
  }
  .text-lg-light-dark {
    color: var(--light-dark);
  }
  .bg-lg-light-5 {
    background-color: var(--light-5);
    --border-color: var(--light-5);
  }
  .bg-lg-light-10 {
    background-color: var(--light-10);
    --border-color: var(--light-10);
  }
  .bg-lg-light-15 {
    background-color: var(--light-15);
    --border-color: var(--light-15);
  }
  .bg-lg-light-20 {
    background-color: var(--light-20);
    --border-color: var(--light-20);
  }
  .bg-lg-light-25 {
    background-color: var(--light-25);
    --border-color: var(--light-25);
  }
  .bg-lg-light-30 {
    background-color: var(--light-30);
    --border-color: var(--light-30);
  }
  .bg-lg-light-35 {
    background-color: var(--light-35);
    --border-color: var(--light-35);
  }
  .bg-lg-light-40 {
    background-color: var(--light-40);
    --border-color: var(--light-40);
  }
  .bg-lg-light-45 {
    background-color: var(--light-45);
    --border-color: var(--light-45);
  }
  .bg-lg-light-50 {
    background-color: var(--light-50);
    --border-color: var(--light-50);
  }
  .bg-lg-light-55 {
    background-color: var(--light-55);
    --border-color: var(--light-55);
  }
  .bg-lg-light-60 {
    background-color: var(--light-60);
    --border-color: var(--light-60);
  }
  .bg-lg-light-65 {
    background-color: var(--light-65);
    --border-color: var(--light-65);
  }
  .bg-lg-light-70 {
    background-color: var(--light-70);
    --border-color: var(--light-70);
  }
  .bg-lg-light-75 {
    background-color: var(--light-75);
    --border-color: var(--light-75);
  }
  .bg-lg-light-80 {
    background-color: var(--light-80);
    --border-color: var(--light-80);
  }
  .bg-lg-light-85 {
    background-color: var(--light-85);
    --border-color: var(--light-85);
  }
  .bg-lg-light-90 {
    background-color: var(--light-90);
    --border-color: var(--light-90);
  }
  .bg-lg-light-95 {
    background-color: var(--light-95);
    --border-color: var(--light-95);
  }
  .bg-lg-light-100 {
    background-color: var(--light-100);
    --border-color: var(--light-100);
  }
  .text-lg-light-75 {
    color: var(--light);
    opacity: 0.75;
  }
  .text-lg-light-50 {
    color: var(--light);
    opacity: 0.5;
  }
  .text-lg-light-40 {
    color: var(--light);
    opacity: 0.4;
  }
  .text-lg-light-25 {
    color: var(--light);
    opacity: 0.25;
  }
  .text-lg-light-10 {
    color: var(--light);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-light {
    --border-color: var(--light);
  }
  .bg-xl-light-dark {
    background-color: var(--light-dark);
    --border-color: var(--light-dark);
  }
  .text-xl-light-dark {
    color: var(--light-dark);
  }
  .bg-xl-light-5 {
    background-color: var(--light-5);
    --border-color: var(--light-5);
  }
  .bg-xl-light-10 {
    background-color: var(--light-10);
    --border-color: var(--light-10);
  }
  .bg-xl-light-15 {
    background-color: var(--light-15);
    --border-color: var(--light-15);
  }
  .bg-xl-light-20 {
    background-color: var(--light-20);
    --border-color: var(--light-20);
  }
  .bg-xl-light-25 {
    background-color: var(--light-25);
    --border-color: var(--light-25);
  }
  .bg-xl-light-30 {
    background-color: var(--light-30);
    --border-color: var(--light-30);
  }
  .bg-xl-light-35 {
    background-color: var(--light-35);
    --border-color: var(--light-35);
  }
  .bg-xl-light-40 {
    background-color: var(--light-40);
    --border-color: var(--light-40);
  }
  .bg-xl-light-45 {
    background-color: var(--light-45);
    --border-color: var(--light-45);
  }
  .bg-xl-light-50 {
    background-color: var(--light-50);
    --border-color: var(--light-50);
  }
  .bg-xl-light-55 {
    background-color: var(--light-55);
    --border-color: var(--light-55);
  }
  .bg-xl-light-60 {
    background-color: var(--light-60);
    --border-color: var(--light-60);
  }
  .bg-xl-light-65 {
    background-color: var(--light-65);
    --border-color: var(--light-65);
  }
  .bg-xl-light-70 {
    background-color: var(--light-70);
    --border-color: var(--light-70);
  }
  .bg-xl-light-75 {
    background-color: var(--light-75);
    --border-color: var(--light-75);
  }
  .bg-xl-light-80 {
    background-color: var(--light-80);
    --border-color: var(--light-80);
  }
  .bg-xl-light-85 {
    background-color: var(--light-85);
    --border-color: var(--light-85);
  }
  .bg-xl-light-90 {
    background-color: var(--light-90);
    --border-color: var(--light-90);
  }
  .bg-xl-light-95 {
    background-color: var(--light-95);
    --border-color: var(--light-95);
  }
  .bg-xl-light-100 {
    background-color: var(--light-100);
    --border-color: var(--light-100);
  }
  .text-xl-light-75 {
    color: var(--light);
    opacity: 0.75;
  }
  .text-xl-light-50 {
    color: var(--light);
    opacity: 0.5;
  }
  .text-xl-light-40 {
    color: var(--light);
    opacity: 0.4;
  }
  .text-xl-light-25 {
    color: var(--light);
    opacity: 0.25;
  }
  .text-xl-light-10 {
    color: var(--light);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-light {
    --border-color: var(--light);
  }
  .bg-xxl-light-dark {
    background-color: var(--light-dark);
    --border-color: var(--light-dark);
  }
  .text-xxl-light-dark {
    color: var(--light-dark);
  }
  .bg-xxl-light-5 {
    background-color: var(--light-5);
    --border-color: var(--light-5);
  }
  .bg-xxl-light-10 {
    background-color: var(--light-10);
    --border-color: var(--light-10);
  }
  .bg-xxl-light-15 {
    background-color: var(--light-15);
    --border-color: var(--light-15);
  }
  .bg-xxl-light-20 {
    background-color: var(--light-20);
    --border-color: var(--light-20);
  }
  .bg-xxl-light-25 {
    background-color: var(--light-25);
    --border-color: var(--light-25);
  }
  .bg-xxl-light-30 {
    background-color: var(--light-30);
    --border-color: var(--light-30);
  }
  .bg-xxl-light-35 {
    background-color: var(--light-35);
    --border-color: var(--light-35);
  }
  .bg-xxl-light-40 {
    background-color: var(--light-40);
    --border-color: var(--light-40);
  }
  .bg-xxl-light-45 {
    background-color: var(--light-45);
    --border-color: var(--light-45);
  }
  .bg-xxl-light-50 {
    background-color: var(--light-50);
    --border-color: var(--light-50);
  }
  .bg-xxl-light-55 {
    background-color: var(--light-55);
    --border-color: var(--light-55);
  }
  .bg-xxl-light-60 {
    background-color: var(--light-60);
    --border-color: var(--light-60);
  }
  .bg-xxl-light-65 {
    background-color: var(--light-65);
    --border-color: var(--light-65);
  }
  .bg-xxl-light-70 {
    background-color: var(--light-70);
    --border-color: var(--light-70);
  }
  .bg-xxl-light-75 {
    background-color: var(--light-75);
    --border-color: var(--light-75);
  }
  .bg-xxl-light-80 {
    background-color: var(--light-80);
    --border-color: var(--light-80);
  }
  .bg-xxl-light-85 {
    background-color: var(--light-85);
    --border-color: var(--light-85);
  }
  .bg-xxl-light-90 {
    background-color: var(--light-90);
    --border-color: var(--light-90);
  }
  .bg-xxl-light-95 {
    background-color: var(--light-95);
    --border-color: var(--light-95);
  }
  .bg-xxl-light-100 {
    background-color: var(--light-100);
    --border-color: var(--light-100);
  }
  .text-xxl-light-75 {
    color: var(--light);
    opacity: 0.75;
  }
  .text-xxl-light-50 {
    color: var(--light);
    opacity: 0.5;
  }
  .text-xxl-light-40 {
    color: var(--light);
    opacity: 0.4;
  }
  .text-xxl-light-25 {
    color: var(--light);
    opacity: 0.25;
  }
  .text-xxl-light-10 {
    color: var(--light);
    opacity: 0.1;
  }
}
.bg-gray {
  --border-color: var(--gray);
}
.bg-gray-dark {
  background-color: var(--gray-dark);
  --border-color: var(--gray-dark);
}
.text-gray-dark {
  color: var(--gray-dark);
}
.bg-gray-5 {
  background-color: var(--gray-5);
  --border-color: var(--gray-5);
}
.bg-gray-10 {
  background-color: var(--gray-10);
  --border-color: var(--gray-10);
}
.bg-gray-15 {
  background-color: var(--gray-15);
  --border-color: var(--gray-15);
}
.bg-gray-20 {
  background-color: var(--gray-20);
  --border-color: var(--gray-20);
}
.bg-gray-25 {
  background-color: var(--gray-25);
  --border-color: var(--gray-25);
}
.bg-gray-30 {
  background-color: var(--gray-30);
  --border-color: var(--gray-30);
}
.bg-gray-35 {
  background-color: var(--gray-35);
  --border-color: var(--gray-35);
}
.bg-gray-40 {
  background-color: var(--gray-40);
  --border-color: var(--gray-40);
}
.bg-gray-45 {
  background-color: var(--gray-45);
  --border-color: var(--gray-45);
}
.bg-gray-50 {
  background-color: var(--gray-50);
  --border-color: var(--gray-50);
}
.bg-gray-55 {
  background-color: var(--gray-55);
  --border-color: var(--gray-55);
}
.bg-gray-60 {
  background-color: var(--gray-60);
  --border-color: var(--gray-60);
}
.bg-gray-65 {
  background-color: var(--gray-65);
  --border-color: var(--gray-65);
}
.bg-gray-70 {
  background-color: var(--gray-70);
  --border-color: var(--gray-70);
}
.bg-gray-75 {
  background-color: var(--gray-75);
  --border-color: var(--gray-75);
}
.bg-gray-80 {
  background-color: var(--gray-80);
  --border-color: var(--gray-80);
}
.bg-gray-85 {
  background-color: var(--gray-85);
  --border-color: var(--gray-85);
}
.bg-gray-90 {
  background-color: var(--gray-90);
  --border-color: var(--gray-90);
}
.bg-gray-95 {
  background-color: var(--gray-95);
  --border-color: var(--gray-95);
}
.bg-gray-100 {
  background-color: var(--gray-100);
  --border-color: var(--gray-100);
}
.text-gray-75 {
  color: var(--gray);
  opacity: 0.75;
}
.text-gray-50 {
  color: var(--gray);
  opacity: 0.5;
}
.text-gray-40 {
  color: var(--gray);
  opacity: 0.4;
}
.text-gray-25 {
  color: var(--gray);
  opacity: 0.25;
}
.text-gray-10 {
  color: var(--gray);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-gray {
    --border-color: var(--gray);
  }
  .bg-sm-gray-dark {
    background-color: var(--gray-dark);
    --border-color: var(--gray-dark);
  }
  .text-sm-gray-dark {
    color: var(--gray-dark);
  }
  .bg-sm-gray-5 {
    background-color: var(--gray-5);
    --border-color: var(--gray-5);
  }
  .bg-sm-gray-10 {
    background-color: var(--gray-10);
    --border-color: var(--gray-10);
  }
  .bg-sm-gray-15 {
    background-color: var(--gray-15);
    --border-color: var(--gray-15);
  }
  .bg-sm-gray-20 {
    background-color: var(--gray-20);
    --border-color: var(--gray-20);
  }
  .bg-sm-gray-25 {
    background-color: var(--gray-25);
    --border-color: var(--gray-25);
  }
  .bg-sm-gray-30 {
    background-color: var(--gray-30);
    --border-color: var(--gray-30);
  }
  .bg-sm-gray-35 {
    background-color: var(--gray-35);
    --border-color: var(--gray-35);
  }
  .bg-sm-gray-40 {
    background-color: var(--gray-40);
    --border-color: var(--gray-40);
  }
  .bg-sm-gray-45 {
    background-color: var(--gray-45);
    --border-color: var(--gray-45);
  }
  .bg-sm-gray-50 {
    background-color: var(--gray-50);
    --border-color: var(--gray-50);
  }
  .bg-sm-gray-55 {
    background-color: var(--gray-55);
    --border-color: var(--gray-55);
  }
  .bg-sm-gray-60 {
    background-color: var(--gray-60);
    --border-color: var(--gray-60);
  }
  .bg-sm-gray-65 {
    background-color: var(--gray-65);
    --border-color: var(--gray-65);
  }
  .bg-sm-gray-70 {
    background-color: var(--gray-70);
    --border-color: var(--gray-70);
  }
  .bg-sm-gray-75 {
    background-color: var(--gray-75);
    --border-color: var(--gray-75);
  }
  .bg-sm-gray-80 {
    background-color: var(--gray-80);
    --border-color: var(--gray-80);
  }
  .bg-sm-gray-85 {
    background-color: var(--gray-85);
    --border-color: var(--gray-85);
  }
  .bg-sm-gray-90 {
    background-color: var(--gray-90);
    --border-color: var(--gray-90);
  }
  .bg-sm-gray-95 {
    background-color: var(--gray-95);
    --border-color: var(--gray-95);
  }
  .bg-sm-gray-100 {
    background-color: var(--gray-100);
    --border-color: var(--gray-100);
  }
  .text-sm-gray-75 {
    color: var(--gray);
    opacity: 0.75;
  }
  .text-sm-gray-50 {
    color: var(--gray);
    opacity: 0.5;
  }
  .text-sm-gray-40 {
    color: var(--gray);
    opacity: 0.4;
  }
  .text-sm-gray-25 {
    color: var(--gray);
    opacity: 0.25;
  }
  .text-sm-gray-10 {
    color: var(--gray);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-gray {
    --border-color: var(--gray);
  }
  .bg-md-gray-dark {
    background-color: var(--gray-dark);
    --border-color: var(--gray-dark);
  }
  .text-md-gray-dark {
    color: var(--gray-dark);
  }
  .bg-md-gray-5 {
    background-color: var(--gray-5);
    --border-color: var(--gray-5);
  }
  .bg-md-gray-10 {
    background-color: var(--gray-10);
    --border-color: var(--gray-10);
  }
  .bg-md-gray-15 {
    background-color: var(--gray-15);
    --border-color: var(--gray-15);
  }
  .bg-md-gray-20 {
    background-color: var(--gray-20);
    --border-color: var(--gray-20);
  }
  .bg-md-gray-25 {
    background-color: var(--gray-25);
    --border-color: var(--gray-25);
  }
  .bg-md-gray-30 {
    background-color: var(--gray-30);
    --border-color: var(--gray-30);
  }
  .bg-md-gray-35 {
    background-color: var(--gray-35);
    --border-color: var(--gray-35);
  }
  .bg-md-gray-40 {
    background-color: var(--gray-40);
    --border-color: var(--gray-40);
  }
  .bg-md-gray-45 {
    background-color: var(--gray-45);
    --border-color: var(--gray-45);
  }
  .bg-md-gray-50 {
    background-color: var(--gray-50);
    --border-color: var(--gray-50);
  }
  .bg-md-gray-55 {
    background-color: var(--gray-55);
    --border-color: var(--gray-55);
  }
  .bg-md-gray-60 {
    background-color: var(--gray-60);
    --border-color: var(--gray-60);
  }
  .bg-md-gray-65 {
    background-color: var(--gray-65);
    --border-color: var(--gray-65);
  }
  .bg-md-gray-70 {
    background-color: var(--gray-70);
    --border-color: var(--gray-70);
  }
  .bg-md-gray-75 {
    background-color: var(--gray-75);
    --border-color: var(--gray-75);
  }
  .bg-md-gray-80 {
    background-color: var(--gray-80);
    --border-color: var(--gray-80);
  }
  .bg-md-gray-85 {
    background-color: var(--gray-85);
    --border-color: var(--gray-85);
  }
  .bg-md-gray-90 {
    background-color: var(--gray-90);
    --border-color: var(--gray-90);
  }
  .bg-md-gray-95 {
    background-color: var(--gray-95);
    --border-color: var(--gray-95);
  }
  .bg-md-gray-100 {
    background-color: var(--gray-100);
    --border-color: var(--gray-100);
  }
  .text-md-gray-75 {
    color: var(--gray);
    opacity: 0.75;
  }
  .text-md-gray-50 {
    color: var(--gray);
    opacity: 0.5;
  }
  .text-md-gray-40 {
    color: var(--gray);
    opacity: 0.4;
  }
  .text-md-gray-25 {
    color: var(--gray);
    opacity: 0.25;
  }
  .text-md-gray-10 {
    color: var(--gray);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-gray {
    --border-color: var(--gray);
  }
  .bg-lg-gray-dark {
    background-color: var(--gray-dark);
    --border-color: var(--gray-dark);
  }
  .text-lg-gray-dark {
    color: var(--gray-dark);
  }
  .bg-lg-gray-5 {
    background-color: var(--gray-5);
    --border-color: var(--gray-5);
  }
  .bg-lg-gray-10 {
    background-color: var(--gray-10);
    --border-color: var(--gray-10);
  }
  .bg-lg-gray-15 {
    background-color: var(--gray-15);
    --border-color: var(--gray-15);
  }
  .bg-lg-gray-20 {
    background-color: var(--gray-20);
    --border-color: var(--gray-20);
  }
  .bg-lg-gray-25 {
    background-color: var(--gray-25);
    --border-color: var(--gray-25);
  }
  .bg-lg-gray-30 {
    background-color: var(--gray-30);
    --border-color: var(--gray-30);
  }
  .bg-lg-gray-35 {
    background-color: var(--gray-35);
    --border-color: var(--gray-35);
  }
  .bg-lg-gray-40 {
    background-color: var(--gray-40);
    --border-color: var(--gray-40);
  }
  .bg-lg-gray-45 {
    background-color: var(--gray-45);
    --border-color: var(--gray-45);
  }
  .bg-lg-gray-50 {
    background-color: var(--gray-50);
    --border-color: var(--gray-50);
  }
  .bg-lg-gray-55 {
    background-color: var(--gray-55);
    --border-color: var(--gray-55);
  }
  .bg-lg-gray-60 {
    background-color: var(--gray-60);
    --border-color: var(--gray-60);
  }
  .bg-lg-gray-65 {
    background-color: var(--gray-65);
    --border-color: var(--gray-65);
  }
  .bg-lg-gray-70 {
    background-color: var(--gray-70);
    --border-color: var(--gray-70);
  }
  .bg-lg-gray-75 {
    background-color: var(--gray-75);
    --border-color: var(--gray-75);
  }
  .bg-lg-gray-80 {
    background-color: var(--gray-80);
    --border-color: var(--gray-80);
  }
  .bg-lg-gray-85 {
    background-color: var(--gray-85);
    --border-color: var(--gray-85);
  }
  .bg-lg-gray-90 {
    background-color: var(--gray-90);
    --border-color: var(--gray-90);
  }
  .bg-lg-gray-95 {
    background-color: var(--gray-95);
    --border-color: var(--gray-95);
  }
  .bg-lg-gray-100 {
    background-color: var(--gray-100);
    --border-color: var(--gray-100);
  }
  .text-lg-gray-75 {
    color: var(--gray);
    opacity: 0.75;
  }
  .text-lg-gray-50 {
    color: var(--gray);
    opacity: 0.5;
  }
  .text-lg-gray-40 {
    color: var(--gray);
    opacity: 0.4;
  }
  .text-lg-gray-25 {
    color: var(--gray);
    opacity: 0.25;
  }
  .text-lg-gray-10 {
    color: var(--gray);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-gray {
    --border-color: var(--gray);
  }
  .bg-xl-gray-dark {
    background-color: var(--gray-dark);
    --border-color: var(--gray-dark);
  }
  .text-xl-gray-dark {
    color: var(--gray-dark);
  }
  .bg-xl-gray-5 {
    background-color: var(--gray-5);
    --border-color: var(--gray-5);
  }
  .bg-xl-gray-10 {
    background-color: var(--gray-10);
    --border-color: var(--gray-10);
  }
  .bg-xl-gray-15 {
    background-color: var(--gray-15);
    --border-color: var(--gray-15);
  }
  .bg-xl-gray-20 {
    background-color: var(--gray-20);
    --border-color: var(--gray-20);
  }
  .bg-xl-gray-25 {
    background-color: var(--gray-25);
    --border-color: var(--gray-25);
  }
  .bg-xl-gray-30 {
    background-color: var(--gray-30);
    --border-color: var(--gray-30);
  }
  .bg-xl-gray-35 {
    background-color: var(--gray-35);
    --border-color: var(--gray-35);
  }
  .bg-xl-gray-40 {
    background-color: var(--gray-40);
    --border-color: var(--gray-40);
  }
  .bg-xl-gray-45 {
    background-color: var(--gray-45);
    --border-color: var(--gray-45);
  }
  .bg-xl-gray-50 {
    background-color: var(--gray-50);
    --border-color: var(--gray-50);
  }
  .bg-xl-gray-55 {
    background-color: var(--gray-55);
    --border-color: var(--gray-55);
  }
  .bg-xl-gray-60 {
    background-color: var(--gray-60);
    --border-color: var(--gray-60);
  }
  .bg-xl-gray-65 {
    background-color: var(--gray-65);
    --border-color: var(--gray-65);
  }
  .bg-xl-gray-70 {
    background-color: var(--gray-70);
    --border-color: var(--gray-70);
  }
  .bg-xl-gray-75 {
    background-color: var(--gray-75);
    --border-color: var(--gray-75);
  }
  .bg-xl-gray-80 {
    background-color: var(--gray-80);
    --border-color: var(--gray-80);
  }
  .bg-xl-gray-85 {
    background-color: var(--gray-85);
    --border-color: var(--gray-85);
  }
  .bg-xl-gray-90 {
    background-color: var(--gray-90);
    --border-color: var(--gray-90);
  }
  .bg-xl-gray-95 {
    background-color: var(--gray-95);
    --border-color: var(--gray-95);
  }
  .bg-xl-gray-100 {
    background-color: var(--gray-100);
    --border-color: var(--gray-100);
  }
  .text-xl-gray-75 {
    color: var(--gray);
    opacity: 0.75;
  }
  .text-xl-gray-50 {
    color: var(--gray);
    opacity: 0.5;
  }
  .text-xl-gray-40 {
    color: var(--gray);
    opacity: 0.4;
  }
  .text-xl-gray-25 {
    color: var(--gray);
    opacity: 0.25;
  }
  .text-xl-gray-10 {
    color: var(--gray);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-gray {
    --border-color: var(--gray);
  }
  .bg-xxl-gray-dark {
    background-color: var(--gray-dark);
    --border-color: var(--gray-dark);
  }
  .text-xxl-gray-dark {
    color: var(--gray-dark);
  }
  .bg-xxl-gray-5 {
    background-color: var(--gray-5);
    --border-color: var(--gray-5);
  }
  .bg-xxl-gray-10 {
    background-color: var(--gray-10);
    --border-color: var(--gray-10);
  }
  .bg-xxl-gray-15 {
    background-color: var(--gray-15);
    --border-color: var(--gray-15);
  }
  .bg-xxl-gray-20 {
    background-color: var(--gray-20);
    --border-color: var(--gray-20);
  }
  .bg-xxl-gray-25 {
    background-color: var(--gray-25);
    --border-color: var(--gray-25);
  }
  .bg-xxl-gray-30 {
    background-color: var(--gray-30);
    --border-color: var(--gray-30);
  }
  .bg-xxl-gray-35 {
    background-color: var(--gray-35);
    --border-color: var(--gray-35);
  }
  .bg-xxl-gray-40 {
    background-color: var(--gray-40);
    --border-color: var(--gray-40);
  }
  .bg-xxl-gray-45 {
    background-color: var(--gray-45);
    --border-color: var(--gray-45);
  }
  .bg-xxl-gray-50 {
    background-color: var(--gray-50);
    --border-color: var(--gray-50);
  }
  .bg-xxl-gray-55 {
    background-color: var(--gray-55);
    --border-color: var(--gray-55);
  }
  .bg-xxl-gray-60 {
    background-color: var(--gray-60);
    --border-color: var(--gray-60);
  }
  .bg-xxl-gray-65 {
    background-color: var(--gray-65);
    --border-color: var(--gray-65);
  }
  .bg-xxl-gray-70 {
    background-color: var(--gray-70);
    --border-color: var(--gray-70);
  }
  .bg-xxl-gray-75 {
    background-color: var(--gray-75);
    --border-color: var(--gray-75);
  }
  .bg-xxl-gray-80 {
    background-color: var(--gray-80);
    --border-color: var(--gray-80);
  }
  .bg-xxl-gray-85 {
    background-color: var(--gray-85);
    --border-color: var(--gray-85);
  }
  .bg-xxl-gray-90 {
    background-color: var(--gray-90);
    --border-color: var(--gray-90);
  }
  .bg-xxl-gray-95 {
    background-color: var(--gray-95);
    --border-color: var(--gray-95);
  }
  .bg-xxl-gray-100 {
    background-color: var(--gray-100);
    --border-color: var(--gray-100);
  }
  .text-xxl-gray-75 {
    color: var(--gray);
    opacity: 0.75;
  }
  .text-xxl-gray-50 {
    color: var(--gray);
    opacity: 0.5;
  }
  .text-xxl-gray-40 {
    color: var(--gray);
    opacity: 0.4;
  }
  .text-xxl-gray-25 {
    color: var(--gray);
    opacity: 0.25;
  }
  .text-xxl-gray-10 {
    color: var(--gray);
    opacity: 0.1;
  }
}
.bg-dark {
  --border-color: var(--dark);
}
.bg-dark-dark {
  background-color: var(--dark-dark);
  --border-color: var(--dark-dark);
}
.text-dark-dark {
  color: var(--dark-dark);
}
.bg-dark-5 {
  background-color: var(--dark-5);
  --border-color: var(--dark-5);
}
.bg-dark-10 {
  background-color: var(--dark-10);
  --border-color: var(--dark-10);
}
.bg-dark-15 {
  background-color: var(--dark-15);
  --border-color: var(--dark-15);
}
.bg-dark-20 {
  background-color: var(--dark-20);
  --border-color: var(--dark-20);
}
.bg-dark-25 {
  background-color: var(--dark-25);
  --border-color: var(--dark-25);
}
.bg-dark-30 {
  background-color: var(--dark-30);
  --border-color: var(--dark-30);
}
.bg-dark-35 {
  background-color: var(--dark-35);
  --border-color: var(--dark-35);
}
.bg-dark-40 {
  background-color: var(--dark-40);
  --border-color: var(--dark-40);
}
.bg-dark-45 {
  background-color: var(--dark-45);
  --border-color: var(--dark-45);
}
.bg-dark-50 {
  background-color: var(--dark-50);
  --border-color: var(--dark-50);
}
.bg-dark-55 {
  background-color: var(--dark-55);
  --border-color: var(--dark-55);
}
.bg-dark-60 {
  background-color: var(--dark-60);
  --border-color: var(--dark-60);
}
.bg-dark-65 {
  background-color: var(--dark-65);
  --border-color: var(--dark-65);
}
.bg-dark-70 {
  background-color: var(--dark-70);
  --border-color: var(--dark-70);
}
.bg-dark-75 {
  background-color: var(--dark-75);
  --border-color: var(--dark-75);
}
.bg-dark-80 {
  background-color: var(--dark-80);
  --border-color: var(--dark-80);
}
.bg-dark-85 {
  background-color: var(--dark-85);
  --border-color: var(--dark-85);
}
.bg-dark-90 {
  background-color: var(--dark-90);
  --border-color: var(--dark-90);
}
.bg-dark-95 {
  background-color: var(--dark-95);
  --border-color: var(--dark-95);
}
.bg-dark-100 {
  background-color: var(--dark-100);
  --border-color: var(--dark-100);
}
.text-dark-75 {
  color: var(--dark);
  opacity: 0.75;
}
.text-dark-50 {
  color: var(--dark);
  opacity: 0.5;
}
.text-dark-40 {
  color: var(--dark);
  opacity: 0.4;
}
.text-dark-25 {
  color: var(--dark);
  opacity: 0.25;
}
.text-dark-10 {
  color: var(--dark);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-dark {
    --border-color: var(--dark);
  }
  .bg-sm-dark-dark {
    background-color: var(--dark-dark);
    --border-color: var(--dark-dark);
  }
  .text-sm-dark-dark {
    color: var(--dark-dark);
  }
  .bg-sm-dark-5 {
    background-color: var(--dark-5);
    --border-color: var(--dark-5);
  }
  .bg-sm-dark-10 {
    background-color: var(--dark-10);
    --border-color: var(--dark-10);
  }
  .bg-sm-dark-15 {
    background-color: var(--dark-15);
    --border-color: var(--dark-15);
  }
  .bg-sm-dark-20 {
    background-color: var(--dark-20);
    --border-color: var(--dark-20);
  }
  .bg-sm-dark-25 {
    background-color: var(--dark-25);
    --border-color: var(--dark-25);
  }
  .bg-sm-dark-30 {
    background-color: var(--dark-30);
    --border-color: var(--dark-30);
  }
  .bg-sm-dark-35 {
    background-color: var(--dark-35);
    --border-color: var(--dark-35);
  }
  .bg-sm-dark-40 {
    background-color: var(--dark-40);
    --border-color: var(--dark-40);
  }
  .bg-sm-dark-45 {
    background-color: var(--dark-45);
    --border-color: var(--dark-45);
  }
  .bg-sm-dark-50 {
    background-color: var(--dark-50);
    --border-color: var(--dark-50);
  }
  .bg-sm-dark-55 {
    background-color: var(--dark-55);
    --border-color: var(--dark-55);
  }
  .bg-sm-dark-60 {
    background-color: var(--dark-60);
    --border-color: var(--dark-60);
  }
  .bg-sm-dark-65 {
    background-color: var(--dark-65);
    --border-color: var(--dark-65);
  }
  .bg-sm-dark-70 {
    background-color: var(--dark-70);
    --border-color: var(--dark-70);
  }
  .bg-sm-dark-75 {
    background-color: var(--dark-75);
    --border-color: var(--dark-75);
  }
  .bg-sm-dark-80 {
    background-color: var(--dark-80);
    --border-color: var(--dark-80);
  }
  .bg-sm-dark-85 {
    background-color: var(--dark-85);
    --border-color: var(--dark-85);
  }
  .bg-sm-dark-90 {
    background-color: var(--dark-90);
    --border-color: var(--dark-90);
  }
  .bg-sm-dark-95 {
    background-color: var(--dark-95);
    --border-color: var(--dark-95);
  }
  .bg-sm-dark-100 {
    background-color: var(--dark-100);
    --border-color: var(--dark-100);
  }
  .text-sm-dark-75 {
    color: var(--dark);
    opacity: 0.75;
  }
  .text-sm-dark-50 {
    color: var(--dark);
    opacity: 0.5;
  }
  .text-sm-dark-40 {
    color: var(--dark);
    opacity: 0.4;
  }
  .text-sm-dark-25 {
    color: var(--dark);
    opacity: 0.25;
  }
  .text-sm-dark-10 {
    color: var(--dark);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-dark {
    --border-color: var(--dark);
  }
  .bg-md-dark-dark {
    background-color: var(--dark-dark);
    --border-color: var(--dark-dark);
  }
  .text-md-dark-dark {
    color: var(--dark-dark);
  }
  .bg-md-dark-5 {
    background-color: var(--dark-5);
    --border-color: var(--dark-5);
  }
  .bg-md-dark-10 {
    background-color: var(--dark-10);
    --border-color: var(--dark-10);
  }
  .bg-md-dark-15 {
    background-color: var(--dark-15);
    --border-color: var(--dark-15);
  }
  .bg-md-dark-20 {
    background-color: var(--dark-20);
    --border-color: var(--dark-20);
  }
  .bg-md-dark-25 {
    background-color: var(--dark-25);
    --border-color: var(--dark-25);
  }
  .bg-md-dark-30 {
    background-color: var(--dark-30);
    --border-color: var(--dark-30);
  }
  .bg-md-dark-35 {
    background-color: var(--dark-35);
    --border-color: var(--dark-35);
  }
  .bg-md-dark-40 {
    background-color: var(--dark-40);
    --border-color: var(--dark-40);
  }
  .bg-md-dark-45 {
    background-color: var(--dark-45);
    --border-color: var(--dark-45);
  }
  .bg-md-dark-50 {
    background-color: var(--dark-50);
    --border-color: var(--dark-50);
  }
  .bg-md-dark-55 {
    background-color: var(--dark-55);
    --border-color: var(--dark-55);
  }
  .bg-md-dark-60 {
    background-color: var(--dark-60);
    --border-color: var(--dark-60);
  }
  .bg-md-dark-65 {
    background-color: var(--dark-65);
    --border-color: var(--dark-65);
  }
  .bg-md-dark-70 {
    background-color: var(--dark-70);
    --border-color: var(--dark-70);
  }
  .bg-md-dark-75 {
    background-color: var(--dark-75);
    --border-color: var(--dark-75);
  }
  .bg-md-dark-80 {
    background-color: var(--dark-80);
    --border-color: var(--dark-80);
  }
  .bg-md-dark-85 {
    background-color: var(--dark-85);
    --border-color: var(--dark-85);
  }
  .bg-md-dark-90 {
    background-color: var(--dark-90);
    --border-color: var(--dark-90);
  }
  .bg-md-dark-95 {
    background-color: var(--dark-95);
    --border-color: var(--dark-95);
  }
  .bg-md-dark-100 {
    background-color: var(--dark-100);
    --border-color: var(--dark-100);
  }
  .text-md-dark-75 {
    color: var(--dark);
    opacity: 0.75;
  }
  .text-md-dark-50 {
    color: var(--dark);
    opacity: 0.5;
  }
  .text-md-dark-40 {
    color: var(--dark);
    opacity: 0.4;
  }
  .text-md-dark-25 {
    color: var(--dark);
    opacity: 0.25;
  }
  .text-md-dark-10 {
    color: var(--dark);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-dark {
    --border-color: var(--dark);
  }
  .bg-lg-dark-dark {
    background-color: var(--dark-dark);
    --border-color: var(--dark-dark);
  }
  .text-lg-dark-dark {
    color: var(--dark-dark);
  }
  .bg-lg-dark-5 {
    background-color: var(--dark-5);
    --border-color: var(--dark-5);
  }
  .bg-lg-dark-10 {
    background-color: var(--dark-10);
    --border-color: var(--dark-10);
  }
  .bg-lg-dark-15 {
    background-color: var(--dark-15);
    --border-color: var(--dark-15);
  }
  .bg-lg-dark-20 {
    background-color: var(--dark-20);
    --border-color: var(--dark-20);
  }
  .bg-lg-dark-25 {
    background-color: var(--dark-25);
    --border-color: var(--dark-25);
  }
  .bg-lg-dark-30 {
    background-color: var(--dark-30);
    --border-color: var(--dark-30);
  }
  .bg-lg-dark-35 {
    background-color: var(--dark-35);
    --border-color: var(--dark-35);
  }
  .bg-lg-dark-40 {
    background-color: var(--dark-40);
    --border-color: var(--dark-40);
  }
  .bg-lg-dark-45 {
    background-color: var(--dark-45);
    --border-color: var(--dark-45);
  }
  .bg-lg-dark-50 {
    background-color: var(--dark-50);
    --border-color: var(--dark-50);
  }
  .bg-lg-dark-55 {
    background-color: var(--dark-55);
    --border-color: var(--dark-55);
  }
  .bg-lg-dark-60 {
    background-color: var(--dark-60);
    --border-color: var(--dark-60);
  }
  .bg-lg-dark-65 {
    background-color: var(--dark-65);
    --border-color: var(--dark-65);
  }
  .bg-lg-dark-70 {
    background-color: var(--dark-70);
    --border-color: var(--dark-70);
  }
  .bg-lg-dark-75 {
    background-color: var(--dark-75);
    --border-color: var(--dark-75);
  }
  .bg-lg-dark-80 {
    background-color: var(--dark-80);
    --border-color: var(--dark-80);
  }
  .bg-lg-dark-85 {
    background-color: var(--dark-85);
    --border-color: var(--dark-85);
  }
  .bg-lg-dark-90 {
    background-color: var(--dark-90);
    --border-color: var(--dark-90);
  }
  .bg-lg-dark-95 {
    background-color: var(--dark-95);
    --border-color: var(--dark-95);
  }
  .bg-lg-dark-100 {
    background-color: var(--dark-100);
    --border-color: var(--dark-100);
  }
  .text-lg-dark-75 {
    color: var(--dark);
    opacity: 0.75;
  }
  .text-lg-dark-50 {
    color: var(--dark);
    opacity: 0.5;
  }
  .text-lg-dark-40 {
    color: var(--dark);
    opacity: 0.4;
  }
  .text-lg-dark-25 {
    color: var(--dark);
    opacity: 0.25;
  }
  .text-lg-dark-10 {
    color: var(--dark);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-dark {
    --border-color: var(--dark);
  }
  .bg-xl-dark-dark {
    background-color: var(--dark-dark);
    --border-color: var(--dark-dark);
  }
  .text-xl-dark-dark {
    color: var(--dark-dark);
  }
  .bg-xl-dark-5 {
    background-color: var(--dark-5);
    --border-color: var(--dark-5);
  }
  .bg-xl-dark-10 {
    background-color: var(--dark-10);
    --border-color: var(--dark-10);
  }
  .bg-xl-dark-15 {
    background-color: var(--dark-15);
    --border-color: var(--dark-15);
  }
  .bg-xl-dark-20 {
    background-color: var(--dark-20);
    --border-color: var(--dark-20);
  }
  .bg-xl-dark-25 {
    background-color: var(--dark-25);
    --border-color: var(--dark-25);
  }
  .bg-xl-dark-30 {
    background-color: var(--dark-30);
    --border-color: var(--dark-30);
  }
  .bg-xl-dark-35 {
    background-color: var(--dark-35);
    --border-color: var(--dark-35);
  }
  .bg-xl-dark-40 {
    background-color: var(--dark-40);
    --border-color: var(--dark-40);
  }
  .bg-xl-dark-45 {
    background-color: var(--dark-45);
    --border-color: var(--dark-45);
  }
  .bg-xl-dark-50 {
    background-color: var(--dark-50);
    --border-color: var(--dark-50);
  }
  .bg-xl-dark-55 {
    background-color: var(--dark-55);
    --border-color: var(--dark-55);
  }
  .bg-xl-dark-60 {
    background-color: var(--dark-60);
    --border-color: var(--dark-60);
  }
  .bg-xl-dark-65 {
    background-color: var(--dark-65);
    --border-color: var(--dark-65);
  }
  .bg-xl-dark-70 {
    background-color: var(--dark-70);
    --border-color: var(--dark-70);
  }
  .bg-xl-dark-75 {
    background-color: var(--dark-75);
    --border-color: var(--dark-75);
  }
  .bg-xl-dark-80 {
    background-color: var(--dark-80);
    --border-color: var(--dark-80);
  }
  .bg-xl-dark-85 {
    background-color: var(--dark-85);
    --border-color: var(--dark-85);
  }
  .bg-xl-dark-90 {
    background-color: var(--dark-90);
    --border-color: var(--dark-90);
  }
  .bg-xl-dark-95 {
    background-color: var(--dark-95);
    --border-color: var(--dark-95);
  }
  .bg-xl-dark-100 {
    background-color: var(--dark-100);
    --border-color: var(--dark-100);
  }
  .text-xl-dark-75 {
    color: var(--dark);
    opacity: 0.75;
  }
  .text-xl-dark-50 {
    color: var(--dark);
    opacity: 0.5;
  }
  .text-xl-dark-40 {
    color: var(--dark);
    opacity: 0.4;
  }
  .text-xl-dark-25 {
    color: var(--dark);
    opacity: 0.25;
  }
  .text-xl-dark-10 {
    color: var(--dark);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-dark {
    --border-color: var(--dark);
  }
  .bg-xxl-dark-dark {
    background-color: var(--dark-dark);
    --border-color: var(--dark-dark);
  }
  .text-xxl-dark-dark {
    color: var(--dark-dark);
  }
  .bg-xxl-dark-5 {
    background-color: var(--dark-5);
    --border-color: var(--dark-5);
  }
  .bg-xxl-dark-10 {
    background-color: var(--dark-10);
    --border-color: var(--dark-10);
  }
  .bg-xxl-dark-15 {
    background-color: var(--dark-15);
    --border-color: var(--dark-15);
  }
  .bg-xxl-dark-20 {
    background-color: var(--dark-20);
    --border-color: var(--dark-20);
  }
  .bg-xxl-dark-25 {
    background-color: var(--dark-25);
    --border-color: var(--dark-25);
  }
  .bg-xxl-dark-30 {
    background-color: var(--dark-30);
    --border-color: var(--dark-30);
  }
  .bg-xxl-dark-35 {
    background-color: var(--dark-35);
    --border-color: var(--dark-35);
  }
  .bg-xxl-dark-40 {
    background-color: var(--dark-40);
    --border-color: var(--dark-40);
  }
  .bg-xxl-dark-45 {
    background-color: var(--dark-45);
    --border-color: var(--dark-45);
  }
  .bg-xxl-dark-50 {
    background-color: var(--dark-50);
    --border-color: var(--dark-50);
  }
  .bg-xxl-dark-55 {
    background-color: var(--dark-55);
    --border-color: var(--dark-55);
  }
  .bg-xxl-dark-60 {
    background-color: var(--dark-60);
    --border-color: var(--dark-60);
  }
  .bg-xxl-dark-65 {
    background-color: var(--dark-65);
    --border-color: var(--dark-65);
  }
  .bg-xxl-dark-70 {
    background-color: var(--dark-70);
    --border-color: var(--dark-70);
  }
  .bg-xxl-dark-75 {
    background-color: var(--dark-75);
    --border-color: var(--dark-75);
  }
  .bg-xxl-dark-80 {
    background-color: var(--dark-80);
    --border-color: var(--dark-80);
  }
  .bg-xxl-dark-85 {
    background-color: var(--dark-85);
    --border-color: var(--dark-85);
  }
  .bg-xxl-dark-90 {
    background-color: var(--dark-90);
    --border-color: var(--dark-90);
  }
  .bg-xxl-dark-95 {
    background-color: var(--dark-95);
    --border-color: var(--dark-95);
  }
  .bg-xxl-dark-100 {
    background-color: var(--dark-100);
    --border-color: var(--dark-100);
  }
  .text-xxl-dark-75 {
    color: var(--dark);
    opacity: 0.75;
  }
  .text-xxl-dark-50 {
    color: var(--dark);
    opacity: 0.5;
  }
  .text-xxl-dark-40 {
    color: var(--dark);
    opacity: 0.4;
  }
  .text-xxl-dark-25 {
    color: var(--dark);
    opacity: 0.25;
  }
  .text-xxl-dark-10 {
    color: var(--dark);
    opacity: 0.1;
  }
}
.bg-dark-gray {
  --border-color: var(--dark-gray);
}
.bg-dark-gray-dark {
  background-color: var(--dark-gray-dark);
  --border-color: var(--dark-gray-dark);
}
.text-dark-gray-dark {
  color: var(--dark-gray-dark);
}
.bg-dark-gray-5 {
  background-color: var(--dark-gray-5);
  --border-color: var(--dark-gray-5);
}
.bg-dark-gray-10 {
  background-color: var(--dark-gray-10);
  --border-color: var(--dark-gray-10);
}
.bg-dark-gray-15 {
  background-color: var(--dark-gray-15);
  --border-color: var(--dark-gray-15);
}
.bg-dark-gray-20 {
  background-color: var(--dark-gray-20);
  --border-color: var(--dark-gray-20);
}
.bg-dark-gray-25 {
  background-color: var(--dark-gray-25);
  --border-color: var(--dark-gray-25);
}
.bg-dark-gray-30 {
  background-color: var(--dark-gray-30);
  --border-color: var(--dark-gray-30);
}
.bg-dark-gray-35 {
  background-color: var(--dark-gray-35);
  --border-color: var(--dark-gray-35);
}
.bg-dark-gray-40 {
  background-color: var(--dark-gray-40);
  --border-color: var(--dark-gray-40);
}
.bg-dark-gray-45 {
  background-color: var(--dark-gray-45);
  --border-color: var(--dark-gray-45);
}
.bg-dark-gray-50 {
  background-color: var(--dark-gray-50);
  --border-color: var(--dark-gray-50);
}
.bg-dark-gray-55 {
  background-color: var(--dark-gray-55);
  --border-color: var(--dark-gray-55);
}
.bg-dark-gray-60 {
  background-color: var(--dark-gray-60);
  --border-color: var(--dark-gray-60);
}
.bg-dark-gray-65 {
  background-color: var(--dark-gray-65);
  --border-color: var(--dark-gray-65);
}
.bg-dark-gray-70 {
  background-color: var(--dark-gray-70);
  --border-color: var(--dark-gray-70);
}
.bg-dark-gray-75 {
  background-color: var(--dark-gray-75);
  --border-color: var(--dark-gray-75);
}
.bg-dark-gray-80 {
  background-color: var(--dark-gray-80);
  --border-color: var(--dark-gray-80);
}
.bg-dark-gray-85 {
  background-color: var(--dark-gray-85);
  --border-color: var(--dark-gray-85);
}
.bg-dark-gray-90 {
  background-color: var(--dark-gray-90);
  --border-color: var(--dark-gray-90);
}
.bg-dark-gray-95 {
  background-color: var(--dark-gray-95);
  --border-color: var(--dark-gray-95);
}
.bg-dark-gray-100 {
  background-color: var(--dark-gray-100);
  --border-color: var(--dark-gray-100);
}
.text-dark-gray-75 {
  color: var(--dark-gray);
  opacity: 0.75;
}
.text-dark-gray-50 {
  color: var(--dark-gray);
  opacity: 0.5;
}
.text-dark-gray-40 {
  color: var(--dark-gray);
  opacity: 0.4;
}
.text-dark-gray-25 {
  color: var(--dark-gray);
  opacity: 0.25;
}
.text-dark-gray-10 {
  color: var(--dark-gray);
  opacity: 0.1;
}
@media (min-width: 576px) {
  .bg-sm-dark-gray {
    --border-color: var(--dark-gray);
  }
  .bg-sm-dark-gray-dark {
    background-color: var(--dark-gray-dark);
    --border-color: var(--dark-gray-dark);
  }
  .text-sm-dark-gray-dark {
    color: var(--dark-gray-dark);
  }
  .bg-sm-dark-gray-5 {
    background-color: var(--dark-gray-5);
    --border-color: var(--dark-gray-5);
  }
  .bg-sm-dark-gray-10 {
    background-color: var(--dark-gray-10);
    --border-color: var(--dark-gray-10);
  }
  .bg-sm-dark-gray-15 {
    background-color: var(--dark-gray-15);
    --border-color: var(--dark-gray-15);
  }
  .bg-sm-dark-gray-20 {
    background-color: var(--dark-gray-20);
    --border-color: var(--dark-gray-20);
  }
  .bg-sm-dark-gray-25 {
    background-color: var(--dark-gray-25);
    --border-color: var(--dark-gray-25);
  }
  .bg-sm-dark-gray-30 {
    background-color: var(--dark-gray-30);
    --border-color: var(--dark-gray-30);
  }
  .bg-sm-dark-gray-35 {
    background-color: var(--dark-gray-35);
    --border-color: var(--dark-gray-35);
  }
  .bg-sm-dark-gray-40 {
    background-color: var(--dark-gray-40);
    --border-color: var(--dark-gray-40);
  }
  .bg-sm-dark-gray-45 {
    background-color: var(--dark-gray-45);
    --border-color: var(--dark-gray-45);
  }
  .bg-sm-dark-gray-50 {
    background-color: var(--dark-gray-50);
    --border-color: var(--dark-gray-50);
  }
  .bg-sm-dark-gray-55 {
    background-color: var(--dark-gray-55);
    --border-color: var(--dark-gray-55);
  }
  .bg-sm-dark-gray-60 {
    background-color: var(--dark-gray-60);
    --border-color: var(--dark-gray-60);
  }
  .bg-sm-dark-gray-65 {
    background-color: var(--dark-gray-65);
    --border-color: var(--dark-gray-65);
  }
  .bg-sm-dark-gray-70 {
    background-color: var(--dark-gray-70);
    --border-color: var(--dark-gray-70);
  }
  .bg-sm-dark-gray-75 {
    background-color: var(--dark-gray-75);
    --border-color: var(--dark-gray-75);
  }
  .bg-sm-dark-gray-80 {
    background-color: var(--dark-gray-80);
    --border-color: var(--dark-gray-80);
  }
  .bg-sm-dark-gray-85 {
    background-color: var(--dark-gray-85);
    --border-color: var(--dark-gray-85);
  }
  .bg-sm-dark-gray-90 {
    background-color: var(--dark-gray-90);
    --border-color: var(--dark-gray-90);
  }
  .bg-sm-dark-gray-95 {
    background-color: var(--dark-gray-95);
    --border-color: var(--dark-gray-95);
  }
  .bg-sm-dark-gray-100 {
    background-color: var(--dark-gray-100);
    --border-color: var(--dark-gray-100);
  }
  .text-sm-dark-gray-75 {
    color: var(--dark-gray);
    opacity: 0.75;
  }
  .text-sm-dark-gray-50 {
    color: var(--dark-gray);
    opacity: 0.5;
  }
  .text-sm-dark-gray-40 {
    color: var(--dark-gray);
    opacity: 0.4;
  }
  .text-sm-dark-gray-25 {
    color: var(--dark-gray);
    opacity: 0.25;
  }
  .text-sm-dark-gray-10 {
    color: var(--dark-gray);
    opacity: 0.1;
  }
}
@media (min-width: 768px) {
  .bg-md-dark-gray {
    --border-color: var(--dark-gray);
  }
  .bg-md-dark-gray-dark {
    background-color: var(--dark-gray-dark);
    --border-color: var(--dark-gray-dark);
  }
  .text-md-dark-gray-dark {
    color: var(--dark-gray-dark);
  }
  .bg-md-dark-gray-5 {
    background-color: var(--dark-gray-5);
    --border-color: var(--dark-gray-5);
  }
  .bg-md-dark-gray-10 {
    background-color: var(--dark-gray-10);
    --border-color: var(--dark-gray-10);
  }
  .bg-md-dark-gray-15 {
    background-color: var(--dark-gray-15);
    --border-color: var(--dark-gray-15);
  }
  .bg-md-dark-gray-20 {
    background-color: var(--dark-gray-20);
    --border-color: var(--dark-gray-20);
  }
  .bg-md-dark-gray-25 {
    background-color: var(--dark-gray-25);
    --border-color: var(--dark-gray-25);
  }
  .bg-md-dark-gray-30 {
    background-color: var(--dark-gray-30);
    --border-color: var(--dark-gray-30);
  }
  .bg-md-dark-gray-35 {
    background-color: var(--dark-gray-35);
    --border-color: var(--dark-gray-35);
  }
  .bg-md-dark-gray-40 {
    background-color: var(--dark-gray-40);
    --border-color: var(--dark-gray-40);
  }
  .bg-md-dark-gray-45 {
    background-color: var(--dark-gray-45);
    --border-color: var(--dark-gray-45);
  }
  .bg-md-dark-gray-50 {
    background-color: var(--dark-gray-50);
    --border-color: var(--dark-gray-50);
  }
  .bg-md-dark-gray-55 {
    background-color: var(--dark-gray-55);
    --border-color: var(--dark-gray-55);
  }
  .bg-md-dark-gray-60 {
    background-color: var(--dark-gray-60);
    --border-color: var(--dark-gray-60);
  }
  .bg-md-dark-gray-65 {
    background-color: var(--dark-gray-65);
    --border-color: var(--dark-gray-65);
  }
  .bg-md-dark-gray-70 {
    background-color: var(--dark-gray-70);
    --border-color: var(--dark-gray-70);
  }
  .bg-md-dark-gray-75 {
    background-color: var(--dark-gray-75);
    --border-color: var(--dark-gray-75);
  }
  .bg-md-dark-gray-80 {
    background-color: var(--dark-gray-80);
    --border-color: var(--dark-gray-80);
  }
  .bg-md-dark-gray-85 {
    background-color: var(--dark-gray-85);
    --border-color: var(--dark-gray-85);
  }
  .bg-md-dark-gray-90 {
    background-color: var(--dark-gray-90);
    --border-color: var(--dark-gray-90);
  }
  .bg-md-dark-gray-95 {
    background-color: var(--dark-gray-95);
    --border-color: var(--dark-gray-95);
  }
  .bg-md-dark-gray-100 {
    background-color: var(--dark-gray-100);
    --border-color: var(--dark-gray-100);
  }
  .text-md-dark-gray-75 {
    color: var(--dark-gray);
    opacity: 0.75;
  }
  .text-md-dark-gray-50 {
    color: var(--dark-gray);
    opacity: 0.5;
  }
  .text-md-dark-gray-40 {
    color: var(--dark-gray);
    opacity: 0.4;
  }
  .text-md-dark-gray-25 {
    color: var(--dark-gray);
    opacity: 0.25;
  }
  .text-md-dark-gray-10 {
    color: var(--dark-gray);
    opacity: 0.1;
  }
}
@media (min-width: 992px) {
  .bg-lg-dark-gray {
    --border-color: var(--dark-gray);
  }
  .bg-lg-dark-gray-dark {
    background-color: var(--dark-gray-dark);
    --border-color: var(--dark-gray-dark);
  }
  .text-lg-dark-gray-dark {
    color: var(--dark-gray-dark);
  }
  .bg-lg-dark-gray-5 {
    background-color: var(--dark-gray-5);
    --border-color: var(--dark-gray-5);
  }
  .bg-lg-dark-gray-10 {
    background-color: var(--dark-gray-10);
    --border-color: var(--dark-gray-10);
  }
  .bg-lg-dark-gray-15 {
    background-color: var(--dark-gray-15);
    --border-color: var(--dark-gray-15);
  }
  .bg-lg-dark-gray-20 {
    background-color: var(--dark-gray-20);
    --border-color: var(--dark-gray-20);
  }
  .bg-lg-dark-gray-25 {
    background-color: var(--dark-gray-25);
    --border-color: var(--dark-gray-25);
  }
  .bg-lg-dark-gray-30 {
    background-color: var(--dark-gray-30);
    --border-color: var(--dark-gray-30);
  }
  .bg-lg-dark-gray-35 {
    background-color: var(--dark-gray-35);
    --border-color: var(--dark-gray-35);
  }
  .bg-lg-dark-gray-40 {
    background-color: var(--dark-gray-40);
    --border-color: var(--dark-gray-40);
  }
  .bg-lg-dark-gray-45 {
    background-color: var(--dark-gray-45);
    --border-color: var(--dark-gray-45);
  }
  .bg-lg-dark-gray-50 {
    background-color: var(--dark-gray-50);
    --border-color: var(--dark-gray-50);
  }
  .bg-lg-dark-gray-55 {
    background-color: var(--dark-gray-55);
    --border-color: var(--dark-gray-55);
  }
  .bg-lg-dark-gray-60 {
    background-color: var(--dark-gray-60);
    --border-color: var(--dark-gray-60);
  }
  .bg-lg-dark-gray-65 {
    background-color: var(--dark-gray-65);
    --border-color: var(--dark-gray-65);
  }
  .bg-lg-dark-gray-70 {
    background-color: var(--dark-gray-70);
    --border-color: var(--dark-gray-70);
  }
  .bg-lg-dark-gray-75 {
    background-color: var(--dark-gray-75);
    --border-color: var(--dark-gray-75);
  }
  .bg-lg-dark-gray-80 {
    background-color: var(--dark-gray-80);
    --border-color: var(--dark-gray-80);
  }
  .bg-lg-dark-gray-85 {
    background-color: var(--dark-gray-85);
    --border-color: var(--dark-gray-85);
  }
  .bg-lg-dark-gray-90 {
    background-color: var(--dark-gray-90);
    --border-color: var(--dark-gray-90);
  }
  .bg-lg-dark-gray-95 {
    background-color: var(--dark-gray-95);
    --border-color: var(--dark-gray-95);
  }
  .bg-lg-dark-gray-100 {
    background-color: var(--dark-gray-100);
    --border-color: var(--dark-gray-100);
  }
  .text-lg-dark-gray-75 {
    color: var(--dark-gray);
    opacity: 0.75;
  }
  .text-lg-dark-gray-50 {
    color: var(--dark-gray);
    opacity: 0.5;
  }
  .text-lg-dark-gray-40 {
    color: var(--dark-gray);
    opacity: 0.4;
  }
  .text-lg-dark-gray-25 {
    color: var(--dark-gray);
    opacity: 0.25;
  }
  .text-lg-dark-gray-10 {
    color: var(--dark-gray);
    opacity: 0.1;
  }
}
@media (min-width: 1200px) {
  .bg-xl-dark-gray {
    --border-color: var(--dark-gray);
  }
  .bg-xl-dark-gray-dark {
    background-color: var(--dark-gray-dark);
    --border-color: var(--dark-gray-dark);
  }
  .text-xl-dark-gray-dark {
    color: var(--dark-gray-dark);
  }
  .bg-xl-dark-gray-5 {
    background-color: var(--dark-gray-5);
    --border-color: var(--dark-gray-5);
  }
  .bg-xl-dark-gray-10 {
    background-color: var(--dark-gray-10);
    --border-color: var(--dark-gray-10);
  }
  .bg-xl-dark-gray-15 {
    background-color: var(--dark-gray-15);
    --border-color: var(--dark-gray-15);
  }
  .bg-xl-dark-gray-20 {
    background-color: var(--dark-gray-20);
    --border-color: var(--dark-gray-20);
  }
  .bg-xl-dark-gray-25 {
    background-color: var(--dark-gray-25);
    --border-color: var(--dark-gray-25);
  }
  .bg-xl-dark-gray-30 {
    background-color: var(--dark-gray-30);
    --border-color: var(--dark-gray-30);
  }
  .bg-xl-dark-gray-35 {
    background-color: var(--dark-gray-35);
    --border-color: var(--dark-gray-35);
  }
  .bg-xl-dark-gray-40 {
    background-color: var(--dark-gray-40);
    --border-color: var(--dark-gray-40);
  }
  .bg-xl-dark-gray-45 {
    background-color: var(--dark-gray-45);
    --border-color: var(--dark-gray-45);
  }
  .bg-xl-dark-gray-50 {
    background-color: var(--dark-gray-50);
    --border-color: var(--dark-gray-50);
  }
  .bg-xl-dark-gray-55 {
    background-color: var(--dark-gray-55);
    --border-color: var(--dark-gray-55);
  }
  .bg-xl-dark-gray-60 {
    background-color: var(--dark-gray-60);
    --border-color: var(--dark-gray-60);
  }
  .bg-xl-dark-gray-65 {
    background-color: var(--dark-gray-65);
    --border-color: var(--dark-gray-65);
  }
  .bg-xl-dark-gray-70 {
    background-color: var(--dark-gray-70);
    --border-color: var(--dark-gray-70);
  }
  .bg-xl-dark-gray-75 {
    background-color: var(--dark-gray-75);
    --border-color: var(--dark-gray-75);
  }
  .bg-xl-dark-gray-80 {
    background-color: var(--dark-gray-80);
    --border-color: var(--dark-gray-80);
  }
  .bg-xl-dark-gray-85 {
    background-color: var(--dark-gray-85);
    --border-color: var(--dark-gray-85);
  }
  .bg-xl-dark-gray-90 {
    background-color: var(--dark-gray-90);
    --border-color: var(--dark-gray-90);
  }
  .bg-xl-dark-gray-95 {
    background-color: var(--dark-gray-95);
    --border-color: var(--dark-gray-95);
  }
  .bg-xl-dark-gray-100 {
    background-color: var(--dark-gray-100);
    --border-color: var(--dark-gray-100);
  }
  .text-xl-dark-gray-75 {
    color: var(--dark-gray);
    opacity: 0.75;
  }
  .text-xl-dark-gray-50 {
    color: var(--dark-gray);
    opacity: 0.5;
  }
  .text-xl-dark-gray-40 {
    color: var(--dark-gray);
    opacity: 0.4;
  }
  .text-xl-dark-gray-25 {
    color: var(--dark-gray);
    opacity: 0.25;
  }
  .text-xl-dark-gray-10 {
    color: var(--dark-gray);
    opacity: 0.1;
  }
}
@media (min-width: 1400px) {
  .bg-xxl-dark-gray {
    --border-color: var(--dark-gray);
  }
  .bg-xxl-dark-gray-dark {
    background-color: var(--dark-gray-dark);
    --border-color: var(--dark-gray-dark);
  }
  .text-xxl-dark-gray-dark {
    color: var(--dark-gray-dark);
  }
  .bg-xxl-dark-gray-5 {
    background-color: var(--dark-gray-5);
    --border-color: var(--dark-gray-5);
  }
  .bg-xxl-dark-gray-10 {
    background-color: var(--dark-gray-10);
    --border-color: var(--dark-gray-10);
  }
  .bg-xxl-dark-gray-15 {
    background-color: var(--dark-gray-15);
    --border-color: var(--dark-gray-15);
  }
  .bg-xxl-dark-gray-20 {
    background-color: var(--dark-gray-20);
    --border-color: var(--dark-gray-20);
  }
  .bg-xxl-dark-gray-25 {
    background-color: var(--dark-gray-25);
    --border-color: var(--dark-gray-25);
  }
  .bg-xxl-dark-gray-30 {
    background-color: var(--dark-gray-30);
    --border-color: var(--dark-gray-30);
  }
  .bg-xxl-dark-gray-35 {
    background-color: var(--dark-gray-35);
    --border-color: var(--dark-gray-35);
  }
  .bg-xxl-dark-gray-40 {
    background-color: var(--dark-gray-40);
    --border-color: var(--dark-gray-40);
  }
  .bg-xxl-dark-gray-45 {
    background-color: var(--dark-gray-45);
    --border-color: var(--dark-gray-45);
  }
  .bg-xxl-dark-gray-50 {
    background-color: var(--dark-gray-50);
    --border-color: var(--dark-gray-50);
  }
  .bg-xxl-dark-gray-55 {
    background-color: var(--dark-gray-55);
    --border-color: var(--dark-gray-55);
  }
  .bg-xxl-dark-gray-60 {
    background-color: var(--dark-gray-60);
    --border-color: var(--dark-gray-60);
  }
  .bg-xxl-dark-gray-65 {
    background-color: var(--dark-gray-65);
    --border-color: var(--dark-gray-65);
  }
  .bg-xxl-dark-gray-70 {
    background-color: var(--dark-gray-70);
    --border-color: var(--dark-gray-70);
  }
  .bg-xxl-dark-gray-75 {
    background-color: var(--dark-gray-75);
    --border-color: var(--dark-gray-75);
  }
  .bg-xxl-dark-gray-80 {
    background-color: var(--dark-gray-80);
    --border-color: var(--dark-gray-80);
  }
  .bg-xxl-dark-gray-85 {
    background-color: var(--dark-gray-85);
    --border-color: var(--dark-gray-85);
  }
  .bg-xxl-dark-gray-90 {
    background-color: var(--dark-gray-90);
    --border-color: var(--dark-gray-90);
  }
  .bg-xxl-dark-gray-95 {
    background-color: var(--dark-gray-95);
    --border-color: var(--dark-gray-95);
  }
  .bg-xxl-dark-gray-100 {
    background-color: var(--dark-gray-100);
    --border-color: var(--dark-gray-100);
  }
  .text-xxl-dark-gray-75 {
    color: var(--dark-gray);
    opacity: 0.75;
  }
  .text-xxl-dark-gray-50 {
    color: var(--dark-gray);
    opacity: 0.5;
  }
  .text-xxl-dark-gray-40 {
    color: var(--dark-gray);
    opacity: 0.4;
  }
  .text-xxl-dark-gray-25 {
    color: var(--dark-gray);
    opacity: 0.25;
  }
  .text-xxl-dark-gray-10 {
    color: var(--dark-gray);
    opacity: 0.1;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cnt-subnav-img-icon {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}
.cnt-subnav-img-icon .column:nth-child(odd) .btn {
  background-color: var(--primary);
  color: white;
}
.cnt-subnav-img-icon .column:nth-child(odd) .btn:hover {
  color: var(--light);
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}
.cnt-subnav-img-icon .column:nth-child(even) .btn {
  background-color: var(--secondary);
  color: white;
}
.cnt-subnav-img-icon .column:nth-child(even) .btn:hover {
  color: var(--light);
  background-color: var(--secondary);
  border-color: var(--secondary);
  box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}
.cnt-subnav-img-icon .column .split-well {
  background: var(--light);
  box-shadow: var(--box-shadow);
  border: unset;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0px;
}
.cnt-subnav-img-icon .column .split-well .bg-img-container {
  height: 20.625rem;
}
@media (max-width: 991px) {
  .cnt-subnav-img-icon .column .split-well .bg-img-container {
    display: none;
  }
}
.cnt-subnav-img-icon .column .split-well .bg-img-container img {
  border-radius: 0px;
}
.cnt-subnav-img-icon .column .split-well .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.cnt-subnav-img-icon .column .split-well .content .page-icon {
  height: 3.125rem;
  margin-bottom: 0.75rem;
}
.cnt-subnav-img-icon .column .split-well .content .heading {
  margin-bottom: 1rem;
}
.cnt-subnav-img-icon .column .split-well .content p:has(+ .btn) {
  margin-bottom: 1.88rem;
}
.cnt-subnav-img-icon .column .split-well .content .btn {
  margin-top: auto;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-booking-calendar {
  width: 22.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cmp-booking-calendar .bc-img {
  width: 18.84975rem;
  margin-bottom: -36px;
  z-index: 1;
}
.cmp-booking-calendar .bc-btn {
  width: 100%;
  padding: 2.19rem 1rem 1.12rem;
  border-radius: var(--btn-radius);
  background: var(--secondary);
  color: var(--light);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.15s;
}
.cmp-booking-calendar .bc-btn .top {
  font-size: 1.75rem;
  font-weight: 700;
}
.cmp-booking-calendar .bc-btn .bottom {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.0225rem;
}
.cmp-booking-calendar:hover .bc-btn {
  box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid {
    --bs-gutter-x: 1.38rem;
  }
}
.row {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}
.row:has(+ .row):not(:has(.heading:last-child)) {
  margin-bottom: 3.75rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 992px) {
  .cmp-content-booking-calendar.calendar-left-1 {
    flex-direction: row-reverse;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
section:not([class*="bg-"]):not(.lr-sect):not(.divider-diagonal):not(.bg-transparent):not(.hero-section):not(.lr-section):not(:has(> .cmp-content-img-flush.container-fluid:last-child)):not(.cmp-intro-angled-img):not(.wi-map-full-2):not(.cmp-section-tabs-simple) + section:not([class*="bg-"]):not(.lr-sect):not(.bg-transparent):not(.hero-section):not(.lr-section) {
  padding-top: 0px;
}
@media (min-width: 992px) {
  section:has(> .cmp-content-img-flush.container-fluid:last-child) + section:not([class*="bg-"]) {
    padding-top: 0px;
  }
}
section.primary + .section.primary, section.bg-primary-dark + section.bg-primary-dark, section.bg-primary-75 + section.bg-primary-75, section.bg-primary-50 + section.bg-primary-50, section.bg-primary-40 + section.bg-primary-40, section.bg-primary-25 + section.bg-primary-25, section.bg-primary-10 + section.bg-primary-10, section.bg-light-to-primary + section.bg-primary-40 {
  padding-top: 0px;
}
section.secondary + .section.secondary, section.bg-secondary-dark + section.bg-secondary-dark, section.bg-secondary-75 + section.bg-secondary-75, section.bg-secondary-50 + section.bg-secondary-50, section.bg-secondary-40 + section.bg-secondary-40, section.bg-secondary-25 + section.bg-secondary-25, section.bg-secondary-10 + section.bg-secondary-10, section.bg-light-to-secondary + section.bg-secondary-40 {
  padding-top: 0px;
}
section.tertiary + .section.tertiary, section.bg-tertiary-dark + section.bg-tertiary-dark, section.bg-tertiary-75 + section.bg-tertiary-75, section.bg-tertiary-50 + section.bg-tertiary-50, section.bg-tertiary-40 + section.bg-tertiary-40, section.bg-tertiary-25 + section.bg-tertiary-25, section.bg-tertiary-10 + section.bg-tertiary-10, section.bg-light-to-tertiary + section.bg-tertiary-40 {
  padding-top: 0px;
}
section.quaternary + .section.quaternary, section.bg-quaternary-dark + section.bg-quaternary-dark, section.bg-quaternary-75 + section.bg-quaternary-75, section.bg-quaternary-50 + section.bg-quaternary-50, section.bg-quaternary-40 + section.bg-quaternary-40, section.bg-quaternary-25 + section.bg-quaternary-25, section.bg-quaternary-10 + section.bg-quaternary-10, section.bg-light-to-quaternary + section.bg-quaternary-40 {
  padding-top: 0px;
}
section.quinary + .section.quinary, section.bg-quinary-dark + section.bg-quinary-dark, section.bg-quinary-75 + section.bg-quinary-75, section.bg-quinary-50 + section.bg-quinary-50, section.bg-quinary-40 + section.bg-quinary-40, section.bg-quinary-25 + section.bg-quinary-25, section.bg-quinary-10 + section.bg-quinary-10, section.bg-light-to-quinary + section.bg-quinary-40 {
  padding-top: 0px;
}
section.senary + .section.senary, section.bg-senary-dark + section.bg-senary-dark, section.bg-senary-75 + section.bg-senary-75, section.bg-senary-50 + section.bg-senary-50, section.bg-senary-40 + section.bg-senary-40, section.bg-senary-25 + section.bg-senary-25, section.bg-senary-10 + section.bg-senary-10, section.bg-light-to-senary + section.bg-senary-40 {
  padding-top: 0px;
}
section.light + .section.light, section.bg-light-dark + section.bg-light-dark, section.bg-light-75 + section.bg-light-75, section.bg-light-50 + section.bg-light-50, section.bg-light-40 + section.bg-light-40, section.bg-light-25 + section.bg-light-25, section.bg-light-10 + section.bg-light-10, section.bg-light-to-light + section.bg-light-40 {
  padding-top: 0px;
}
section.gray + .section.gray, section.bg-gray-dark + section.bg-gray-dark, section.bg-gray-75 + section.bg-gray-75, section.bg-gray-50 + section.bg-gray-50, section.bg-gray-40 + section.bg-gray-40, section.bg-gray-25 + section.bg-gray-25, section.bg-gray-10 + section.bg-gray-10, section.bg-light-to-gray + section.bg-gray-40 {
  padding-top: 0px;
}
section.dark + .section.dark, section.bg-dark-dark + section.bg-dark-dark, section.bg-dark-75 + section.bg-dark-75, section.bg-dark-50 + section.bg-dark-50, section.bg-dark-40 + section.bg-dark-40, section.bg-dark-25 + section.bg-dark-25, section.bg-dark-10 + section.bg-dark-10, section.bg-light-to-dark + section.bg-dark-40 {
  padding-top: 0px;
}
section.dark-gray + .section.dark-gray, section.bg-dark-gray-dark + section.bg-dark-gray-dark, section.bg-dark-gray-75 + section.bg-dark-gray-75, section.bg-dark-gray-50 + section.bg-dark-gray-50, section.bg-dark-gray-40 + section.bg-dark-gray-40, section.bg-dark-gray-25 + section.bg-dark-gray-25, section.bg-dark-gray-10 + section.bg-dark-gray-10, section.bg-light-to-dark-gray + section.bg-dark-gray-40 {
  padding-top: 0px;
}
p:last-child {
  margin-bottom: 0px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.form-wrapper form.oak_contact_form .row {
  --bs-gutter-y: 0.75rem;
  --bs-gutter-x: .88rem;
}
.form-wrapper form.oak_contact_form .row .form-group {
  position: relative;
}
.form-wrapper form.oak_contact_form .row .form-group label {
  color: inherit;
  position: absolute;
  top: 0.3rem;
  left: calc(var(--bs-gutter-x) * 0.5 + 0.38rem);
  font-size: 0.75019rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.00975rem;
}
.form-wrapper form.oak_contact_form .row .form-group label.label-radio-parent {
  position: static;
}
.form-wrapper form.oak_contact_form .row .form-group label.form-check-label {
  position: static;
}
.form-wrapper form.oak_contact_form .row .form-group .form-control {
  padding-left: 0.38rem;
  padding-right: 0.38rem;
  padding-top: 0.85rem;
  color: inherit;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: transparent;
}
.form-wrapper form.oak_contact_form .row .form-group textarea.form-control {
  min-height: 9.4375rem !important;
}
.form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--dark) !important;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}
.form-wrapper form.oak_contact_form .row .form-group .custom-file-label {
  margin-top: 0.5rem;
}
.form-wrapper form.oak_contact_form .row .form-group.select-el label.label-dropdown {
  pointer-events: none;
}
.bg-quaternary .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .bg-quaternary .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .bg-quaternary .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active, .bg-dark .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .bg-dark .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .bg-dark .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active {
  -webkit-text-fill-color: var(--light) !important;
}
form.oak_contact_form .row .form-group.hide-label label:not(.form-check-label) {
  display: none;
}
form.oak_contact_form .row .form-group.hide-label .form-control {
  padding: 0.75rem !important;
}
form.oak_contact_form .row .form-group.hide-label.show-form-check-label label.form-check-label {
  display: inline-block !important;
}
form.oak_contact_form .row .form-group.form-check-label-heavy label.form-check-label {
  font-family: var(--font-primary);
  font-size: 1.333rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01731rem;
}
form.oak_contact_form .row .form-group.form-check-label-heavy .form-check {
  padding-left: 2rem;
  min-height: 2rem;
}
form.oak_contact_form .row .form-group.form-check-label-heavy .form-check .form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -2rem;
  margin-top: 0;
}
form.oak_contact_form .row .form-check .form-check-input:checked {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.form-wrapper-v2 {
  --color: var(--dark);
  --border-color: var(--dark);
  --bg-color: transparent;
}
.form-wrapper-v2 .alert {
  color: var(--color);
}
.form-wrapper-v2 form.oak_contact_form .row {
  --bs-gutter-y: 0.88rem;
  --bs-gutter-x: .75rem;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group {
  position: relative;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.btn) {
  margin-top: 1rem;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group label {
  color: var(--color);
  position: absolute;
  top: 0.3rem;
  left: calc(var(--bs-gutter-x) * 0.5 + 0.38rem);
  font-size: 0.75019rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group label.label-radio-parent {
  position: static;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group label.form-check-label {
  position: static;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group label:has(+ select) {
  display: none;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group select {
  padding: 0.975rem 0.38rem !important;
  font-family: var(--font-secondary);
  font-size: 0.8125rem;
  font-weight: 300;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group .form-control {
  padding-left: 0.38rem;
  padding-right: 0.38rem;
  padding-top: 1.2rem;
  color: var(--color);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--bg-color);
}
.form-wrapper-v2 form.oak_contact_form .row .form-group textarea.form-control {
  min-height: 12.5rem !important;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .form-wrapper-v2 form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .form-wrapper-v2 form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--color) !important;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px var(--bg-color);
}
.form-wrapper-v2 form.oak_contact_form .row .form-group .custom-file-label {
  margin-top: 0.5rem;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check):not(:has(.form-check:nth-child(3))) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check):not(:has(.form-check:nth-child(3))) div:first-child {
  display: block;
  position: relative;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check):not(:has(.form-check:nth-child(3))) div:first-child label {
  position: relative;
  top: 0px;
  left: 0px;
  font-weight: 300;
  color: var(--dark);
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check):not(:has(.form-check:nth-child(3))) .form-check {
  margin-right: 0px;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check):not(:has(.form-check:nth-child(3))) .form-check label {
  display: none;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check:nth-child(3)) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  height: fit-content;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check:nth-child(3)) div:first-child {
  display: block;
  width: 100%;
  height: fit-content;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check:nth-child(3)) div:first-child label {
  position: relative;
  top: unset;
  left: unset;
  font-weight: 500;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group:has(.form-check:nth-child(3)) .form-check {
  margin-bottom: 0px !important;
  margin-top: -8px;
  height: fit-content;
}
.form-wrapper-v2 form.oak_contact_form .row .form-group.select-el label.label-dropdown {
  pointer-events: none;
}
.form-wrapper-v2 form.oak_contact_form .row .fran_location_select {
  height: 51px;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0px 5px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  color: var(--color);
}
.form-wrapper-v2 form.oak_contact_form .row .selected_location h6 {
  margin-bottom: 0px;
}
.form-wrapper-v2.column-1 .oak_contact_form .row .form-group[class*="col-"] {
  width: 100%;
}
.form-wrapper-v2 .contact-modal img {
  width: 100%;
  margin-bottom: -12px;
}
.form-wrapper-v2 .contact-modal .btn {
  width: 100%;
}
.form-wrapper-v2.modal-0 .contact-modal {
  display: none;
}
@media (min-width: 992px) {
  .form-wrapper-v2.modal-1 .contact-modal {
    display: none;
  }
}
.form-wrapper-v2.modal-1 .contact-modal .form-wrap {
  position: relative;
  padding: 0px 1rem;
  height: 116px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent, black 0%, black calc(100% - 96px), transparent calc(100% - 0px), transparent 100%);
}
.form-wrapper-v2.modal-1 .contact-modal .form-wrap::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  z-index: 1;
}
@media (max-width: 991px) {
  .form-wrapper-v2.modal-1 .full-form {
    display: none;
  }
}
.form-modal .modal-header {
  justify-content: center;
  background: var(--primary) !important;
  padding: 1.12rem;
}
.form-modal .modal-header .modal-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.0225rem;
  text-transform: uppercase;
  color: var(--light);
  text-align: center;
}
.form-modal .modal-header button.btn-close {
  opacity: 1;
  margin: 0 !important;
  position: absolute;
  top: 0px;
  right: 0px;
  color: var(--light);
}
.form-modal .modal-body {
  padding: 1.88rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-coupons-single .coupon {
  padding: 1.88rem;
  border: 4px dashed var(--secondary);
  border-radius: var(--border-radius);
  text-align: center;
}
.wi-coupons-single .coupon .deal {
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.wi-coupons-single .coupon .title {
  font-size: 1.6875rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.03375rem;
  text-transform: uppercase;
  color: var(--primary);
  opacity: 0.75;
}
.wi-coupons-single .coupon hr {
  height: 1px;
  background-color: var(--secondary);
  margin: 1.5rem 0rem;
  opacity: 1;
}
.wi-coupons-single .coupon .disclaimer {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .cnt-subnav-img-well .row {
    margin-bottom: -32px !important;
    padding-bottom: 32px !important;
  }
}
.cnt-subnav-img-well .well-el {
  display: flex;
  flex-direction: column;
  border: unset;
  height: 100%;
}
.cnt-subnav-img-well .well-el .bg-img-container {
  height: 14.375rem;
}
.cnt-subnav-img-well .well-el .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  color: var(--dark);
}
.cnt-subnav-img-well .well-el .content .learn-more {
  margin-top: auto;
}
.cnt-subnav-img-well .arrow-wrapper {
  gap: 3.12rem !important;
}
@charset "UTF-8";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.learn-more {
  display: inline-flex;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 180%;
  color: var(--primary);
  border-bottom: 1px solid var(--primary);
  transition: 0.1s ease-in;
}
.learn-more::after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  position: relative;
}
.learn-more:hover {
  border-color: var(--secondary);
  color: var(--secondary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
section.overlap-top {
  background-color: unset;
  padding-top: 0px;
}
section.overlap-top > .container:first-child, section.overlap-top > .container-fluid:first-child {
  margin-top: -294px;
}
section:has(+ section.overlap-top) {
  padding-bottom: calc(var(--section-unit) + 294px);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-items-numbered-content .number-wrap {
  background-color: var(--circle-color);
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
}
.cmp-items-numbered-content .number-wrap .number {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--number-color);
  position: absolute;
}
.cmp-items-numbered-content p:last-of-type {
  margin-bottom: 1.25rem;
}
.cmp-items-numbered-content p:last-child {
  margin-bottom: 0px;
}
.cmp-items-numbered-content .heading {
  margin-bottom: 0.88rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-logo-circle-overlap {
  padding-top: 4.38rem;
  padding-bottom: 4.38rem;
}
.cmp-logo-circle-overlap .circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: calc(100% - 1px);
  width: 100%;
}
@media (min-width: 992px) {
  .cmp-logo-circle-overlap .circle {
    bottom: 100%;
  }
}
.cmp-logo-circle-overlap .circle .logo {
  z-index: 1;
  height: 8.125rem;
  margin-bottom: -73px;
}
@media (min-width: 992px) {
  .cmp-logo-circle-overlap .circle .logo {
    height: 12.70438rem;
    margin-bottom: -110px;
  }
}
section:has(+ .cmp-logo-circle-overlap) {
  padding-bottom: calc(var(--section-unit) + 91px);
}
@media (min-width: 992px) {
  section:has(+ .cmp-logo-circle-overlap) {
    padding-bottom: calc(var(--section-unit) + 158px);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 1400px) {
  .cmp-scroll-icon-well {
    --container-w: 1344px;
  }
}
.cmp-scroll-icon-well .row {
  --bs-gutter-x: 1.88rem;
  margin-bottom: -40px;
}
.cmp-scroll-icon-well .row .well-el {
  height: 100%;
}
.cmp-scroll-icon-well .row .well-el .heading {
  gap: 0.8rem;
}
.cmp-scroll-icon-well .row .well-el hr {
  color: var(--secondary);
  opacity: 1;
  width: 5.375rem;
  height: 0.3125rem;
  margin: 1.62rem auto;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .cmp-content-img-flush {
    padding: 0px;
  }
}
.cmp-content-img-flush > .row {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0rem;
}
.cmp-content-img-flush > .row .bg-img-container {
  height: 15.625rem;
}
@media (min-width: 992px) {
  .cmp-content-img-flush > .row .bg-img-container {
    height: 100%;
  }
}
.cmp-content-img-flush > .row .bg-img-container img {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media (max-width: 991px) {
  .cmp-content-img-flush > .row .bg-img-container img {
    border-radius: 0px !important;
  }
}
.cmp-content-img-flush > .row .content-wrap {
  background-color: var(--bg-color);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 992px) {
  .cmp-content-img-flush > .row .content-wrap {
    height: 100%;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    padding: 2.5rem;
  }
}
@media (max-width: 991px) {
  section:has(> .cmp-content-img-flush.container-fluid:last-child) {
    padding-bottom: 0px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cl-reviews-slider-large {
  --shadow-offset: 32px;
  padding-bottom: 0px !important;
}
@media (min-width: 992px) {
  .cl-reviews-slider-large {
    --shadow-offset: 40px;
  }
}
.cl-reviews-slider-large .row.overflow {
  --bs-gutter-x: 1.38rem;
  margin-bottom: calc(var(--shadow-offset) * -1);
}
@media (min-width: 992px) {
  .cl-reviews-slider-large .row.overflow {
    margin-bottom: calc(var(--shadow-offset) * -1);
  }
}
.cl-reviews-slider-large .row.overflow .well-col {
  display: flex;
  align-items: start;
  justify-content: center;
}
@media (min-width: 992px) {
  .cl-reviews-slider-large .row.overflow .well-col .well-el {
    max-width: 22.875rem;
  }
}
.cl-reviews-slider-large .row.overflow .well-col .well-el:not(.expanded) {
  height: 21.4375rem;
}
.cl-reviews-slider-large .arrow-wrapper {
  height: calc(100% - var(--shadow-offset));
  bottom: calc(0px + var(--shadow-offset)) !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  z-index: 1;
}
.cl-reviews-slider-large .well-el, .cl-reviews-list .well-el {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 992px) {
  .cl-reviews-slider-large .well-el, .cl-reviews-list .well-el {
    width: 100%;
  }
}
.cl-reviews-slider-large .well-el .stars, .cl-reviews-list .well-el .stars {
  font-size: 1.26563rem;
  display: flex;
  gap: 0.12rem;
  margin-bottom: 0.38rem;
  justify-content: center;
}
.cl-reviews-slider-large .well-el .name, .cl-reviews-list .well-el .name {
  color: var(--primary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
}
.cl-reviews-slider-large .well-el .info, .cl-reviews-list .well-el .info {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.0175rem;
  margin-bottom: 1rem;
  text-align: center;
}
.cl-reviews-slider-large .well-el .review, .cl-reviews-list .well-el .review {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.8;
}
.cl-reviews-slider-large .well-el .expand-review, .cl-reviews-list .well-el .expand-review {
  z-index: 3;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
  color: var(--secondary);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, #ffffff 50%);
  display: flex;
  align-items: end;
  padding-bottom: 16px;
  height: 55px;
}
.cl-reviews-slider-large .well-el .expand-review:hover, .cl-reviews-list .well-el .expand-review:hover {
  cursor: pointer;
  color: var(--primary);
}
.cl-reviews-slider-large .well-el .expand-review i, .cl-reviews-list .well-el .expand-review i {
  bottom: -8px;
  width: 100%;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .cmp-cta-banner {
    background: var(--cb-color);
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}
@media (min-width: 992px) {
  .cmp-cta-banner .banner {
    background: var(--cb-color);
    padding: 2.5rem;
    border-radius: var(--border-radius);
  }
}
.cmp-cta-banner .banner > .row {
  --bs-gutter-y: 0rem;
}
.cmp-cta-banner .banner .heading {
  display: inline-block;
  text-align: center;
  margin-bottom: 1.88rem;
}
@media (min-width: 992px) {
  .cmp-cta-banner .banner .heading {
    text-align: start;
    margin-bottom: 0px;
  }
}
.cmp-cta-banner .banner .heading.hide-shine-0::after {
  --width: 1em;
  content: url(/oak/files/icons/sparkles-small.light.svg);
  position: relative;
  height: var(--width);
  width: var(--width);
  display: inline-block;
  margin-left: -24px;
  bottom: 7px;
}
@media (max-width: 991px) {
  section.cmp-cta-banner + section {
    padding-top: var(--section-unit) !important;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-gallery-slider-double .row {
  --bs-gutter-y: 2.12rem;
}
.wi-gallery-slider-double .row ul {
  gap: 2.12rem;
  margin-bottom: 0px;
}
.wi-gallery-slider-double .row ul img {
  height: 12.5rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
@media (min-width: 992px) {
  .wi-gallery-slider-double .row ul img {
    height: 15.625rem;
  }
}
.wi-gallery-slider-double .row .loading-spinner {
  height: 12.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .wi-gallery-slider-double .row .loading-spinner {
    height: 15.625rem;
  }
}
.wi-gallery-slider-double .row .loading-spinner .lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.wi-gallery-slider-double .row .loading-spinner .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--primary);
  border-color: var(--primary) transparent var(--primary) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .cmp-tabs-content-tabs {
    padding: 0px;
  }
}
@media (min-width: 992px) {
  .cmp-tabs-content-tabs {
    margin-bottom: 2.5rem;
  }
}
.cmp-tabs-content-tabs .tabs-col .nav {
  display: flex;
  flex-direction: row;
  gap: 0.12rem;
}
.cmp-tabs-content-tabs .tabs-col .nav .nav-link {
  padding: 1.25rem 1.69rem;
  background: var(--tab-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 40%;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.02;
  text-transform: uppercase;
  color: white;
}
@media (min-width: 992px) {
  .cmp-tabs-content-tabs .tabs-col .nav .nav-link {
    flex: 1;
    --border-radius: 100px;
  }
  .cmp-tabs-content-tabs .tabs-col .nav .nav-link:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
  .cmp-tabs-content-tabs .tabs-col .nav .nav-link:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
}
.cmp-tabs-content-tabs .tabs-col .nav .nav-link:hover, .cmp-tabs-content-tabs .tabs-col .nav .nav-link.active {
  background: var(--tab-hover-color);
}
.cmp-tabs-content-content {
  width: 100%;
  background: var(--content-color);
}
@media (min-width: 992px) {
  .cmp-tabs-content-content {
    background: unset;
  }
}
.cmp-tabs-content-content .content-col .content {
  padding-top: 3.12rem;
  padding-bottom: 3.12rem;
}
@media (min-width: 992px) {
  .cmp-tabs-content-content .content-col .content {
    padding-top: 3.12rem;
    padding-bottom: 3.12rem;
    padding: 2.5rem;
    background: var(--content-color);
    border-radius: var(--border-radius);
  }
}
.cmp-tabs-content-content .content-col .content .heading {
  color: var(--content-title-color);
}
.cmp-tabs-content-content .content-col .content .links-col .btn {
  width: 100%;
}
@media (max-width: 991px) {
  section:has(.cmp-tabs-content-content:last-child) {
    padding-bottom: 0px;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Desktop */
@media (min-width: 992px) {
  .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open {
    display: none;
  }
}
/* Mobile */
@media (max-width: 992px) {
  .see-more-mobile-wrapper {
    --max-height: 240px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .see-more-mobile-wrapper:not(.open) {
    overflow-y: hidden;
    max-height: var(--max-height);
    border-bottom: 3px solid white;
    transition: max-height var(--transition);
  }
  .bg-gray .see-more-mobile-wrapper:not(.open), .see-more-mobile-wrapper.gray:not(.open) {
    border-color: var(--gray);
  }
  .see-more-mobile-wrapper.open {
    max-height: 3000px;
    padding-bottom: 50px;
    transition: max-height var(--transition);
  }
  .see-more-mobile-wrapper:not(.open) .see-more-text {
    display: block;
  }
  .see-more-mobile-wrapper:not(.open) .see-more-text-open {
    display: none;
  }
  .see-more-mobile-wrapper.open .see-more-text {
    display: none;
  }
  .see-more-mobile-wrapper.open .see-more-text-open {
    display: block;
  }
  .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 30px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    color: var(--secondary);
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
  }
  .see-more-mobile-wrapper .see-more-text:hover, .see-more-mobile-wrapper .see-more-text-open:hover {
    color: var(--secondary);
    transition: all var(--transition);
    cursor: pointer;
  }
  .see-more-mobile-wrapper .see-more-text i, .see-more-mobile-wrapper .see-more-text-open i {
    font-size: 26px;
  }
}
.see-more-wrapper {
  position: relative;
  display: flex;
  justify-content: start;
  overflow-x: hidden;
  overflow-y: hidden;
  --max-height: 240px;
}
.see-more-wrapper:not(.open) {
  overflow-y: hidden;
}
.bg-gray .see-more-wrapper:not(.open), .see-more-wrapper.gray:not(.open) {
  border-color: var(--gray);
}
.see-more-wrapper.open {
  padding-bottom: 50px;
}
.see-more-wrapper:not(.open) .see-more-text {
  display: inline-flex;
  gap: 0.5rem;
}
.see-more-wrapper:not(.open) .see-more-text-open {
  display: none;
}
.see-more-wrapper.open .see-more-text {
  display: none;
}
.see-more-wrapper.open .see-more-text-open {
  display: inline-flex;
  gap: 0.5rem;
}
.see-more-wrapper .see-more-text, .see-more-wrapper .see-more-text-open {
  align-items: center;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: start;
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
  position: absolute;
  z-index: 2;
  bottom: 0;
}
.see-more-wrapper .see-more-text:hover, .see-more-wrapper .see-more-text-open:hover {
  color: var(--secondary);
  border-color: var(--secondary);
  transition: all 0.15s;
  cursor: pointer;
}
.see-more-wrapper .see-more-text i, .see-more-wrapper .see-more-text-open i {
  font-size: 1.025rem;
}
.see-more-wrapper .mask-wrap {
  height: 100%;
  width: 100%;
}
.see-more-wrapper:not(.open) .mask-wrap {
  max-height: var(--max-height);
  transition: max-height var(--transition);
  mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
  -webkit-mask-image: linear-gradient(transparent, black 0%, black calc(100% - 150px), transparent calc(100% - 38px), transparent 100%);
}
.see-more-wrapper.open .mask-wrap {
  max-height: 3000px;
  transition: max-height var(--transition);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-surrounding-list {
  --bs-gutter-y: 1.25rem;
  --bs-gutter-x: 1.25rem;
}
.wi-surrounding-list .city {
  color: inherit;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8;
}
.wi-surrounding-list a.city:hover {
  text-decoration: underline;
}
.wi-surrounding-list .all {
  color: inherit;
  display: inline-flex;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.8;
  border-bottom: 1px solid var(--light);
  align-items: center;
}
.wi-surrounding-list .all i {
  font-size: 0.85em;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-map-well-1-wrapper {
  z-index: 1;
  height: 15.625rem;
  width: 100%;
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  --shadow-offset: .75rem;
  --shadow-color: rgba(0, 0, 0, 0.20);
  --shadow-margin: 0px var(--shadow-offset) var(--shadow-offset) 0px;
  --shadow-x: var(--shadow-offset);
  --shadow-y: var(--shadow-offset);
  box-shadow: var(--shadow-x) var(--shadow-y) var(--shadow-color);
  margin: var(--shadow-margin);
}
@media (min-width: 992px) {
  .wi-map-well-1-wrapper {
    height: 100%;
    --shadow-offset: 1rem;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .wi-badges-slider-desktop {
    display: none;
  }
}
.wi-badges-slider-desktop .row {
  --bs-gutter-x: 5rem;
  align-items: center;
}
.wi-badges-slider-desktop .row .badge {
  max-height: 7.5rem;
  max-width: 15.625rem;
}
.wi-badges-slider-mobile {
  padding: 0px;
}
@media (min-width: 992px) {
  .wi-badges-slider-mobile {
    display: none;
  }
}
.wi-badges-slider-mobile .loading-spinner {
  height: 7.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wi-badges-slider-mobile .loading-spinner .lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.wi-badges-slider-mobile .loading-spinner .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--primary);
  border-color: var(--primary) transparent var(--primary) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wi-badges-slider-mobile .slider {
  gap: 3.44rem;
}
.wi-badges-slider-mobile .slider .badge {
  max-height: 7.5rem;
  max-width: 15.625rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-content-img-well .parent-row.img-left-0 {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .cmp-content-img-well .parent-row .img-container {
    display: none;
  }
}
.cmp-content-img-well .parent-row .img-container .bg-img-container {
  height: 100%;
}
@charset "UTF-8";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-accordion .accordion-item {
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--secondary-75);
  border-radius: 0px !important;
}
.cmp-accordion .accordion-item:first-child .accordion-button {
  padding-top: 0px;
}
.cmp-accordion .accordion-button {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  color: var(--primary);
}
@media (min-width: 992px) {
  .cmp-accordion .accordion-button {
    font-size: 1.125rem;
  }
}
.cmp-accordion .accordion-item:last-child {
  border-bottom: unset !important;
}
.cmp-accordion .accordion-button, .cmp-accordion .accordion-button:not(.collapsed) {
  padding: 1.25rem 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.cmp-accordion .accordion-button:focus {
  border-color: transparent;
  box-shadow: unset;
}
.cmp-accordion .accordion-button:after {
  content: "";
  background-image: unset;
  color: var(--primary);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
}
@media (max-width: 992px) {
  .cmp-accordion .accordion-button:after {
    margin-top: 3px;
  }
}
.cmp-accordion .accordion-button:not(.collapsed):after {
  background-image: unset;
  content: "";
  transform: unset;
  font-size: 17px;
  line-height: 17px;
  height: 17px;
}
.cmp-accordion .accordion-body {
  padding: 0rem 0rem 1rem;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .bl-posts-scroll .overflow {
    --bs-gutter-x: 1.88rem;
    margin-bottom: -32px;
  }
}
.bl-posts-scroll .overflow .well-el {
  display: flex;
  flex-direction: column;
  border: unset;
  height: 100%;
}
.bl-posts-scroll .overflow .well-el .bg-img-container {
  height: 12.5rem;
}
.bl-posts-scroll .overflow .well-el .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;
}
.bl-posts-scroll .overflow .well-el .content .heading {
  margin-bottom: 0.12rem;
  color: var(--primary);
}
.bl-posts-scroll .overflow .well-el .content .date {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.bl-posts-scroll .overflow .well-el .content .short-post {
  margin-bottom: 1rem;
}
.bl-posts-scroll .overflow .well-el .content .short-post, .bl-posts-scroll .overflow .well-el .content .short-post .short-post p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.8;
}
.bl-posts-scroll .overflow .well-el .content .short-post p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.bl-posts-scroll .overflow .well-el .content .read-post {
  margin-top: auto;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.8;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--primary);
  transition: 0.15s;
}
.bl-posts-scroll .overflow .well-el .content .read-post i {
  color: var(--primary);
  font-size: 0.85em;
  transition: 0.15s;
}
.bl-posts-scroll .overflow .well-el .content .read-post:hover {
  color: var(--secondary);
  border-color: var(--secondary);
}
.bl-posts-scroll .overflow .well-el .content .read-post:hover i {
  color: var(--secondary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 992px) {
  section.lr-section.cmp-img-large {
    padding: var(--section-unit) 0 !important;
  }
}
@media (max-width: 991px) {
  section.lr-section.cmp-img-large > div:first-child {
    display: flex;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
section.lr-section.cmp-img-large > div:first-child > .bg-img-container {
  min-height: 14.375rem;
  box-shadow: var(--box-shadow);
}
@media (max-width: 991px) {
  section.lr-section.cmp-img-large > div:first-child > .bg-img-container {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: calc(var(--container-w) - (1.38rem * 1.5) - 10px);
  }
}
@media (min-width: 992px) {
  section.lr-section.cmp-img-large > div:first-child > .bg-img-container {
    min-height: unset;
    max-width: 50rem;
    margin-left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1601px) {
  section.lr-section.cmp-img-large > div:first-child > .bg-img-container img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
@media (max-width: 991px) {
  section.lr-section.cmp-img-large > div:last-child {
    padding-top: 1.88rem;
    padding-bottom: 0px !important;
  }
}
@media (min-width: 992px) {
  section.lr-section.cmp-img-large > div:last-child .lr-content {
    padding-top: 1.88rem;
    padding-bottom: 1.88rem;
    padding-left: 3.12rem;
  }
}
@media (min-width: 992px) {
  section.lr-section.cmp-img-large.lr-lg-row-reverse > div > .bg-img-container {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1601px) {
  section.lr-section.cmp-img-large.lr-lg-row-reverse > div > .bg-img-container img {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 992px) {
  section.lr-section.cmp-img-large.lr-lg-row-reverse > div .lr-content {
    padding-left: 12px;
    padding-right: 3.12rem;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  section.lr-section.cmp-img-large + .lr-section.cmp-img-large > div {
    padding-top: 0px !important;
  }
}
section.lr-section.cmp-img-large + section:not(.lr-section.cmp-img-large):not([class*="bg-"]) {
  padding-top: 0px;
}
@media (min-width: 992px) {
  section:not([class*="bg-"]) + .lr-section.cmp-img-large > div {
    padding-top: 0px !important;
  }
}
section.lr-section.cmp-img-large + section:not([class*="bg-"]) {
  padding-top: 0px;
}
section.lr-section.cmp-img-large + section.lr-section.cmp-img-large {
  padding-top: 0px !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body {
  --view-width: calc(100vw - (100vw - 100%));
}
.lr-section {
  --lr-margin: calc(calc(var(--view-width) - var(--container-w)) / 2);
  display: flex;
  flex-wrap: wrap;
  padding: 0px !important;
}
.lr-section > div[class*="col-"] {
  padding: var(--section-unit) 0;
}
section.lr-section:first-child > div[class*="col-"] {
  padding-top: calc(var(--nav-mobile-height) + var(--section-unit));
}
@media (min-width: 992px) {
  section.lr-section:first-child > div[class*="col-"] {
    padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit));
  }
}
.lr-section > [class*="col-"] {
  width: 100%;
}
.lr-section > [class*="col-"] .lr-content {
  width: var(--container-w);
  margin: 0 auto;
  padding-left: 1.38rem;
  padding-right: 1.38rem;
}
.lr-section > .col-1 {
  --col-xs-1: calc(var(--container-w) * 0.083333);
  width: calc(var(--col-xs-1) + var(--lr-margin));
}
.lr-section > .col-1 .lr-content {
  width: var(--col-xs-1);
}
.lr-section > .col-1:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-1:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-2 {
  --col-xs-2: calc(var(--container-w) * 0.166666);
  width: calc(var(--col-xs-2) + var(--lr-margin));
}
.lr-section > .col-2 .lr-content {
  width: var(--col-xs-2);
}
.lr-section > .col-2:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-2:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-3 {
  --col-xs-3: calc(var(--container-w) * 0.249999);
  width: calc(var(--col-xs-3) + var(--lr-margin));
}
.lr-section > .col-3 .lr-content {
  width: var(--col-xs-3);
}
.lr-section > .col-3:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-3:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-4 {
  --col-xs-4: calc(var(--container-w) * 0.333332);
  width: calc(var(--col-xs-4) + var(--lr-margin));
}
.lr-section > .col-4 .lr-content {
  width: var(--col-xs-4);
}
.lr-section > .col-4:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-4:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-5 {
  --col-xs-5: calc(var(--container-w) * 0.416665);
  width: calc(var(--col-xs-5) + var(--lr-margin));
}
.lr-section > .col-5 .lr-content {
  width: var(--col-xs-5);
}
.lr-section > .col-5:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-5:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-6 {
  --col-xs-6: calc(var(--container-w) * 0.499998);
  width: calc(var(--col-xs-6) + var(--lr-margin));
}
.lr-section > .col-6 .lr-content {
  width: var(--col-xs-6);
}
.lr-section > .col-6:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-6:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-7 {
  --col-xs-7: calc(var(--container-w) * 0.583331);
  width: calc(var(--col-xs-7) + var(--lr-margin));
}
.lr-section > .col-7 .lr-content {
  width: var(--col-xs-7);
}
.lr-section > .col-7:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-7:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-8 {
  --col-xs-8: calc(var(--container-w) * 0.666664);
  width: calc(var(--col-xs-8) + var(--lr-margin));
}
.lr-section > .col-8 .lr-content {
  width: var(--col-xs-8);
}
.lr-section > .col-8:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-8:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-9 {
  --col-xs-9: calc(var(--container-w) * 0.749997);
  width: calc(var(--col-xs-9) + var(--lr-margin));
}
.lr-section > .col-9 .lr-content {
  width: var(--col-xs-9);
}
.lr-section > .col-9:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-9:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-10 {
  --col-xs-10: calc(var(--container-w) * 0.83333);
  width: calc(var(--col-xs-10) + var(--lr-margin));
}
.lr-section > .col-10 .lr-content {
  width: var(--col-xs-10);
}
.lr-section > .col-10:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-10:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-11 {
  --col-xs-11: calc(var(--container-w) * 0.916663);
  width: calc(var(--col-xs-11) + var(--lr-margin));
}
.lr-section > .col-11 .lr-content {
  width: var(--col-xs-11);
}
.lr-section > .col-11:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-11:last-child .lr-content {
  margin-right: auto;
}
.lr-section > .col-12 {
  --col-xs-12: calc(var(--container-w) * 0.999996);
  width: calc(var(--col-xs-12) + var(--lr-margin));
}
.lr-section > .col-12 .lr-content {
  width: var(--col-xs-12);
}
.lr-section > .col-12:first-child .lr-content {
  margin-left: auto;
}
.lr-section > .col-12:last-child .lr-content {
  margin-right: auto;
}
@media (min-width: 576px) {
  .lr-section > [class*="col-"] .lr-content-sm {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-sm-1 {
    --col-sm-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-sm-1) + var(--lr-margin));
  }
  .lr-section > .col-sm-1 .lr-content {
    width: var(--col-sm-1);
  }
  .lr-section > .col-sm-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-1 .lr-content-sm {
    width: var(--col-sm-1);
  }
  .lr-section > .col-sm-1:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-1:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-2 {
    --col-sm-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-sm-2) + var(--lr-margin));
  }
  .lr-section > .col-sm-2 .lr-content {
    width: var(--col-sm-2);
  }
  .lr-section > .col-sm-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-2 .lr-content-sm {
    width: var(--col-sm-2);
  }
  .lr-section > .col-sm-2:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-2:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-3 {
    --col-sm-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-sm-3) + var(--lr-margin));
  }
  .lr-section > .col-sm-3 .lr-content {
    width: var(--col-sm-3);
  }
  .lr-section > .col-sm-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-3 .lr-content-sm {
    width: var(--col-sm-3);
  }
  .lr-section > .col-sm-3:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-3:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-4 {
    --col-sm-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-sm-4) + var(--lr-margin));
  }
  .lr-section > .col-sm-4 .lr-content {
    width: var(--col-sm-4);
  }
  .lr-section > .col-sm-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-4 .lr-content-sm {
    width: var(--col-sm-4);
  }
  .lr-section > .col-sm-4:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-4:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-5 {
    --col-sm-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-sm-5) + var(--lr-margin));
  }
  .lr-section > .col-sm-5 .lr-content {
    width: var(--col-sm-5);
  }
  .lr-section > .col-sm-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-5 .lr-content-sm {
    width: var(--col-sm-5);
  }
  .lr-section > .col-sm-5:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-5:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-6 {
    --col-sm-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-sm-6) + var(--lr-margin));
  }
  .lr-section > .col-sm-6 .lr-content {
    width: var(--col-sm-6);
  }
  .lr-section > .col-sm-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-6 .lr-content-sm {
    width: var(--col-sm-6);
  }
  .lr-section > .col-sm-6:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-6:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-7 {
    --col-sm-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-sm-7) + var(--lr-margin));
  }
  .lr-section > .col-sm-7 .lr-content {
    width: var(--col-sm-7);
  }
  .lr-section > .col-sm-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-7 .lr-content-sm {
    width: var(--col-sm-7);
  }
  .lr-section > .col-sm-7:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-7:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-8 {
    --col-sm-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-sm-8) + var(--lr-margin));
  }
  .lr-section > .col-sm-8 .lr-content {
    width: var(--col-sm-8);
  }
  .lr-section > .col-sm-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-8 .lr-content-sm {
    width: var(--col-sm-8);
  }
  .lr-section > .col-sm-8:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-8:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-9 {
    --col-sm-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-sm-9) + var(--lr-margin));
  }
  .lr-section > .col-sm-9 .lr-content {
    width: var(--col-sm-9);
  }
  .lr-section > .col-sm-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-9 .lr-content-sm {
    width: var(--col-sm-9);
  }
  .lr-section > .col-sm-9:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-9:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-10 {
    --col-sm-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-sm-10) + var(--lr-margin));
  }
  .lr-section > .col-sm-10 .lr-content {
    width: var(--col-sm-10);
  }
  .lr-section > .col-sm-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-10 .lr-content-sm {
    width: var(--col-sm-10);
  }
  .lr-section > .col-sm-10:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-10:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-11 {
    --col-sm-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-sm-11) + var(--lr-margin));
  }
  .lr-section > .col-sm-11 .lr-content {
    width: var(--col-sm-11);
  }
  .lr-section > .col-sm-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-11 .lr-content-sm {
    width: var(--col-sm-11);
  }
  .lr-section > .col-sm-11:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-11:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-12 {
    --col-sm-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-sm-12) + var(--lr-margin));
  }
  .lr-section > .col-sm-12 .lr-content {
    width: var(--col-sm-12);
  }
  .lr-section > .col-sm-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-sm-12 .lr-content-sm {
    width: var(--col-sm-12);
  }
  .lr-section > .col-sm-12:first-child .lr-content-sm {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-sm-12:last-child .lr-content-sm {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 768px) {
  .lr-section > [class*="col-"] .lr-content-md {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-md-1 {
    --col-md-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-md-1) + var(--lr-margin));
  }
  .lr-section > .col-md-1 .lr-content {
    width: var(--col-md-1);
  }
  .lr-section > .col-md-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-1 .lr-content-md {
    width: var(--col-md-1);
  }
  .lr-section > .col-md-1:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-1:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-2 {
    --col-md-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-md-2) + var(--lr-margin));
  }
  .lr-section > .col-md-2 .lr-content {
    width: var(--col-md-2);
  }
  .lr-section > .col-md-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-2 .lr-content-md {
    width: var(--col-md-2);
  }
  .lr-section > .col-md-2:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-2:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-3 {
    --col-md-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-md-3) + var(--lr-margin));
  }
  .lr-section > .col-md-3 .lr-content {
    width: var(--col-md-3);
  }
  .lr-section > .col-md-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-3 .lr-content-md {
    width: var(--col-md-3);
  }
  .lr-section > .col-md-3:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-3:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-4 {
    --col-md-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-md-4) + var(--lr-margin));
  }
  .lr-section > .col-md-4 .lr-content {
    width: var(--col-md-4);
  }
  .lr-section > .col-md-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-4 .lr-content-md {
    width: var(--col-md-4);
  }
  .lr-section > .col-md-4:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-4:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-5 {
    --col-md-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-md-5) + var(--lr-margin));
  }
  .lr-section > .col-md-5 .lr-content {
    width: var(--col-md-5);
  }
  .lr-section > .col-md-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-5 .lr-content-md {
    width: var(--col-md-5);
  }
  .lr-section > .col-md-5:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-5:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-6 {
    --col-md-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-md-6) + var(--lr-margin));
  }
  .lr-section > .col-md-6 .lr-content {
    width: var(--col-md-6);
  }
  .lr-section > .col-md-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-6 .lr-content-md {
    width: var(--col-md-6);
  }
  .lr-section > .col-md-6:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-6:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-7 {
    --col-md-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-md-7) + var(--lr-margin));
  }
  .lr-section > .col-md-7 .lr-content {
    width: var(--col-md-7);
  }
  .lr-section > .col-md-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-7 .lr-content-md {
    width: var(--col-md-7);
  }
  .lr-section > .col-md-7:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-7:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-8 {
    --col-md-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-md-8) + var(--lr-margin));
  }
  .lr-section > .col-md-8 .lr-content {
    width: var(--col-md-8);
  }
  .lr-section > .col-md-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-8 .lr-content-md {
    width: var(--col-md-8);
  }
  .lr-section > .col-md-8:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-8:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-9 {
    --col-md-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-md-9) + var(--lr-margin));
  }
  .lr-section > .col-md-9 .lr-content {
    width: var(--col-md-9);
  }
  .lr-section > .col-md-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-9 .lr-content-md {
    width: var(--col-md-9);
  }
  .lr-section > .col-md-9:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-9:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-10 {
    --col-md-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-md-10) + var(--lr-margin));
  }
  .lr-section > .col-md-10 .lr-content {
    width: var(--col-md-10);
  }
  .lr-section > .col-md-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-10 .lr-content-md {
    width: var(--col-md-10);
  }
  .lr-section > .col-md-10:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-10:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-11 {
    --col-md-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-md-11) + var(--lr-margin));
  }
  .lr-section > .col-md-11 .lr-content {
    width: var(--col-md-11);
  }
  .lr-section > .col-md-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-11 .lr-content-md {
    width: var(--col-md-11);
  }
  .lr-section > .col-md-11:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-11:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-12 {
    --col-md-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-md-12) + var(--lr-margin));
  }
  .lr-section > .col-md-12 .lr-content {
    width: var(--col-md-12);
  }
  .lr-section > .col-md-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-md-12 .lr-content-md {
    width: var(--col-md-12);
  }
  .lr-section > .col-md-12:first-child .lr-content-md {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-md-12:last-child .lr-content-md {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .lr-section > [class*="col-"] .lr-content-lg {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-lg-1 {
    --col-lg-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-lg-1) + var(--lr-margin));
  }
  .lr-section > .col-lg-1 .lr-content {
    width: var(--col-lg-1);
  }
  .lr-section > .col-lg-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-1 .lr-content-lg {
    width: var(--col-lg-1);
  }
  .lr-section > .col-lg-1:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-1:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-2 {
    --col-lg-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-lg-2) + var(--lr-margin));
  }
  .lr-section > .col-lg-2 .lr-content {
    width: var(--col-lg-2);
  }
  .lr-section > .col-lg-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-2 .lr-content-lg {
    width: var(--col-lg-2);
  }
  .lr-section > .col-lg-2:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-2:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-3 {
    --col-lg-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-lg-3) + var(--lr-margin));
  }
  .lr-section > .col-lg-3 .lr-content {
    width: var(--col-lg-3);
  }
  .lr-section > .col-lg-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-3 .lr-content-lg {
    width: var(--col-lg-3);
  }
  .lr-section > .col-lg-3:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-3:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-4 {
    --col-lg-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-lg-4) + var(--lr-margin));
  }
  .lr-section > .col-lg-4 .lr-content {
    width: var(--col-lg-4);
  }
  .lr-section > .col-lg-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-4 .lr-content-lg {
    width: var(--col-lg-4);
  }
  .lr-section > .col-lg-4:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-4:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-5 {
    --col-lg-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-lg-5) + var(--lr-margin));
  }
  .lr-section > .col-lg-5 .lr-content {
    width: var(--col-lg-5);
  }
  .lr-section > .col-lg-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-5 .lr-content-lg {
    width: var(--col-lg-5);
  }
  .lr-section > .col-lg-5:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-5:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-6 {
    --col-lg-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-lg-6) + var(--lr-margin));
  }
  .lr-section > .col-lg-6 .lr-content {
    width: var(--col-lg-6);
  }
  .lr-section > .col-lg-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-6 .lr-content-lg {
    width: var(--col-lg-6);
  }
  .lr-section > .col-lg-6:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-6:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-7 {
    --col-lg-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-lg-7) + var(--lr-margin));
  }
  .lr-section > .col-lg-7 .lr-content {
    width: var(--col-lg-7);
  }
  .lr-section > .col-lg-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-7 .lr-content-lg {
    width: var(--col-lg-7);
  }
  .lr-section > .col-lg-7:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-7:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-8 {
    --col-lg-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-lg-8) + var(--lr-margin));
  }
  .lr-section > .col-lg-8 .lr-content {
    width: var(--col-lg-8);
  }
  .lr-section > .col-lg-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-8 .lr-content-lg {
    width: var(--col-lg-8);
  }
  .lr-section > .col-lg-8:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-8:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-9 {
    --col-lg-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-lg-9) + var(--lr-margin));
  }
  .lr-section > .col-lg-9 .lr-content {
    width: var(--col-lg-9);
  }
  .lr-section > .col-lg-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-9 .lr-content-lg {
    width: var(--col-lg-9);
  }
  .lr-section > .col-lg-9:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-9:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-10 {
    --col-lg-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-lg-10) + var(--lr-margin));
  }
  .lr-section > .col-lg-10 .lr-content {
    width: var(--col-lg-10);
  }
  .lr-section > .col-lg-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-10 .lr-content-lg {
    width: var(--col-lg-10);
  }
  .lr-section > .col-lg-10:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-10:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-11 {
    --col-lg-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-lg-11) + var(--lr-margin));
  }
  .lr-section > .col-lg-11 .lr-content {
    width: var(--col-lg-11);
  }
  .lr-section > .col-lg-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-11 .lr-content-lg {
    width: var(--col-lg-11);
  }
  .lr-section > .col-lg-11:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-11:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-12 {
    --col-lg-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-lg-12) + var(--lr-margin));
  }
  .lr-section > .col-lg-12 .lr-content {
    width: var(--col-lg-12);
  }
  .lr-section > .col-lg-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-lg-12 .lr-content-lg {
    width: var(--col-lg-12);
  }
  .lr-section > .col-lg-12:first-child .lr-content-lg {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-lg-12:last-child .lr-content-lg {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 1200px) {
  .lr-section > [class*="col-"] .lr-content-xl {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-xl-1 {
    --col-xl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xl-1) + var(--lr-margin));
  }
  .lr-section > .col-xl-1 .lr-content {
    width: var(--col-xl-1);
  }
  .lr-section > .col-xl-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-1 .lr-content-xl {
    width: var(--col-xl-1);
  }
  .lr-section > .col-xl-1:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-1:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-2 {
    --col-xl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xl-2) + var(--lr-margin));
  }
  .lr-section > .col-xl-2 .lr-content {
    width: var(--col-xl-2);
  }
  .lr-section > .col-xl-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-2 .lr-content-xl {
    width: var(--col-xl-2);
  }
  .lr-section > .col-xl-2:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-2:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-3 {
    --col-xl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xl-3) + var(--lr-margin));
  }
  .lr-section > .col-xl-3 .lr-content {
    width: var(--col-xl-3);
  }
  .lr-section > .col-xl-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-3 .lr-content-xl {
    width: var(--col-xl-3);
  }
  .lr-section > .col-xl-3:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-3:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-4 {
    --col-xl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xl-4) + var(--lr-margin));
  }
  .lr-section > .col-xl-4 .lr-content {
    width: var(--col-xl-4);
  }
  .lr-section > .col-xl-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-4 .lr-content-xl {
    width: var(--col-xl-4);
  }
  .lr-section > .col-xl-4:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-4:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-5 {
    --col-xl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xl-5) + var(--lr-margin));
  }
  .lr-section > .col-xl-5 .lr-content {
    width: var(--col-xl-5);
  }
  .lr-section > .col-xl-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-5 .lr-content-xl {
    width: var(--col-xl-5);
  }
  .lr-section > .col-xl-5:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-5:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-6 {
    --col-xl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xl-6) + var(--lr-margin));
  }
  .lr-section > .col-xl-6 .lr-content {
    width: var(--col-xl-6);
  }
  .lr-section > .col-xl-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-6 .lr-content-xl {
    width: var(--col-xl-6);
  }
  .lr-section > .col-xl-6:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-6:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-7 {
    --col-xl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xl-7) + var(--lr-margin));
  }
  .lr-section > .col-xl-7 .lr-content {
    width: var(--col-xl-7);
  }
  .lr-section > .col-xl-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-7 .lr-content-xl {
    width: var(--col-xl-7);
  }
  .lr-section > .col-xl-7:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-7:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-8 {
    --col-xl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xl-8) + var(--lr-margin));
  }
  .lr-section > .col-xl-8 .lr-content {
    width: var(--col-xl-8);
  }
  .lr-section > .col-xl-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-8 .lr-content-xl {
    width: var(--col-xl-8);
  }
  .lr-section > .col-xl-8:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-8:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-9 {
    --col-xl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xl-9) + var(--lr-margin));
  }
  .lr-section > .col-xl-9 .lr-content {
    width: var(--col-xl-9);
  }
  .lr-section > .col-xl-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-9 .lr-content-xl {
    width: var(--col-xl-9);
  }
  .lr-section > .col-xl-9:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-9:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-10 {
    --col-xl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xl-10) + var(--lr-margin));
  }
  .lr-section > .col-xl-10 .lr-content {
    width: var(--col-xl-10);
  }
  .lr-section > .col-xl-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-10 .lr-content-xl {
    width: var(--col-xl-10);
  }
  .lr-section > .col-xl-10:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-10:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-11 {
    --col-xl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xl-11) + var(--lr-margin));
  }
  .lr-section > .col-xl-11 .lr-content {
    width: var(--col-xl-11);
  }
  .lr-section > .col-xl-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-11 .lr-content-xl {
    width: var(--col-xl-11);
  }
  .lr-section > .col-xl-11:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-11:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-12 {
    --col-xl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xl-12) + var(--lr-margin));
  }
  .lr-section > .col-xl-12 .lr-content {
    width: var(--col-xl-12);
  }
  .lr-section > .col-xl-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xl-12 .lr-content-xl {
    width: var(--col-xl-12);
  }
  .lr-section > .col-xl-12:first-child .lr-content-xl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xl-12:last-child .lr-content-xl {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 1400px) {
  .lr-section > [class*="col-"] .lr-content-xxl {
    width: var(--container-w);
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .lr-section > .col-xxl-1 {
    --col-xxl-1: calc(var(--container-w) * 0.083333);
    width: calc(var(--col-xxl-1) + var(--lr-margin));
  }
  .lr-section > .col-xxl-1 .lr-content {
    width: var(--col-xxl-1);
  }
  .lr-section > .col-xxl-1:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-1:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-1 .lr-content-xxl {
    width: var(--col-xxl-1);
  }
  .lr-section > .col-xxl-1:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-1:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-2 {
    --col-xxl-2: calc(var(--container-w) * 0.166666);
    width: calc(var(--col-xxl-2) + var(--lr-margin));
  }
  .lr-section > .col-xxl-2 .lr-content {
    width: var(--col-xxl-2);
  }
  .lr-section > .col-xxl-2:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-2:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-2 .lr-content-xxl {
    width: var(--col-xxl-2);
  }
  .lr-section > .col-xxl-2:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-2:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-3 {
    --col-xxl-3: calc(var(--container-w) * 0.249999);
    width: calc(var(--col-xxl-3) + var(--lr-margin));
  }
  .lr-section > .col-xxl-3 .lr-content {
    width: var(--col-xxl-3);
  }
  .lr-section > .col-xxl-3:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-3:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-3 .lr-content-xxl {
    width: var(--col-xxl-3);
  }
  .lr-section > .col-xxl-3:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-3:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-4 {
    --col-xxl-4: calc(var(--container-w) * 0.333332);
    width: calc(var(--col-xxl-4) + var(--lr-margin));
  }
  .lr-section > .col-xxl-4 .lr-content {
    width: var(--col-xxl-4);
  }
  .lr-section > .col-xxl-4:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-4:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-4 .lr-content-xxl {
    width: var(--col-xxl-4);
  }
  .lr-section > .col-xxl-4:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-4:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-5 {
    --col-xxl-5: calc(var(--container-w) * 0.416665);
    width: calc(var(--col-xxl-5) + var(--lr-margin));
  }
  .lr-section > .col-xxl-5 .lr-content {
    width: var(--col-xxl-5);
  }
  .lr-section > .col-xxl-5:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-5:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-5 .lr-content-xxl {
    width: var(--col-xxl-5);
  }
  .lr-section > .col-xxl-5:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-5:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-6 {
    --col-xxl-6: calc(var(--container-w) * 0.499998);
    width: calc(var(--col-xxl-6) + var(--lr-margin));
  }
  .lr-section > .col-xxl-6 .lr-content {
    width: var(--col-xxl-6);
  }
  .lr-section > .col-xxl-6:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-6:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-6 .lr-content-xxl {
    width: var(--col-xxl-6);
  }
  .lr-section > .col-xxl-6:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-6:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-7 {
    --col-xxl-7: calc(var(--container-w) * 0.583331);
    width: calc(var(--col-xxl-7) + var(--lr-margin));
  }
  .lr-section > .col-xxl-7 .lr-content {
    width: var(--col-xxl-7);
  }
  .lr-section > .col-xxl-7:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-7:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-7 .lr-content-xxl {
    width: var(--col-xxl-7);
  }
  .lr-section > .col-xxl-7:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-7:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-8 {
    --col-xxl-8: calc(var(--container-w) * 0.666664);
    width: calc(var(--col-xxl-8) + var(--lr-margin));
  }
  .lr-section > .col-xxl-8 .lr-content {
    width: var(--col-xxl-8);
  }
  .lr-section > .col-xxl-8:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-8:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-8 .lr-content-xxl {
    width: var(--col-xxl-8);
  }
  .lr-section > .col-xxl-8:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-8:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-9 {
    --col-xxl-9: calc(var(--container-w) * 0.749997);
    width: calc(var(--col-xxl-9) + var(--lr-margin));
  }
  .lr-section > .col-xxl-9 .lr-content {
    width: var(--col-xxl-9);
  }
  .lr-section > .col-xxl-9:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-9:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-9 .lr-content-xxl {
    width: var(--col-xxl-9);
  }
  .lr-section > .col-xxl-9:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-9:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-10 {
    --col-xxl-10: calc(var(--container-w) * 0.83333);
    width: calc(var(--col-xxl-10) + var(--lr-margin));
  }
  .lr-section > .col-xxl-10 .lr-content {
    width: var(--col-xxl-10);
  }
  .lr-section > .col-xxl-10:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-10:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-10 .lr-content-xxl {
    width: var(--col-xxl-10);
  }
  .lr-section > .col-xxl-10:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-10:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-11 {
    --col-xxl-11: calc(var(--container-w) * 0.916663);
    width: calc(var(--col-xxl-11) + var(--lr-margin));
  }
  .lr-section > .col-xxl-11 .lr-content {
    width: var(--col-xxl-11);
  }
  .lr-section > .col-xxl-11:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-11:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-11 .lr-content-xxl {
    width: var(--col-xxl-11);
  }
  .lr-section > .col-xxl-11:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-11:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-12 {
    --col-xxl-12: calc(var(--container-w) * 0.999996);
    width: calc(var(--col-xxl-12) + var(--lr-margin));
  }
  .lr-section > .col-xxl-12 .lr-content {
    width: var(--col-xxl-12);
  }
  .lr-section > .col-xxl-12:first-child .lr-content {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-12:last-child .lr-content {
    margin-right: auto;
    margin-left: 0px;
  }
  .lr-section > .col-xxl-12 .lr-content-xxl {
    width: var(--col-xxl-12);
  }
  .lr-section > .col-xxl-12:first-child .lr-content-xxl {
    margin-left: auto;
    margin-right: 0px;
  }
  .lr-section > .col-xxl-12:last-child .lr-content-xxl {
    margin-right: auto;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .lr-section > div.bg-secondary[class*="col-"] + div.bg-img {
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0px;
    position: relative;
  }
  .lr-section > div.bg-secondary[class*="col-"] + div.bg-img::before {
    content: "";
    background: var(--secondary);
    height: 150%;
    width: 500px;
    border-right: 20px solid var(--tertiary);
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    position: absolute;
    right: calc(100% - 100px);
  }
}
.lr-section.lr-row-reverse {
  flex-direction: row-reverse;
}
.lr-section.lr-row {
  flex-direction: row;
}
.lr-section.lr-column {
  flex-direction: column;
}
.lr-section.lr-column-reverse {
  flex-direction: column-reverse;
}
@media (min-width: 576px) {
  .lr-section.lr-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .lr-section.lr-sm-row {
    flex-direction: row;
  }
  .lr-section.lr-sm-column {
    flex-direction: column;
  }
  .lr-section.lr-sm-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .lr-section.lr-md-row-reverse {
    flex-direction: row-reverse;
  }
  .lr-section.lr-md-row {
    flex-direction: row;
  }
  .lr-section.lr-md-column {
    flex-direction: column;
  }
  .lr-section.lr-md-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 992px) {
  .lr-section.lr-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .lr-section.lr-lg-row {
    flex-direction: row;
  }
  .lr-section.lr-lg-column {
    flex-direction: column;
  }
  .lr-section.lr-lg-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1200px) {
  .lr-section.lr-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .lr-section.lr-xl-row {
    flex-direction: row;
  }
  .lr-section.lr-xl-column {
    flex-direction: column;
  }
  .lr-section.lr-xl-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1400px) {
  .lr-section.lr-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .lr-section.lr-xxl-row {
    flex-direction: row;
  }
  .lr-section.lr-xxl-column {
    flex-direction: column;
  }
  .lr-section.lr-xxl-column-reverse {
    flex-direction: column-reverse;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media (max-width: 991px) {
  .cmp-items-icon-box {
    --bs-gutter-x: 1.38rem;
  }
}
.cmp-items-icon-box .box {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--light);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  color: var(--dark);
  transition: 0.15s;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .cmp-items-icon-box .box {
    gap: 1rem;
  }
}
.cmp-items-icon-box .box .icon {
  transition: 0.15s;
  height: 2rem;
}
@media (min-width: 992px) {
  .cmp-items-icon-box .box .icon {
    height: 3.4375rem;
  }
}
.cmp-items-icon-box .box .text {
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--h6-line-height);
}
.cmp-items-icon-box .box .text.desktop {
  display: none;
}
@media (min-width: 992px) {
  .cmp-items-icon-box .box .text.desktop {
    display: flex;
  }
}
@media (min-width: 992px) {
  .cmp-items-icon-box .box .text.mobile {
    display: none;
  }
}
.cmp-items-icon-box .box:hover {
  cursor: pointer;
  background: var(--hover-color);
  color: var(--light);
}
.cmp-items-icon-box .box:hover .icon {
  filter: brightness(0) invert(1);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-social-small-1 {
  display: flex;
  gap: 0.88rem;
}
.wi-social-small-1 a {
  font-size: 1.4375rem;
  color: var(--quinary);
  transition: 0.15s ease-in;
}
.wi-social-small-1 a:hover {
  color: var(--secondary);
}
.tert-nav .wi-social-small-1 {
  gap: 0.5rem;
}
.tert-nav .wi-social-small-1 a {
  font-size: 0.98438rem !important;
  color: var(--secondary) !important;
}
.tert-nav .wi-social-small-1 a:hover {
  color: var(--primary) !important;
}
header .nav-container .main-nav .items nav .nav-bar .wi-social-small-1 {
  gap: 0.5rem;
}
header .nav-container .main-nav .items nav .nav-bar .wi-social-small-1 a {
  color: var(--secondary);
  font-size: 1.25rem;
}
header .nav-container .main-nav .items nav .nav-bar .wi-social-small-1 a:hover, header .nav-container .main-nav .items nav .nav-bar .wi-social-small-1 a:active, header .nav-container .main-nav .items nav .nav-bar .wi-social-small-1 a:focus {
  color: var(--primary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
footer .main-footer {
  background-color: unset;
  padding: 5rem 0 3.75rem;
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
footer .main-footer address, footer .main-footer p {
  --p-margin-bottom: 0.875rem;
  --p-font-weight: 500;
}
footer .main-footer .logo {
  width: 14.30131rem;
}
footer .main-footer .details-col {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .main-footer .details-col .btn-light {
  color: var(--primary);
}
footer .main-footer .details-col .btn-light:hover {
  color: var(--primary);
}
footer .main-footer .well-el {
  border: unset;
}
footer .main-footer .well-el .form-header {
  text-align: center;
  color: var(--quinary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
footer .main-footer .well-el .btn {
  width: 100%;
  background-color: var(--light);
  color: var(--primary);
  border-color: var(--light);
}
footer .main-footer .well-el .btn:hover {
  background-color: var(--light);
  color: var(--primary);
  box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent);
}
footer .main-footer .well-el .form-wrapper-v2 form.oak_contact_form .row .form-group label {
  opacity: 1;
}
footer .main-footer .nav-col .nav-groups {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  footer .main-footer .nav-col .nav-groups .nav-group:not(:last-child) {
    padding-bottom: 1.75rem;
  }
  footer .main-footer .nav-col .nav-groups .nav-group:not(:first-child) {
    padding-top: 1.75rem;
    border-top: 1px solid rgba(106, 187, 202, 0.5);
  }
}
@media (max-width: 991px) {
  footer .main-footer .nav-col .nav-groups .nav-group {
    padding: 1.75rem 0;
    border-top: 1px solid rgba(106, 187, 202, 0.5);
  }
  footer .main-footer .nav-col .nav-groups .nav-group:last-child {
    padding-bottom: 0;
  }
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-header {
  display: inline-block;
  color: var(--quinary);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  transition: var(--transition);
  margin-bottom: 1.25rem;
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-header:hover {
  color: var(--secondary);
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-nav .footer-nav {
  list-style-type: none;
  padding: 0;
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.12rem;
  margin-bottom: 0px;
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-nav .footer-nav > li > a {
  color: var(--light);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-nav .footer-nav > li > a:hover {
  text-decoration: underline;
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-nav.highlight .footer-nav {
  --bs-gutter-y: 1.25rem;
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-nav.highlight .footer-nav > li > a {
  color: var(--quinary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
}
footer .main-footer .nav-col .nav-groups .nav-group .nav-group-nav.highlight .footer-nav > li > a:hover {
  color: var(--secondary);
  text-decoration: unset;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.beneath-footer {
  color: var(--light);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  font-family: var(--font-secondary);
}
.beneath-footer a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  transition: var(--transition);
}
.beneath-footer a:hover {
  text-decoration: underline;
}
.beneath-footer .vert-bar {
  display: inline-block;
  position: relative;
  top: 0px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-mega-content {
  width: 100%;
}
.wi-mega-content .desktop {
  box-shadow: var(--header-box-shadow-inset);
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .wi-mega-content .desktop {
    display: none;
  }
}
.wi-mega-content .desktop .main-link {
  background: var(--primary);
  color: var(--light);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.81rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  transition: var(--transition);
}
.wi-mega-content .desktop .main-link i {
  line-height: 1;
}
.wi-mega-content .desktop .main-link:hover {
  background: var(--secondary);
  color: var(--light);
}
.wi-mega-content .desktop .content {
  width: 100%;
  display: flex;
  --lr-margin: calc(calc(100vw - var(--container-w)) / 2);
  --box-shadow: 4px 16px -4px rgba(0,0,0,.1);
}
.wi-mega-content .desktop .content .left {
  --col-lg-9: calc(var(--container-w) * 0.75);
  padding: 4.06rem 0;
  width: calc(var(--col-lg-9) + var(--lr-margin));
  background: var(--light);
  box-shadow: inset 10px var(--box-shadow);
}
.wi-mega-content .desktop .content .left .lr-content {
  margin-left: auto;
  width: var(--col-lg-9);
  padding-right: 2.12rem;
  padding-left: var(--bs-gutter-x, 0.75rem);
}
.wi-mega-content .desktop .content .right {
  --col-lg-3: calc(var(--container-w) * 0.25);
  padding: 4.06rem 0;
  width: calc(var(--col-lg-3) + var(--lr-margin));
  background: var(--gray);
  box-shadow: inset -9px var(--box-shadow);
}
.wi-mega-content .desktop .content .right .lr-content {
  margin-right: auto;
  width: var(--col-lg-3);
  padding-left: 2.12rem;
  padding-right: var(--bs-gutter-x, 0.75rem);
}
@media (min-width: 992px) {
  .wi-mega-content .mobile {
    display: none;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cn-mega-desktop {
  display: flex;
  justify-content: center;
  gap: 1.88rem;
}
.cn-mega-desktop .cn-col {
  flex: 0 1 20%;
}
.cn-mega-desktop .cn-col .page {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 1rem;
}
.cn-mega-desktop .cn-col .page .bg-img-container {
  height: 9.95rem;
  min-height: unset;
  transition: 0.15s ease-in;
}
.cn-mega-desktop .cn-col .page .name {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  transition: 0.15s ease-in;
  color: var(--dark);
}
.cn-mega-desktop .cn-col .page:hover .bg-img-container {
  box-shadow: var(--box-shadow);
}
.cn-mega-desktop .cn-col .page:hover .name {
  color: var(--primary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cn-mega-desktop-icon-list {
  display: flex;
  flex-direction: column;
}
.cn-mega-desktop-icon-list .item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.cn-mega-desktop-icon-list .item img {
  height: 1.875rem;
}
.cn-mega-desktop-icon-list .item span {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  transition: 0.15s ease-in;
  color: var(--dark);
}
.cn-mega-desktop-icon-list .item span i {
  font-size: 1.05rem;
}
.cn-mega-desktop-icon-list .item:not(:first-child) {
  padding-top: 1.38rem;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.cn-mega-desktop-icon-list .item:not(:last-child) {
  padding-bottom: 1.38rem;
}
.cn-mega-desktop-icon-list .item:nth-child(odd) i {
  color: var(--primary);
}
.cn-mega-desktop-icon-list .item:nth-child(odd):hover span {
  color: var(--primary);
}
.cn-mega-desktop-icon-list .item:nth-child(even) i {
  color: var(--secondary);
}
.cn-mega-desktop-icon-list .item:nth-child(even):hover span {
  color: var(--secondary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-mega-mobile-dropdown {
  --bs-gutter-y: 1.38rem;
  margin-top: 0px;
  margin-bottom: 1.38rem;
}
.wi-mega-mobile-dropdown .page {
  color: var(--dark-75);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}
.wi-mega-mobile-dropdown .page:hover, .wi-mega-mobile-dropdown .page:focus {
  color: var(--secondary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cn-mega-desktop-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cn-mega-desktop-list a {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--dark);
  transition: 0.15s ease-in;
}
.cn-mega-desktop-list a:hover {
  color: var(--primary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-top-bar {
  position: relative;
  z-index: 2;
  margin-top: 0px;
  padding: 0.75rem 0;
  transition: var(--transition);
}
.wi-top-bar .row {
  --bs-gutter-y: 0px;
}
.wi-top-bar .headline {
  color: var(--light);
  margin-bottom: 0;
  margin-right: 0.75rem;
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
}
@media (min-width: 992px) {
  .wi-top-bar .headline {
    font-size: 1.1875rem;
  }
}
.wi-top-bar .headline.shared {
  transition: 0.15s;
}
.wi-top-bar .headline.shared:hover {
  cursor: pointer;
}
.wi-top-bar .btn {
  padding: 0.63rem 0.75rem;
  font-size: 0.75rem;
}
.wi-top-bar i.close-button {
  color: white;
  opacity: 0.8;
  position: absolute;
  right: 20px;
  top: 0;
  transition: var(--transition);
}
@media (max-width: 991px) {
  .wi-top-bar i.close-button {
    top: -7px;
    right: 7px;
  }
}
.wi-top-bar i.close-button:hover {
  opacity: 1;
  cursor: pointer;
}
.wi-top-bar.expandable-yes .expandable-header {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light);
}
.wi-top-bar.expandable-yes .expandable-header:hover {
  cursor: pointer;
}
.wi-top-bar.expandable-yes .expandable-header .text {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .wi-top-bar.expandable-yes .expandable-header .text {
    font-size: 1rem;
  }
}
.wi-top-bar.expandable-yes .expandable-header .expand-icon {
  font-size: 75%;
  margin-left: 0.5rem;
  transition: all 0.3s ease-in;
}
.wi-top-bar.expandable-yes .expanded-content {
  position: absolute;
  left: 0;
  top: var(--top-bar);
  background: var(--light);
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in;
  box-shadow: var(--box-shadow);
}
.wi-top-bar.expandable-yes.expanded {
  z-index: 1000;
}
.wi-top-bar.expandable-yes.expanded .expandable-header .expand-icon {
  transform: scaleY(-1);
}
.wi-top-bar.expandable-yes.expanded .expanded-content {
  max-height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 991px) {
  .wi-top-bar.expandable-yes.expanded .expanded-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
body.scrolled .wi-top-bar {
  margin-top: calc(var(--top-bar, 0px) * -1);
}
body:has(.wi-top-bar) footer {
  position: relative;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.lr-overlap-intro .well-el {
  z-index: 1;
  margin-top: -39px;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .lr-overlap-intro .well-el {
    margin-top: 0px;
    margin-right: -54px;
  }
}
@media (max-width: 991px) {
  .lr-overlap-intro > [class*="col-lg"]:first-child {
    order: 2;
    padding-top: 0px !important;
    padding-bottom: 2.81rem !important;
  }
}
@media (min-width: 992px) {
  .lr-overlap-intro > [class*="col-lg"]:first-child {
    order: 1;
    padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + 5.541065rem) !important;
    padding-bottom: 5.541065rem;
  }
}
.lr-overlap-intro > [class*="col-lg"]:first-child .heading {
  margin-bottom: 1.25rem;
}
.lr-overlap-intro > [class*="col-lg"]:first-child p:last-of-type {
  margin-bottom: 1.88rem;
}
.lr-overlap-intro > [class*="col-lg"]:last-child {
  order: 1;
}
@media (min-width: 992px) {
  .lr-overlap-intro > [class*="col-lg"]:last-child {
    order: 2;
  }
}
@media (max-width: 992px) {
  .lr-overlap-intro > [class*="col-lg"]:last-child {
    height: 17.1875rem;
  }
}
.lr-overlap-intro > [class*="col-lg"]:last-child > .bg-img-container img {
  border-radius: 0px !important;
}
@media (min-width: 992px) {
  .lr-overlap-intro.lr-lg-row-reverse > div .lr-content {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto !important;
    margin-left: 0px !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .lr-overlap-intro.lr-lg-row-reverse > div .lr-content .well-intro {
    margin-top: 0px;
    margin-left: -54px;
    margin-right: unset !important;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
nav.cn-breadcrumb {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.24rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 991px) {
  nav.cn-breadcrumb {
    display: none;
  }
}
nav.cn-breadcrumb .item, nav.cn-breadcrumb .item a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  text-transform: uppercase;
  font-family: var(--font-secondary);
  color: var(--primary-75);
}
nav.cn-breadcrumb .home {
  display: block;
  margin-top: 3px;
  margin-right: 0.26rem;
}
nav.cn-breadcrumb .home i {
  color: var(--secondary);
  font-size: 0.875rem;
  display: block;
}
nav.cn-breadcrumb a:hover {
  color: var(--secondary);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-cta-banner-full {
  --logo-height: 7.5rem;
  --padding-top-mobile: 6.25rem;
  --padding-top-desktop: 6.25rem;
  --padding-bottom-mobile: 5rem;
  --padding-bottom-desktop: 5rem;
  --padding-top: var(--padding-top-mobile);
  --padding-bottom: var(--padding-bottom-mobile);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--padding-top) !important;
  padding-bottom: var(--padding-bottom);
  background: var(--bg-color);
}
@media (min-width: 992px) {
  .cmp-cta-banner-full {
    --padding-top: var(--padding-top-desktop);
    --padding-bottom: var(--padding-bottom-desktop);
  }
}
.cmp-cta-banner-full .logo {
  height: var(--logo-height);
  position: absolute;
  top: calc(var(--logo-height) / 2 * -1);
  z-index: 1;
}
.cmp-cta-banner-full .heading {
  color: var(--text-color);
  gap: 0.625rem;
  margin-bottom: 2.5rem;
}
.cmp-cta-banner-full .heading sub {
  opacity: 1;
  color: var(--text-color);
}
section:has(+ section.cmp-cta-banner-full) {
  padding-bottom: calc((7.5rem / 2) + var(--section-unit));
}
@media (max-width: 991px) {
  section:has(+ section.cmp-cta-banner-full):has(.cmp-tabs-content-content:last-child) .content {
    padding-bottom: calc(3.12rem + (7.5rem / 2));
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-content-img.img-left-0 {
  flex-direction: row-reverse;
}
.cmp-content-img .bg-img-container {
  height: 14.375rem;
  margin-bottom: 1.88rem;
}
@media (min-width: 992px) {
  .cmp-content-img .bg-img-container {
    height: 100%;
    margin-bottom: 0rem;
  }
}
.cmp-content-img .bg-img-container img {
  box-shadow: var(--box-shadow);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-secondary-pillar-hero {
  --mobile-img-height: 15.63rem;
  --section-unit: 5rem;
}
@media (max-width: 991px) {
  .wi-secondary-pillar-hero {
    --section-unit: 2.5rem !important;
  }
}
.wi-secondary-pillar-hero.primary-color-primary {
  --primary-color: var(--primary) !important;
}
.wi-secondary-pillar-hero.secondary-color-primary {
  --secondary-color: var(--primary) !important;
}
.wi-secondary-pillar-hero.primary-color-secondary {
  --primary-color: var(--secondary) !important;
}
.wi-secondary-pillar-hero.secondary-color-secondary {
  --secondary-color: var(--secondary) !important;
}
.wi-secondary-pillar-hero.primary-color-tertiary {
  --primary-color: var(--tertiary) !important;
}
.wi-secondary-pillar-hero.secondary-color-tertiary {
  --secondary-color: var(--tertiary) !important;
}
.wi-secondary-pillar-hero.primary-color-quaternary {
  --primary-color: var(--quaternary) !important;
}
.wi-secondary-pillar-hero.secondary-color-quaternary {
  --secondary-color: var(--quaternary) !important;
}
.wi-secondary-pillar-hero.primary-color-quinary {
  --primary-color: var(--quinary) !important;
}
.wi-secondary-pillar-hero.secondary-color-quinary {
  --secondary-color: var(--quinary) !important;
}
.wi-secondary-pillar-hero.primary-color-senary {
  --primary-color: var(--senary) !important;
}
.wi-secondary-pillar-hero.secondary-color-senary {
  --secondary-color: var(--senary) !important;
}
.wi-secondary-pillar-hero.primary-color-light {
  --primary-color: var(--light) !important;
}
.wi-secondary-pillar-hero.secondary-color-light {
  --secondary-color: var(--light) !important;
}
.wi-secondary-pillar-hero.primary-color-gray {
  --primary-color: var(--gray) !important;
}
.wi-secondary-pillar-hero.secondary-color-gray {
  --secondary-color: var(--gray) !important;
}
.wi-secondary-pillar-hero.primary-color-dark {
  --primary-color: var(--dark) !important;
}
.wi-secondary-pillar-hero.secondary-color-dark {
  --secondary-color: var(--dark) !important;
}
.wi-secondary-pillar-hero.primary-color-dark-gray {
  --primary-color: var(--dark-gray) !important;
}
.wi-secondary-pillar-hero.secondary-color-dark-gray {
  --secondary-color: var(--dark-gray) !important;
}
@media (min-width: 992px) {
  .wi-secondary-pillar-hero {
    background-image: linear-gradient(90deg, var(--primary-color) 65%, var(--primary-color) 65%, var(--secondary-color) 65%, var(--secondary-color) 35%);
  }
}
@media (max-width: 991px) {
  .wi-secondary-pillar-hero {
    background-image: linear-gradient(180deg, var(--secondary-color) var(--mobile-img-height), var(--secondary-color) var(--mobile-img-height), var(--primary-color) var(--mobile-img-height), var(--primary-color) 100%);
  }
}
.wi-secondary-pillar-hero .row {
  min-height: 25rem;
  align-items: center;
  --bs-gutter-y: 2.5rem;
}
@media (min-width: 992px) {
  .wi-secondary-pillar-hero .row .img-col {
    order: 2;
  }
}
.wi-secondary-pillar-hero .row .img-col .img {
  height: 25rem;
  width: 100%;
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--box-shadow);
}
@media (max-width: 991px) {
  .wi-secondary-pillar-hero .row .img-col .img {
    height: var(--mobile-img-height);
  }
}
.wi-secondary-pillar-hero .row .img-col .img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.wi-secondary-pillar-hero .row .content-col .heading {
  margin-bottom: 1.25rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-intro-calendar {
  background: var(--color);
  --section-unit: 4.38rem;
}
@media (min-width: 992px) {
  .cmp-intro-calendar {
    --section-unit: 5rem;
  }
}
@media (max-width: 991px) {
  .cmp-intro-calendar {
    padding-bottom: 0px;
  }
}
.cmp-intro-calendar .parent-row {
  align-items: center;
  --bs-gutter-y: 2.5rem;
}
@media (min-width: 992px) {
  .cmp-intro-calendar .parent-row.calendar-left-1 {
    flex-direction: row-reverse;
  }
}
.cmp-intro-calendar .parent-row .content .heading {
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .cmp-intro-calendar .parent-row .calendar-col .cmp-booking-calendar {
    margin-bottom: -220px;
  }
}
.cmp-intro-calendar + .cmp-intro-calendar-followup {
  height: 220px;
  width: 100%;
}
@media (min-width: 992px) {
  .cmp-intro-calendar + .cmp-intro-calendar-followup {
    display: none;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cl-reviews-list {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.cl-reviews-list .cl-reviews-list-wrap {
  max-height: 500rem;
  transition: max-height 1s ease-in;
  width: calc(100% + 1rem);
}
.cl-reviews-list .cl-reviews-list-wrap.closed {
  position: relative;
  max-height: 71.9rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.cl-reviews-list .cl-reviews-list-wrap.closed::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 322px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.cl-reviews-list .cl-reviews-list-wrap.closed .show-more {
  display: inline-block;
  position: absolute;
  z-index: 2;
  bottom: 10px;
  margin: 0px auto;
}
.cl-reviews-list .cl-reviews-list-wrap .show-more {
  display: none;
}
.cl-reviews-list .cl-reviews-list-wrap ul {
  height: 100%;
  list-style: none;
  padding: 0.5rem;
  column-count: 1;
}
@media (min-width: 576px) {
  .cl-reviews-list .cl-reviews-list-wrap ul {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .cl-reviews-list .cl-reviews-list-wrap ul {
    column-count: 3;
  }
}
.cl-reviews-list .cl-reviews-list-wrap ul > li {
  position: relative;
  margin-bottom: 1.5rem;
  break-inside: avoid-column;
  /* Prevent breaking within columns */
  page-break-inside: avoid;
  /* For additional browser support */
}
@media (min-width: 992px) {
  .cl-reviews-list .cl-reviews-list-wrap ul > li {
    padding-left: 0.24rem;
    padding-right: 0.24rem;
  }
}
.cl-reviews-list .cl-reviews-list-wrap ul > li .well-el {
  box-shadow: 0px 4px 9px 0px rgba(0, 23, 73, 0.2);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.fr-map-social {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fr-map-social .top {
  background-color: var(--secondary);
  color: var(--light);
  padding: 1.25rem;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.fr-map-social .top .heading {
  margin-bottom: 1.25rem;
}
.fr-map-social .top .heading sub {
  opacity: 1;
}
.fr-map-social .top .wi-social-small-1 {
  gap: 0.88rem;
}
.fr-map-social .top .wi-social-small-1 a {
  color: var(--light);
  font-size: 1.75rem;
}
.fr-map-social .wi-map-well-2-wrapper {
  flex: 1;
  z-index: 1;
  height: 15.625rem;
  width: 100%;
  position: relative;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  overflow: hidden;
}
@media (min-width: 992px) {
  .fr-map-social .wi-map-well-2-wrapper {
    height: 100%;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-posts .row {
  --bs-gutter-y: 2.5rem;
  --bs-gutter-x: 2.5rem;
}
.bg-posts .row .post {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: unset !important;
  transition: 0.15s ease-in;
}
.bg-posts .row .post:hover {
  box-shadow: var(--box-shadow);
}
.bg-posts .row .post .bg-img-container {
  height: 14.375rem;
}
.bg-posts .row .post .content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bg-posts .row .post .content .heading {
  margin-bottom: 0.12rem;
  color: var(--primary) !important;
}
.bg-posts .row .post .content .date {
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--dark);
}
.bg-posts .row .post .content .short-post, .bg-posts .row .post .content .short-post p {
  font-family: 0.8125rem;
  font-weight: 400;
  line-height: 1.75;
  color: var(--dark);
}
.bg-posts .row .post .content .short-post {
  margin-bottom: 1rem;
}
.bg-posts .row .post .content .short-post p:last-child {
  margin-bottom: 0px;
}
.bg-posts .row .post .content .short-post p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.bg-posts .row .post .content .learn-more {
  align-self: flex-start;
  margin-top: auto;
}
.bg-posts .pagination-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}
.bg-posts .pagination-list .page {
  color: var(--primary-50);
  font-family: var(--font-primary);
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
  transition: 1.5s;
}
.bg-posts .pagination-list .page.active, .bg-posts .pagination-list .page:hover {
  color: var(--primary);
}
.bg-posts .pagination-list .page.lr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.625rem;
  width: 2.625rem;
  border: 1px solid var(--secondary);
  border-radius: 100%;
  font-size: 0.95rem;
  color: var(--secondary);
}
.bg-posts .pagination-list .page.lr:first-child {
  margin-right: 1.82rem;
}
.bg-posts .pagination-list .page.lr:first-child i:last-child {
  display: none;
}
.bg-posts .pagination-list .page.lr:last-child {
  margin-left: 1.82rem;
}
.bg-posts .pagination-list .page.lr:last-child i:first-child {
  display: none;
}
.bg-posts .pagination-list .page.lr.disable {
  opacity: 0.5;
}
.bg-posts .pagination-list span.line {
  color: var(--primary-50);
  font-family: var(--font-primary);
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-post-intro {
  background: linear-gradient(180deg, #E3F0F8 12.67%, rgba(227, 240, 248, 0) 89.33%);
  padding-top: 3.12rem !important;
  padding-bottom: 3.12rem;
}
@media (min-width: 992px) {
  .bg-post-intro {
    padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + 5rem) !important;
    padding-bottom: 5rem;
  }
}
.bg-post-intro > div > .row {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .bg-post-intro > div > .row {
    flex-direction: row;
    --bs-gutter-y: 0rem;
  }
}
.bg-post-intro > div > .row div:first-child .all-posts {
  display: inline-block;
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--primary);
  margin-bottom: 0.37rem;
  transition: 0.15s;
  border-bottom: 1px solid var(--secondary);
}
.bg-post-intro > div > .row div:first-child .all-posts:hover {
  color: var(--dark);
}
.bg-post-intro > div > .row div:first-child .all-posts i {
  font-size: 1rem;
  margin-right: 0.62rem;
}
.bg-post-intro > div > .row div:first-child .date {
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  color: var(--dark);
}
.bg-post-intro > div > .row div:first-child .short-post {
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
}
.bg-post-intro > div > .row div:first-child .short-post p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.bg-post-intro > div > .row div:last-child .bg-img-container {
  height: 17.875rem;
}
@media (min-width: 992px) {
  .bg-post-intro > div > .row div:last-child .bg-img-container {
    height: 100%;
    min-height: 25rem;
  }
}
.bg-post-intro > div > .row div:last-child .bg-img-container .bg-img {
  box-shadow: var(--box-shadow);
}
@media (min-width: 992px) {
  .bg-post-intro > div > .row div:last-child .bg-img-container .bg-img {
    border-radius: var(--border-radius) !important;
  }
}
.blg-post {
  padding-top: 0px !important;
}
.blg-post > .container > .row {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}
.blg-post > .container > .row .post {
  font-family: var(--font-secondary);
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
  color: var(--dark);
}
.blg-post > .container > .row .post .all-posts {
  display: inline-block;
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--primary);
  margin-bottom: 0.37rem;
  transition: 0.15s;
  border-bottom: 1px solid var(--secondary);
}
.blg-post > .container > .row .post .all-posts:hover {
  color: var(--dark);
}
.blg-post > .container > .row .post .all-posts i {
  font-size: 1rem;
  margin-right: 0.62rem;
}
.blg-post > .container > .row .location-box address {
  margin-bottom: 0.19rem;
}
.blg-post > .container > .row .location-box .directions {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.blg-post > .container > .row .location-box .directions i {
  margin-left: 0.5rem;
}
.blg-post > .container > .row .location-box div.text {
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.65;
  margin-bottom: 1rem;
}
.blg-post > .container > .row .location-box .btns-col {
  margin-top: 0rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#shared_territory_modal .modal-header {
  justify-content: center;
  background: var(--primary);
  padding: 1.12rem;
}
#shared_territory_modal .modal-header .modal-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.0225rem;
  text-transform: uppercase;
  color: var(--light);
  text-align: center;
}
#shared_territory_modal .modal-header button.btn-close {
  opacity: 1;
  margin: 0 !important;
  position: absolute;
  top: 0px;
  right: 0px;
  color: var(--light);
}
#shared_territory_modal .modal-body {
  padding: 1.88rem;
}
#shared_territory_modal .modal-body .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#shared_territory_modal .modal-body .content .logo {
  height: 10rem;
  margin-bottom: 1.25rem;
}
#shared_territory_modal .modal-body .content .heading {
  text-align: center;
  margin-bottom: 0.375rem;
}
#shared_territory_modal .modal-body .content .serving {
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.02375rem;
  text-transform: uppercase;
  color: var(--primary-75);
  text-align: center;
  margin-bottom: 1.88rem;
}
#shared_territory_modal .modal-body .content form {
  width: 100%;
}
#shared_territory_modal .modal-body .content form .search {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}
#shared_territory_modal .modal-body .content form .search .zip-location {
  border-radius: var(--border-radius);
  border: 1px solid var(--primary-50);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.fr-shared-cta .well-el form {
  width: 100%;
}
.fr-shared-cta .well-el form .search {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}
.fr-shared-cta .well-el form .search .zip-location {
  border-radius: var(--border-radius);
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: unset;
  color: var(--light);
}
.fr-shared-cta .well-el form .search .zip-location::placeholder {
  color: var(--light);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-map-full-2 {
  z-index: 0;
}
.wi-map-full-2 input.form-control {
  background-color: unset;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--border-radius);
  color: #fff;
  z-index: 0;
  padding-right: 34px;
  padding-top: 8px;
  padding-left: 16px !important;
  height: 100%;
}
@media (max-width: 992px) {
  .wi-map-full-2 input.form-control {
    height: 3.14rem;
  }
}
.wi-map-full-2 input.form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #0c4864 inset;
}
.wi-map-full-2 input.form-control:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}
.wi-map-full-2 button.search-btn {
  position: absolute;
  top: 0;
  right: 7px;
  z-index: 1;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: white;
  font-size: 20px;
  right: 9px;
  top: 10px;
}
@media (min-width: 992px) {
  .wi-map-full-2 button.search-btn {
    top: 12px;
  }
}
.wi-map-full-2 button.search-btn:hover {
  color: white;
}
.wi-map-full-2 button.search-btn:focus {
  outline: 0;
}
.wi-map-full-2 input.form-control::-webkit-input-placeholder {
  color: white;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
}
.wi-map-full-2 input.form-control:-moz-placeholder {
  color: white;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
}
.wi-map-full-2 input.form-control::-moz-placeholder {
  color: white;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
}
.wi-map-full-2 input.form-control:-ms-input-placeholder {
  color: white;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
}
.wi-map-full-2 input.form-control::-ms-input-placeholder {
  color: white;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
}
.wi-map-full-2 input.form-control::placeholder {
  color: white;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
}
.wi-map-full-2 .wi-counter {
  border: 2px solid var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 25px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5000;
}
.wi-map-full-2 .location-box {
  cursor: pointer;
  -webkit-box-shadow: 0 1px 8px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 8px 1px rgba(255, 255, 255, 0.1);
  border-color: #f5f0ec;
}
.wi-map-full-2 .location-box.selected {
  -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
  border-color: #e8e6e2;
}
.wi-map-full-2 .location-box.selected h5 {
  /* color: #771e2c; */
}
.wi-map-full-2 .loading-overlay {
  position: absolute;
  z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.wi-map-full-2 .loading-overlay i {
  font-size: 40px;
  line-height: 40px;
}
.wi-map-full-2 address {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.wi-map-full-2 .location-links a {
  font-size: 12px;
}
.wi-map-full-2 .map-wrapper {
  height: 450px;
}
@media (min-width: 992px) {
  .wi-map-full-2 .map-wrapper {
    height: 550px;
  }
}
.wi-map-full-2 .parent-row, #shared_territory_modal .parent-row {
  margin: 0px;
}
.wi-map-full-2 .parent-row .search-parent, #shared_territory_modal .parent-row .search-parent {
  padding: 1.25rem 1.38rem;
}
@media (min-width: 992px) {
  .wi-map-full-2 .parent-row .search-parent, #shared_territory_modal .parent-row .search-parent {
    padding: 0.88rem;
  }
}
.wi-map-full-2 #map_full_2, .wi-map-full-2 #map_full_3_modal, #shared_territory_modal #map_full_2, #shared_territory_modal #map_full_3_modal {
  z-index: 1 !important;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content-wrapper, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content-wrapper, #shared_territory_modal #map_full_2 .leaflet-popup-content-wrapper, #shared_territory_modal #map_full_3_modal .leaflet-popup-content-wrapper {
  border-radius: var(--border-radius);
  padding: 0px;
  overflow: hidden;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button, #shared_territory_modal #map_full_2 .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button, #shared_territory_modal #map_full_3_modal .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button {
  color: white;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content, #shared_territory_modal #map_full_2 .leaflet-popup-content, #shared_territory_modal #map_full_3_modal .leaflet-popup-content {
  width: 21.8125rem !important;
  margin: 0px !important;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head {
  background-color: var(--tertiary);
  color: white;
  padding: 0.5rem 0.88rem;
  text-align: center;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub {
  margin-bottom: 0px;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .title, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .title, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .title, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .title {
  margin-bottom: 1.2rem;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content h6, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content h6, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content h6, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content h6 {
  color: var(--primary) !important;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 0.75rem;
  text-align: center;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content h6 a, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content h6 a, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content h6 a, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content h6 a {
  transition: 0.15s;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content h6 a:hover, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content h6 a:hover, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content h6 a:hover, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content h6 a:hover {
  color: var(--secondary);
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content p.serving, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content p.serving, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content p.serving, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content p.serving {
  margin-bottom: 1.12rem;
  margin-top: 0px;
  text-align: center;
  font-family: var(--font-primary);
  color: var(--dark);
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content .btns-col, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content .btns-col, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content .btns-col, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content .btns-col {
  justify-content: center;
}
.wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content > *:not(:last-child), .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content > *:not(:last-child), #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content > *:not(:last-child), #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content > *:not(:last-child) {
  margin-bottom: 10px;
}
.wi-map-full-2 .or, #shared_territory_modal .or {
  font-family: var(--font-secondary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}
.wi-map-full-2 .row, #shared_territory_modal .row {
  --bs-gutter-y: 0rem;
}
.wi-map-full-2 .leaflet-marker-icon {
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3));
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.fr-list-detailed ul {
  text-align: start;
  column-count: 1;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .fr-list-detailed ul {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .fr-list-detailed ul {
    column-count: 3;
  }
}
@media (min-width: 1400px) {
  .fr-list-detailed ul {
    margin: 0px -0.75rem;
  }
}
.fr-list-detailed ul li {
  break-inside: avoid-column;
  page-break-inside: avoid;
  margin-bottom: 2.5rem;
  padding: 0px;
}
@media (min-width: 1400px) {
  .fr-list-detailed ul li {
    padding: 0px 0.75rem;
  }
}
@media (max-width: 991px) {
  .fr-list-detailed ul li:last-child {
    margin-bottom: 0px;
  }
}
.fr-list-detailed ul li .group-well {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--box-shadow);
}
.fr-list-detailed ul li .group-well .head {
  background-color: var(--primary);
  padding: 0.875rem 1.25rem;
}
.fr-list-detailed ul li .group-well .head .group-name {
  opacity: 1;
  color: var(--light);
  text-transform: uppercase;
  font-size: 1.1875rem;
  font-weight: 500;
  line-height: 1.35;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .fr-list-detailed ul li .group-well .head .group-name {
    font-size: 1.3125rem;
  }
}
.fr-list-detailed ul li .group-well .locations {
  padding: 0 1.25rem;
}
.fr-list-detailed ul li .group-well .locations .location {
  padding: 1.62rem 0px;
}
.fr-list-detailed ul li .group-well .locations .location:not(:first-child) {
  border-top: 1px solid rgba(106, 187, 202, 0.5);
}
.fr-list-detailed ul li .group-well .locations .location .name {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 0.75rem;
  color: var(--primary);
  display: block;
  transition: 0.15s;
}
.fr-list-detailed ul li .group-well .locations .location .name:hover {
  color: var(--secondary);
}
.fr-list-detailed ul li .group-well .locations .location .address {
  margin-bottom: 0.375rem;
}
.fr-list-detailed ul li .group-well .locations .location .serving {
  margin-bottom: 1.12rem;
}
@charset "UTF-8";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#scheduler .modal-header {
  justify-content: center;
  background: var(--primary);
  padding: 1.12rem;
}
#scheduler .modal-header .modal-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.0225rem;
  text-transform: uppercase;
  color: var(--light);
  text-align: center;
}
#scheduler .modal-header button.btn-close {
  opacity: 1;
  margin: 0 !important;
  position: absolute;
  top: 0px;
  right: 0px;
  color: var(--light);
}
#scheduler .modal-body {
  --padding-y: 1.2rem;
  padding: 1.88rem 1.88rem 0rem 1.88rem;
}
@media (max-width: 991px) {
  #scheduler .modal-body .row.info, #scheduler .modal-body .row.datetime {
    --bs-gutter-y: 0rem;
  }
}
@media (max-width: 991px) {
  #scheduler .modal-body .row.info .row, #scheduler .modal-body .row.datetime .row {
    --bs-gutter-y: 0rem;
  }
}
#scheduler .modal-body .datepicker-col {
  padding-bottom: 1.88rem;
}
#scheduler .modal-body .loader {
  left: 0px;
}
#scheduler .modal-body .another {
  color: var(--primary);
  transition: 0.15s;
}
#scheduler .modal-body .another:hover {
  color: var(--secondary);
  cursor: pointer;
}
#scheduler .modal-body .fr-scheduler {
  width: 100%;
}
@media (max-width: 991px) {
  #scheduler .modal-body .fr-scheduler {
    --bs-gutter-y: 0px;
  }
}
#scheduler .modal-body .fr-scheduler .info {
  text-align: center;
  margin-bottom: 0px !important;
}
#scheduler .modal-body .fr-scheduler .info .step {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  #scheduler .modal-body .fr-scheduler .info .step {
    font-size: 1.5rem;
  }
}
#scheduler .modal-body .fr-scheduler .info .heading {
  margin-bottom: var(--border-radius);
}
#scheduler .modal-body .fr-scheduler .info hr {
  background: #F1F3F3;
  width: 100%;
  opacity: 1;
  margin: 1.5rem 0rem;
}
#scheduler .modal-body .fr-scheduler .info p:not(:last-child) {
  margin-bottom: 0.3rem;
}
#scheduler .modal-body .fr-scheduler .info .step-3 {
  margin-bottom: 1.5rem;
}
#scheduler .modal-body .fr-scheduler .info .step-3 .selected .datetime {
  font-weight: 700;
}
#scheduler .modal-body .fr-scheduler .info .step-3 .selected .change {
  color: var(--secondary);
  transition: 0.15s;
  font-weight: 700;
}
#scheduler .modal-body .fr-scheduler .info .step-3 .selected .change:hover {
  color: var(--primary);
}
#scheduler .modal-body .fr-scheduler .datetime-wrap {
  margin-bottom: 0px;
}
#scheduler .modal-body .fr-scheduler .datetime {
  margin-bottom: 0px !important;
  justify-content: center;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col {
  width: calc(24.5rem + var(--bs-gutter-x)) !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker {
  width: 100% !important;
  display: flex !important;
  flex-direction: column;
  border: none !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header {
  background: none !important;
  border: none !important;
  padding: 0rem !important;
  margin-bottom: 1.09rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background: unset;
  color: var(--secondary);
  border-radius: 50%;
  border: 1px solid var(--secondary);
  height: 1.88rem !important;
  width: 1.88rem !important;
  top: unset !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next span, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  background-image: none !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center;
  color: var(--secondary);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  background: var(--secondary);
  color: #fff !important;
  cursor: pointer;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before {
  color: var(--light);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  display: none !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  content: "";
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: "";
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8;
  font-family: var(--font-primary);
  color: var(--dark);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar {
  --gap-y: .25rem;
  --gap-x: 0rem;
  --hw: 1.75rem;
  display: flex;
  flex-direction: column;
  background: var(--gray);
  padding: var(--padding-y);
  border-radius: var(--border-radius);
  margin-bottom: 0px;
}
@media (min-width: 420px) {
  #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar {
    --gap-x: 1.19rem;
  }
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar thead tr {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap-x);
  margin-bottom: 1.13rem;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar thead tr th {
  flex-grow: 1;
  padding: 0px !important;
  width: var(--hw);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar thead tr th span {
  font-family: var(--font-primary);
  font-size: 1.1rem;
  font-weight: 600;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody {
  display: flex;
  flex-direction: column;
  gap: var(--gap-y);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap-x);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td {
  flex: 1;
  height: var(--hw);
  width: var(--hw);
  display: flex;
  justify-content: center;
  align-items: center;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled {
  opacity: 1;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td a, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td span {
  border: unset;
  text-align: center;
  font-family: var(--font-primary);
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td span {
  background: unset !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td a {
  height: var(--hw);
  width: var(--hw);
  border-radius: 100%;
  background-color: var(--primary-50) !important;
  color: var(--light);
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td a:hover, #scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-active {
  background-color: var(--primary) !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-days-cell-over a.ui-state-active {
  background-color: var(--primary-50) !important;
}
#scheduler .modal-body .fr-scheduler .datetime .datepicker-col .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-datepicker-days-cell-over a.ui-state-active:hover {
  background-color: var(--primary) !important;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .selected-date {
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 0.12rem;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .selected-date span {
  color: var(--primary);
}
#scheduler .modal-body .fr-scheduler .datetime .time-col p:not(.selected-date) {
  margin-bottom: 0px;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap {
  position: relative;
  overflow-y: scroll;
  -webkit-mask-image: linear-gradient(transparent, transparent 0%, black 1rem, black calc(100% - var(--padding-y)), transparent calc(100% - 0px), transparent 100%);
  height: 196px;
}
@media (min-width: 992px) {
  #scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap {
    flex: 1;
    height: unset;
  }
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap .timeslot-list {
  position: absolute;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: var(--padding-y);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap .timeslot-list .timeslot-option {
  display: block;
  padding: 0.8125rem 1.6875rem;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  line-height: normal;
  text-transform: uppercase;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap .timeslot-list .timeslot-option.available {
  color: var(--secondary);
  border-color: var(--secondary);
  transition: 0.15s;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap .timeslot-list .timeslot-option.available:hover {
  color: var(--light);
  background-color: var(--secondary);
  cursor: pointer;
}
#scheduler .modal-body .fr-scheduler .datetime .time-col .timeslot-list-wrap .timeslot-list .timeslot-option.unavailable {
  color: var(--secondary-50);
  border-color: var(--secondary-10);
  background-color: var(--secondary-10);
}
#scheduler .modal-body .fr-scheduler .form-row {
  margin-bottom: 0px !important;
  padding-bottom: var(--padding-y);
}
#scheduler .modal-body .fr-scheduler .row.success .logo {
  height: 11.99856rem;
  margin-bottom: 1.61rem;
}
#scheduler form .btn {
  width: 100%;
}
#scheduler form h6 {
  margin-bottom: 0px;
}
.radio-group input[type="radio"].unavailable:hover {
  cursor: not-allowed;
  background: #F3F8FB !important;
}
.radio-group input[type="radio"].active {
  background: var(--secondary) !important;
}
/* Datepicker Style Overides */
/* Month Selector */
.month-selector .month-btn {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #F3F8FB;
  box-shadow: 0.125rem 0.09rem 0.1rem #9e9ebc;
  transition: border-color 0.3s ease-in-out;
  margin: 0 5px;
}
.month-selector .month-btn:hover {
  background-color: var(--secondary);
  cursor: pointer;
  transition: var(--transition);
}
.month-selector .month-btn.unavailable:hover {
  cursor: not-allowed;
  background: #F3F8FB !important;
}
.month-selector .month-btn.active {
  background-color: var(--secondary);
}
/* Radio Inputs */
.radio-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.radio-group label {
  display: block;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
}
.radio-group input[type="radio"] {
  margin: 0 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #F3F8FB;
  box-shadow: 0.125rem 0.09rem 0.1rem #9e9ebc;
  transition: border-color 0.3s ease-in-out;
}
.radio-group input[type="radio"]:hover {
  background-color: var(--secondary);
  cursor: pointer;
  transition: var(--transition);
}
.radio-group input[type="radio"]:checked {
  background-color: var(--secondary);
}
.checkboxgroup {
  display: inline-block;
  text-align: center;
}
.checkboxgroup label {
  display: block;
  color: #595959;
}
.modal-content {
  border: none !important;
}
.ui-datepicker table.ui-datepicker-calendar {
  border-collapse: unset !important;
}
.ui-datepicker th {
  padding: 0.5em 0.3em !important;
}
.ui-datepicker td a.ui-state-default:not(.ui-state-active) {
  background: #0088CC33 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-datepicker td a.ui-state-default:not(.ui-state-disabled):hover {
  background: var(--primary) !important;
  color: #ffffff !important;
  transition: var(--transition);
}
.calendar-subline {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.01em;
  font-weight: 300;
}
div.modal .fade-in {
  -webkit-animation: fadeIn var(--transition);
  animation: fadeIn var(--transition);
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
div.success .success-icon {
  font-size: 200px;
}
.modal .contact-message {
  font-size: 14px;
}
/* Mobile */
@media (max-width: 576px) {
  .ui-datepicker {
    width: 100% !important;
  }
  .ui-datepicker table {
    font-size: 0.75em !important;
  }
  .ui-datepicker td span, .ui-datepicker td a {
    width: 22px;
    height: 22px;
    margin-top: 5px;
  }
  .ui-datepicker td {
    padding: 0px !important;
  }
  .ui-datepicker th {
    padding: 0.25em 0.1em !important;
  }
  .ui-datepicker .ui-datepicker-title {
    font-size: 14px !important;
  }
  .modal .contact-message {
    font-size: 12px;
  }
  .modal .success .success-message {
    font-size: 14px;
  }
  .modal .success .success-icon {
    font-size: 100px;
  }
}
#ui-datepicker-div {
  display: none !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-section-tabs-content-tabs {
  padding: 0px;
}
.cmp-section-tabs-content-tabs div.nav {
  display: flex;
  justify-content: center;
  gap: 3px;
}
.cmp-section-tabs-content-tabs div.nav .nav-link {
  flex-grow: 1;
  height: 100%;
  padding: 1.12rem 1.69rem;
  background: var(--tab-color);
  color: var(--light);
  transition: 0.15s ease-in;
  font-family: var(--font-secondary);
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  flex: 1 0 48%;
}
@media (min-width: 991px) {
  .cmp-section-tabs-content-tabs div.nav .nav-link {
    padding: 1.25rem 1.69rem;
    flex: 1 0 0;
  }
}
.cmp-section-tabs-content-tabs div.nav .nav-link:hover, .cmp-section-tabs-content-tabs div.nav .nav-link.active {
  background: var(--tab-hover-color);
}
.cmp-section-tabs-content-content:has(section) + section:not([class*="bg-"]) {
  padding-top: 0px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-pricing-secondary .well-el .heading {
  margin-bottom: 0px;
}
.wi-pricing-secondary .well-el hr {
  height: 0.1875rem;
  background-color: var(--secondary);
  width: 12.5rem;
  margin: 1.25rem auto 1.88rem;
  opacity: 1;
}
.wi-pricing-secondary .appointment-disclaimer {
  background: var(--tertiary-15);
  border-radius: var(--border-radius);
  padding: 1.25rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-pricing-items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .wi-pricing-items {
    gap: 2.5rem;
  }
}
.wi-pricing-items .pr-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wi-pricing-items .pr-col .pr-icon {
  height: 2.8125rem;
  margin-bottom: 0.88rem;
}
.wi-pricing-items .pr-col .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  text-align: center;
}
.wi-pricing-items .pr-col .heading {
  margin-bottom: 0px;
  color: var(--primary);
  text-align: center;
}
.wi-pricing-items .pr-col .subtitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8m;
  color: var(--primary);
  text-align: center;
}
.wi-pricing-items .arrow-col {
  --arrow-width: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--arrow-width);
}
@media (min-width: 992px) {
  .wi-pricing-items .arrow-col {
    --arrow-width: 1.875rem;
  }
}
.wi-pricing-items .arrow-col i {
  color: var(--secondary);
  font-size: var(--arrow-width);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-coupons .arrow-wrapper {
  gap: 3.12rem !important;
}
.wi-coupons .coupon {
  height: 100%;
}
@media (min-width: 768px) {
  .wi-coupons:not(:has(.wi-coupons-single:nth-child(3))) .overflow {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .wi-coupons:not(:has(.wi-coupons-single:nth-child(4))) .overflow {
    justify-content: center;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
hr {
  opacity: 1;
}
@charset "UTF-8";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-coupons-slick .slick-list {
  padding: 0px;
}
.wi-coupons-slick .slick-list .slick-track {
  display: flex;
  flex-flow: row nowrap;
}
.wi-coupons-slick .slick-list .slick-track .coupon-col {
  padding: 0px 0.94rem;
  float: unset;
  height: unset;
}
.wi-coupons-slick .slick-list .slick-track .coupon-col .coupon {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wi-coupons-slick .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--primary);
  border-radius: 100px;
  transition: 0.15s;
  height: 2.63rem;
  width: 2.63rem;
}
@media (max-width: 575px) {
  .wi-coupons-slick .slick-arrow {
    height: 2rem;
    width: 2rem;
  }
}
.wi-coupons-slick .slick-arrow::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--primary);
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 600;
  transition: 0.15s;
}
@media (max-width: 575px) {
  .wi-coupons-slick .slick-arrow::before {
    font-size: 1rem;
  }
}
.wi-coupons-slick .slick-arrow:hover {
  background: var(--primary);
}
.wi-coupons-slick .slick-arrow:hover::before {
  color: var(--light);
}
.wi-coupons-slick .slick-prev {
  left: -50px;
}
@media (max-width: 767px) {
  .wi-coupons-slick .slick-prev {
    left: -25px;
  }
}
@media (max-width: 575px) {
  .wi-coupons-slick .slick-prev {
    left: -12px;
  }
}
.wi-coupons-slick .slick-prev::before {
  content: "";
}
.wi-coupons-slick .slick-next {
  right: -50px;
}
@media (max-width: 767px) {
  .wi-coupons-slick .slick-next {
    right: -25px;
  }
}
@media (max-width: 575px) {
  .wi-coupons-slick .slick-next {
    right: -12px;
  }
}
.wi-coupons-slick .slick-next::before {
  content: "";
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cmp-section-tabs-simple {
  padding: 0px;
  display: flex;
  flex-flow: row wrap;
  gap: 0.12rem;
}
@media (min-width: 992px) {
  .cmp-section-tabs-simple {
    flex-flow: row nowrap;
  }
}
.cmp-section-tabs-simple .tab {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 45%;
  padding: 1.25rem 1.69rem;
  background: var(--tab-color);
  color: var(--light);
  transition: 0.15s;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.0225rem;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .cmp-section-tabs-simple .tab {
    flex: 1 0 0;
  }
}
.cmp-section-tabs-simple .tab:hover {
  background: var(--tab-hover-color);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-gallery-list ul {
  height: 100%;
  list-style: none;
  padding: 0.5rem;
  column-count: 1;
}
@media (min-width: 576px) {
  .wi-gallery-list ul {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .wi-gallery-list ul {
    column-count: 3;
  }
}
.wi-gallery-list ul > li {
  position: relative;
  margin-bottom: 1.5rem;
  break-inside: avoid-column;
  /* Prevent breaking within columns */
  page-break-inside: avoid;
  /* For additional browser support */
}
@media (min-width: 992px) {
  .wi-gallery-list ul > li {
    padding-left: 0.24rem;
    padding-right: 0.24rem;
  }
}
.wi-gallery-list ul > li a {
  display: block;
  position: relative;
}
.wi-gallery-list ul > li a .wi-gl-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0.75rem;
  border-radius: var(--border-radius);
  background: #00000000;
  transition: 0.15s;
  top: 0px;
  left: 0px;
}
.wi-gallery-list ul > li a .wi-gl-overlay i {
  font-size: 1.49988rem;
  border-radius: var(--border-radius);
  color: white;
  background-color: var(--secondary);
  padding: 0.38rem;
}
.wi-gallery-list ul > li a img {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
.wi-gallery-list ul > li a:hover .wi-gl-overlay {
  background: #0000003b;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
p + ul li, ul:has(+ p) li {
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  font-weight: var(--p-font-weight);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Hide Arrow */
.bs-tooltip-top .arrow {
  display: none;
}
.tooltip.show {
  opacity: 1 !important;
  z-index: 999999;
}
.tooltip .tooltip-inner {
  background: #fff;
  box-shadow: var(--box-shadow);
  padding: 10px !important;
  max-width: 500px;
  line-height: initial;
  z-index: 50;
  text-align: left !important;
  color: var(--dark);
  border-radius: var(--border-radius);
  border: 2px solid;
  border-color: var(--secondary);
}
@media (max-width: 576px) {
  .tooltip .tooltip-inner {
    max-width: 90%;
  }
}
.tooltip .tooltip-inner .title {
  color: var(--dark);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.0225rem;
  line-height: normal;
}
.tooltip .tooltip-inner .disclaimer-text {
  font-size: 0.875rem;
  color: var(--dark);
  line-height: normal;
}
.tooltip-wrapper i {
  color: var(--primary);
  font-weight: 900;
  font-size: 0.75019rem;
}
.tooltip-wrapper i:hover {
  cursor: pointer;
  color: var(--secondary) !important;
}
.tooltip-wrapper .disclaimer-tooltip {
  color: var(--dark);
  position: relative;
  font-style: normal;
  font-size: 0.75019rem;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.00975rem;
  max-width: calc(100% -((var(--bs-gutter-x)* 0.5 + 0.38rem)* 2));
}
.tooltip-wrapper .disclaimer-tooltip:hover {
  color: var(--primary) !important;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: var(--secondary);
}
.form-dark .tooltip-wrapper {
  color: rgba(255, 255, 255, 0.55);
}
.bg-secondary .tooltip-wrapper .disclaimer-tooltip, .bg-secondary .tooltip-wrapper i, .bg-video .tooltip-wrapper .disclaimer-tooltip, .bg-video .tooltip-wrapper i {
  color: #fff !important;
}
footer.bg-primary .tooltip-wrapper .disclaimer-tooltip, footer.bg-primary .tooltip-wrapper i, footer.bg-dark .tooltip-wrapper .disclaimer-tooltip, footer.bg-dark .tooltip-wrapper i, footer.bg-secondary .tooltip-wrapper .disclaimer-tooltip, footer.bg-secondary .tooltip-wrapper i {
  color: #fff !important;
}
div.modal .modal-body .tooltip-wrapper .disclaimer-tooltip, div.modal .modal-body .tooltip-wrapper i {
  color: var(--dark);
}
div.modal .modal-body .tooltip-wrapper .disclaimer-tooltip:hover, div.modal .modal-body .tooltip-wrapper i:hover {
  color: var(--primary);
}
@media (max-width: 576px) {
  div.tooltip.show {
    display: flex;
    justify-content: center;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.zip_finding_location h5 {
  font-size: var(--p-font-size);
  font-weight: var(--p-font-weight);
}
.outside-radius-element .outside-radius-wrapper h5 {
  font-size: var(--p-font-size);
  font-weight: 600;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-select-location-form-scheduler .title {
  font-weight: 600;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-video-list {
  --bs-gutter-y: 2.5rem;
  --bs-gutter-x: 2.5rem;
  justify-content: center;
}
.wi-video-list .bg-img-container {
  position: relative;
  display: block;
  height: 12.1875rem;
  overflow: hidden;
}
.wi-video-list .bg-img-container .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.62rem;
  border-radius: var(--border-radius);
  background: #00000073;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.wi-video-list .bg-img-container .content-wrap i {
  font-size: 3.4375rem;
  color: var(--light);
}
.wi-video-list .bg-img-container .content-wrap .heading {
  color: var(--light);
  margin-bottom: 0px;
}
.wi-video-list .bg-img-container:hover {
  cursor: pointer;
}
.wi-video-list .bg-img-container:hover .content-wrap {
  background: #0009;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.nv3-heading-v2 {
  display: flex;
  flex-direction: column;
  --spacing: 0.5rem;
  gap: var(--spacing);
}
.nv3-heading-v2.separator-color-primary {
  --separator-color: var(--primary) !important;
}
.nv3-heading-v2.separator-color-secondary {
  --separator-color: var(--secondary) !important;
}
.nv3-heading-v2.separator-color-tertiary {
  --separator-color: var(--tertiary) !important;
}
.nv3-heading-v2.separator-color-quaternary {
  --separator-color: var(--quaternary) !important;
}
.nv3-heading-v2.separator-color-quinary {
  --separator-color: var(--quinary) !important;
}
.nv3-heading-v2.separator-color-senary {
  --separator-color: var(--senary) !important;
}
.nv3-heading-v2.separator-color-light {
  --separator-color: var(--light) !important;
}
.nv3-heading-v2.separator-color-gray {
  --separator-color: var(--gray) !important;
}
.nv3-heading-v2.separator-color-dark {
  --separator-color: var(--dark) !important;
}
.nv3-heading-v2.separator-color-dark-gray {
  --separator-color: var(--dark-gray) !important;
}
@media (min-width: 992px) {
  .nv3-heading-v2 .separator {
    display: none;
  }
}
.nv3-heading-v2 .heading {
  order: 1;
}
.nv3-heading-v2 .separator {
  order: 2;
}
.nv3-heading-v2 .sub {
  display: inline-block;
  order: 3;
}
.nv3-heading-v2.sub-first-1 .heading {
  order: 3;
}
.nv3-heading-v2.sub-first-1 .sub {
  order: 1;
}
@media (max-width: 991px) {
  .nv3-heading-v2.swap-mobile-1 .heading {
    order: 3;
  }
  .nv3-heading-v2.swap-mobile-1 .sub {
    order: 1;
  }
  .nv3-heading-v2.swap-mobile-1.sub-first-1 .heading {
    order: 1;
  }
  .nv3-heading-v2.swap-mobile-1.sub-first-1 .sub {
    order: 3;
  }
}
@media (min-width: 992px) {
  .nv3-heading-v2.separator-1 {
    gap: 0;
  }
  .nv3-heading-v2.separator-1:not(.sub-first-1) .sub {
    border-top: 4px solid var(--separator-color);
    padding-top: var(--spacing);
    margin-top: var(--spacing);
  }
}
@media (min-width: 992px) {
  .nv3-heading-v2.separator-1.sub-first-1 .sub {
    border-bottom: 4px solid var(--separator-color);
    padding-bottom: var(--spacing);
    margin-bottom: var(--spacing);
  }
}
.nv3-heading-v2.center-1 {
  align-items: center;
}
.nv3-heading-v2:not(.separator-1) .separator {
  display: none;
}
.nv3-heading-v2:not(:has(.sub)) .separator {
  display: none;
}
.nv3-heading-v2.h1 .sub img {
  height: calc(var(--h1-line-height) * var(--font-size));
  margin-right: 0.62rem;
}
.nv3-heading-v2.h2 .sub img {
  height: calc(var(--h2-line-height) * var(--font-size));
  margin-right: 0.62rem;
}
.nv3-heading-v2.h3 .sub img {
  height: calc(var(--h3-line-height) * var(--font-size));
  margin-right: 0.62rem;
}
.nv3-heading-v2.h4 .sub img {
  height: calc(var(--h4-line-height) * var(--font-size));
  margin-right: 0.62rem;
}
.nv3-heading-v2.h5 .sub img {
  height: calc(var(--h5-line-height) * var(--font-size));
  margin-right: 0.62rem;
}
.nv3-heading-v2.h6 .sub img {
  height: calc(var(--h6-line-height) * var(--font-size));
  margin-right: 0.62rem;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-review-template .good-display .col-12 {
  display: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#review-location-select .review-location-select button.search-btn {
  position: absolute;
  top: 6px;
  right: 23px;
  z-index: 1;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: rgba(7, 98, 171, 0.8);
  font-size: 20px;
  padding: 5px;
}
#review-location-select .review-location-select button.search-btn:hover {
  color: #0762ab;
}
#review-location-select .review-location-select .fran_location_select_wrapper {
  border: none;
}
#review-location-select .review-location-select input {
  font-size: 1.5rem;
  text-align: center;
  border-color: #3d3d3d;
  box-shadow: 0 0 0 0.1rem rgba(61, 61, 61, 0.2);
}
#review-location-select .review-location-select input:focus {
  border-color: rgba(7, 98, 171, 0.8);
  box-shadow: 0 0 0 0.2rem rgba(7, 98, 171, 0.2);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bg-img-container {
  --bg-img-container-min-h: 13.75rem;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: var(--bg-img-container-min-h);
}
img.bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--nine-obj-p, center);
  top: 0;
  left: 0;
  border-radius: var(--border-radius);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
Loom has a super annoying section that they add to the end of pages.
This is only added for loom users and the removal is exclusively for personal aesthetic.
My peace of mind after hiding it is immeasurable.
*/
#loom-companion-mv3 {
  display: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.grecaptcha-badge {
  display: none !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.horizontal-scroll, .horizontal-scroll-mobile {
  --horizontal-scroll-offset: 0px;
}
.horizontal-scroll .overflow, .horizontal-scroll-mobile .overflow {
  --bs-gutter-y: var(--bs-gutter-x);
}
/* Overlay on sides */
.horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after {
  content: "";
  height: 100%;
  width: 20px;
  position: absolute;
  z-index: 2;
  top: 0px;
  bottom: 0px;
  background: #fff;
  opacity: 0.8;
}
.horizontal-scroll .scroll-overlay:before {
  left: 0px;
}
.horizontal-scroll .scroll-overlay:after {
  right: 0px;
}
@media (min-width: 992px) {
  .horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after {
    width: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
}
/* Overflow */
.horizontal-scroll.disable .overflow {
  overflow-x: visible;
}
.horizontal-scroll .overflow {
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 32px;
}
.horizontal-scroll:not(.disable) .overflow {
  justify-content: start !important;
}
.horizontal-scroll .no-overflow {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
@media (min-width: 992px) {
  .horizontal-scroll .overflow {
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) {
  .horizontal-scroll .overflow, .horizontal-scroll .no-overflow {
    padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
    padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
}
.horizontal-scroll:not(.disable) .overflow:hover {
  cursor: default;
}
.horizontal-scroll.disable .overflow, .horizontal-scroll-mobile.disable .overflow {
  cursor: default !important;
}
/* Scroll bar */
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar {
  display: block;
  height: 4px;
  transition: transform 0.3s ease;
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
  background-color: #707272;
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece {
  background-color: rgba(112, 114, 114, 0.5);
}
/* Scroll Bar Colors */
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece {
  background-color: var(--primary-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece {
  background-color: var(--secondary-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb {
  background-color: var(--tertiary);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece {
  background-color: var(--tertiary-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb {
  background-color: var(--quaternary);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece {
  background-color: var(--quaternary-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb {
  background-color: var(--quinary);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece {
  background-color: var(--quinary-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb {
  background-color: var(--senary);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece {
  background-color: var(--senary-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
  background-color: var(--light);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
  background-color: var(--light-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb {
  background-color: var(--gray);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece {
  background-color: var(--gray-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb {
  background-color: var(--dark);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece {
  background-color: var(--dark-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb {
  background-color: var(--dark-gray);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece {
  background-color: var(--dark-gray-rgba-translucent);
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0.5);
}
.horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
  margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2));
}
.horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
  margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2));
}
@media (max-width: 576px) {
  .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: calc(var(--bs-gutter-x) / 2);
  }
  .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: calc(var(--bs-gutter-x) / 2);
  }
}
/* Horizontal Scroll on Mobile Only */
@media (max-width: 991px) {
  /* Container fluid styles so we can keep normal container for lg */
  /* Overlay on sides */
  /* Overflow */
  /* Scroll bar */
  /* No Overflow option to show other rows in the container while not making them appear in a container fluid */
  .horizontal-scroll-mobile {
    width: 100% !important;
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: unset !important;
  }
  .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after {
    content: "";
    height: 100%;
    width: 20px;
    position: absolute;
    z-index: 2;
    top: 0px;
    bottom: 0px;
    background: #fff;
    opacity: 0.8;
  }
  .horizontal-scroll-mobile .scroll-overlay:before {
    left: 0px;
  }
  .horizontal-scroll-mobile .scroll-overlay:after {
    right: 0px;
  }
  .horizontal-scroll-mobile .overflow {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 32px;
  }
  .horizontal-scroll-mobile .overflow {
    padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
    padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
  .horizontal-scroll-mobile .overflow:hover {
    cursor: default;
  }
  .horizontal-scroll-mobile.disable .overflow {
    cursor: default !important;
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar {
    display: block;
    height: 4px;
    transition: transform 0.3s ease;
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb {
    background-color: #707272;
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece {
    background-color: rgba(112, 114, 114, 0.5);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb {
    background-color: var(--primary);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece {
    background-color: var(--primary-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb {
    background-color: var(--secondary);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece {
    background-color: var(--secondary-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb {
    background-color: var(--tertiary);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece {
    background-color: var(--tertiary-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb {
    background-color: var(--quaternary);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece {
    background-color: var(--quaternary-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb {
    background-color: var(--quinary);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece {
    background-color: var(--quinary-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb {
    background-color: var(--senary);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece {
    background-color: var(--senary-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
    background-color: var(--light);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
    background-color: var(--light-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb {
    background-color: var(--gray);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece {
    background-color: var(--gray-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb {
    background-color: var(--dark);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece {
    background-color: var(--dark-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb {
    background-color: var(--dark-gray);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece {
    background-color: var(--dark-gray-rgba-translucent);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb {
    background-color: #fff;
  }
  .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2));
  }
  .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2));
  }
  .horizontal-scroll-mobile:not(.disable) .no-overflow {
    padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
    padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset));
  }
}
@media (max-width: 575px) {
  .horizontal-scroll-mobile {
    --horizontal-scroll-offset: 0px;
  }
  .horizontal-scroll-mobile .overflow, .horizontal-scroll-mobile .no-overflow {
    padding-left: 0;
    padding-right: 0;
  }
  .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after {
    width: 10px;
  }
  .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: calc(var(--bs-gutter-x) / 2);
  }
  .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: calc(var(--bs-gutter-x) / 2);
  }
}
.horizontal-scroll.not-contained {
  max-width: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.horizontal-scroll.not-contained .overflow {
  padding-left: 0;
  padding-right: 0;
}
.horizontal-scroll.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
  margin-left: 0;
}
.horizontal-scroll.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
  margin-right: 0;
}
.horizontal-scroll-mobile.not-contained {
  max-width: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
@media (max-width: 991px) {
  .horizontal-scroll-mobile.not-contained .overflow {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .horizontal-scroll-mobile.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: 0;
  }
  .horizontal-scroll-mobile.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .horizontal-scroll-mobile.hs-desktop-inline-1 {
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
  .horizontal-scroll-mobile.hs-desktop-inline-1 .overflow {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .horizontal-scroll-mobile.hs-desktop-inline-1:not(.disable) .overflow::-webkit-scrollbar-track-piece:start {
    margin-left: 0;
  }
  .horizontal-scroll-mobile.hs-desktop-inline-1:not(.disable) .overflow::-webkit-scrollbar-track-piece:end {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  *:has(> .horizontal-scroll-mobile.hs-desktop-inline-1) {
    width: 100vw;
    max-width: unset;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    left: calc(((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)) * -1);
  }
  .horizontal-scroll-mobile.hs-desktop-inline-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .horizontal-scroll-mobile.hs-desktop-inline-1 .overflow {
    margin-left: 0;
    margin-right: 0;
  }
  .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    max-width: unset !important;
  }
  .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > .row:has(.horizontal-scroll-mobile.hs-desktop-inline-1) {
    padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px));
    padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px));
    margin-left: 0;
    margin-right: 0;
  }
  .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > .row:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > *:not(:has(.horizontal-scroll-mobile.hs-desktop-inline-1)) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.horizontal-scroll.arrows, .horizontal-scroll-mobile.arrows {
  position: relative;
  /* Adjust spacing for mobile arrows */
}
@media (max-width: 991px) {
  .horizontal-scroll.arrows.arrows-mobile, .horizontal-scroll-mobile.arrows.arrows-mobile {
    padding-bottom: calc(1rem + 2.8125rem);
  }
  .horizontal-scroll.arrows.arrows-mobile .overflow, .horizontal-scroll-mobile.arrows.arrows-mobile .overflow {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .horizontal-scroll.arrows:not(.horizontal-scroll-mobile), .horizontal-scroll-mobile.arrows:not(.horizontal-scroll-mobile) {
    padding-bottom: 2rem;
  }
}
.horizontal-scroll.arrows .arrow-wrapper, .horizontal-scroll-mobile.arrows .arrow-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 3.75rem;
}
@media (max-width: 991px) {
  .horizontal-scroll.arrows .arrow-wrapper, .horizontal-scroll-mobile.arrows .arrow-wrapper {
    gap: 2.5rem;
  }
}
.horizontal-scroll.arrows .arrow-wrapper .arrow, .horizontal-scroll-mobile.arrows .arrow-wrapper .arrow {
  width: 2.8125rem;
  height: 2.8125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-color, #f3f3f3);
  color: var(--border-color, #f3f3f3);
  border-radius: 100%;
  font-size: 1.25rem;
  font-weight: 900;
  transition: border-color var(--transition), color var(--transition);
}
.horizontal-scroll.arrows .arrow-wrapper .arrow:hover, .horizontal-scroll-mobile.arrows .arrow-wrapper .arrow:hover {
  cursor: pointer;
}
.horizontal-scroll.arrows.arrows-top-1 .arrow-wrapper, .horizontal-scroll-mobile.arrows.arrows-top-1 .arrow-wrapper {
  bottom: unset;
  top: 0;
}
@media (min-width: 992px) {
  .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile), .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile) {
    padding-bottom: 0rem;
    padding-top: 4.5rem;
  }
}
@media (max-width: 991px) {
  .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile, .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile {
    padding-bottom: 0;
    padding-top: 4.5rem;
  }
  .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile .overflow, .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile .overflow {
    padding-bottom: 1rem;
    margin-bottom: -1rem;
  }
}
@media (min-width: 992px) {
  .horizontal-scroll.arrows.arrows-top-1.disable:not(.horizontal-scroll-mobile) {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .horizontal-scroll.arrows:not(.disable) .overflow::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 991px) {
  .horizontal-scroll.arrows:not(.arrows-mobile) .arrow-wrapper, .horizontal-scroll-mobile.arrows:not(.arrows-mobile) .arrow-wrapper {
    display: none;
  }
  .horizontal-scroll.arrows.arrows-mobile .overflow::-webkit-scrollbar, .horizontal-scroll-mobile.arrows.arrows-mobile .overflow::-webkit-scrollbar {
    display: block;
  }
}
.horizontal-scroll.arrows.disable .arrow-wrapper {
  display: none !important;
}
.horizontal-scroll-mobile.arrows-mobile.disable .arrow-wrapper {
  display: none !important;
}
.horizontal-scroll.disable, .horizontal-scroll.disable .overflow {
  overflow-y: visible;
  padding-bottom: 0 !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wi-leave-a-review-stars .main-heading-row .main-heading {
  text-align: center;
  margin-bottom: 0;
}
.wi-leave-a-review-stars .stars-row {
  margin-top: 4.5rem;
  justify-content: center;
  position: relative;
}
.wi-leave-a-review-stars .stars-row .sub-heading {
  text-align: center;
  margin-bottom: 1.5rem;
}
.wi-leave-a-review-stars .stars-row .stars {
  width: 100%;
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.wi-leave-a-review-stars .stars-row .stars .star {
  font-size: 3rem;
  cursor: pointer;
  color: #F8D311;
  transition: var(--transition);
}
@media (max-width: 575px) {
  .wi-leave-a-review-stars .stars-row .stars .star {
    font-size: 2rem;
  }
}
.wi-leave-a-review-stars .stars-row .stars .star.hovered {
  font-weight: 900;
}
.wi-leave-a-review-stars .good-display {
  justify-content: center;
}
.wi-leave-a-review-stars .good-display .good-heading {
  text-align: center;
}
.wi-leave-a-review-stars .good-display .review-option {
  display: block;
  width: 100%;
}
.wi-leave-a-review-stars .good-display .review-option img {
  width: 100%;
  height: auto;
}
.wi-leave-a-review-stars .footer-row {
  margin-top: 4.5rem;
  text-align: center;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.modal .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.modal .modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal .modal-content {
  border-radius: var(--border-radius);
  background-color: unset;
  overflow: hidden;
}
.modal .modal-content .modal-body, .modal .modal-content .modal-header {
  background-color: var(--light);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
hr.separator {
  border-top: var(--height, 2px) solid var(--color);
  width: var(--width, 100%);
  margin: var(--margin, 1rem) 0;
  opacity: var(--opacity, 1);
  height: 0;
  background-color: var(--color);
}
hr.separator.color-primary {
  --color: var(--primary) !important;
}
hr.separator.color-secondary {
  --color: var(--secondary) !important;
}
hr.separator.color-tertiary {
  --color: var(--tertiary) !important;
}
hr.separator.color-quaternary {
  --color: var(--quaternary) !important;
}
hr.separator.color-quinary {
  --color: var(--quinary) !important;
}
hr.separator.color-senary {
  --color: var(--senary) !important;
}
hr.separator.color-light {
  --color: var(--light) !important;
}
hr.separator.color-gray {
  --color: var(--gray) !important;
}
hr.separator.color-dark {
  --color: var(--dark) !important;
}
hr.separator.color-dark-gray {
  --color: var(--dark-gray) !important;
}
hr.separator.thick {
  border-top: var(--height, 4px) solid var(--color);
}
hr.separator.thin {
  border-top: var(--height, 1px) solid var(--color);
}
hr.separator.center-1 {
  margin: var(--margin, 1rem) auto;
}