/* OTA Utility CSS Framework - Trimmed Version */
/* Contains only the styles used in index.html */

/* ==========================================================================
   RESET & BASE
   ========================================================================== */

* {
  box-sizing: border-box;
}

/* ==========================================================================
   CONTAINERS
   ========================================================================== */

.ota-container-wide {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
}

.ota-container {
    max-width: 1320px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    float: unset !important;
}

/* ==========================================================================
   FLEXBOX & GRID
   ========================================================================== */

.ota-grid { display: grid !important; }
.ota-grid-cols-3 { grid-template-columns: repeat(3, 1fr) !important; }

@media (max-width: 992px) {
    .ota-grid-cols-3 { grid-template-columns: repeat(1, 1fr) !important; }
}

.ota-gap-50 { gap: 50px !important; }

/* ==========================================================================
   TEXT ALIGNMENT
   ========================================================================== */

.ota-text-center { text-align: center !important; }

/* ==========================================================================
   SPACING - MARGIN
   ========================================================================== */

/* Bottom */
.ota-mb-3 { margin-bottom: 0.75rem !important; }

/* Vertical */
.ota-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

/* ==========================================================================
   SPACING - PADDING
   ========================================================================== */

/* Vertical */
.ota-py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

/* ==========================================================================
   COLORS
   ========================================================================== */

/* Text colors */
.ota-text-white { color: #fff !important; }