[data-bs-theme=light] {
  --bs-primary: #0b1f3a;
  --bs-primary-rgb: 11, 31, 58;
  --bs-secondary: #64758a;
  --bs-secondary-rgb: 100, 117, 138;
  --bs-tertiary-bg: #eef7fb;
  --bs-tertiary-bg-rgb: 238, 247, 251;
  --bs-danger: #ff684a;
  --bs-danger-rgb: 255, 104, 74;
  --bs-info: #cfe8f3;
  --bs-info-rgb: 207, 232, 243;
  --bs-dark: #1a2530;
  --bs-dark-rgb: 26, 37, 48;
  --bs-spacer: 1rem;
  --bs-body-font-family: "Roboto";
  --bs-body-font-weight: 400;
  --bs-heading-font-family: "Roboto";
  --bs-heading-font-weight: 500;
  --bs-body-font-size: 1.2rem;
  --bs-display-font-weigh: var(--bs-heading-font-weight);
  --bs-border-color: var(--bs-gray-400);
  --bs-border-color-rgb: var(--bs-gray-400-rgb);
}
[data-bs-theme=light] nav {
  --bs-navbar-brand-color: var(--bs-primary);
  --bs-navbar-brand-hover-color: var(--bs-primary);
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-nav-link-hover-color: var(--bs-primary);
  --bs-navbar-brand-font-size: 30px;
  --bs-nav-link-font-size: 18px;
  --bs-navbar-nav-link-padding-x: 0rem;
}

body {
  overflow-x: clip;
}

p:last-child {
  margin: 0;
  padding: 0;
}

.bg-primary, .bg-secondary, .bg-dark {
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bs-heading-font-family);
  font-weight: var(--bs-heading-font-weight);
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-weight: var(--bs-display-font-weigh);
}

.f-body {
  font-family: var(--bs-body-font-family);
  font-weight: var(--bs-body-font-weight);
}

.f-heading {
  font-family: var(--bs-heading-font-family);
  font-weight: var(--bs-heading-font-weight);
}

.btn.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary), gray 25%);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary), gray 25%);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn.btn-success {
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-success), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-success), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-success), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-success), gray 25%);
  --bs-btn-disabled-bg: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: var(--bs-success);
  --bs-btn-hover-border-color: var(--bs-success);
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
  --bs-btn-disabled-color: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}

.btn.btn-danger {
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-danger), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-danger), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-danger), gray 25%);
  --bs-btn-disabled-bg: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-hover-border-color: var(--bs-danger);
  --bs-btn-active-bg: var(--bs-danger);
  --bs-btn-active-border-color: var(--bs-danger);
  --bs-btn-disabled-color: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
}

.btn.btn-warning {
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-warning), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-warning), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-warning), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-warning), gray 25%);
  --bs-btn-disabled-bg: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
}

.btn.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-bg: var(--bs-warning);
  --bs-btn-hover-border-color: var(--bs-warning);
  --bs-btn-active-bg: var(--bs-warning);
  --bs-btn-active-border-color: var(--bs-warning);
  --bs-btn-disabled-color: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
}

.btn.btn-info {
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-info), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-info), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-info), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-info), gray 25%);
  --bs-btn-disabled-bg: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-bg: var(--bs-info);
  --bs-btn-hover-border-color: var(--bs-info);
  --bs-btn-active-bg: var(--bs-info);
  --bs-btn-active-border-color: var(--bs-info);
  --bs-btn-disabled-color: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
}

.btn.btn-light {
  --bs-btn-bg: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-light), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-light), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-light), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-light), gray 25%);
  --bs-btn-disabled-bg: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
}

.btn.btn-outline-light {
  --bs-btn-color: var(--bs-light);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-bg: var(--bs-light);
  --bs-btn-hover-border-color: var(--bs-light);
  --bs-btn-active-bg: var(--bs-light);
  --bs-btn-active-border-color: var(--bs-light);
  --bs-btn-disabled-color: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
}

.btn.btn-dark {
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-dark), gray 35%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-dark), gray 35%);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-dark), gray 25%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-dark), gray 25%);
  --bs-btn-disabled-bg: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn.btn-outline-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-dark);
  --bs-btn-active-bg: var(--bs-dark);
  --bs-btn-active-border-color: var(--bs-dark);
  --bs-btn-disabled-color: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn {
  margin-bottom: var(--bs-spacer);
  padding: calc(var(--bs-spacer) * 0.5) calc(var(--bs-spacer) * 3);
  font-weight: bold;
}

.modal-header .btn-close {
  padding: var(--bs-modal-header-padding-y) var(--bs-modal-header-padding-x);
  margin-left: auto;
}

.card {
  --bs-card-border-width: 0px;
}

.card.card-outer {
  --bs-card-border-width: 0px;
  --bs-card-border-radius: 0px;
}

.card > .card-body {
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
}

.card > .card-img-top {
  padding: 2em 2em;
}

.carousel-image {
  display: block;
  width: 100%;
  object-fit: contain;
}

.pill {
  border-radius: 0.5rem !important;
  padding: calc(var(--bs-spacer) * 0.5) var(--bs-spacer) !important;
}

.fade-in {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.fade-in.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.marquee-wrapper {
  overflow: hidden;
  position: relative;
  margin: auto;
  width: 100%;
}
.marquee-wrapper .marquee-track-text {
  white-space: nowrap;
  animation: marquee 30s linear infinite;
  display: flex;
  width: max-content;
}
.marquee-wrapper .marquee-track-image {
  white-space: nowrap;
  animation: marquee-image 50s linear infinite;
  display: flex;
  width: max-content;
}
.marquee-wrapper .marquee-set-image {
  display: flex;
  align-items: center;
  gap: 10em;
  padding-right: 10em;
}
.marquee-wrapper .marquee-set-image img {
  max-height: 3em;
}

.marquee-wrapper:hover .marquee-track-text,
.marquee-wrapper:hover .marquee-track-image {
  animation-play-state: paused;
}

.marquee-wrapper::before,
.marquee-wrapper::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 5rem;
  pointer-events: none;
}

.marquee-wrapper::before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.marquee-wrapper::after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee-image {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.card-carousel .carousel-item {
  padding-left: 4rem;
  padding-right: 4rem;
}

.card-carousel .carousel-control-prev,
.card-carousel .carousel-control-next {
  width: 3rem;
  height: 3rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  z-index: 5;
}

.card-carousel .carousel-control-prev {
  left: 0.25rem;
}

.card-carousel .carousel-control-next {
  right: 0.25rem;
}

@media (max-width: 768px) {
  .card-carousel .carousel-item {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}
.profile {
  object-fit: cover;
  object-position: 50% 15%;
  aspect-ratio: 1/1;
  width: 100%;
}

#team-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: linear-gradient(rgba(238, 247, 251, 0.78) 90%), url("/assets/img/people/team.jpg");
  background-position: center 25%;
}

#banner > .card-body {
  z-index: 1;
}
#banner > .bg {
  z-index: 0;
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  animation: fade 40s infinite linear;
  opacity: 0;
}
#banner > .bg.bg-0 {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background.png");
  animation-delay: 0s;
  background-position: center;
}
#banner > .bg.bg-1 {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background_1.png");
  animation-delay: 8s;
  background-position: bottom;
}
#banner > .bg.bg-2 {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background_2.png");
  animation-delay: 16s;
  background-position: bottom;
}
#banner > .bg.bg-3 {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background_3.png");
  animation-delay: 24s;
  background-position: bottom;
}
#banner > .bg.bg-4 {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background_4.png");
  animation-delay: 32s;
  background-position: center;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  2%, 18% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
}
.fade-in {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.fade-in.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.marquee-wrapper {
  overflow: hidden;
  position: relative;
  margin: auto;
  width: 100%;
}
.marquee-wrapper .marquee-track-text {
  white-space: nowrap;
  animation: marquee 30s linear infinite;
  display: flex;
  width: max-content;
}
.marquee-wrapper .marquee-track-image {
  white-space: nowrap;
  animation: marquee-image 50s linear infinite;
  display: flex;
  width: max-content;
}
.marquee-wrapper .marquee-set-image {
  display: flex;
  align-items: center;
  gap: 3em;
  padding-right: 3em;
}
.marquee-wrapper .marquee-set-image img {
  height: 5em;
}

.marquee-wrapper:hover .marquee-track-text,
.marquee-wrapper:hover .marquee-track-image {
  animation-play-state: paused;
}

.marquee-wrapper::before,
.marquee-wrapper::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 5rem;
  pointer-events: none;
}

.marquee-wrapper::before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.marquee-wrapper::after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee-image {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.card-carousel .carousel-item {
  padding-left: 4rem;
  padding-right: 4rem;
}

.card-carousel .carousel-control-prev,
.card-carousel .carousel-control-next {
  width: 3rem;
  height: 3rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  z-index: 5;
}

.card-carousel .carousel-control-prev {
  left: 0.25rem;
}

.card-carousel .carousel-control-next {
  right: 0.25rem;
}

@media (max-width: 768px) {
  .card-carousel .carousel-item {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}
#media-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 65vh;
}

#media-banner:has(> * #item-0.active) {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("https://ichef.bbci.co.uk/news/1024/cpsprodpb/3765/production/_115018141_3.png");
}

#media-banner:has(> * #item-1.active) {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background.png");
}

#media-banner:has(> * #item-2.active) {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("https://www.usnews.com/object/image/00000183-b31f-dffa-a79b-b79f015e0000/unsplash-ern-low-ruan-plane.jpg");
}

#media-banner:has(> * #item-3.active) {
  background-image: linear-gradient(rgba(238, 247, 251, 0.75) 90%), url("/assets/img/background_3.png");
}

/*# sourceMappingURL=style.css.map */