body {
  font-family: 'Oxygen', sans-serif;
}

html {
  scroll-behavior: smooth;
}

.splide__pagination {
  bottom: -1.5em !important;
}

.splide__pagination__page.is-active {
  background-color: rgba(30, 83, 143, 1) !important;
  opacity: 1 !important;
}

.splide__pagination__page {
  background-color: rgba(203, 213, 224, 1) !important;
  opacity: 1 !important;
}

.gradient-blue {
  background: linear-gradient(267.07deg, #175CD3 0%, #1EA5FC 100%);
}

.timeline-middle-custom {
  grid-column-start: -5;
  grid-row-start: 2;
}

:where(.timeline-custom > li > hr):last-child {
  grid-column-start: -5;
  grid-column-end: auto;
  grid-row-start: 3;
  grid-row-end: none;
}

:where(.timeline-custom > li > hr):first-child {
  grid-column-start: -5;
  grid-row-start: 1;
}

.timeline-end {
  font-family: 'Work Sans', sans-serif;
}

.timeline-start {
  font-family: 'Work Sans', sans-serif;
}

.timeline-custom .timeline-end {
  grid-column-start: -4;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
  align-self: center;
  justify-self: start;
}

.blue-25 {
  background: rgba(245, 250, 255, 1);
}

.font-work-sans {
  font-family: 'Work Sans', sans-serif;
}

.gray-25 {
  background: rgba(242, 243, 250, 1);
}

.htmx-settling img {
  opacity: 0;
}

img {
 transition: opacity 300ms ease-in;
}

.hidden {
  display: none;
}

.pagination-container {
  width: calc(100% - 2rem);
  display: flex;
  align-items: center;
  bottom: 0;
  padding: 1rem 0;
  justify-content: center;
}

.pagination-number {
  font-size: 1.1rem;
  background-color: transparent;
  border: none;
  margin: 0.25rem 0.25rem;
  cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: .2rem;
}

.pagination-button {
  font-size: 1.1rem;
  background-color: transparent;
  margin: 0.25rem 0.25rem;
  cursor: pointer;
  height: 2.5rem;
  width: 8rem;
  border-radius: .5rem;
  border: 1px solid rgb(207, 207, 207);
}

.pagination-number:hover,
.pagination-button:not(.disabled):hover {
  background: #fff;
}

#prev-button:hover,
#next-button:hover {
  background: #175CD3;
  color: #fff;
}

.pagination-number.active {
  color: rgba(24, 73, 169, 1);
  background: rgba(239, 248, 255, 1);
}

.bg-blue-10 {
  background: rgba(245, 250, 255, 1);
}

.radius-10-1 {
  border-radius: 10px 0;
}

.radius-16 {
  border-radius: 16px;
}

.p-2-8 {
  padding: 2px 8px;
}

.w-max-content {
  width: max-content;
}

.btn-outline-primary {
  border: 1px solid rgba(24, 73, 169, 1);
  color: rgba(24, 73, 169, 1);
  background: #fff;
}

.btn-outline-primary:hover {
  border: 1px solid #fff;
  color: #fff;
  background: rgba(24, 73, 169, 1);
}

.w-4rem {
  width: 4rem;
}

.h-4rem {
  height: 4rem;
}

.mr-30 {
  margin-right: 30rem;
}

.navbar {
  transition: background-color  0.3s ease;
}

.custom-pagination-container {
  display: inline-flex;
  align-items: stretch;
  gap: 5px;
}

.custom-pagination-item {
  background-color: transparent;
  box-shadow: none;
  border: none;
  font-weight: 400;
  color: #667085;
  font-size: 14px;
}

.active-pagination-item {
  background-color: #EFF8FF;
  color: #1E538F;
  font-weight: 600;
}

.custom-disabled-button {
  pointer-events: none;
  color: #667085;
}

.tw-1tjwju9{
  z-index: 9999;
}

.tw-1inz696 {
  height: 90vh !important;
} 

.video-container {
  pointer-events: none;
  height: 100%;
}

.select2-container--default .select2-selection--single {
  border-radius: 10px !important;
  border-width: 1px;
  border-color: var(--fallback-bc,oklch(var(--bc)/.2)) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px !important;
  right: 10px !important;
}

.select2-container .select2-selection--single {
  height: 48px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 40px !important;
  margin-top: 8px !important;
}