:root {
    --prime-color: #262626 !important;
    --non-prime-color: #f60 !important;
    --non-prime-color2: #333 !important;
    --prime-color2: #FF6600 !important;
    --prime-bg-prime-page: #FFF0E5 !important;
    --prime-bg-prime-page2: #FFF7F3 !important;
    --prime-bg-hero: #FFF7F3 !important;
    --color-bullet-slider: rgba(0, 44, 82, 0.2);
    --prime-hero-mobile: #633C21 !important;
    --prime-hero: #633C21 !important;
    --SB-hero: #633C21 !important;
    --prisma-color-300: #FF944D !important; 
    --prisma-color-400: #FF7E29 !important;
    margin: 0 0;
    padding: 0 0;
}

.brand_logo {
    content: url(https://www.opodo.com/images/onefront/bluestone/OP/Opodo_logo_negative.svg);
}

.brand_logo_prime {
    content: url(https://www.opodo.com/images/onefront/bluestone/OP/prime_logo/logo-prime-negative-short.svg);
        }

body {
    font-family: "Rubik" !important;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

u {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: inherit;
}

.bg-prime-color {
    background-color: var(--prime-color);
}

.bg-prime-color2 {
    background-color: var(--prime-color2) !important;
}

.bg-prime-page {
    background: linear-gradient(0deg, var(--prime-bg-prime-page) 55.32%, var(--prime-bg-prime-page2) 122.22%);
}

.prime-color {
    color: var(--prime-color) !important;
}

.prime-color2 {
    color: var(--prime-color2) !important;
}

.non-prime-color {
    color: var(--non-prime-color) !important;
}

.primary-color {
    color: var(--non-prime-color) !important;
}

.primary-bg,
.logoBackground {
    background-color: var(--non-prime-color);
}

.text-white {
    color: #fff;
}