/* Minification failed. Returning unminified contents.
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white-200'
(205,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white-100'
(206,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black-200'
(207,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-medium'
(212,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black-500'
(213,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white-100'
(214,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-medium'
(255,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white-100'
(286,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white-100'
(287,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-medium'
(477,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black-100'
 */
/* input fix*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

:dir(rtl) input[type="email"],
:dir(rtl) input[type="tel"] {
    direction: ltr;
    text-align: right;
}

:dir(rtl) .iti__country-list {
    text-align: right !important;
}

:root {
    --color-white-100: hsl(206, 5%, 100%);
    --color-white-200: hsl(206, 5%, 90%);
    --color-white-300: hsl(206, 5%, 80%);
    --color-white-400: hsl(206, 5%, 65%);
    --color-white-500: hsl(206, 5%, 50%);
    --color-black-100: hsl(213, 20%, 10%);
    --color-black-200: hsl(213, 23%, 8%);
    --color-black-300: hsl(214, 21%, 6%);
    --color-black-400: hsl(210, 21%, 6%);
    --color-black-500: hsl(216, 22%, 4%);
    --color-black-600: hsl(220, 18%, 3%);
    --color-black-700: hsl(220, 27%, 2%);
    --color-black-800: hsl(180, 20%, 1%);
    --color-blue-100: hsl(214, 95%, 93%);
    --color-blue-200: hsl(213, 97%, 87%);
    --color-blue-300: hsl(212, 96%, 78%);
    --color-blue-400: hsl(213, 94%, 68%);
    --color-blue-500: hsl(217, 91%, 60%);
    --color-blue-600: hsl(221, 83%, 53%);
    --color-blue-700: hsl(224, 76%, 48%);
    --color-blue-800: hsl(226, 71%, 40%);
    --color-blue-900: hsl(224, 64%, 33%);
    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    list-style-type: none;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html {
    scroll-behavior: smooth;
    line-height: 1.6;
}

a,
button {
    cursor: pointer;
    border: none;
    outline: none;
    user-select: none;
    background: none;
    box-shadow: none;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

    a:hover {
        color: #3872FA !important;
    }

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

        a:visited:hover {
            color: #3872FA;
        }

img,
video {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

footer {
    width: 100%;
    margin-top: 20px;
    background-color: #eff3f7;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}

    footer .footer-row {
        display: flex;
        padding: 40px 40px 10px 40px;
        flex-wrap: wrap;
    }

        footer .footer-row .footer-item {
            width: 25%;
            padding: 20px;
        }

            footer .footer-row .footer-item h2 {
                margin-bottom: 1.25rem;
            }

            footer .footer-row .footer-item ul li {
                margin-bottom: 10px;
            }

.section {
    margin: 0 auto;
    padding: 6rem 0 1rem;
}

.centered {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1rem;
}

.heading-xl {
    font-family: inherit;
    font-size: clamp(2.648rem, 6vw, 4.241rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
}

.heading-lg {
    font-family: inherit;
    font-size: clamp(2.179rem, 5vw, 3.176rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
}

.heading-md {
    font-family: inherit;
    font-size: clamp(1.794rem, 4vw, 2.379rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -1px;
}

.heading-sm {
    font-family: inherit;
    font-size: clamp(1.476rem, 3vw, 1.782rem);
    font-weight: 600;
    line-height: 1.5;
}

.heading-xs {
    font-family: inherit;
    font-size: clamp(1.215rem, 2vw, 1.335rem);
    font-weight: 500;
    line-height: 1.5;
}

.paragraph {
    font-family: inherit;
    font-size: clamp(1rem, 2vw, 1.125rem);
    text-wrap: balance;
    color: var(--color-white-200);
}

.btn {
    display: inline-block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    user-select: none;
    outline: none;
    border: none;
    border-radius: 0.25rem;
    text-transform: unset;
    transition: all 0.3s ease-in-out;
}

.btn-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
}

.btn-darken {
    padding: 0.75rem 2rem;
    color: var(--color-white-100);
    background-color: var(--color-black-200);
    box-shadow: var(--shadow-medium);
}

.btn-neutral {
    padding: 0.75rem 2rem;
    color: var(--color-black-500);
    background-color: var(--color-white-100);
    box-shadow: var(--shadow-medium);
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: auto;
    margin: 0 auto;
    transition: all 0.35s ease;
}

    .header.home .menu-navbar,
    .header.home .service-menu,
    .header.home .dropdown {
        color: #ffffff;
    }

        .header.home .service-menu:hover,
        .header.home .menu-item.dropdown:hover,
        .header.home .dropdown:hover {
            color: #3872FA;
            background-color: unset;
        }

    .header.home.on-scroll .menu-navbar,
    .header.home.on-scroll .service-menu,
    .header.home.on-scroll .dropdown {
        color: #000000;
    }

        .header.home.on-scroll .service-menu:hover,
        .header.home.on-scroll .menu-item.dropdown:hover,
        .header.home.on-scroll .dropdown:hover {
            color: #3872FA;
            background-color: #ECF4FD;
        }

    .header.on-scroll {
        background: var(--color-white-100);
        box-shadow: 0 2px .75rem rgba(12,14,28,.08);
    }

.menu-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    column-gap: 1.25rem;
    max-width: 1248px;
    width: 100%;
    height: 4.25rem;
    margin: 0 auto;
}

.nav-logo {
    width: 100%;
    height: 40px;
    object-fit: contain;
}

.menu {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    padding: 4rem 0 3rem;
    /*overflow: hidden;*/
    overflow: visible;
    background-color: var(--color-white-100);
    box-shadow: var(--shadow-medium);
    transition: all 0.4s ease-in-out;
    z-index: 101;
}

    .menu.is-active {
        top: 0;
        width: 100%;
        height: auto;
    }

.menu-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.25rem;
    direction: rtl;
}

.menu-item.dropdown {
    padding: 10px;
    transition: all 0.3s ease;
}

    .menu-item.dropdown:hover {
        color: #3872FA;
        background-color: #ECF4FD
    }

.menu-link {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    transition: all 0.1s ease;
}


    .menu-link.dropdown {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        /*.menu-link.dropdown:hover {
            color: #3872FA;
        }*/

        .menu-link.dropdown span {
            width: 100%;
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .menu-link.dropdown .items-drpdwn,
        .menu-link.dropdown .user-menu-list {
            display: none;
            width: calc(100% + 20px);
            position: absolute;
            top: 40px;
            background-color: #fcfcfc;
            padding: 20px 10px;
            border: 1px solid #dfdfdf;
            border-radius: 15px;
            box-shadow: 0 2px .75rem rgba(12, 14, 28, .08);
            display: flex;
            justify-content: space-between;
            align-items: center;
            left: -10px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            color: #000000;
            cursor: default;
        }

            .menu-link.dropdown .items-drpdwn span,
            .menu-link.dropdown .user-menu-list span {
                color: #000000;
                cursor: pointer;
                transition: all 0.3s ease;
            }

                .menu-link.dropdown .items-drpdwn span:hover,
                .menu-link.dropdown .user-menu-list span:hover {
                    color: #3872FA;
                }

            /*.menu-link.dropdown .items-drpdwn:hover,
            .menu-link.dropdown .user-menu-list:hover {
                color: #3872FA;
            }*/

            .menu-link.dropdown .items-drpdwn.show,
            .menu-link.dropdown .user-menu-list.show {
                opacity: 1;
                visibility: visible;
                transition: opacity 0.3s ease, visibility 0s 0s;
            }

.svc-ddl,
.user-menu-list {
    min-width: fit-content;
    left: 0 !important;
    justify-content: center !important;
}

    .svc-ddl ul li,
    .user-menu-list ul li {
        white-space: nowrap;
        margin-bottom: 5px;
    }

        .user-menu-list ul li a {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .user-menu-list ul li i {
            margin-right: 10px;
        }

            .user-menu-list ul li i.fa-solid.fa-right-to-bracket {
                transform: scaleX(-1);
                -moz-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                -ms-transform: scaleX(-1);
            }

.menu-block,
.menu-block-mb {
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    margin-right: auto;
    padding: 0.65rem 1.5rem;
    border: 1px solid #dfdfdf;
    border-radius: 3rem;
    text-transform: capitalize;
    color: #000000;
    background-color: transparent;
    transition-duration: .2s;
}

    .menu-block:hover,
    .menu-block-mb:hover {
        background-color: #ECF4FD;
    }

.burger {
    position: relative;
    display: block;
    cursor: pointer;
    user-select: none;
    order: -1;
    z-index: 102;
    width: 1.6rem;
    height: 1.15rem;
    border: none;
    outline: none;
    background: none;
    visibility: visible;
    transform: rotate(0deg);
    transition: 0.35s ease;
    flex-shrink: 0;
}

.burger-line {
    position: absolute;
    display: block;
    right: 0;
    width: 100%;
    height: 2px;
    border: none;
    outline: none;
    opacity: 1;
    border-radius: 1rem;
    transform: rotate(0deg);
    background-color: var(--color-black-100);
    transition: 0.25s ease-in-out;
}

    .burger-line:nth-child(1) {
        top: 0px;
    }

    .burger-line:nth-child(2) {
        top: 0.5rem;
        width: 70%;
    }

    .burger-line:nth-child(3) {
        top: 1rem;
    }

.burger.is-active .burger-line:nth-child(1) {
    top: 0.5rem;
    transform: rotate(135deg);
}

.burger.is-active .burger-line:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}

.burger.is-active .burger-line:nth-child(3) {
    top: 0.5rem;
    transform: rotate(-135deg);
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.body-content {
    margin-top: 100px;
    padding-bottom: 20px;
}

.service-menu {
    display: flex;
    justify-content: space-between;
    width: fit-content;
    align-items: center;
    padding: 5px 10px;
    color: #000000;
    background-color: transparent;
    transition: all 0.3s ease;
}

    .service-menu .text {
        font-size: 16px;
        margin-left: 10px;
    }

    .service-menu:hover {
        color: #3872FA;
        background-color: #ECF4FD;
    }

.user-menu {
    position: relative;
    padding: 5px 10px;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .user-menu:hover {
        color: #3872FA;
        background-color: #ECF4FD;
    }

.marose-headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid;
    border: 1px solid #dfdfdf;
    border-radius: 15px;
}

    .marose-headline .marose-headline-icon {
        width: fit-content;
        flex-shrink: 0;
        padding: 10px;
    }

        .marose-headline .marose-headline-icon img {
            width: 100%;
            height: 40px;
        }

    .marose-headline .marose-headline-text {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

.marose-banner-ads {
    position: relative;
    min-height: 224px;
    display: flex;
    flex-direction: row;
    border-radius: 15px;
    overflow: unset;
}

    .marose-banner-ads .banner-content,
    .marose-banner-ads .banner-image {
        width: 50%;
    }

    .marose-banner-ads .banner-content {
        padding: 28px;
        background-color: #eff3f7;
        border-radius: 15px;
    }

    .marose-banner-ads.search .banner-content {
        padding: 28px;
        background-color: #fcfcfc;
        border-radius: 15px;
    }

    .marose-banner-ads .banner-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .marose-banner-ads .banner-icon {
        position: absolute;
        top: 45%;
        right: 50%;
        transform: translate(55%, -50%);
    }

        .marose-banner-ads .banner-icon img {
            width: 128px;
            height: auto;
            object-fit: cover;
        }

.marose-services {
    position: relative;
}

    .marose-services .marose-services-wrapper {
        /*display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 10px;*/
    }

        .marose-services .marose-services-wrapper .marose-services-items {
            position: relative;
            background: #fcfcfc;
            color: #3498db;
            padding: 10px;
            overflow: hidden;
        }

            .marose-services .marose-services-wrapper .marose-services-items .img-wrapper {
                position: relative;
                width: 100%;
                overflow: hidden;
                border-top-left-radius: 15px;
                border-top-right-radius: 15px;
            }

                .marose-services .marose-services-wrapper .marose-services-items .img-wrapper img {
                    width: 100%;
                    aspect-ratio: 2 / 1;
                    object-fit: cover;
                    object-position: bottom;
                    border-top-left-radius: 15px;
                    border-top-right-radius: 15px;
                    transition: transform 0.3s ease;
                }

            .marose-services .marose-services-wrapper .marose-services-items .content {
                position: relative;
                color: #000000;
                background-color: #fcfcfc;
                padding: 20px 10px;
                border: 1px solid #dfdfdf;
                border-bottom-left-radius: 15px;
                border-bottom-right-radius: 15px;
                transition: all 0.3s ease;
            }

            .marose-services .marose-services-wrapper .marose-services-items:hover .content {
                color: #3872FA;
                background-color: #ECF4FD;
            }

            .marose-services .marose-services-wrapper .marose-services-items:hover .img-wrapper img {
                transform: scale(1.1);
            }

.marose-discount-banner {
    position: relative;
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    border-radius: 15px;
}

    .marose-discount-banner .discount-wrapper {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .marose-discount-banner .discount-wrapper .discount-content {
            position: absolute;
            max-width: 350px;
            top: 50px;
            right: 50px;
            background-color: #fcfcfc;
            border-radius: 15px;
            padding: 40px;
        }

        .marose-discount-banner .discount-wrapper .discount-image {
            width: 100%;
            height: 100%;
        }

            .marose-discount-banner .discount-wrapper .discount-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

.marose-items-section {
    width: 100%;
    min-height: 650px;
    position: relative;
    background-image: url('images/website/items_bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    overflow: hidden;
}

    .marose-items-section .marose-items-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 15px;
        background: linear-gradient(to top, rgba(4, 47, 46, 0.9), rgba(0, 0, 0, 0));
    }

    .marose-items-section .marose-items-container {
        position: relative;
        margin: 64px 0px;
        padding: 16px;
        z-index: 10;
    }

        .marose-items-section .marose-items-container .marose-items-wrapper {
            position: relative;
        }

    .marose-items-section .marose-items-wrapper .marose-travel-items {
        position: relative;
        background-color: transparent;
        color: #3498db;
        padding: 10px;
    }

        .marose-items-section .marose-items-wrapper .marose-travel-items img {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 15px;
            margin-bottom: 10px;
        }

        .marose-items-section .marose-items-wrapper .marose-travel-items .item-rating {
            width: 100%;
            display: flex;
            align-items: center;
            margin-top: 10px;
        }

            .marose-items-section .marose-items-wrapper .marose-travel-items .item-rating div {
                color: #ffffff !important;
                margin-right: 10px;
            }

/* Slider Custom CSS */
.slick-slider {
    width: 100%; /* Ensures the slider track takes full width */
}

.slick-track {
    display: flex;
    gap: 10px;
    /*width: auto !important;*/ /* Allow slides to dynamically adjust width */
    /*flex: 1 0 auto;*/ /* Flex-grow and flex-shrink to fit equally within the track */
}

.custom-slider-buttons-wrapper {
    /*position: relative;*/
    width: calc(100% + 20px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .custom-slider-buttons-wrapper .custom-slider-buttons-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -20px;
    }

    .custom-slider-buttons-wrapper .custom-slider-buttons-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -20px;
    }

    .custom-slider-buttons-wrapper .custom-slider-buttons-next,
    .custom-slider-buttons-wrapper .custom-slider-buttons-prev {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: 40px;
        height: 40px;
        color: #3872FA;
        background-color: #fcfcfc;
        box-shadow: 0 2px .75rem rgba(12,14,28,0.2);
        border-radius: 50%;
        transition: all 0.3s ease;
    }

        .custom-slider-buttons-wrapper .custom-slider-buttons-next:hover,
        .custom-slider-buttons-wrapper .custom-slider-buttons-prev:hover {
            background-color: #ECF4FD;
        }

        .custom-slider-buttons-wrapper .custom-slider-buttons-next.slick-disabled,
        .custom-slider-buttons-wrapper .custom-slider-buttons-prev.slick-disabled {
            visibility: hidden;
        }

.marose-subscribe {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 400px;
    background-color: #3872FA;
    margin: 50px 0px;
    padding: 40px 150px;
}

.marose-subscribe-card {
    background-color: #fcfcfc;
    padding: 80px 40px;
    border-radius: 15px;
}

.social-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

/* Container for the social media buttons */
.social-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

/* General button styles */
.social-button {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    /* Facebook button */
    .social-button.facebook {
        background-color: #3b5998;
        color: #ffffff;
    }

        .social-button.facebook:hover {
            color: #ffffff !important;
            transform: scale(1.1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

    /* X button */
    .social-button.x {
        background-color: #000000;
        color: #ffffff;
    }

        .social-button.x:hover {
            color: #ffffff !important;
            transform: scale(1.1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

    /* Instagram button */
    .social-button.instagram {
        background-color: #E4405F;
        color: #ffffff;
    }

        .social-button.instagram:hover {
            color: #ffffff !important;
            transform: scale(1.1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

    /* Snapchat button */
    .social-button.snapchat {
        background-color: #FFFC00;
        color: #000000;
    }

        .social-button.snapchat:hover {
            color: #000000 !important;
            transform: scale(1.1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

.marose-custom-card {
    background-color: #fcfcfc;
    padding: 20px;
    box-shadow: 0 2px .75rem rgba(12, 14, 28, .08);
    border-radius: 15px;
}

.big-font {
    font-size: 3.5rem;
}

.msg-alert {
    width: 100%;
    padding: 20px;
    color: white;
    border-radius: 15px;
    margin: 0px 15px 15px 15px;
}

    .msg-alert.danger {
        background-color: #f44336;
    }

    .msg-alert.info {
        background-color: #2196F3;
    }

    .msg-alert.warning {
        background-color: #ff9800;
    }

.msg-alert-close {
    float: left;
    cursor: pointer;
    transition: 0.3s;
    padding-right: 20px;
}

    .msg-alert-close:hover {
        color: black;
    }


.iti__flag-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: unset !important;
    padding: 1px !important;
}

.iti input[type=tel] {
    padding-left: 6px !important;
    padding-right: 96px !important;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px !important;
    margin-right: 6px;
}

.side-heading-section {
    display: flex;
    align-items: center;
}

.side-heading-container {
    position: relative;
    z-index: 1;
}

    .side-heading-container > h1 {
        color: #fff;
        font-size: 2.6rem;
        font-weight: 300;
    }

    .side-heading-container > span {
        color: #fff;
    }

.heading-container {
    position: relative;
    z-index: 1;
}

.lined-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

    .lined-heading::before {
        content: '';
        flex: 1;
        border-bottom: 1px solid #fff;
        margin: 0 10px;
    }

    .lined-heading span {
        color: #3872FA; /* yellowish */
        font-size: 1.6rem;
        white-space: nowrap;
    }

.subheading {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    flex-wrap: wrap;
}

    .subheading::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #3872FA;
        margin: 0 10px;
    }

    .subheading span {
        font-size: 1.6rem;
        white-space: nowrap;
    }

label.pax-lbl {
    margin-left: 15px;
}

.fa-plane-engines {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

/*MEDIA*/
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    .menu {
        position: relative;
        top: 0;
        width: auto;
        height: auto;
        padding: 0rem;
        margin-right: auto;
        background: none;
        box-shadow: none;
    }

    .burger {
        display: none;
        visibility: hidden;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media only screen and (min-width: 768px) {
    .menu-inner {
        display: flex;
        flex-direction: row;
        column-gap: 2rem;
        margin: 0 auto;
    }

    .menu-link {
        text-transform: capitalize;
    }

    .menu-block {
        display: inline-block;
        margin-left: 2rem;
    }

    .menu-block-mb {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .marose-services .marose-services-wrapper .marose-services-items span {
        font-size: 1.275rem;
    }
}

@media screen and (max-width: 400px) {
    h1 {
        font-size: 1.2em !important;
    }

    h2 {
        font-size: 1.2em !important;
    }

    h3 {
        font-size: 1.2em !important;
    }

    h4 {
        font-size: 1.2em !important;
    }

    h5 {
        font-size: 1.1em !important;
    }

    h6 {
        font-size: 1em !important;
    }

    .big-font {
        font-size: 1.8rem !important;
    }
}

@media screen and (max-width: 545px) {
    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.4em !important;
    }

    h3 {
        font-size: 1.3em !important;
    }

    h4 {
        font-size: 1.2em !important;
    }

    h5 {
        font-size: 1.1em !important;
    }

    h6 {
        font-size: 1em !important;
    }

    .big-font {
        font-size: 1.8rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .menu-navbar {
        column-gap: .25rem;
    }

    .menu-block {
        display: none;
    }

    .menu-block-mb {
        display: inline-block;
        margin-left: 0;
    }

    .marose-headline .marose-headline-text {
        flex-direction: column;
    }

    .marose-banner-ads {
        flex-wrap: wrap-reverse;
    }

        .marose-banner-ads .banner-content,
        .marose-banner-ads .banner-image {
            width: 100%;
        }

            .marose-banner-ads .banner-image img {
                min-height: 256px;
            }

    footer .footer-row .footer-item {
        width: 100%;
    }

    .custom-slider-buttons-wrapper .custom-slider-buttons-prev {
        right: 0px;
    }

    .custom-slider-buttons-wrapper .custom-slider-buttons-next {
        left: 0px;
    }

    .service-menu > * {
        font-size: 13px !important;
    }

    .big-font {
        font-size: 2.5rem;
    }
}

@media only screen and (max-width: 992px) {
    .marose-discount-banner .discount-wrapper .discount-content {
        position: relative;
        top: unset;
        right: unset;
        max-width: 100%;
        border-radius: unset;
        padding: 40px;
    }

    .marose-subscribe {
        padding: 40px 20px;
    }

    .marose-subscribe-card {
        padding: 40px 20px;
    }

    .side-heading-section,
    .heading-wrapper {
        display: none;
    }
}