:root{
    --base-blue: rgb(0 147 209);
    --blue-light: rgb(69 196 233 / 19%) !important;
    --base-txt-blue: rgb(0 147 209);
    --base-blue-hover: rgb(1 130 185);
    --base-orange: rgb(255 154 0);
    --base-txt-orange: rgb(255 102 0);
    --base-orange-hover: rgb(231 139 0);
    --blue-light: rgb(69 196 233);
    --orange-color: rgb(255 154 0);
    --gray-color: rgb(153 153 153);
    --grey-color: rgb(245 244 245);
    --gray: #6c757d;
    --gray-dark: #343a40; 
    --gray-dark-lighter:rgb(108 117 125);
    --gray-dark-light: rgb(68 68 68);
    --gray-dark-color: rgb(88 88 88);
    --white-color: rgb(255 255 255);
    --bg-white: rgb(255 255 255);
    --border-color: #e0e0e0;
    --roboto-font: 'Roboto',Helvetica,Arial,sans-serif;
    --condensed-font: 'Roboto Condensed', sans-serif;
    --primary-color: #0093d1;
    --secondary-color: #005a8e;
    --accent-color: #ff9800;
    --text-color: #333333;
    --light-text: #ffffff;
    --bg-color: #f8f9fa;
    --border-color: #e0e0e0;
    --hover-bg: #f0f7ff;
    --active-bg: #e3f2fd;
    --shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    --bs-heading-color:rgba(33, 37, 41, 0.75);
    --pax-light-color: #f8f9fa; 
    --pax-bg-color, #ffffff;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: var(--base-blue) !important;
}
.bg-orange {
    --bs-bg-opacity: 1;
    background-color: var(--base-orange) !important;
}
@media (min-width: 1200px) {
.fs-8 {font-size: 0.8rem !important;}
.fs-9 {font-size: 0.9rem !important;}
}
.color-blue { color: var(--base-blue);}
.color-orange { color: var(--base-orange);}
.gray-dark-color {color: var(--gray-dark-color);}
/*.cart-dropdown:hover .dropdown-menu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.3s ease;
}*/