:root {
  --White: #FFF;
  --Gold: #D3AD6D;
  --H6: 20px;
  --H2: 46px;
}

/* Avenir Regular */
@font-face {
  font-family: 'Avenir';
  src: url('../../fonts/Avenir/Avenir-Regular/Avenir-Regular.ttf') format('ttf');
  font-weight: 400;
  font-style: normal;
}

/* Avenir Light */
@font-face {
  font-family: 'Avenir';
  src: url('../../fonts/Avenir/Avenir-Light/Avenir-Light.ttf') format('ttf');
  font-weight: 300;
  font-style: normal;
}

/* Avenir Heavy/Bold */
@font-face {
  font-family: 'Avenir';
  src: url('../../fonts/Avenir/Avenir-Heavy/Avenir-Heavy.ttf') format('ttf');
  font-weight: 700;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Avenir', Arial, sans-serif;
  background: var(--Navy, #001F33);
}

/************************************ Custom & Global padding classes ************************************/
.p-40 {
  padding: 40px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}


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

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

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 576px) {
  .px-40 {
    padding-left: 20px;
    padding-right: 20px;
  }
}


.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}



/************************************ Custom & Global color classes ************************************/
.text-white {
  color: white;
}

.fs-18 {
  font-size: 18px !important;
}

/* Custom Button Styles */
.btn-white-pill {
  display: flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 999px;
  background: var(--White, #FFF);
  color: #000;
  /* Default text color for accessibility */
  text-decoration: none;
  font-size: 14px;
  border: none;
  font-weight: 500;
  transition: background-color 0.2s ease-in-out;
}

.btn-white-pill:hover {
  background-color: #f8f9fa;
  color: #000;
}

.btn-blue-pill {
  display: flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 999px;
  background: var(--Blue, #0045E3);
  color: #fff;
  /* Default text color for accessibility */
  text-decoration: none;
  font-size: 14px;
  border: none;
  font-weight: 500;
  transition: background-color 0.2s ease-in-out;
}

.btn-blue-pill:hover {
  background-color: #0045E3;
  color: #fff;
}

/* Heading Styles */
.sub-heading-heavy {
  transform: rotate(0.14deg);
  color: var(--Gold, #D3AD6D);
  font-family: 'Avenir', sans-serif;
  font-size: var(--H6, 20px);
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

.heading-h2-regular {
  align-self: stretch;
  color: var(--White, #FFF);
  font-family: 'Avenir', sans-serif;
  font-size: var(--H2, 46px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.heading-h2-regular-2 {
  align-self: stretch;
  color: var(--White, #FFF);
  font-family: 'Avenir', sans-serif;
  font-size: var(--H2, 56px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.w-177 {
  width: 150px;
}

.text-l-regular {
  font-family: 'Avenir', sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 33.6px */
  color: var(--White, #FFF);
}

.mt-10 {
  margin-top: 100px;
}

.mt-14 {
  margin-top: 140px;
}

.mb-10 {
  margin-bottom: 100px;
}

.mt-8 {
  margin-top: 80px;
}

.w-124 {
  width: 124px;
}

.h-75 {
  height: 75px;
}

/* Ensure toggler icon is white */
.navbar-toggler-icon {
  width: 32px;
  height: 32px;
  filter: brightness(0) invert(1);
}