<style>
  
  .maritime-section .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.maritime-section .bg-gradient-to-b {
  background: linear-gradient(to bottom, #F0F4FF, #BFD0FE);
}

.maritime-section .container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.maritime-section .text-4xl {
  font-size: 2.25rem;
  font-weight: 700;
}

.maritime-section .font-semibold {
  font-weight: 600;
}

.maritime-section .text-center {
  text-align: center;
}

.maritime-section .mb-12 {
  margin-bottom: 3rem;
}

.maritime-section .flex {
  display: flex;
}

.maritime-section .items-center {
  align-items: center;
}

.maritime-section .md\:flex-row {
  flex-direction: row;
}

.maritime-section .md\:items-center {
  align-items: center;
}

.maritime-section .mb-8 {
  margin-bottom: 2rem;
}

.maritime-section .relative {
  position: relative;
}

.maritime-section .w-24 {
  width: 6rem;
}

.maritime-section .h-24 {
  height: 6rem;
}

.maritime-section .bg-[#2960F8] {
  background-color: #2960F8;
}

.maritime-section .rounded-full {
  border-radius: 50%;
}

.maritime-section .flex-col {
  flex-direction: column;
}

.maritime-section .text-[#F0F4FF] {
  color: #F0F4FF;
}

.maritime-section .text-[#00092F] {
  color: #00092F;
}

.maritime-section .max-w-[200px] {
  max-width: 200px;
}

.maritime-section .hidden {
  display: none;
}

.maritime-section .md\:block {
  display: block;
}

.maritime-section .absolute {
  position: absolute;
}

.maritime-section .top-1\/2 {
  top: 50%;
}

.maritime-section .left-full {
  left: 100%;
}

.maritime-section .h-0.5 {
  height: 2px;
}

.maritime-section .-translate-y-1\/2 {
  transform: translateY(-50%);
}

.maritime-section .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.maritime-section .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.maritime-section .text-sm {
  font-size: 0.875rem;
}

.maritime-section .font-bold {
  font-weight: 700;
}
</style>