:root {
    --bs-primary: #2b658a;
    --bs-primary-rgb: 43, 101, 138;
    --bs-success: #43cf28;
    --bs-success-rgb: 67, 207, 40;
    --primary-color: #2b658a;
    --secondary-color: #ffb642;
    --secondary-color2: #f8b64e;
    --dark-color: #2c3e50;
    --light-color: #f8f9fa;
    --white: #ffffff;
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2b658a;
    --bs-btn-border-color: #2b658a;
    --bs-btn-hover-bg: #257ab0;
    --bs-btn-hover-border-color: #257ab0;
    --bs-btn-active-bg: #1e6390;
    --bs-btn-active-border-color: #1e6390;
}

.btn-outline-primary {
    --bs-btn-color: #2b658a;
    --bs-btn-border-color: #2b658a;
    --bs-btn-hover-bg: #2b658a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: #2b658a;
}
.bg-warning{
    background: #f6b85b !important;
}
.shadow-lg{
    box-shadow: 0 0 11px #00000075 !important;
}

.rounded-top-pill {
    border-top-left-radius: 10rem;
    border-top-right-radius: 10rem;
}
@media (min-width: 1200px) {
    .order-xl-6 { order: 6 !important; }
    .order-xl-7 { order: 7 !important; }
}
@media (max-width: 1200px) {
    .order-6 { order: 6 !important; }
    .order-7 { order: 7 !important; }
    .order-8 { order: 8 !important; }
}
@media (max-width: 768px) {
    .rounded-top-pill {
        border-top-left-radius: 3rem !important;
        border-top-right-radius: 3rem !important;
    }
}