/* Utility Classes Component
 * Extracted from multiple files to eliminate duplication
 * Color, spacing, display, and other utility classes
 */

/* Color utilities */
.new-wrapper .color-white { color: #fff !important; }
.new-wrapper .color-red { color: #ff0019 !important; }
.new-wrapper .color-blue { color: #0f273a !important; }
.new-wrapper .white { color: #fff; }
.new-wrapper .red { color: #ff0019; }
.new-wrapper .darkblue { color: #0f273a; }
.new-wrapper .yellow { color: #ffc100; }

/* Background utilities */
.new-wrapper .background-red { background-color: #ff0019 !important; }
.new-wrapper .background-lightblue { background-color: #dfe7f1 !important; }
.new-wrapper .background-blue { background-color: #0f273a !important; }
.new-wrapper .background-yellow { background-color: #ffc100 !important; }
.new-wrapper .bg-white { background-color: #fff; }
.new-wrapper .bg-lightblue { background-color: #dfe7f1; }
.new-wrapper .bg-darkblue { background-color: #0f273a; }
.new-wrapper .bg-yellow { background-color: #ffc100; }

/* Text alignment */
.new-wrapper .text-center { text-align: center; }
.new-wrapper .text-right { text-align: right; }
.new-wrapper .text-left { text-align: left; }
.new-wrapper .text-uppercase { text-transform: uppercase; }

/* Display utilities */
.new-wrapper .d-inline { display: inline !important; }
.new-wrapper .d-block { display: block !important; }
.new-wrapper .d-grid { display: grid !important; }
.new-wrapper .d-flex { display: flex !important; }
.new-wrapper .d-inline-flex { display: inline-flex !important; }
.new-wrapper .d-none { display: none !important; }

/* Flexbox utilities */
.new-wrapper .flex-row { flex-direction: row !important; }
.new-wrapper .flex-column { flex-direction: column !important; }
.new-wrapper .flex-grow-1 { flex-grow: 1; }
.new-wrapper .justify-content-center { justify-content: center !important; }
.new-wrapper .justify-content-between { justify-content: space-between !important; }
.new-wrapper .align-center { align-items: center; }
.new-wrapper .align-left { align-items: left; }

/* Spacing utilities */
.new-wrapper .pt-3 { padding-top: 1rem; }
.new-wrapper .pt-4 { padding-top: 1.5rem; }
.new-wrapper .pt-5 { padding-top: 3rem; }
.new-wrapper .pb-2 { padding-bottom: 0.5rem; }
.new-wrapper .pb-3 { padding-bottom: 1rem; }
.new-wrapper .pb-4 { padding-bottom: 1.5rem; }

.new-wrapper .ml-auto { margin-left: auto; }
.new-wrapper .mr-auto { margin-right: auto; }
.new-wrapper .mx-auto { margin-right: auto !important; margin-left: auto !important; }

.new-wrapper .mr-2 { margin-right: 0.5rem; }
.new-wrapper .mb-3 { margin-bottom: 1rem; }
.new-wrapper .mb-4 { margin-bottom: 1.5rem; }
.new-wrapper .mt-4 { margin-top: 1.5rem; }
.new-wrapper .ml-2 { margin-left: 0.5rem; }

.new-wrapper .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.new-wrapper .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.new-wrapper .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.new-wrapper .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.new-wrapper .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
.new-wrapper .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }

.new-wrapper .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.new-wrapper .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.new-wrapper .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.new-wrapper .py-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

/* Font utilities */
.new-wrapper .font-mont { font-family: "Montserrat", Arial, sans-serif; }
.new-wrapper .font-robot { font-family: "Nunito", Arial, Helvetica, sans-serif; }
.new-wrapper .font-sans { font-family: "Montserrat", Arial, sans-serif; }
.new-wrapper .sans-serif { font-family: "Montserrat", Arial, sans-serif; font-weight: 700; }
.new-wrapper .serif { font-family: "Nunito", Arial, Helvetica, sans-serif; font-weight: 400; }

/* order utilities */
.new-wrapper .order-first {
    order: -1;
}

.new-wrapper .order-1 {
    order: 1;
}

.new-wrapper .order-2 {
    order: 2;
}

.new-wrapper .order-3 {
    order: 3;
}

/* Responsive utilities */
@media (min-width: 576px) {
    .new-wrapper .d-sm-block { display: block !important; }
    .new-wrapper .d-sm-none { display: none !important; }
    .new-wrapper .pt-5 { padding-top: 0; }
}

@media (max-width: 767.98px) {
  .new-wrapper .order-md-2 { order: 2; }
  .new-wrapper .order-md-3 { order: 3; }
}

@media (min-width: 768px) {
  .new-wrapper .order-md-3 { order: 3; }
  .new-wrapper .order-md-last { order: 6; }
}

@media (min-width: 992px) {
    .new-wrapper .d-lg-block { display: block !important; }
    .new-wrapper .d-lg-none { display: none !important; }
    .new-wrapper .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

@media (min-width: 1400px) {
    .new-wrapper .d-xxl-none { display: none !important; }
    .new-wrapper .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; }
}

.new-wrapper hr {
    border-bottom: 1px solid #dfe7f1 !important;
    border: 0;
    margin: 2rem 0;
}

.vertical-align-center {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.pointer {
    cursor: pointer;
}