/* Local compatibility layer for Bootstrap class names used by the supplied modules.
   Not a byte-identical copy of the original customized Bootstrap build. */
* {
   box-sizing: border-box
}

body {
   margin: 0;
   font: 16px/1.6 Inter, Arial, sans-serif;
   color: #787878;
   background: white
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: Saira, Arial, sans-serif;
   color: #001d23;
   line-height: 1.2;
   margin: 0 0 .5rem;
   font-weight: 600
}

h1 {
   font-size: 2.5rem
}

h2 {
   font-size: 2rem
}

h3 {
   font-size: 1.75rem
}

.h5,
h5 {
   font-size: 1.25rem
}

.h6,
h6 {
   font-size: 1rem
}

.display-4 {
   font-size: clamp(2.3rem, 4.5vw, 3.5rem);
   font-weight: 700
}

.display-6 {
   font-size: clamp(1.9rem, 3vw, 2.5rem);
   font-weight: 700
}

p {
   margin: 0 0 1rem
}

a {
   color: #a08700;
   text-decoration: none
}

a:hover {
   text-decoration: underline
}

button,
input,
select,
textarea {
   font: inherit
}

button {
   cursor: pointer
}

.container {
   width: 100%;
   padding: 0 12px;
   margin: auto
}

.container-fluid,
.container-xxl {
   width: 100%;
   padding: 0 12px;
   margin: auto
}

@media(min-width:576px) {
   .container {
      max-width: 540px
   }
}

@media(min-width:768px) {
   .container {
      max-width: 720px
   }
}

@media(min-width:992px) {
   .container {
      max-width: 960px
   }
}

@media(min-width:1200px) {
   .container {
      max-width: 1140px
   }
}

@media(min-width:1400px) {
   .container {
      max-width: 1320px
   }
}

.row {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -12px
}

.row>* {
   padding: 0 12px;
   width: 100%
}

.g-4 {
   row-gap: 24px
}

.g-5 {
   row-gap: 48px
}

.g-5>* {
   padding: 0 24px
}

.g-5 {
   margin: 0 -24px
}

@media(min-width:768px) {
   .col-md-6 {
      width: 50%
   }

   .text-md-end {
      text-align: right
   }
}

@media(min-width:992px) {
   .col-lg-2 {
      width: 16.6667%
   }

   .col-lg-3 {
      width: 25%
   }

   .col-lg-4 {
      width: 33.3333%
   }

   .col-lg-6 {
      width: 50%
   }

   .col-lg-12 {
      width: 100%
   }
}

.text-center {
   text-align: center
}

.text-end {
   text-align: right
}

.text-white {
   color: white !important
}

.text-white-50 {
   color: #ffffff80
}

.text-primary {
   color: #a08700 !important
}

.text-light {
   color: #f8f8f9 !important
}

.bg-primary {
   background: #ffd30f !important
}

.bg-secondary {
   background: #fff0e6
}

.bg-white {
   background: white
}

.bg-light {
   background: #f8f8f9
}

.bg-dark {
   background: #001d23
}

.d-flex {
   display: flex
}

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

.flex-column {
   flex-direction: column
}

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

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

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

.position-relative {
   position: relative
}

.position-absolute {
   position: absolute
}

.top-0 {
   top: 0
}

.end-0 {
   right: 0
}

.overflow-hidden {
   overflow: hidden
}

.w-100 {
   width: 100%;
   height: auto !important;
}

.h-100 {
   height: 100%
}

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

.rounded {
   border-radius: 6px
}

.rounded-top {
   border-radius: 6px 6px 0 0
}

.rounded-pill {
   border-radius: 50rem
}

.rounded-circle {
   border-radius: 50%
}

.border-top {
   border-top: 1px solid
}

.border-5 {
   border-width: 5px
}

.border-primary {
   border-color: #ffd30f
}

.fw-bold {
   font-weight: 700
}

.fs-5 {
   font-size: 1.25rem
}

.mt-auto {
   margin-top: auto
}

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

.mb-0 {
   margin-bottom: 0
}

.mb-2 {
   margin-bottom: .5rem
}

.mb-3 {
   margin-bottom: 1rem
}

.mb-4 {
   margin-bottom: 1.5rem
}

.mb-5 {
   margin-bottom: 3rem
}

.mt-5 {
   margin-top: 3rem
}

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

.me-2 {
   margin-right: .5rem
}

.p-3 {
   padding: 1rem
}

.p-4 {
   padding: 1.5rem
}

.py-1 {
   padding-top: .25rem;
   padding-bottom: .25rem
}

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

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

.pb-1 {
   padding-bottom: .25rem
}

.pt-5 {
   padding-top: 3rem
}

.pe-5 {
   padding-right: 3rem
}

.btn {
   display: inline-block;
   padding: .5rem 1rem;
   border: 1px solid transparent;
   border-radius: 4px;
   text-align: center;
   cursor: pointer
}

.btn-outline-primary {
   color: #756200;
   border-color: #ffd30f
}

.btn-outline-primary:hover {
   background: #ffd30f;
   color: #000
}

.btn-link {
   background: none;
   border: 0;
   padding: 0
}

.table {
   border-collapse: collapse;
   width: 100%
}

td,
th {
   padding: .75rem;
   border-bottom: 1px solid #ddd
}

video {
   max-width: 100%
}