:root {
    /* ==============================
       PRIMARY COLORS
    ============================== */
    --primary-900: #D00000;
    --primary-800: #E00000;
    --primary-700: #F0001A;
    --primary-600: #F00000;
    --primary-500: #FF2B1F;
    --primary-400: #FF4842;
    --primary-300: #F56B6B;
    --primary-200: #FF9494;
    --primary-100: #FFC6CC;
    --primary-50: #FFE9EC;

    /* ==============================
       SECONDARY COLORS
    ============================== */
    --secondary-900: #F05A00;
    --secondary-800: #F58200;
    --secondary-700: #F59A00;
    --secondary-600: #F5AE00;
    --secondary-500: #F5C000;
    --secondary-400: #F5D000;
    --secondary-300: #F5D13B;
    --secondary-200: #F5DC7D;
    --secondary-100: #F9E8AD;
    --secondary-50: #FFF7DF;

    --text-black: #131212;
    --text-white: #fff;

    --font-heading: "Arimo", sans-serif;
    --font-body: "Inter", sans-serif;

        --primary-color: #f51d2a;
    --primary-hover: #df101e;
    --text-color: #111111;
    --muted-color: #626262;
    --header-bg: #ffffff;
    --dropdown-bg: #ffffff;
    --header-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);

    /* Shared booking confirmation */
    --confirmation-surface: var(--text-white);
    --confirmation-muted-surface: #f8f8f7;
    --confirmation-border: #e9e7e4;
    --confirmation-success: #198754;
    --confirmation-success-surface: #eaf6ef;
    --confirmation-overlay: rgb(17 17 17 / 65%);
    --confirmation-shadow: 0 24px 80px rgb(0 0 0 / 22%);
    --confirmation-radius: 20px;
    --confirmation-padding: 28px;
}

.mt-0 { margin-top: 0;}
.mb-0 { margin-bottom: 0;}

.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 3rem;}
.mt-40 { margin-top: 4rem;}
.mt-50 { margin-top: 5rem;}
.mt-60 { margin-top: 6rem;}
.mt-70 { margin-top: 7rem;}
.mt-80 { margin-top: 8rem;}
.mt-90 { margin-top: 9rem;}
.mt-100 { margin-top: 10rem;}

.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 3rem;}
.mb-40 { margin-bottom: 4rem;}
.mb-50 { margin-bottom: 5rem;}
.mb-60 { margin-bottom: 6rem;}
.mb-70 { margin-bottom: 7rem;}
.mb-80 { margin-bottom: 8rem;}
.mb-90 { margin-bottom: 9rem;}
.mb-100 { margin-bottom: 10rem;}

.py-50 { padding-top: 5rem; padding-bottom: 5rem;}
.py-60 { padding-top: 6rem; padding-bottom: 6rem;}
.py-70 { padding-top: 7rem; padding-bottom: 7rem;}

.p-relative { position: relative;}

html {
    font-size: 62.5%;
}

*,
::after,
::before {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
}

img {
    max-width: 100%;
    display: block;
}

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

.container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.text-center { text-align: center;}

.flext-list { list-style: none;  padding: 0;}
.flext-list li { display: flex; gap: 10px; padding-left: 0; align-items: center;}
.flext-list li span { align-self: flex-start; margin-top: 5px;}


@keyframes heading-move {
    0% {
    transform: translateX(-1px);
    }
    50% {
        transform: translateX(65px);
    }
    100% {
        transform: translateX(-1px);
    }
}

@keyframes counter-move {
    0% {
    transform: translateY(-1px);
    }
    50% {
        transform: translateY(-25px);
    }
    100% {
        transform: translateY(-1px);
    }
}