:root {
    --image-mobile-height: 580px;
    --image-small-desktop-height: 500px;
    --image-large-desktop-height: 480px;
    --signature-mobile-height: 55px;
    --story-box-width: 500px;
    --chauffer-title-font-size: 10px;
    --card-image-icon-width-height: 144px;
    --input-border-width: 2.5px;
    --font: "AvenirNext",Helvetica,Arial,Open Sans,sans-serif;
    --font-demi: "AvenirNextDemiBold",Helvetica,Arial,Open Sans,sans-serif;
    --font-weight: 400;
    --font-weight-highlight: 500;
    --body-small-size: 14px;
    --body-small-line: 20px;
    --body-size: 16px;
    --body-large-size: 18px;
    --body-line: 24px;
    --body-large-line: 28px;
    --label-size: 10px;
    --label-line: 20px;
    --subtitle-size: 20px;
    --subtitle-line: 28px;
    --heading2-size: 56px;
    --heading2-line: 68px;
    --heading3-size: 32px;
    --heading3-line: 40px;
    --heading4-size: 24px;
    --heading4-line: 32px;
    --text-block-width: 960px;
    --border-size: var(--yocto);
    --border: var(--border-size) solid var(--color-border-default);
    --border-error: var(--border-size) solid var(--color-border-field-error);
    --outline-tab-width: var(--yocto);
    --max-page-width: 1170px;
    --max-form-width: 584px;
    --max-table-cell-width: 260px;
    --max-textonly-page-width: 860px;
    --item-box-shadow: 0 var(--femto) var(--nano) var(--color-background-neutral-alt);
    --outline-header: 0 2px 10px 0 rgba(0,0,0,0.05),0 -1px 10px 0 rgba(0,0,0,0.01);
    --header-logo-min-width: 100px;
    --header-logo-max-width: 180px;
    --table-row-item-arrow-icon-height: 10px;
    --table-row-item-arrow-icon-margin-right-left: 10px;
    --table-row-item-arrow-icon-width: 10px;
    --table-row-item-info-icon-height: 16px;
    --table-row-item-info-icon-width: 16px;
    --tab-gutter: 5px;
    --yocto: 1px;
    --zepto: 2px;
    --atto: 4px;
    --femto: 8px;
    --pico: 12px;
    --nano: 16px;
    --micro: 20px;
    --milli: 24px;
    --centi: 28px;
    --deci: 32px;
    --deka: 40px;
    --hecto: 48px;
    --kilo: 64px;
    --mega: 96px;
    --giga: 133px;
    --ultra: 172px;
    --tera: 180px;
    --formFieldPadding: var(--micro) var(--femto) var(--femto) var(--femto);
    --outline-size: 584px;
    --letter-spacing-small: 0.15px;
    --letter-spacing-medium: 0.22px;
}

html {
    margin: 0%;
    padding: 0%;
}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1250px;
    padding: 0px 0px;
}

a:hover {
    color: var(--mud-palette-text-primary);
    background-color: transparent;
}
.top-route a:hover {
    color: var(--mud-palette-secondary) !important;
    background-color: transparent;
    transition: all .3s ease;
}
.poppins-med {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.poppins-light {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.poppins-bold {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.poppins-bolder {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.rounded-top-left-right-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-32 {
    font-size: 28px;
}

.title {
    font-size: 36px;
    margin-bottom: 3rem;
}

.margin-negative-100 {
    margin-top: -150px;
}

.navbar {
    top: 0px;
    width: 100%;
    z-index: 999;
    height: 60px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05),0 -1px 10px 0 rgba(0,0,0,0.01);
    padding: 0px 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,1);
        text-decoration: underline;
    }

.navbar .navbar-brand img {
    height: 55px;
    width: auto;
}

.navbar-logo img {
    height: 40px !important;
    width: auto;
}

.navbar button.btn-invest {
    box-shadow: 1px 3px 2px 0px #4FA4FF !important;
    border-radius: 20px;
    color: #4FA4FF;
    border: 1px solid #4FA4FF;
    line-height: 1rem;
}

.navbar-toggler {
    padding: .25rem .25rem;
    border: none;
}

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
    }

button .btn-invest {
    -webkit-box-shadow: 1px 3px 2px 0px #4FA4FF !important;
    box-shadow: 1px 3px 2px 0px #4FA4FF !important;
    border-radius: 20px;
    color: #4FA4FF;
    border: 1px solid #4FA4FF;
}


.navbar .nav-link {
    font-size: 16px;
    font-weight: 500;
    padding-right: 1rem !important;
    line-height: 24px;
    color: black;
    padding: 18px;
}

.item-light {
    background-color: #F0F2F7 !important;
}

.hero-section {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}

    .hero-section .content-container {
        background-color: white;
        font-size: var(--heading3-size);
        line-height: var(--heading3-line);
        font-weight: var(--font-weight);
        margin-left: auto;
        margin-right: auto;
        max-width: var(--max-page-width);
    }

.hero-heading {
    font-size: var(--heading3-size) !important;
    line-height: var(--heading3-line) !important;
    font-weight: var(--font-weight-highlight) !important;
    padding: var(--micro) 0 !important;
    color: #000 !important;
    margin-bottom: 0px !important;
}

.hero-section .carousel-caption {
    bottom: 9.25rem;
}

    .hero-section .carousel-caption p {
        font-size: 26px;
    }

.DownloadApp .container {
    margin-bottom: var(--hecto);
}

.DownloadApp {
    /*background-image: url(https://images.ctfassets.net/ov8o7v78mnye/6JTwhj2JHkJqdyGKQqeCW0/1c365adecbf39ae640d66a8ed557f04e/BackgroundDesktop.svg);*/
    background-image: url('/img/backgrounds/backgroundDesk.svg');
    background-position: 100% 50%;
    background-size: auto;
    text-align: left;
    background-color: #000;
    background-repeat: no-repeat;
}

    .DownloadApp .container {
        padding: var(--hecto);
    }

.DownloadApp-title {
    font-size: 44px;
    letter-spacing: .61px;
    line-height: 56px;
    color: white;
    margin-bottom: 24px;
}

.hero_bookingWidget {
    right: calc(50% - (var(--max-page-width) / 2) + var(--deka));
    position: absolute;
    top: var(--mega);
    /*top: 20px;*/
    width: min(95vw,400px);
    border-radius: 10px !important;
    /*border: 4px solid #D8D8D8*/
}

    .hero_bookingWidget .booking-panel {
        box-shadow: 0 var(--pico) var(--centi) #64666b !important;
        padding-top:1px !important;
    }

    .hero_bookingWidget .mud-tabs {
        box-shadow: 0 var(--pico) var(--centi) #64666b !important;
        border-radius: 4px !important;
    }

.mud-tabs.mud-tabs-rounded .mud-tabs-toolbar {
    border-radius: 4px 4px 0px 0px !important;
}

.margin-negative-5 {
    margin-top: -5% !important;
}

.icons-sec .card {
    border-radius: 20px;
    background-color: #f1f1f1;
}

    .icons-sec .card img {
        width: 120px;
    }

    .icons-sec .card .mx-100 {
        margin: 0px 170px;
    }

    .icons-sec .card ul li {
        font-size: 22px;
    }

.inspration .card {
    border-radius: 20px !important;
}

    .inspration .card img {
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        padding-bottom: 1px;
        z-index:1;
    }

.inspration .card-body {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.gallery {
    margin-bottom: 150px;
}

footer {
    background-color: #F1F1F1 !important;
}

    footer a {
        text-decoration: none;
        color: black;
        font-weight: 500;
    }

    footer img {
        height: 55px;
    }

    footer .download-content .market-btn {
        display: inline-block;
        padding: 0.3125rem 0.875rem;
        padding-left: 2.8125rem;
        background-position: center left 0.75rem;
        background-color: black;
        background-size: 1.5rem 1.5rem;
        background-repeat: no-repeat;
        text-decoration: none;
        border-radius: 5px;
    }

        footer .download-content .market-btn .market-button-title {
            display: block;
            color: white;
            font-size: 1.125rem;
        }

        footer .download-content .market-btn .market-button-subtitle {
            display: block;
            margin-bottom: -0.25rem;
            color: white;
            font-size: 0.75rem;
        }

        footer .download-content .market-btn .market-btn:hover {
            background-color: black;
            text-decoration: none;
        }

    footer .download-content .apple-btn {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAACUElEQVRoge2YTYhNYRjH/8+kMSgLskEWQyHZKGvsxgYrEY2NlBJWitiyU1gIJWWlKFYsLChZqQmNGZQxycfCMJh83rk/i3uNr3PPeZ93zj0nOb/18zz9/vc9533Pe6WKioqK/wpgKrAFuAY8LtvHBbAaeMRPRst2CgbYCnzjd26V7RUEsBao8zeHynbLBJgBvEyQHwPmlO2XCbAnQR5gd9luQQA3EuRPA1a2WxDA6C/in4D9/4y8JAFDwD3gCLCwbJ8JgOnADuA6MAx8BAaBi8A2YHZCTxewHjgL3AfeAO+Bu8BRYJnXI2opgY2STkqalVJWk3RbUr+kD5IWS1ojaWbaaElnJO0zs3cxbqkABhxrsavkySAwtx0BDhYg/4Orecv3kHyatoPzwLQ85TtovGhFcIm8t1lgVUHyI0C3x60jsK4nIncMfWb2xNMQGmBFhEwMJ7wNoQEWeAdHctPbEBog7fDJDTNz39BCA3z2Do4BWO7tCQ2Ad3Akm7wNoQGmeAdH0uttCA3w0Ds4kvnATk9DaIDLETKxHAdW5joR6ATGCzqNAWrA9hC34G8O4IGkpdG/QhzPJHWbWa1VQegjJEkHJu/jpp4mLzlvZMCI0m9hebPBzK6kFXhWQJJ2TULGS3+WvBRxJwYGJC2JUgqnLmmRmQ1lFXpXQJLWSRqP6PNwOEQ+GmBvG7fQvraJ/xHiVBvkXwFdhQRohriQIfQaGADuAE+BLym1L4Aid7iJEJuB5zT+sagDb4FzwLwW9b3NUF+b4mM0VjPmfayoqKgome9PUiFbYjSoXAAAAABJRU5ErkJggg==);
    }

    footer .download-content .google-btn {
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

    footer .social-icons i {
        font-size: 22px;
    }

    footer .copyright a {
        font-weight: 400 !important;
        font-size: 15px;
    }

@media screen and (max-device-width: 1200px) {

    .title {
        font-size: 32px;
    }

    .navbar .nav-link {
        padding-right: .5rem !important;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,1);
        text-decoration: underline;
    }
    /*.hero_bookingWidget {
        right: 5vw;       
    }*/
    .DownloadApp .container {
        margin-top: 100px;
        margin-bottom: 0px;
    }

    .hero_bookingWidget {
        right: var(--kilo);
        top: var(--giga);
    }
}



    @media screen and (max-device-width: 768px) {
        .title {
            font-size: 32px;
        }

        .fs-32 {
            font-size: 23px;
        }

        .navbar {
            height: auto;
        }

            .navbar .navbar-brand img {
                height: 35px;
                width: auto;
            }

        .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
            color: rgba(0,0,0,1);
            text-decoration: underline;
        }

        .margin-negative-100 {
            margin-top: -80px;
        }

        /*.hero-section {
        height: 70vh;
    }*/

        .hero-section .carousel-caption {
            bottom: 4.25rem;
            right: 5%;
            left: 5%;
        }

            .hero-section .carousel-caption p {
                font-size: 18px;
            }

        .margin-negative-5 {
            margin-top: -8% !important;
        }

        .icons-sec .card .mx-100 {
            margin: 0px 20px;
        }

        .icons-sec .card ul li {
            font-size: 18px;
        }

        .carousel-item img {
            -o-object-fit: cover;
            object-fit: cover;
        }

        .pos-accordion {
            top: 75px;
        }



        .hero_bookingWidget {
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            position: unset !important;
            width: 100%;
            border-radius: 10px !important;
        }

        .hero-content {
            top: 0vh !important;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            position: unset !important;
            width: 100%;
        }

        .DownloadApp {
            background-position: 50% 50%;
        }

            .DownloadApp .container {
                margin-top: 0px;
                margin-bottom: 0px;
                padding: var(--hecto) var(--milli);
            }

        .DownloadApp-title {
            font-size: 32px;
            letter-spacing: normal;
            line-height: 40px;
            color: white;
        }
    }

    @media screen and (max-width: 676px) {
        .pos-accordion {
            right: 0%;
            width: 330px;
        }

            .pos-accordion .nav-link {
                width: 45%;
            }

            .pos-accordion .nav-tabs {
                width: 300px;
            }

            .pos-accordion .tab-content {
                width: 300px;
            }

        .hero_bookingWidget {
            position: unset !important;
            border: none !important;
        }
    }

    @media screen and (max-width: 343px) {

        .navbar .navbar-brand img {
            height: 35px;
            width: auto;
        }

        .pos-accordion {
            top: 115px;
            width: 338px;
        }

            .pos-accordion .nav-link {
                width: 45%;
            }

        /*.dropdown-menu {
        border-radius:0px !important;
    }*/
    }

    .mud-country-select .mud-input {
        background-color: #E1E1E1 !important;
        border-radius: 4px;
        color: #181a1f !important;
        font-weight: 400;
        /*border: 4px solid #E1E1E1;*/
    }
