.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

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

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.order-2 {
  order: 2;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.left-0 {
  left: 0px;
}

.right-0 {
  right: 0px;
}

.top-0 {
  top: 0px;
}

.bottom-0 {
  bottom: 0px;
}

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

.flex {
  display: flex;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[100\%\] {
  height: 100%;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[100vh\] {
  height: 100vh;
}

.h-\[250px\] {
  height: 250px;
}

.h-\[80px\] {
  height: 80px;
}

.h-\[calc\(100vh-100px\)\] {
  height: calc(100vh - 100px);
}

.w-\[300px\] {
  width: 300px;
}

.w-\[100\%\] {
  width: 100%;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[45\%\] {
  width: 45%;
}

.w-\[50\%\] {
  width: 50%;
}

.w-\[20\%\] {
  width: 20%;
}

.w-\[30\%\] {
  width: 30%;
}

.max-w-\[1000px\] {
  max-width: 1000px;
}

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

.flex-row {
  flex-direction: row;
}

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

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

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

.gap-y-\[20px\] {
  row-gap: 20px;
}

.gap-10 {
  gap: 2.5rem;
}

.overflow-hidden {
  overflow: hidden;
}

.bg-\[\#428FCD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 143 205 / var(--tw-bg-opacity));
}

.bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[2rem\] {
  font-size: 2rem;
}

.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.opacity-0 {
  opacity: 0;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

@media (min-width: 768px) {
  .md\:flex {
    display: flex;
  }

  .md\:w-\[45\%\] {
    width: 45%;
  }

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