html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin-block-end: 0px;
    margin-block-start: 0px
}

input, select, button {
    color: #000;
    direction: ltr;
}

    input[type="date"] {
        width: 100%;
    }

.card-data-cont {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-bottom: 20px;
}

.custom_archive_divider {
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    opacity: 0.5;
    padding: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


.booklet_image_container {
    border-radius: 20px;
    border: 1px solid red;
    display: flex;
    justify-content: center;
    align-items: center;
}


    .booklet_image_container img {
        display: flex;
        height: 259px;
        object-fit: cover;
        border-radius: 20px;
        aspect-ratio: 185 / 141;
    }

.booklet_download_button {
    background-color: transparent;
    border: 1px solid white;
    padding-left: 20px;
    padding-right: 20px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    border-radius: 100px;
    min-width: 250px;
    max-width: 250px;
}

    .booklet_download_button:hover {
        color: white !important;
        background-color: black;
        border: 1px solid black;
    }

.card_time {
    margin-top: 10px;
}

.title-m {
    font-size: 30px;
}

.file-size {
    color: #AEAEAE;
    font-size: 18px;
}

@media (max-width: 767.98px) {

    .booklet_download_button {
        background-color: transparent;
        border: 1px solid white;
        padding-left: 20px;
        padding-right: 20px;
        height: 45px;
        display: flex;
        width: 200px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
        border-radius: 100px
    }

    .card-data-cont {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
    }

    .booklets_container {
        display: flex;
        width: 90%;
        flex-direction: row;
        margin: auto;
    }

    .booklet_image_container {
        border-radius: 20px;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        min-height: 100%;
        border: 1px solid red;
        display: flex;
        justify-content: center;
        align-items: center;
    }


        .booklet_image_container img {
            display: flex;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }
}

.booklets_container {
    display: flex;
    width: 80%;
    flex-direction: column;
    margin: auto;
}

.custom_gap {
    margin-top: 20px;
    margin-bottom: 20px
}

.title_in_sitemap {
    font-size: 40px;
    text-align: center
}

.scroll_to_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #001251;
    border: none;
    border-radius: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    padding: 10px;
    transition: opacity 0.3s ease-in-out;
}

    .scroll_to_top img {
        width: 30px;
        height: 30px;
    }

    .scroll_to_top:hover {
        background-color: #f0f0f0;
    }

.hero_item_inner {
    width: 30px;
}

.terms_privacy_container {
    width: 80%;
    margin: auto;
    padding-bottom: 30px;
}

.about_us_sitemap_cont {
    display: flex !important;
    flex-direction: column !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

.icon-search {
    margin-right: 10px;
}

img.img-icon {
    width: 25px;
    max-height: 25px;
    margin-bottom: 10px;
}

#applyFilterBtn {
    height: 45px !important;
    padding-left: 30px;
    padding-right: 30px;
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

#custom_slider_align {
    align-self: flex-start;
}

.toggle-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.show_archived_div .toggle-wrapper {
    flex-direction: row;
    width: fit-content;
}

.toggle-checkbox {
    display: none;
}


.toggle-slider {
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 20px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .toggle-slider::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 50%;
        transition: transform 0.3s ease;
    }

.toggle-checkbox:checked + .toggle-slider {
    background-color: #34c759;
}

    .toggle-checkbox:checked + .toggle-slider::before {
        transform: translateX(20px);
    }


.icon-search {
    margin-left: 10px;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?ji1ubf");
    src: url("../fonts/icomoon.eot?ji1ubf#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?ji1ubf") format("truetype"),url("../fonts/icomoon.woff?ji1ubf") format("woff"),url("../fonts/icomoon.svg?ji1ubf#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-d-glasses-icon1:before {
    content: "\e900";
    color: #fff
}

.icon-add .path1:before {
    content: "\e901";
    color: #1C024B
}

.icon-add .path2:before {
    content: "\e902";
    margin-left: -1em;
    color: #fff
}

.icon-add-icon-white:before {
    content: "\e903";
    color: #fff
}

.icon-Al-Baha:before {
    content: "\e904";
    color: #f3f6fb
}

.icon-Arrow-Down-icon:before {
    content: "\e905";
    color: #1C024B
}

.icon-Arrow-Down1:before {
    content: "\e906";
    color: #fff
}

.icon-Arrow-Nav-1 .path1:before {
    content: "\e907";
    color: #fff
}

.icon-Arrow-Nav-1 .path2:before {
    content: "\e908";
    margin-left: -5px;
    font-size: 40px;
}

.icon-Arrow-Nav .path1:before {
    content: "\e909";
    color: #fff
}

.icon-Arrow-Nav .path2:before {
    content: "\e90a";
    margin-left: -10px;
    font-size: 40px;
}

.icon-Arrow-Down:before {
    content: "\e90b";
    color: #666
}

.icon-arrow-down-icon-dark:before {
    content: "\e90c";
    color: #1C024B
}

.icon-Arrow-dropDown-icon:before {
    content: "\e90d";
    color: #1C024B
}

.icon-arrow-left-dark:before {
    content: "\e90e";
}

.icon-arrow-left-rounded-icon .path1:before {
    content: "\e90f";
}

.icon-arrow-left-rounded-icon .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: #fff
}

.icon-arrow-right-dark:before {
    content: "\e911";
}

.icon-arrow-right-gray:before {
    content: "\e912"
}

.icon-arrow-right-white:before {
    content: "\e913";
    color: #fff
}

.icon-Audience:before {
    content: "\e914";
}

.icon-Business-Events-white-icon:before {
    content: "\e915";
    color: #fff
}

.icon-Business-Events-ico .path1:before {
    content: "\e916";
    color: #6c1e20
}

.icon-Business-Events-ico .path2:before {
    content: "\e917";
    margin-left: -1em;
    color: #fff
}

.icon-calendar_today:before {
    content: "\e918";
    color: #FFFFFF
}

.icon-calendar-today-icon:before {
    content: "\e919";
    color: #1C024B
}

.icon-check-icon:before {
    content: "\e91a";
    color: #1C024B
}

.icon-dash-icon:before {
    content: "\e91b";
    color: #fff
}

.icon-date:before {
    content: "\e91c";
    color: #fff
}

.icon-date-icon-blue:before {
    content: "\e91d";
    color: #0065bd
}

.icon-desktop_windows:before {
    content: "\e91e";
    color: #1C024B
}

.icon-distance:before {
    content: "\e91f";
    color: #1C024B
}

.icon-Document:before {
    content: "\e920";
    color: #1C024B
}

.icon-Download:before {
    content: "\e921";
    /*color: #1C024B*/
}

.icon-Email:before {
    content: "\e922";
    color: #1C024B
}

.icon-enjoy-logo:before {
    content: "\e923"
}

.icon-Enjoy-Logo2 .path1:before {
    content: "\e924";
    color: #666
}

.icon-Enjoy-Logo2 .path2:before {
    content: "\e925";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path3:before {
    content: "\e926";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path4:before {
    content: "\e927";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path5:before {
    content: "\e928";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path6:before {
    content: "\e929";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path7:before {
    content: "\e92a";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path8:before {
    content: "\e92b";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path9:before {
    content: "\e92c";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path10:before {
    content: "\e92d";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path11:before {
    content: "\e92e";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path12:before {
    content: "\e92f";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path13:before {
    content: "\e930";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path14:before {
    content: "\e931";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path15:before {
    content: "\e932";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path16:before {
    content: "\e933";
    margin-left: -0.9052734375em;
    color: #000
}

.icon-Enjoy-Logo2 .path17:before {
    content: "\e934";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path18:before {
    content: "\e935";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path19:before {
    content: "\e936";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path20:before {
    content: "\e937";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path21:before {
    content: "\e938";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path22:before {
    content: "\e939";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path23:before {
    content: "\e93a";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path24:before {
    content: "\e93b";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path25:before {
    content: "\e93c";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Enjoy-Logo2 .path26:before {
    content: "\e93d";
    margin-left: -0.9052734375em;
    color: #666
}

.icon-Entertainment-Exhibitions-rounded-icon .path1:before {
    content: "\e93e";
    color: #421757
}

.icon-Entertainment-Exhibitions-rounded-icon .path2:before {
    content: "\e93f";
    margin-left: -1em;
    color: #fff
}

.icon-Entertainment-Exhibitions-rounded-icon .path3:before {
    content: "\e940";
    margin-left: -1em;
    color: #fff
}

.icon-Entertainment-Exhibitions-rounded-icon .path4:before {
    content: "\e941";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path1:before {
    content: "\e942";
    color: #1C024B
}

.icon-Event-Type-rounded-icon .path2:before {
    content: "\e943";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path3:before {
    content: "\e944";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path4:before {
    content: "\e945";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path5:before {
    content: "\e946";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path6:before {
    content: "\e947";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path7:before {
    content: "\e948";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path8:before {
    content: "\e949";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path9:before {
    content: "\e94a";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path10:before {
    content: "\e94b";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path11:before {
    content: "\e94c";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path12:before {
    content: "\e94d";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path13:before {
    content: "\e94e";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path14:before {
    content: "\e94f";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type-rounded-icon .path15:before {
    content: "\e950";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type .path1:before {
    content: "\e951";
    color: #b8973d
}

.icon-Event-Type .path2:before {
    content: "\e952";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type .path3:before {
    content: "\e953";
    margin-left: -1em;
    color: #fff
}

.icon-Event-Type .path4:before {
    content: "\e954";
    margin-left: -1em;
    color: #fff
}

.icon-Facebook:before {
    content: "\e955";
    color: #fff
}

.icon-Facebook-1 .path1:before {
    content: "\e956";
    color: #1976d2
}

.icon-Facebook-1 .path2:before {
    content: "\e957";
    margin-left: -1em;
    color: #fafafa
}

.icon-Facebook-rounded-icon .path1:before {
    content: "\e958";
    color: #4267b2
}

.icon-Facebook-rounded-icon .path2:before {
    content: "\e959";
    margin-left: -1.0185546875em;
    color: #fff
}

.icon-fav-icon:before {
    content: "\e95a";
    color: #fff
}

.icon-fav-icon-rounded .path1:before {
    content: "\e95b";
    color: #f3f6fb
}

.icon-fav-icon-rounded .path2:before {
    content: "\e95c";
    margin-left: -1.0078125em;
    color: #1C024B
}

.icon-fav-icon-Selected:before {
    content: "\e95d";
    color: #ea2839
}

.icon-Favorite-Events-icon:before {
    content: "\e95e";
    color: #1C024B
}

.icon-Favorite-Events-icon-rounded .path1:before {
    content: "\e95f";
    color: #fff
}

.icon-Favorite-Events-icon-rounded .path2:before {
    content: "\e960";
    margin-left: -1em;
    color: #1C024B
}

.icon-Favorite-Events-icon-rounded .path3:before {
    content: "\e961";
    margin-left: -1em;
    color: #1C024B
}

.icon-Favorite-Events-icon-rounded .path4:before {
    content: "\e962";
    margin-left: -1em;
    color: #1C024B
}

.icon-Favorite-Events-icon-rounded .path5:before {
    content: "\e963";
    margin-left: -1em;
    color: none
}

.icon-Favorite-Events-icon-rounded .path6:before {
    content: "\e964";
    margin-left: -1em;
    color: #1C024B
}

.icon-Festivals-icon-white:before {
    content: "\e965";
    color: #fff
}

.icon-Festivals-rounded-icon .path1:before {
    content: "\e966";
    color: #8f23b3
}

.icon-Festivals-rounded-icon .path2:before {
    content: "\e967";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path3:before {
    content: "\e968";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path4:before {
    content: "\e969";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path5:before {
    content: "\e96a";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path6:before {
    content: "\e96b";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path7:before {
    content: "\e96c";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path8:before {
    content: "\e96d";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path9:before {
    content: "\e96e";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path10:before {
    content: "\e96f";
    margin-left: -1em;
    color: #fff
}

.icon-Festivals-rounded-icon .path11:before {
    content: "\e970";
    margin-left: -1em;
    color: #fff
}

.icon-Fun-Activities-rounded-icon .path1:before {
    content: "\e971";
    color: #225536
}

.icon-Fun-Activities-rounded-icon .path2:before {
    content: "\e972";
    margin-left: -1em;
    color: #fff
}

.icon-Google-1:before {
    content: "\e973"
}

.icon-Google-icon-rounded1 .path1:before {
    content: "\e974";
    color: #f3f6fb
}

.icon-Google-icon-rounded1 .path2:before {
    content: "\e975";
    margin-left: -1.0185546875em;
    color: #000
}

.icon-gps_fixed:before {
    content: "\e976";
    color: #FFFFFF;
}

.icon-grid-1:before {
    content: "\e977";
    color: #1C024B
}

.icon-grid:before {
    content: "\e978";
    color: #bdbdbd
}

.icon-Instagram-1:before {
    content: "\e979"
}

.icon-instgram:before {
    content: "\e97a";
    color: #fff
}

.icon-lantern-1:before {
    content: "\e97b";
    color: #666
}

.icon-lantern-rounded .path1:before {
    content: "\e97c";
    color: #f3f6fb
}

.icon-lantern-rounded .path2:before {
    content: "\e97d";
    margin-left: -1.0078125em;
    color: #666;
    opacity: 0.5
}

.icon-lantern-rounded .path3:before {
    content: "\e97e";
    margin-left: -1.0078125em;
    color: #666;
    opacity: 0.5
}

.icon-lantern-rounded .path4:before {
    content: "\e97f";
    margin-left: -1.0078125em;
    color: #666;
    opacity: 0.5
}

.icon-lantern-rounded .path5:before {
    content: "\e980";
    margin-left: -1.0078125em;
    color: #666;
    opacity: 0.5
}

.icon-lantern-rounded .path6:before {
    content: "\e981";
    margin-left: -1.0078125em;
    color: #666;
    opacity: 0.5
}

.icon-Like:before {
    content: "\e982";
    color: #1C024B
}

.icon-Link:before {
    content: "\e983";
    color: #1C024B
}

.icon-link-icon:before {
    content: "\e984";
    color: #1C024B
}

.icon-LIVE-SHOWS-rounded-icon .path1:before {
    content: "\e985";
    color: #0065bd
}

.icon-LIVE-SHOWS-rounded-icon .path2:before {
    content: "\e986";
    margin-left: -1em;
    color: #fff
}

.icon-Location:before {
    content: "\e987";
    color: #1C024B
}

.icon-map-option:before {
    content: "\e988";
    color: #1C024B
}

.icon-map-1 .path1:before {
    content: "\e989";
    color: #f3f6fb
}

.icon-map-1 .path2:before {
    content: "\e98a";
    margin-left: -1em;
    color: #1C024B
}

.icon-map-2:before {
    content: "\e98b";
    color: #bdbdbd
}

.icon-map-3 .path1:before {
    content: "\e98c";
    color: #f3f6fb
}

.icon-map-3 .path2:before {
    content: "\e98d";
    margin-left: -1em;
    color: #1C024B
}

.icon-map-3 .path3:before {
    content: "\e98e";
    margin-left: -1em;
    color: #1C024B
}

.icon-map-3 .path4:before {
    content: "\e98f";
    margin-left: -1em;
    color: #1C024B
}

.icon-map-3 .path5:before {
    content: "\e990";
    margin-left: -1em;
    color: #1C024B
}

.icon-map-4:before {
    content: "\e991";
    color: #bdbdbd
}

.icon-map-pin-active-icon:before {
    content: "\e992";
    color: #ea2839
}

.icon-map-location-icon:before {
    content: "\e993";
    color: #1C024B
}

.icon-map-pin:before {
    content: "\e994";
    color: #fff
}

.icon-map-pin-dark:before {
    content: "\e995";
    color: white;
}

.icon-map-pin-dark1:before {
    content: "\e996"
}

.icon-map-pin-yellow1:before {
    content: "\e997";
    color: #FFFFFF
}

.icon-map-view:before {
    content: "\e998";
    color: #bdbdbd
}

.icon-mdi_airballoon-icon:before {
    content: "\e999";
    color: #fff
}

.icon-Menu-close:before {
    content: "\e99a";
}

.icon-Menu-close-gray-icon:before {
    content: "\e99a";
    color: #666
}

.icon-Menu:before {
    content: "\e99b";
    color: #1C024B
}

.icon-menu-close-dark-icon:before {
    content: "\e99c"
}

.icon-model-Close:before {
    content: "\e99d";
    color: #1C024B
}

.icon-mosque-1:before {
    content: "\e99e";
    color: #fff
}

.icon-Nearby-Events-icon .path1:before {
    content: "\e99f";
    color: #fff
}

.icon-Nearby-Events-icon .path2:before {
    content: "\e9a0";
    margin-left: -1em;
    color: #1C024B
}

.icon-Nearby-Events-icon .path3:before {
    content: "\e9a1";
    margin-left: -1em;
    color: #1C024B
}

.icon-Nearby-Events-icon .path4:before {
    content: "\e9a2";
    margin-left: -1em;
    color: #1C024B
}

.icon-Nearby-Events-icon .path5:before {
    content: "\e9a3";
    margin-left: -1em;
    color: #1C024B
}

.icon-notification-alert-icon:before {
    content: "\e9a4";
    color: #1C024B
}

.icon-notification-icon:before {
    content: "\e9a5";
    color: #fff
}

.icon-Notification-rounded-icon .path1:before {
    content: "\e9a6";
    color: #fff
}

.icon-Notification-rounded-icon .path2:before {
    content: "\e9a7";
    margin-left: -1em;
    color: #1C024B
}

.icon-Notification-rounded-icon .path3:before {
    content: "\e9a8";
    margin-left: -1em;
    color: #1C024B
}

.icon-Notifications-1:before {
    content: "\e9a9";
    color: #1C024B
}

.icon-Personal-Account-icon:before {
    content: "\e9aa";
    color: #1C024B
}

.icon-Personal-Account-icon-rounded .path1:before {
    content: "\e9ab";
    color: #fff
}

.icon-Personal-Account-icon-rounded .path2:before {
    content: "\e9ac";
    margin-left: -1em;
    color: #1C024B
}

.icon-Phone:before {
    content: "\e9ad";
    color: #1C024B
}

.icon-Play-video-icon-rounded .path1:before {
    content: "\e9ae";
    color: #222;
    opacity: 0.8
}

.icon-Play-video-icon-rounded .path2:before {
    content: "\e9af";
    margin-left: -1em;
    color: #fff
}

.icon-play-video-icon:before {
    content: "\e9b0";
    color: #fff
}

.icon-Play-1:before {
    content: "\e9b1";
    color: #1C024B
}

.icon-Print:before {
    content: "\e9b2";
    /*color: #1C024B*/
}

.icon-Property-1Checked .path1:before {
    content: "\e9b3";
    color: #00ae65
}

.icon-Property-1Checked .path2:before {
    content: "\e9b4";
    margin-left: -1em;
    color: #fff
}

.icon-Property-1Checked .path3:before {
    content: "\e9b5";
    margin-left: -1em;
    color: #fff;
    opacity: 0.5
}

.icon-Recreational-Centers-icon:before {
    content: "\e9b6";
    color: #fff
}

.icon-Recreational-Centers-rounded-icon .path1:before {
    content: "\e9b7";
    color: #00ae65
}

.icon-Recreational-Centers-rounded-icon .path2:before {
    content: "\e9b8";
    margin-left: -1em;
    color: #fff
}

.icon-Recreational-Centers-rounded-icon .path3:before {
    content: "\e9b9";
    margin-left: -1em;
    color: #fff
}

.icon-Recreational-Centers-rounded-icon .path4:before {
    content: "\e9ba";
    margin-left: -1em;
    color: #fff
}

.icon-Recreational-Centers-rounded-icon .path5:before {
    content: "\e9bb";
    margin-left: -1em;
    color: #fff
}

.icon-remove .path1:before {
    content: "\e9bc";
    color: #1C024B
}

.icon-remove .path2:before {
    content: "\e9bd";
    margin-left: -1em;
    color: #fff
}

.icon-Restaurants-icon .path1:before {
    content: "\e9be";
    color: #ea2839
}

.icon-Restaurants-icon .path2:before {
    content: "\e9bf";
    margin-left: -1em;
    color: #fff
}

.icon-Restaurants-icon .path3:before {
    content: "\e9c0";
    margin-left: -1em;
    color: #fff
}

.icon-Restaurants-icon .path4:before {
    content: "\e9c1";
    margin-left: -1em;
    color: #fff
}

.icon-Restaurants-icon .path5:before {
    content: "\e9c2";
    margin-left: -1em;
    color: #fff
}

.icon-search:before {
    content: "\e9c3";
    color: #1C024B
}

.icon-Search-icon:before {
    content: "\e9c4";
    color: #fff
}

.icon-share-icon-2:before {
    content: "\e9c5";
    color: #666
}

.icon-Share-icon:before {
    content: "\e9c6";
    color: #1C024B
}

.icon-Shows--Performances-rounded .path1:before {
    content: "\e9c7";
    color: #09236b
}

.icon-Shows--Performances-rounded .path2:before {
    content: "\e9c8";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path3:before {
    content: "\e9c9";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path4:before {
    content: "\e9ca";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path5:before {
    content: "\e9cb";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path6:before {
    content: "\e9cc";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path7:before {
    content: "\e9cd";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path8:before {
    content: "\e9ce";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path9:before {
    content: "\e9cf";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path10:before {
    content: "\e9d0";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path11:before {
    content: "\e9d1";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path12:before {
    content: "\e9d2";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path13:before {
    content: "\e9d3";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path14:before {
    content: "\e9d4";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-rounded .path15:before {
    content: "\e9d5";
    margin-left: -1em;
    color: #fff
}

.icon-Shows--Performances-white-icon:before {
    content: "\e9d6";
    color: #fff
}

.icon-snapchat:before {
    content: "\e9d7";
    color: #fff
}

.icon-Social-Channels-rounded-icon .path1:before {
    content: "\e9d8";
    color: #fff
}

.icon-Social-Channels-rounded-icon .path2:before {
    content: "\e9d9";
    margin-left: -1em;
    color: #1C024B
}

.icon-Social-Channels-rounded-icon .path3:before {
    content: "\e9da";
    margin-left: -1em;
    color: #1C024B
}

.icon-social-media-icon:before {
    content: "\e9db";
    color: #1C024B
}

.icon-Star-icon:before {
    content: "\e9dc"
}

.icon-Star-selected:before {
    content: "\e9dd";
    color: #ffb10a
}

.icon-success-icon .path1:before {
    content: "\e9de";
    color: #00ae65
}

.icon-success-icon .path2:before {
    content: "\e9df";
    margin-left: -1em;
    color: #fff
}

.icon-Suggestions-icon .path1:before {
    content: "\e9e0";
    color: #fff
}

.icon-Suggestions-icon .path2:before {
    content: "\e9e1";
    margin-left: -1em;
    color: #1C024B
}

.icon-Suggestions-icon .path3:before {
    content: "\e9e2";
    margin-left: -1em;
    color: #1C024B
}

.icon-suggetions-icon-rounded:before {
    content: "\e9e3";
    color: #1C024B
}

.icon-ticket-1:before {
    content: "\e9e4";
    color: #fff
}

.icon-Ticket-2:before {
    content: "\e9e5";
    color: #1C024B
}


.icon-Ticket-icon:before {
    content: "\e9e6";
    color: #fff
}

.icon-Time:before {
    content: "\e9e7";
    color: #1C024B
}

.icon-Twitter:before {
    content: "\e9e8";
    color: #fff
}

.icon-Twitter-1:before {
    content: "\e9e9";
    color: #03a9f4
}

.icon-warning-rounded-white-icon:before {
    content: "\e9ea";
    color: #fff
}

.icon-warning-icon:before {
    content: "\e9eb";
    color: #999
}

.icon-Wave1 .path1:before {
    content: "\e9ec";
    color: #000
}

.icon-Wave1 .path2:before {
    content: "\e9ed";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path3:before {
    content: "\e9ee";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path4:before {
    content: "\e9ef";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path5:before {
    content: "\e9f0";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path6:before {
    content: "\e9f1";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path7:before {
    content: "\e9f2";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path8:before {
    content: "\e9f3";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path9:before {
    content: "\e9f4";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path10:before {
    content: "\e9f5";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path11:before {
    content: "\e9f6";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path12:before {
    content: "\e9f7";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path13:before {
    content: "\e9f8";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path14:before {
    content: "\e9f9";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path15:before {
    content: "\e9fa";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path16:before {
    content: "\e9fb";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path17:before {
    content: "\e9fc";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path18:before {
    content: "\e9fd";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path19:before {
    content: "\e9fe";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Wave1 .path20:before {
    content: "\e9ff";
    margin-left: -2.9814453125em;
    color: #e7e8eb;
    opacity: 0.3
}

.icon-Youtube-1:before {
    content: "\ea00";
    color: #f61c0d
}

.trim-two {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    white-space: normal
}

.rating-cont span:nth-child(even) {
    margin-right: .15rem
}

.rating-cont .star {
    position: relative;
    display: inline-block
}

    .rating-cont .star svg {
        fill: #fff;
        stroke: #FFB10A;
        width: 18px;
        height: 18px
    }

    .rating-cont .star .half {
        position: absolute;
        display: inline-block;
        overflow: hidden
    }

        .rating-cont .star .half svg {
            fill: #FFB10A
        }

.rating-cont .sr-only {
    display: none
}

.content-container {
    z-index: 1;
    position: relative;
}

@media print {
    .content-layout .content-page-container {
        padding-top: 0 !important;
        color: black;
    }

        .content-layout .content-page-container ul, .content-layout .content-page-container ul li ul, .content-layout .content-page-container ul li ol, .content-layout .content-page-container ol {
            list-style: disc !important;
            list-style-type: disc !important;
            list-style-position: outside !important;
            padding-left: 20px !important
        }

            .content-layout .content-page-container ul li ul, .content-layout .content-page-container ul li ol {
                padding-left: 40px !important
            }

                .content-layout .content-page-container ul li, .content-layout .content-page-container ul li ul li ol li, .content-layout .content-page-container ol li ol li, .content-layout .content-page-container ul li ol li {
                    display: revert !important;
                    padding-left: 10px !important
                }

    .content-us-header, .mini-listing-header, .navbar, .nav-hint, .no-print, nav.navbar, .breadcrumb, footer, .content-page-container .pattern, .scrolltop {
        display: none !important
    }

    .table-responsive {
        overflow: auto
    }

        .table-responsive > .table tr th, .table-responsive > .table tr td {
            white-space: normal !important
        }

    .print-only {
        display: block !important;
        z-index: 7
    }
}

.print-only {
    display: none
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

#menuInterests li a:hover {
    color: #e10055
}

a {
    color: #0065BD;
    text-decoration: none;
    background-color: transparent;
    align-content: center;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #FFFFFF;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

pre, code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #0065BD
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar > .container, .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

@media (max-width: 1024px) {
    .menu-button.navbar-toggle {
        display: inline-block !important
    }
}

.main-side-links {
    position: fixed;
    left: 0;
    top: 30%;
    z-index: 4
}

    .main-side-links a {
        display: block;
        padding: .6rem 1.1rem;
        margin-bottom: 1rem;
        background: #0065BD;
        border-radius: 0 1.7rem 1.7rem 0;
        transition: .4s
    }

        .main-side-links a:last-child {
            margin-bottom: 0
        }

        .main-side-links a:hover, .main-side-links a:focus {
            background: #fd7e14
        }

        .main-side-links a i {
            color: #000;
            font-size: 2rem
        }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
            align-items: unset;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,0.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,0.3)
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml; charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,0.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,0.9)
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0,0,0,0.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,0.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,0.25)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml; charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,0.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff
        }

.c-arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: .2rem
}

    .c-arrow.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .c-arrow.left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .c-arrow.up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    .c-arrow.down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

.marg-b-10 {
    margin-bottom: 1rem
}

.container {
    width: 100%;
    padding-right: 15px !important /2;
    padding-left: 15px !important /2;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1130px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px !important /2;
    padding-left: 15px !important /2;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex !important;
    flex-wrap: wrap;
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px !important /2;
    padding-left: 15px !important /2
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

    .btn:hover, .btn:focus {
        text-decoration: none
    }

    .btn:focus, .btn.focus {
        outline: 0;
    }

    .btn.disabled, .btn:disabled {
        opacity: .65
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer
    }

        .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
            background-image: none
        }

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    padding: 2px 10px;
    background-color: white;
    color: black;
    /*color: #fff;
    background-color: #0065BD;
    border-color: #0065BD*/
}

    .btn-primary:hover {
        color: #fff;
        background-color: #005197;
        border-color: #004a8a
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(0,101,189,0.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #0065BD;
        border-color: #0065BD
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #004a8a;
        border-color: #00437d
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,101,189,0.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
        }

.btn-success {
    color: #fff;
    background-color: #00AE65;
    border-color: #00AE65
}

    .btn-success:hover {
        color: #fff;
        background-color: #00884f;
        border-color: #007b47
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 .2rem rgba(0,174,101,0.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #00AE65;
        border-color: #00AE65
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #007b47;
        border-color: #006e40
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,174,101,0.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
        }

.btn-warning {
    color: #212529;
    background-color: #FFFFFF;
    border-color: #FFFFFF
}

    .btn-warning:hover {
        color: #212529;
        background-color: #fdbe09;
        border-color: #f7b802
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(253,200,47,0.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #FFFFFF;
        border-color: #FFFFFF
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #f7b802;
        border-color: #eaae02
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(253,200,47,0.5)
        }

.btn-danger {
    color: #fff;
    background-color: #EA2839;
    border-color: #EA2839
}

    .btn-danger:hover {
        color: #fff;
        background-color: #d71526;
        border-color: #cb1424
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(234,40,57,0.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #EA2839;
        border-color: #EA2839
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #cb1424;
        border-color: #c01322
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(234,40,57,0.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light:focus, .btn-light.focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
        }

.btn-outline-primary {
    color: #0065BD;
    background-color: transparent;
    background-image: none;
    border-color: #0065BD
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0065BD;
        border-color: #0065BD
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(0,101,189,0.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #0065BD;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #0065BD;
        border-color: #0065BD
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,101,189,0.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
        }

.btn-outline-success {
    color: #00AE65;
    background-color: transparent;
    background-image: none;
    border-color: #00AE65
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #00AE65;
        border-color: #00AE65
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 .2rem rgba(0,174,101,0.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #00AE65;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #00AE65;
        border-color: #00AE65
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,174,101,0.5)
        }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
        }

.btn-outline-warning {
    color: #FFFFFF;
    background-color: transparent;
    background-image: none;
    border-color: #FFFFFF
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #FFFFFF;
        border-color: #FFFFFF
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 .2rem rgba(253,200,47,0.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #FFFFFF;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #FFFFFF;
        border-color: #FFFFFF
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(253,200,47,0.5)
        }

.btn-outline-danger {
    color: #EA2839;
    background-color: transparent;
    background-image: none;
    border-color: #EA2839
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #EA2839;
        border-color: #EA2839
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem rgba(234,40,57,0.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #EA2839;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #EA2839;
        border-color: #EA2839
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(234,40,57,0.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
        }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
        }

.btn-link {
    font-weight: 400;
    color: white;
    background-color: transparent
}

    .btn-link:hover {
        color: #222;
        text-decoration: underline;
        /*background-color: white;*/
        border-color: transparent
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d
    }

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.dropup, .dropdown {
    position: relative
}

/*.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}*/

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #0065BD
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear
}

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block
    }

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 111111;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #3ea5ff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,101,189,0.25)
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #00AE65
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(0,174,101,0.8);
    border-radius: .2rem
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #00AE65
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #00AE65;
        box-shadow: 0 0 0 .2rem rgba(0,174,101,0.25)
    }

    .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
        display: block
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #00AE65
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #00AE65
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        background-color: #2fffa8
    }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #00e183
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,174,101,0.25)
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #00AE65
}

    .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
        border-color: inherit
    }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(0,174,101,0.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #EA2839
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(234,40,57,0.8);
    border-radius: .2rem
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #EA2839
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #EA2839;
        box-shadow: 0 0 0 .2rem rgba(234,40,57,0.25)
    }

    .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
        display: block
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #EA2839
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #EA2839
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        background-color: #f59ca4
    }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #ef5664
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(234,40,57,0.25)
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #EA2839
}

    .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
        border-color: inherit
    }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(234,40,57,0.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0065BD;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        color: #003c71;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,101,189,0.25)
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0065BD;
    border-color: #0065BD
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0,0,0,0)
}

    .table th, .table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table {
        background-color: #fff
    }

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6
    }

    .table-bordered thead th, .table-bordered thead td {
        border-bottom-width: 2px
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0.075)
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8d4ed
}

.table-hover .table-primary:hover {
    background-color: #a4c8e8
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #a4c8e8
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #b8e8d4
}

.table-hover .table-success:hover {
    background-color: #a5e2c8
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #a5e2c8
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #fef0c5
}

.table-hover .table-warning:hover {
    background-color: #feeaac
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #feeaac
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f9c3c8
}

.table-hover .table-danger:hover {
    background-color: #f7acb3
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f7acb3
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0,0,0,0.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,0.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,0.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #32383e
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,0.05)
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,0.075)
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive > .table-bordered {
        border: 0
    }

.tooltip {
    position: absolute;
    z-index: 111111;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    margin-top: 40px;
}

    .owl-carousel .owl-stage {
        position: relative;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px)
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item.center {
            z-index: 5
        }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
        display: none
    }

    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
        cursor: pointer;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    transition: opacity 400ms ease
}

    .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        transform: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.multi--hidden {
    display: none
}

.multi {
    width: 220px;
    padding: .375rem .75rem
}

.dark button {
    background-color: #000;
    color: #fff
}

.dark .dropdown {
    background-color: #000;
    color: #fff
}

.dark .selected {
    color: #0e0
}

    .dark .selected::after {
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%)
    }

.multi__display {
    overflow: hidden;
    width: 100%;
    font-family: sans-serif;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #f8f9fa;
    padding: .375rem .75rem;
    line-height: 1.5;
    font-size: 1rem;
    border-radius: .25%;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.multi__dropdown-toggle {
    background-color: #dae0e5
}

.multi__display::after {
    background: url(../svg/angle-down-light.svg);
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 15px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.multi__inner {
    width: 180px;
    overflow: hidden
}

.multi__dropdown {
    font-family: sans-serif;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    overflow-y: auto
}

    .multi__dropdown ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0;
        padding: 15px;
        min-height: 100px
    }

.multi__li-item {
    cursor: pointer
}

.multi__li-item--selected {
    color: #00f;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .multi__li-item--selected::after {
        background: url(../svg/check-light.svg);
        display: inline-block;
        width: .35em;
        height: .4em;
        font-size: 3.5em;
        right: 10px;
        content: ""
    }

.iti {
    position: relative;
    display: inline-block
}

    .iti * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.iti__country {
    padding: 5px 10px;
    outline: none
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0,0,0,0.05)
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle
}

.iti__flag-box, .iti__country-name {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

    .iti--allow-dropdown .iti__flag-container:hover {
        cursor: pointer
    }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: rgba(0,0,0,0.05)
        }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent
    }

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,0.05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .iti--container:hover {
        cursor: pointer
    }

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

    .iti__flag.iti__be {
        width: 18px
    }

    .iti__flag.iti__ch {
        width: 15px
    }

    .iti__flag.iti__mc {
        width: 19px
    }

    .iti__flag.iti__ne {
        width: 18px
    }

    .iti__flag.iti__np {
        width: 13px
    }

    .iti__flag.iti__va {
        width: 15px
    }

@media (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}

@media (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../img/flags@2x.png")
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.lg-outer .lg-video-cont {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

    .lg-outer .lg-video-cont .lg-object {
        width: 100% !important;
        height: 100% !important
    }

.lg-outer .lg-has-iframe .lg-video-cont {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-video-object {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 3
}

.lg-outer .lg-video-poster {
    z-index: 1
}

.lg-outer .lg-has-video .lg-video-object {
    opacity: 0;
    will-change: opacity;
    transition: opacity .3s ease-in
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button, .lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
    opacity: 0 !important
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
    opacity: 1
}

@keyframes lg-play-stroke {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes lg-play-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.lg-video-play-button {
    width: 18%;
    max-width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%, -50%) scale(1);
    will-change: opacity,transform;
    transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28),opacity 0.1s
}

    .lg-video-play-button:hover .lg-video-play-icon, .lg-video-play-button:hover .lg-video-play-icon-bg {
        opacity: 1
    }

.lg-video-play-icon-bg {
    fill: none;
    stroke-width: 3%;
    stroke: #fcfcfc;
    opacity: .6;
    will-change: opacity;
    transition: opacity .12s ease-in
}

.lg-video-play-icon-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    fill: none;
    stroke-width: 3%;
    stroke: rgba(30,30,30,0.9);
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200
}

.lg-video-play-icon {
    position: absolute;
    width: 25%;
    max-width: 120px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: .6;
    will-change: opacity;
    transition: opacity .12s ease-in
}

    .lg-video-play-icon .lg-video-play-icon-inner {
        fill: #fcfcfc
    }

.lg-video-loading .lg-video-play-icon-circle {
    animation: lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite
}

.lg-video-loaded .lg-video-play-button {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7)
}

@font-face {
    font-family: 'lg';
    src: url("../fonts/lg.woff2?io9a6k") format("woff2"),url("../fonts/lg.ttf?io9a6k") format("truetype"),url("../fonts/lg.woff?io9a6k") format("woff"),url("../fonts/lg.svg?io9a6k#lg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: 'lg' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-container {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.lg-next, .lg-prev {
    background-color: rgba(0,0,0,0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    outline: none;
    border: none
}

    .lg-next.disabled, .lg-prev.disabled {
        opacity: 0 !important;
        cursor: default
    }

    .lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {
        color: #fff
    }

.lg-single-item .lg-next, .lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

    .lg-next:before {
        content: '\e095'
    }

.lg-prev {
    left: 20px
}

    .lg-prev:after {
        content: '\e094'
    }

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    animation: lg-right-end 0.3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    animation: lg-left-end 0.3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.4))
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    transition: color 0.2s linear;
    background: none;
    border: none;
    box-shadow: none
}

    .lg-toolbar .lg-icon.lg-icon-18 {
        font-size: 18px
    }

    .lg-toolbar .lg-icon:hover {
        color: #fff
    }

.lg-toolbar .lg-close:after {
    content: '\e070'
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

    .lg-toolbar .lg-maximize:after {
        content: '\e90a'
    }

.lg-toolbar .lg-download:after {
    content: '\e0f2'
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    transition: opacity 0.2s ease-out 0s
}

    .lg-sub-html h4 {
        margin: 0;
        font-size: 13px;
        font-weight: bold
    }

    .lg-sub-html p {
        font-size: 12px;
        margin: 5px 0 0
    }

    .lg-sub-html a {
        color: inherit
    }

        .lg-sub-html a:hover {
            text-decoration: underline
        }

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-toolbar, .lg-closing .lg-prev, .lg-closing .lg-next, .lg-closing .lg-sub-html {
    opacity: 0;
    transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,color 0.08 linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    opacity: 0;
    will-change: opacity;
    transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    opacity: 1
}

.lg-group:after {
    content: '';
    display: table;
    clear: both
}

.lg-container {
    display: none;
    outline: none
}

    .lg-container.lg-show {
        display: block
    }

.lg-on {
    scroll-behavior: unset
}

.lg-toolbar, .lg-prev, .lg-next, .lg-pager-outer, .lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    will-change: transform, opacity;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-show-in .lg-toolbar, .lg-show-in .lg-prev, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer {
    opacity: 1
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111111;
    text-align: left;
    opacity: 0.001;
    outline: none;
    will-change: auto;
    overflow: hidden;
    transition: opacity 0.15s ease 0s
}

    .lg-outer * {
        box-sizing: border-box
    }

    .lg-outer.lg-zoom-from-image {
        opacity: 1
    }

    .lg-outer.lg-visible {
        opacity: 1
    }

    .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
        transition-duration: inherit !important;
        transition-timing-function: inherit !important
    }

    .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
        transition-duration: 0s !important;
        opacity: 1
    }

    .lg-outer.lg-grab img.lg-object {
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }

    .lg-outer.lg-grabbing img.lg-object {
        cursor: move;
        cursor: -o-grabbing;
        cursor: -ms-grabbing;
        cursor: grabbing
    }

    .lg-outer .lg-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .lg-outer .lg-inner {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        transition: opacity 0s;
        white-space: nowrap
    }

    .lg-outer .lg-item {
        will-change: transform, opacity;
        display: none !important
    }

        .lg-outer .lg-item:not(.lg-start-end-progress) {
            background: url("../images/loading.gif") no-repeat scroll center center transparent
        }

    .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
        display: inline-block !important
    }

    .lg-outer.lg-css .lg-current {
        display: inline-block !important
    }

    .lg-outer .lg-item, .lg-outer .lg-img-wrap {
        display: inline-block;
        text-align: center;
        position: absolute;
        width: 100%;
        height: 95%;
        margin: auto
    }

        .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

    .lg-outer .lg-img-wrap {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        white-space: nowrap;
        font-size: 0
    }

    .lg-outer .lg-item.lg-complete {
        background-image: none
    }

    .lg-outer .lg-item.lg-current {
        z-index: 1060
    }

    .lg-outer .lg-object {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: relative
    }

    .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play-button {
        opacity: 0;
        will-change: opacity;
        transition: opacity 0.15s ease 0s
    }

    .lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button {
        opacity: 1
    }

    .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button {
        opacity: 1
    }

    .lg-outer .lg-empty-html.lg-sub-html, .lg-outer .lg-empty-html .lg-sub-html {
        display: none
    }

    .lg-outer.lg-hide-download .lg-download {
        opacity: 0.75;
        pointer-events: none
    }

    .lg-outer .lg-first-slide .lg-dummy-img {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
        transform: translate3d(0, 0%, 0);
        opacity: 1
    }

    .lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
        opacity: 1;
        transition: opacity 0.2s ease-out 0.15s;
        margin: 0 auto;
        margin-left: 0
    }

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    transition: opacity 333ms ease-in 0s
}

    .lg-backdrop.in {
        opacity: 1
    }

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

    .lg-css3.lg-fade .lg-item.lg-current {
        opacity: 1
    }

    .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
        transition: opacity 0.1s ease 0s
    }

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
        transform: translate3d(-100%, 0, 0)
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
        transform: translate3d(100%, 0, 0)
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
        transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,opacity 0.1s ease 0s
    }

.lg-container {
    display: none
}

    .lg-container.lg-show {
        display: block
    }

    .lg-container.lg-dragging-vertical .lg-backdrop {
        transition-duration: 0s !important
    }

    .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
        transition-duration: 0s !important;
        opacity: 1
    }

.lg-inline .lg-backdrop, .lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: '\e909'
}

.lg-components {
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    transition: transform 0.35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */ @keyframes bounce {
    from,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    from,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,to {
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: translate3d(0, 0, 0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    from,11.1%,to {
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-duration: 0.75s;
    animation-name: bounceIn
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-duration: 0.75s;
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: 0.75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    animation-duration: 0.75s;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

    .animated.infinite {
        animation-iteration-count: infinite
    }

    .animated.delay-1s {
        animation-delay: 1s
    }

    .animated.delay-2s {
        animation-delay: 2s
    }

    .animated.delay-3s {
        animation-delay: 3s
    }

    .animated.delay-4s {
        animation-delay: 4s
    }

    .animated.delay-5s {
        animation-delay: 5s
    }

    .animated.fast {
        animation-duration: 800ms
    }

    .animated.faster {
        animation-duration: 500ms
    }

    .animated.slow {
        animation-duration: 2s
    }

    .animated.slower {
        animation-duration: 3s
    }

@media (print) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }
}

.ng-select.ng-select-opened > .ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

    .ng-select.ng-select-opened > .ng-select-container:hover {
        box-shadow: none
    }

    .ng-select.ng-select-opened > .ng-select-container .ng-arrow {
        top: -2px;
        border-color: transparent transparent #999;
        border-width: 0 5px 5px
    }

        .ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
            border-color: transparent transparent #333
        }

.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)
}

.ng-select.ng-select-disabled > .ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select .ng-select-container {
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

    .ng-select .ng-select-container:hover {
        box-shadow: 0 1px 0 rgba(0,0,0,0.06)
    }

    .ng-select .ng-select-container .ng-value-container {
        align-items: center;
        padding-left: 10px
    }

[dir="rtl"] .ng-select .ng-select-container .ng-value-container {
    padding-right: 10px;
    padding-left: 0
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #999
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

    .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
        top: 5px;
        left: 0;
        padding-left: 10px;
        padding-right: 50px
    }

[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-right: 10px;
    padding-left: 50px
}

.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6
}

    .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
        padding: 0 5px
    }

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-left: 7px
}

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-right: 7px;
    padding-left: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px
}

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 0;
    margin-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
        padding-left: 5px
    }

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 0;
    padding-right: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    display: inline-block;
    padding: 1px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
        background-color: #d1e8ff
    }

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
        border-right: 1px solid #b8dbff
    }

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-left: 1px solid #b8dbff;
    border-right: none
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 0;
    border-right: 1px solid #b8dbff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 0 3px 3px
}

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 3px 3px 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 3px;
    padding-left: 0
}

.ng-select .ng-clear-wrapper {
    color: #999
}

    .ng-select .ng-clear-wrapper:hover .ng-clear {
        color: #D0021B
    }

.ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

[dir="rtl"] .ng-select .ng-spinner-zone {
    padding: 5px 0 0 5px
}

.ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

[dir="rtl"] .ng-select .ng-arrow-wrapper {
    padding-left: 5px;
    padding-right: 0
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0,0,0,0.06);
    left: 0
}

    .ng-dropdown-panel.ng-select-bottom {
        top: 100%;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-color: #e6e6e6;
        margin-top: -1px
    }

        .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

    .ng-dropdown-panel.ng-select-top {
        bottom: 100%;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-color: #e6e6e6;
        margin-bottom: -1px
    }

        .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px
        }

    .ng-dropdown-panel .ng-dropdown-header {
        border-bottom: 1px solid #ccc;
        padding: 5px 7px
    }

    .ng-dropdown-panel .ng-dropdown-footer {
        border-top: 1px solid #ccc;
        padding: 5px 7px
    }

    .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
        user-select: none;
        padding: 8px 10px;
        font-weight: 500;
        color: rgba(0,0,0,0.54);
        cursor: pointer
    }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
            cursor: default
        }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
            background-color: #f5faff
        }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
            background-color: #ebf5ff;
            font-weight: 600
        }

    .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
        background-color: #fff;
        color: rgba(0,0,0,0.87);
        padding: 8px 10px
    }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
            color: #333;
            background-color: #ebf5ff
        }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
                font-weight: 600
            }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
            background-color: #f5faff;
            color: #333
        }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
            color: #ccc
        }

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
            padding-left: 22px
        }

[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 22px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

[dir="rtl"] .ng-dropdown-panel {
    direction: rtl;
    text-align: right
}

footer ul {
    margin-bottom: 0
}

footer .newsletter-sec {
    background-color: #FFFFFF;
    color: #000;
    padding: 4.278rem 0 4.444rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .newsletter-sec {
        padding: 3.125rem 0
    }
}

@media (max-width: 767px) {
    footer .newsletter-sec {
        padding: 3.429rem 0
    }
}

footer .newsletter-sec .form-control {
    display: inline-block
}

footer .newsletter-sec > div {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    footer .newsletter-sec > div {
        display: block
    }
}

footer .newsletter-sec .newsletter-title {
    font-size: 2.222rem;
    line-height: 2.444rem;
    color: #222;
    margin-bottom: 0.556rem;
    font-family: "Tajawal-Bold"
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .newsletter-sec .newsletter-title {
        font-size: 1.875rem;
        line-height: 1.688rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767px) {
    footer .newsletter-sec .newsletter-title {
        font-size: 1.714rem;
        line-height: 1.571rem;
        margin-bottom: 0.714rem
    }
}

footer .newsletter-sec .newsletter-desc {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #222;
    margin-bottom: 1.778rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .newsletter-sec .newsletter-desc {
        margin-bottom: 2rem;
        max-width: 20.438rem
    }
}

@media (max-width: 767px) {
    footer .newsletter-sec .newsletter-desc {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 1.714rem;
        max-width: 100%
    }
}

footer .newsletter-sec input {
    background-color: #fff;
    padding: 0.833rem;
    border-radius: 3px;
    width: 20.556rem;
    border-color: transparent;
    font-size: 1rem;
    line-height: 1.278rem;
    border-width: 0px !important;
    margin-right: 1.111rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .newsletter-sec input {
        padding: 0.938rem;
        line-height: 1.5rem;
        width: 20.438rem;
        max-width: 100%;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    footer .newsletter-sec input {
        padding: 1.071rem 1.429rem 0.857rem 1.429rem;
        width: 100%;
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 1.429rem
    }
}

footer .newsletter-sec input::-webkit-input-placeholder {
    opacity: 0.5
}

footer .newsletter-sec input::-moz-placeholder {
    opacity: 0.5
}

footer .newsletter-sec input::-moz-placeholder {
    opacity: 0.5
}

footer .newsletter-sec input:-ms-input-placeholder {
    opacity: 0.5
}

footer .newsletter-sec .btn.btn-SECONDARY {
    padding: 0.833rem 1.333rem;
    background-color: #1C024B;
    color: #fff;
    border-radius: 50px;
    font-size: 1rem;
    border-width: 0px !important;
    line-height: 1.222rem;
    font-family: "Tajawal-Bold";
    transition: all 0.8s
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .newsletter-sec .btn.btn-SECONDARY {
        width: 20.438rem;
        max-width: 100%;
        line-height: 1.375rem;
        padding: 1.375rem 0 1.063rem 0
    }
}

@media (max-width: 767px) {
    footer .newsletter-sec .btn.btn-SECONDARY {
        padding: 1.071rem 0 0.714rem 0;
        font-size: 1.143rem;
        width: 100%;
        line-height: 1.429rem
    }
}

footer .newsletter-sec .btn.btn-SECONDARY:hover {
    background-color: #0065BD
}

@media (min-width: 767px) {
    footer .mobileapp-download-sec {
        min-inline-size: max-content
    }
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .mobileapp-download-sec {
        min-width: 17.688rem
    }
}

@media (max-width: 767px) {
    footer .mobileapp-download-sec {
        display: inline-block;
        margin-top: 3.429rem
    }
}

footer .mobileapp-download-sec h3 {
    font-size: 1.333rem;
    line-height: 1.444rem;
    font-family: "Tajawal-Bold";
    color: #222;
    margin-bottom: 1.278rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .mobileapp-download-sec h3 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1.438rem
    }
}

@media (max-width: 767px) {
    footer .mobileapp-download-sec h3 {
        font-size: 1.429rem;
        line-height: 1.571rem;
        margin-bottom: 1.143rem
    }
}

@media (max-width: 1199.98px) {
    footer .mobileapp-download-sec ul {
        display: flex
    }
}

footer .mobileapp-download-sec ul li {
    float: left
}

    footer .mobileapp-download-sec ul li img {
        max-height: 2.389rem;
        width: auto !important;
        max-width: 8rem
    }

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .mobileapp-download-sec ul li img {
        max-width: 5rem;
        height: auto;
        width: auto !important;
        max-height: 1.834rem
    }
}

@media (max-width: 767px) {
    footer .mobileapp-download-sec ul li img {
        height: auto;
        max-width: 33.33vw;
        width: auto !important;
        max-height: 2.071rem
    }
}

footer .mobileapp-download-sec ul li + li {
    margin-left: 0.889rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .mobileapp-download-sec ul li + li {
        margin-left: 0.75rem
    }
}

@media (max-width: 767px) {
    footer .mobileapp-download-sec ul li + li {
        margin-left: 0.45rem
    }
}

footer .footer-links-container {
    background-color: #1C024B;
    padding: 5.556rem 0
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container {
        padding: 3.125rem 0
    }
}

@media (max-width: 767px) {
    footer .footer-links-container {
        padding: 2.857rem 0 3.571rem 0
    }
}

footer .footer-links-container .footer-links-main-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.667rem
}

@media (max-width: 1199.98px) {
    footer .footer-links-container .footer-links-main-container {
        display: block
    }
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container .footer-links-main-container {
        margin-bottom: 3.125rem
    }
}

@media (max-width: 767px) {
    footer .footer-links-container .footer-links-main-container {
        margin-bottom: 4.071rem
    }
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container .footer-links-main-container .footer-brand {
        margin-bottom: 6.25rem
    }
}

@media (max-width: 767px) {
    footer .footer-links-container .footer-links-main-container .footer-brand {
        text-align: center
    }
}

footer .footer-links-container p, footer .footer-links-container a, footer .footer-links-container a:not([href]):not([tabindex]) {
    color: #fff
}

footer .footer-links-container h2, footer .footer-links-container h3 {
    color: #0065BD
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container .footer-brand {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

footer .footer-links-container .footer-brand .enjoy-footer-logo {
    width: 6.389rem;
    height: auto;
    margin-bottom: 4.167rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container .footer-brand .enjoy-footer-logo {
        width: 5.688rem;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    footer .footer-links-container .footer-brand .enjoy-footer-logo {
        width: 8.571rem;
        margin-bottom: 2.857rem
    }
}

footer .footer-links-container .footer-social h3 {
    color: #fff;
    font-size: 1rem;
    line-height: 1.222rem;
    font-family: "Tajawal-Bold";
    margin-bottom: 0.5rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container .footer-social h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        margin-bottom: 0.563rem
    }
}

@media (max-width: 767px) {
    footer .footer-links-container .footer-social h3 {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 0.643rem
    }
}

footer .footer-links-container .footer-social ul {
    display: flex
}

@media (max-width: 767px) {
    footer .footer-links-container .footer-social ul {
        display: inline-block
    }
}

footer .footer-links-container .footer-social li {
    float: left;
    margin-right: 0.889rem;
    background: #0065BD;
    width: 1.778rem;
    height: 1.778rem;
    border-radius: 50px;
    vertical-align: middle;
    text-align: center;
    transition: all 0.75s
}

    footer .footer-links-container .footer-social li:hover {
        background: #fff;
        transform: scale(1.175)
    }

        footer .footer-links-container .footer-social li:hover a i {
            transform: scale(1.175)
        }

            footer .footer-links-container .footer-social li:hover a i.icon.icon-Twitter {
                font-size: 0.845rem
            }

                footer .footer-links-container .footer-social li:hover a i.icon.icon-Twitter:before {
                    content: "\e9e9";
                    color: #00ACEE
                }

            footer .footer-links-container .footer-social li:hover a i.icon.icon-Facebook:before {
                color: #4267B2
            }

            footer .footer-links-container .footer-social li:hover a i.icon.icon-instgram {
                font-weight: bold
            }

                footer .footer-links-container .footer-social li:hover a i.icon.icon-instgram:before {
                    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent
                }

            footer .footer-links-container .footer-social li:hover a i.icon-Youtube-1:before {
                color: #FB000F
            }

            footer .footer-links-container .footer-social li:hover a i.icon.icon-snapchat:before {
                color: #000
            }

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-links-container .footer-social li {
        width: 1.806rem;
        height: 1.806rem
    }
}

@media (max-width: 767px) {
    footer .footer-links-container .footer-social li {
        width: 2.071rem;
        height: 2.071rem;
        margin-right: 0.246rem;
        margin-left: 0.246rem
    }
}

footer .footer-links-container .footer-social li * {
    transition: all 0.8s;
    vertical-align: middle
}

footer .footer-links-container .footer-social li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

    footer .footer-links-container .footer-social li a i {
        transition: all 0.8s;
        font-size: 0.667rem
    }

@media (max-width: 767px) {
    footer .footer-links-container .footer-social li a i {
        font-size: 0.821rem;
        line-height: 2.071rem
    }
}

footer .footer-links-container .footer-social li a i::before {
    color: #fff
}

footer .two-col-footer-nav {
    min-width: 13.778rem
}

footer .footer-nav-container {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    margin-left: 3.444rem
}

@media (max-width: 1367px) {
    footer .footer-nav-container {
        margin-left: 13.25%
    }
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-nav-container {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    footer .footer-nav-container {
        display: block;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    footer .footer-nav {
        border-bottom: 1px solid rgba(255,255,255,0.3);
        margin-bottom: 0.929rem;
        min-width: 100%
    }

        footer .footer-nav:last-child {
            border-bottom-width: 0px;
            margin-bottom: 0px
        }
}

footer .footer-nav h3 {
    color: #0065BD;
    font-family: "Tajawal-Bold";
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 0.889rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-nav h3 {
        margin-bottom: 1.806rem
    }
}

@media (max-width: 767px) {
    footer .footer-nav h3 {
        display: none
    }
}

footer .footer-nav .footer-nav-collapse-title {
    font-size: 1.143rem;
    color: #fff;
    line-height: 1.714rem;
    margin-bottom: 1.429rem;
    font-family: "Tajawal-Bold";
    display: inline-block;
    width: 100%;
    position: relative
}

    footer .footer-nav .footer-nav-collapse-title:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0.732rem;
        vertical-align: middle;
        border-top: 0.25rem solid;
        border-right: 0.25rem solid transparent;
        border-left: 0.25rem solid transparent
    }

@media (min-width: 767px) {
    footer .footer-nav .footer-nav-collapse-title {
        display: none
    }
}

footer .footer-nav .footer-nav-collapse-title:not([href]):not([tabindex]):hover, footer .footer-nav .footer-nav-collapse-title:not([href]):not([tabindex]):focus {
    color: #fff
}

@media (max-width: 767px) {
    footer .footer-nav .footer-nav-collapse-container {
        display: none;
        margin-bottom: 1.143rem
    }
}

footer .footer-nav li:last-child a {
    margin-bottom: 0px !important
}

@media (max-width: 767px) {
    footer .footer-nav li:last-child a {
        margin-bottom: 1.143rem !important
    }
}

footer .footer-nav li a, footer .footer-nav li a:not([href]):not([tabindex]) {
    font-family: "Tajawal-Bold";
    font-size: 1rem;
    color: #fff;
    line-height: 1.333rem;
    margin-bottom: 0.889rem;
    display: inline-block;
    transition: all 0.75s
}

    footer .footer-nav li a:hover, footer .footer-nav li a:not([href]):not([tabindex]):hover {
        color: #FFFFFF
    }

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-nav li a, footer .footer-nav li a:not([href]):not([tabindex]) {
        line-height: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 767px) {
    footer .footer-nav li a, footer .footer-nav li a:not([href]):not([tabindex]) {
        font-size: 1.143rem;
        margin-bottom: 1.143rem;
        line-height: 1.714rem
    }
}

footer hr {
    border: 0px !important;
    border-top: 1px solid rgba(255,255,255,0.3) !important
}

footer .footer-bottom-sec {
    margin-top: 1.722rem;
    display: flex;
    justify-content: space-between
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-bottom-sec {
        margin-top: 1.938rem;
        display: block
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec {
        display: block;
        margin-top: 2.214rem
    }
}

footer .footer-bottom-sec > div {
    display: flex;
    align-items: center
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-bottom-sec > div {
        justify-content: center
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec > div {
        display: block;
        text-align: center
    }
}

footer .footer-bottom-sec .footer-bottom-sec-logo {
    width: 12.111rem;
    height: auto;
    margin-right: 2.389rem
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-bottom-sec .footer-bottom-sec-logo {
        width: 13.625rem;
        margin-right: 2.688rem
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec .footer-bottom-sec-logo {
        width: 15.571rem;
        margin-right: 0;
        margin-bottom: 1.429rem
    }
}

footer .footer-bottom-sec .copyright {
    max-width: 17.889rem;
    min-height: 2.111rem;
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    footer .footer-bottom-sec .copyright {
        max-width: 100%;
        margin-bottom: 2.214rem
    }
}

footer .footer-bottom-sec .copyright p {
    font-size: 0.611rem;
    color: #fff;
    line-height: 0.778rem;
    font-family: "Tajawal-Regular";
    margin-bottom: 0px
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-bottom-sec .copyright p {
        font-size: 0.688rem;
        line-height: 0.875rem
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec .copyright p {
        font-size: 0.786rem;
        line-height: 1.143rem;
        width: 100%
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec .footer-bottom-sec-links {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-bottom-sec .footer-bottom-sec-links {
        margin-top: 1.375rem
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec .footer-bottom-sec-links ul {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

footer .footer-bottom-sec .footer-bottom-sec-links li {
    float: left
}

    footer .footer-bottom-sec .footer-bottom-sec-links li + li {
        margin-left: 1.444rem
    }

    footer .footer-bottom-sec .footer-bottom-sec-links li a {
        font-size: 0.722rem;
        line-height: 0.889rem;
        font-family: "Tajawal-Bold";
        transition: all 0.75s
    }

        footer .footer-bottom-sec .footer-bottom-sec-links li a:hover {
            color: #FFFFFF
        }

@media (min-width: 767px) and (max-width: 1199.98px) {
    footer .footer-bottom-sec .footer-bottom-sec-links li a {
        font-size: 0.813rem;
        line-height: 1rem
    }
}

@media (max-width: 767px) {
    footer .footer-bottom-sec .footer-bottom-sec-links li a {
        font-size: 0.929rem;
        line-height: 1.143rem
    }
}

.Subscribe-alert {
    height: 0
}

    .Subscribe-alert.show {
        height: auto;
        display: flex !important;
        align-items: center;
        background-color: transparent
    }

        .Subscribe-alert.show i.icon {
            font-size: 2.444rem;
            margin-right: 1.111rem
        }

@media (min-width: 767px) and (max-width: 1199.98px) {
    .Subscribe-alert.show i.icon {
        font-size: 2.75rem;
        margin-right: 1.25rem
    }
}

@media (max-width: 767px) {
    .Subscribe-alert.show i.icon {
        font-size: 3.143rem;
        margin-right: 2.857rem
    }
}

.Subscribe-alert.show .alert-txt {
    font-size: 1.333rem;
    line-height: 1.444rem;
    font-family: "Tajawal-Bold";
    color: #222
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    .Subscribe-alert.show .alert-txt {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .Subscribe-alert.show .alert-txt {
        font-size: 1.429rem;
        line-height: 1.571rem
    }
}

.Subscribe-alert.show.alert-info i:before {
    color: #1C024B
}

@media (max-width: 767px) {
    .footer-social {
        margin-bottom: 2.643rem
    }
}

@media (max-width: 767px) {
    .footer-bottom-sec-ChangeLang {
        display: none
    }
}

@media (max-width: 767px) {
    footer .hide-mob {
        display: none !important
    }
}

@media (min-width: 767px) {
    footer .hide-mob {
        display: block !important
    }
}

@media (min-width: 767px) {
    footer .show-mob {
        display: none !important
    }
}

@media (max-width: 767px) {
    footer .show-mob {
        display: block !important
    }
}

#myNavbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 8
}

    #myNavbar .dropright .dropdown-menu.show {
        position: absolute;
        top: 0;
        left: 17rem
    }

.socials_contact_ul {
    padding: 0px;
    margin-top: 30px;
}

nav.navbar {
    z-index: 999;
    transition: all 0.3s ease-in-out;
    transition-delay: .2s;
    left: 0;
    width: 100%;
    /*margin: auto;*/
    background: transparent;
    padding: 27px 0px;
}

.social_icon_contact_us {
    width: 50px !important;
    height: 50px !important;
}

.socials_handler {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav .navbar {
        padding: 0.625rem 0.625rem;
        margin-bottom: 120px;
    }
}

@media (max-width: 767.98px) {
    nav.navbar {
        padding: 0.714rem 2.857rem;
        margin-bottom: 30px;
    }
}

nav.navbar .dropdown-item.active, nav.navbar .dropdown-item:active {
    background-color: #f8f9fa
}

nav.navbar .dropdown-toggle::after {
    margin-left: 0.556rem;
    vertical-align: middle;
    border-top: 0.25rem solid;
    border-right: 0.25rem solid transparent;
    border-left: 0.25rem solid transparent
}

@media (max-width: 991.98px) {
    nav.navbar .dropdown-toggle::after {
        float: right
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .dropdown-toggle::after {
        margin-top: 0.625rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar .dropdown-toggle::after {
        margin-top: 0.625rem
    }
}

nav.navbar .notification-dropdown .dropdown-toggle::after {
    display: none
}

nav.navbar .notification-dropdown.have-new {
    position: relative
}

@media (max-width: 991.98px) {
    nav.navbar .notification-dropdown.have-new {
        display: inline-block
    }
}

nav.navbar .notification-dropdown.have-new i:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 0.722rem;
    height: 0.722rem;
    background-color: #EA2839;
    border-radius: 50%;
    right: -0.583rem;
    top: -0.042rem
}

@media (max-width: 991.98px) {
    nav.navbar .notification-dropdown.have-new i:after {
        right: 0rem;
        top: 0.33rem
    }
}

@media (min-width: 991.98px) {
    nav.navbar .resp-menu-link {
        display: none
    }
}

@media (max-width: 991.98px) {
    nav.navbar .nav-login.btn.btn-primary {
        background-color: transparent
    }

        nav.navbar .nav-login.btn.btn-primary + .switch-language {
            border-top: 0.5px solid #e7e8eb
        }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
    nav.navbar .nav-login.btn.btn-primary + .switch-language {
        padding-top: 1.875rem;
        margin-top: 0
    }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
    nav.navbar .nav-login.btn.btn-primary + .switch-language {
        padding-top: 1rem;
        margin-top: 0rem
    }
}

@media (max-width: 991.98px) {
    nav.navbar .resp-menu-link, nav.navbar .backHome {
        display: block;
        width: 100%;
        border-bottom: 0.5px solid #222;
    }

        nav.navbar .resp-menu-link a, nav.navbar .backHome a {
            color: #222 !important;
            margin-bottom: 1.875rem;
            display: inline-block
        }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .resp-menu-link a, nav.navbar .backHome a {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar .resp-menu-link a, nav.navbar .backHome a {
        margin-bottom: 1rem;
        font-family: "Tajawal-Bold";
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

nav.navbar .notification-dropdown.show {
    display: inline-block !important
}

nav.navbar .notification-dropdown .dropdown-menu {
    width: 22.944rem;
    background: #fff;
    box-shadow: 0px 7px 10px rgba(0,0,0,0.15);
    border-radius: 1.111rem;
    min-height: 7.389rem;
    padding: 0.167rem 0.556rem 0.833rem 0.556rem
}

@media (max-width: 991.98px) {
    nav.navbar .notification-dropdown .dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (max-width: 576px) {
    nav.navbar .notification-dropdown .dropdown-menu {
        right: -5.25rem;
        width: 21rem
    }
}

nav.navbar .notification-dropdown .dropdown-menu .notificationMenu-container {
    display: block;
    max-height: 21.667rem;
    padding: 0px 0.5rem;
    overflow: auto
}

    nav.navbar .notification-dropdown .dropdown-menu .notificationMenu-container::-webkit-scrollbar {
        width: 6px
    }

    nav.navbar .notification-dropdown .dropdown-menu .notificationMenu-container::-webkit-scrollbar-thumb {
        background: #cedaed;
        border-radius: 50px
    }

    nav.navbar .notification-dropdown .dropdown-menu .notificationMenu-container::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 50px
    }

nav.navbar .notification-dropdown .dropdown-menu ul {
    margin-bottom: 0
}

nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container {
    padding: 0;
    white-space: normal;
    padding: 1.111rem 0.5rem 0.556rem 0.5rem;
    border-bottom: 0.5px solid #E7E8EB
}

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container.seen {
        background-color: #f8f9fa
    }

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container:last-child {
        border-bottom-width: 0
    }

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container > a {
        display: flex;
        justify-content: flex-start
    }

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container .notification-img {
        width: 2.917rem;
        height: auto;
        align-self: flex-start;
        margin-top: 0.33rem;
        min-width: 2.917rem;
        margin-right: 1.111rem;
        border-radius: 0.194rem
    }

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container .dropdown-notification-alert {
        font-size: 1rem;
        line-height: 1.333rem;
        font-family: "Tajawal-Bold";
        margin-bottom: 0.111rem;
        color: #1C024B;
        width: 100%;
        display: inline-block
    }

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container .notification-title {
        font-family: "Tajawal-Regular";
        font-size: 0.889rem;
        line-height: 1.333rem;
        margin-bottom: 0.111rem;
        color: #222;
        width: 100%;
        display: inline-block
    }

    nav.navbar .notification-dropdown .dropdown-menu .dropdown-item.notification-item-container .notification-date {
        font-family: "Tajawal-Regular";
        font-size: 0.667rem;
        line-height: 1rem;
        color: #666;
        width: 100%;
        display: inline-block
    }

nav.navbar .notification-dropdown .dropdown-menu .spinner-container {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    right: 0px;
    top: .55rem
}

    nav.navbar .notification-dropdown .dropdown-menu .spinner-container .spinner {
        width: 100%;
        height: 100%
    }

nav.navbar .notification-dropdown .dropdown-menu.emptyNotification .notificationMenu-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 7.389rem
}

    nav.navbar .notification-dropdown .dropdown-menu.emptyNotification .notificationMenu-container .notification-message-cont {
        background-color: transparent !important
    }

        nav.navbar .notification-dropdown .dropdown-menu.emptyNotification .notificationMenu-container .notification-message-cont:hover, nav.navbar .notification-dropdown .dropdown-menu.emptyNotification .notificationMenu-container .notification-message-cont:focus {
            background-color: transparent !important
        }

    nav.navbar .notification-dropdown .dropdown-menu.emptyNotification .notificationMenu-container .spinner-container {
        width: 50px;
        height: 50px;
        right: 0;
        z-index: 1;
        margin: 0 auto
    }

        nav.navbar .notification-dropdown .dropdown-menu.emptyNotification .notificationMenu-container .spinner-container .spinner {
            width: 100%;
            height: 100%
        }

nav.navbar .menu-right-content .dropdown.notification-dropdown.have-new {
    display: inline-block
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content {
        background: transperant !important;
    }

        nav.navbar .menu-right-content .notification-dropdown, nav.navbar .menu-right-content .search-btn {
            display: none !important
        }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    nav.navbar .menu-right-content {
        padding: 3.75rem 2.5rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content {
        padding: 2.857rem
    }
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .dropdown {
        padding: 1.875rem 0;
        border-bottom: 0.5px solid #E7E8EB
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .dropdown {
        padding: 1rem 0
    }
}

nav.navbar .menu-right-content .backHome {
    font-size: 1rem;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold";
    margin-right: 1.111rem
}

nav.navbar .menu-right-content .nav-login.btn.btn-primary {
    color: #fff
}

    nav.navbar .menu-right-content .nav-login.btn.btn-primary:hover {
        color: #fff
    }

nav.navbar .menu-right-content .dropdown, nav.navbar .menu-right-content .switch-language {
    margin-left: 1.111rem
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .dropdown, nav.navbar .menu-right-content .switch-language {
        margin-left: 0;
        display: block;
        color: #fff;
        width: 100%
    }

        nav.navbar .menu-right-content .dropdown span, nav.navbar .menu-right-content .switch-language span {
            display: block;
            color: #222;
            width: 100%
        }

            nav.navbar .menu-right-content .dropdown .btn, nav.navbar .menu-right-content .dropdown a, nav.navbar .menu-right-content .dropdown span .btn, nav.navbar .menu-right-content .dropdown span a, nav.navbar .menu-right-content .switch-language .btn, nav.navbar .menu-right-content .switch-language a, nav.navbar .menu-right-content .switch-language span .btn, nav.navbar .menu-right-content .switch-language span a {
                color: #fff
            }
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .switch-language {
        margin-top: 1.875rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .switch-language {
        margin-top: 1rem
    }
}

nav.navbar .menu-right-content .btn.btn-link.dropdown-toggle {
    padding: 0.375rem 0
}

nav.navbar .menu-right-content .nav-login {
    font-size: 1rem;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold"
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .nav-login {
        font-family: "Tajawal-regular";
        width: 100%;
        text-align: left;
        color: #222;
        padding: 1.875rem 0;
        display: inline-block;
        border-bottom: 0.5px solid #222
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .menu-right-content .nav-login {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .nav-login {
        font-family: "Tajawal-Bold";
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

nav.navbar .menu-right-content .user-dropdown .user-name {
    font-size: 1rem;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold";
    color: white;
}

    nav.navbar .menu-right-content .user-dropdown .user-name:after {
        position: relative;
        margin-top: -0.667rem
    }

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .user-dropdown .user-name:after {
        margin-top: 1rem
    }
}

nav.navbar .menu-right-content .user-dropdown .user-name span {
    max-width: 8.78rem;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    letter-spacing: -0.02em;
    text-overflow: ellipsis;
    vertical-align: middle;
}

    nav.navbar .menu-right-content .user-dropdown .user-name span:hover {
        color: white;
    }

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .user-dropdown .user-name {
        font-family: "Tajawal-regular";
        width: 100%;
        text-align: left
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .menu-right-content .user-dropdown .user-name {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .user-dropdown .user-name {
        font-family: "Tajawal-Bold";
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

nav.navbar .menu-right-content .user-dropdown.show {
    display: inline-block !important
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .user-dropdown.show .user-name {
        color: #1C024B
    }
}

nav.navbar .menu-right-content .user-dropdown .dropdown-menu {
    /*width: 13rem;*/
    border-width: 0;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.15);
    border-radius: 1.111rem;
    padding: 1.278rem 1.556rem;
    width:14rem;
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .user-dropdown .dropdown-menu {
        position: relative;
        padding: 0px;
        width: 100%;
        box-shadow: none;
        border-radius: 0
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .menu-right-content .user-dropdown .dropdown-menu {
        margin: 1.875rem 0 0.625rem 0;
        display: none
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .user-dropdown .dropdown-menu {
        margin: 0.714rem 0 0;
        display: none
    }
}

nav.navbar .menu-right-content .user-dropdown .dropdown-menu .dropdown-item {
    padding: 0;
    font-size: 1rem;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold";
    color: #222;
    margin: 0.556rem 0;
    text-align: left;
    word-break: break-word;
    white-space: break-spaces
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .menu-right-content .user-dropdown .dropdown-menu .dropdown-item {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin: 0.75rem 0.625rem;
        font-family: "Tajawal-Regular"
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .user-dropdown .dropdown-menu .dropdown-item {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin: 0.714rem
    }
}

nav.navbar .menu-right-content .user-dropdown .dropdown-menu .logout-dropdown-item {
    color: #EA2839;
    outline: none
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .user-dropdown .dropdown-menu .logout-dropdown-item {
        margin-bottom: 0
    }
}

nav.navbar .menu-right-content .switch-language, nav.navbar .menu-right-content .switch-language span {
    font-size: 1rem;
    line-height: 1.222rem;
    font-family: "Tajawal-Bold"
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar .menu-right-content .switch-language, nav.navbar .menu-right-content .switch-language span {
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 991.98px) {
    nav.navbar .menu-right-content .switch-language, nav.navbar .menu-right-content .switch-language span {
        font-family: "Tajawal-regular"
    }
}

@media (max-width: 767.98px) {
    nav.navbar .menu-right-content .switch-language, nav.navbar .menu-right-content .switch-language span {
        font-family: "Tajawal-Bold";
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

nav.navbar .btn-secondary.search-btn {
    background-color: #fff;
    padding: 0.889rem 1.333rem;
    border-radius: 100px;
    margin-left: 1.111rem;
    color: #1C024B !important;
    border-width: 0px;
    font-size: 1rem;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold";
    transition: all 0.8s
}

    nav.navbar .btn-secondary.search-btn:not(:disabled):not(.disabled):active, nav.navbar .btn-secondary.search-btn:not(:disabled):not(.disabled).active {
        background-color: #fff
    }

    nav.navbar .btn-secondary.search-btn:focus {
        background-color: #fff
    }

    nav.navbar .btn-secondary.search-btn input {
        width: 5.889rem;
        border: 0;
        padding: 0px !important;
        letter-spacing: -0.02em;
        transition: all 0.5s;
        background-color: transparent;
        background: transparent
    }

        nav.navbar .btn-secondary.search-btn input:focus {
            width: 8.1rem
        }

        nav.navbar .btn-secondary.search-btn input::-webkit-input-placeholder {
            opacity: 1;
            color: #1C024B !important
        }

        nav.navbar .btn-secondary.search-btn input::-moz-placeholder {
            opacity: 1;
            color: #1C024B !important
        }

        nav.navbar .btn-secondary.search-btn input::-moz-placeholder {
            opacity: 1;
            color: #1C024B !important
        }

        nav.navbar .btn-secondary.search-btn input:-ms-input-placeholder {
            opacity: 1;
            color: #1C024B !important
        }

    nav.navbar .btn-secondary.search-btn .icon {
        margin-left: 0.556rem;
        float: right
    }

        nav.navbar .btn-secondary.search-btn .icon::before {
            color: #1C024B
        }

    nav.navbar .btn-secondary.search-btn:hover {
        box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.1)
    }

nav.navbar.fixed-nav-div {
    top: 0;
    border-radius: 0px 0px 23px 23px;
    position: fixed;
    z-index: 111111;
    transition-delay: .3s;
    color: #fff;
    background-color: #1c024bad;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

@media (max-width: 991.98px) {
    nav.navbar.fixed-nav-div {
        color: #fff;
        background-color: #1C024BD9;
        /*background: linear-gradient(315deg, rgba(38,94,93,1) 0%, rgba(13,28,71,1) 50%, rgba(46,72,61,1) 100%);*/
    }

        nav.navbar.fixed-nav-div:after {
            content: "";
            transition-delay: .1s;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: -1;
            opacity: 1;
            transition: all 0.1s ease-in-out;
            right: 0
        }
}

@media (min-width: 991.98px) {
    nav.navbar.fixed-nav-div a:hover {
        transition: all 0.8s;
        /*color: #1C024B !important*/
    }

    nav.navbar li a.dropdown-toggle.active {
        color: #000 !important;
        padding: 0.533rem 1.333rem;
        background-color: #fff;
        border-radius: 50px;
        border-width: 0px !important;
        line-height: 1.222rem;
        vertical-align: middle;
    }
}

nav.navbar.fixed-nav-div .nav-login.btn.btn-primary:hover {
    color: #fff !important
}

nav.navbar.fixed-nav-div a.active {
    color: #000 !important;
}

@media (max-width: 991.98px) {
    nav.navbar.fixed-nav-div a.active {
        color: #fff !important
    }
}

nav.navbar.fixed-nav-div .btn-secondary.search-btn {
    background-color: #F3F6FB;
    color: #1C024B
}

nav.navbar .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: auto;
}

@media (min-width: 1440px) {
    nav.navbar .navbar-header {
        max-width: 1440px;
        margin: 0 auto
    }
}

nav.navbar ul.nav.navbar-nav {
    width: 100%
}

    nav.navbar ul.nav.navbar-nav > li {
        margin-right: 2.222rem;
        align-content: center;
    }

@media (max-width: 991.98px) {
    nav.navbar ul.nav.navbar-nav > li {
        width: 100%;
        margin-right: 0
    }

        nav.navbar ul.nav.navbar-nav > li:not(:first-child) {
            border-top: 0.5px solid #E7E8EB
        }
}

@media (max-width: 767.98px) {
    nav.navbar .navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 95% !important;
        margin: auto;
    }

    nav.navbar ul.nav.navbar-nav > li {
        padding: 1rem 0
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar ul.nav.navbar-nav > li.show > a {
        font-family: "Tajawal-Bold"
    }
}

nav.navbar ul.nav.navbar-nav > li > a {
    font-size: 1rem;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold"
}

@media (max-width: 991.98px) {
    nav.navbar ul.nav.navbar-nav > li > a {
        width: 100%;
        font-family: "Tajawal-Regular";
        display: inline-block
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    nav.navbar ul.nav.navbar-nav > li > a {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 1.875rem 0
    }
}

@media (max-width: 767.98px) {
    nav.navbar ul.nav.navbar-nav > li > a {
        font-size: 1.143rem;
        line-height: 1.714rem;
        padding: 0;
        font-family: "Tajawal-Bold"
    }
}

nav.navbar .logo-container {
    width: 4.778rem;
    margin-right: 2.222rem
}

    nav.navbar .logo-container img {
        width: auto;
        height: 50px;
    }

@media (max-width: 1200px) {
    nav.navbar .logo-container {
        margin-right: 1.222rem
    }
}

@media (max-width: 992.98px) {
    nav.navbar .logo-container {
        margin-right: 0.75rem
    }
}

@media (max-width: 991.98px) {
    nav.navbar .logo-container {
        max-width: 2.667rem
    }

        nav.navbar .logo-container img {
            max-width: 2.667rem
        }
}

@media (max-width: 769px) {
    nav.navbar .logo-container {
        max-width: 2.5rem
    }

        nav.navbar .logo-container img {
            max-width: 5.5rem
        }
}

@media (max-width: 767.98px) {
    nav.navbar .logo-container {
        max-width: 2.857rem
    }

        nav.navbar .logo-container img {
            max-width: 5.857rem
        }
}


nav.navbar .icon-menu {
    color: #fff
}

nav.navbar .navbar-toggle {
    z-index: 6;
    text-decoration: none;
    transition: all 0.3s ease-in-out
}

    nav.navbar .navbar-toggle:not(.collapsed) {
        transform: rotate(90deg)
    }

button.search-btn, button.search-btn:hover, button.search-btn:active, button.search-btn:focus, button.search-btn:active:focus, button.search-btn:hover:focus {
    text-decoration: none
}

#mainSearch .text-right {
    text-align: right !important
}

.notification-dropdown.show {
    display: inline-block !important
}

.notification-alert .close-alert span {
    cursor: pointer !important
}

.show-hint {
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    z-index: 1111
}

    .show-hint .show-hint-icon {
        background: #FFFFFF;
        border-radius: 0 0 12px 12px;
        padding: 0.33rem 0.33rem 0.2rem;
        font-size: 0.55rem;
        margin-right: 6rem
    }

        .show-hint .show-hint-icon i:before {
            color: #222
        }

body .nav-hint {
    background: #FFFFFF;
    position: relative;
    color: #222;
    z-index: 99999;
    font-size: 0.889rem;
    line-height: 1.244rem;
    padding: 1.111rem 0 1.222rem 0;
    transition: all 0.25s ease-in-out
}

@media (max-width: 769px) {
    body .nav-hint {
        padding: 1.25rem 0;
        padding-right: 2.813rem
    }

        body .nav-hint .hint-txt {
            padding-left: 2.438rem;
            padding-right: 0.313rem;
            font-size: 1rem;
            line-height: 1.375rem
        }
}

@media (max-width: 767.98px) {
    body .nav-hint {
        padding: 1.143rem 0;
        padding-right: 1.893rem
    }

        body .nav-hint .hint-txt {
            padding-left: 2.286rem;
            padding-right: 0.5rem;
            font-size: 0.99rem;
            line-height: 1.429rem
        }
}

body .nav-hint a {
    color: #222;
    margin-left: 3px
}

    body .nav-hint a.close-btn {
        margin-left: 1.389rem;
        font-size: 0.778rem;
        text-decoration: none !important
    }

@media (max-width: 769px) {
    body .nav-hint a.close-btn {
        align-self: flex-start;
        font-size: 0.875rem;
        margin-left: 0
    }
}

@media (max-width: 767.98px) {
    body .nav-hint a.close-btn {
        font-size: 1rem
    }
}

body .nav-hint a.close-btn:hover {
    text-decoration: none !important
}

.navbar-collapse-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .navbar-collapse-container {
        display: none
    }

        .navbar-collapse-container.collapse:not(.show) {
            display: none
        }
}

@media (max-width: 991.98px) {
    .navbar-collapse-container.collapse.show {
        position: absolute;
        width: 100%;
        left: 0;
        overflow: auto;
        z-index: -1
    }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .navbar-collapse-container.collapse.show {
        top: 0;
        max-height: calc(100vh);
        background-color: #fff;
    }
}

@media (max-width: 767.98px) {
    .navbar-collapse-container.collapse.show {
        top: 0;
        height: calc(100vh);
        background-color: #fff;
        /*background: linear-gradient(315deg, rgba(38,94,93,1) 0%, rgba(13,28,71,1) 50%, rgba(46,72,61,1) 100%);*/
    }
}

.enjoy-main-menu {
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 991.98px) {
    .enjoy-main-menu {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .enjoy-main-menu {
        background: linear-gradient(315deg, rgba(38,94,93,1) 0%, rgba(13,28,71,1) 50%, rgba(46,72,61,1) 100%);
    }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .enjoy-main-menu {
        padding: 3.75rem 2.5rem;
        padding-top: 7rem
    }
}

@media (max-width: 767.98px) {
    .enjoy-main-menu {
        padding: 1.429rem 2.857rem 1.857rem;
        padding-top: 7rem
    }
}

.enjoy-main-menu .navbar-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .enjoy-main-menu .navbar-nav.collapse {
        display: none
    }

    .enjoy-main-menu .navbar-nav .main-menu-sub-level {
        position: absolute;
        left: 0;
        width: 100%;
        top: -100vh;
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .15s;
    }

@media (min-width: 991.98px) {
    .enjoy-main-menu .navbar-nav .main-menu-sub-level {
        z-index: -1;
        padding-top: 8.5rem !important;
        background: linear-gradient(315deg, rgba(38,94,93,1) 0%, rgba(13,28,71,1) 50%, rgba(46,72,61,1) 100%);
    }
}

@media (max-width: 991.98px) {
    .enjoy-main-menu .navbar-nav .main-menu-sub-level {
        display: none
    }
}

.enjoy-main-menu .navbar-nav .main-menu-sub-level .container {
    transition: all ease-in-out .5s;
    transition-delay: .1s
}

@media (min-width: 991.98px) {
    .enjoy-main-menu .navbar-nav .main-menu-sub-level .container {
        opacity: 0
    }
}

.enjoy-main-menu .navbar-nav .main-menu-sub-level.close-dropdown-menubar {
    opacity: 1;
    visibility: visible;
    top: 0;
    /*transition-delay: .15s;*/
}

    .enjoy-main-menu .navbar-nav .main-menu-sub-level.close-dropdown-menubar .container {
        opacity: 1;
        transition-delay: .45s;
        /*padding-bottom: 70px;*/
    }

@media (max-width: 991.98px) {
    .enjoy-main-menu .navbar-nav .main-menu-sub-level {
        position: relative;
        top: 0;
        overflow-x: hidden
    }

        .enjoy-main-menu .navbar-nav .main-menu-sub-level .container {
            max-width: 100% !important
        }
}

.enjoy-main-menu .navbar-nav .main-menu-sub-level ul {
    display: flex;
    flex-wrap: wrap
}

.nav-hint {
    top: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease-in-out
}

    .nav-hint span, .nav-hint a {
        transition: all 0.25s ease-in-out
    }

    .nav-hint a {
        text-decoration: underline !important;
        text-decoration-color: rgba(255,255,255,0.5);
        cursor: pointer
    }

    .nav-hint.show-nav-hint {
        height: auto;
        visibility: visible;
        opacity: 1;
        transition: all 0.25s ease-in-out
    }

        .nav-hint.show-nav-hint span, .nav-hint.show-nav-hint a {
            opacity: 1;
            visibility: visible
        }

    .nav-hint.hide-nav-hint {
        height: 0;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.25s ease-in-out
    }

        .nav-hint.hide-nav-hint span, .nav-hint.hide-nav-hint a {
            opacity: 0;
            visibility: hidden
        }

.enjoy-main-menu .navbar-nav li:focus > .main-menu-sub-level {
    display: block
}

.main-menu-sub-level {
    max-height: 100vh;
    overflow: auto;
    position: relative
}

    .main-menu-sub-level .btn.btn-link.viewmore-btn {
        display: inline-block;
        width: auto
    }

@media (max-width: 991.98px) {
    .main-menu-sub-level {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level {
        overflow: hidden
    }
}

.close-menu-sub-level {
    background-color: transparent;
    border-radius: 100px
}

    .close-menu-sub-level:hover {
        background-color: #FFF5;
        border-radius: 100px
    }

.main-menu-sub-level .close-menu-sub-level {
    position: absolute;
    right: 1.944rem;
    padding: 0.667rem
}

@media (max-width: 991.98px) {
    .main-menu-sub-level .close-menu-sub-level {
        display: none
    }
}

.main-menu-sub-level .close-menu-sub-level .icon {
    font-size: 0.944rem
}

    .main-menu-sub-level .close-menu-sub-level .icon::before {
        color: #fff;
    }

.main-menu-sub-level.about-sub-level {
    padding: 1.111rem 0 4.444rem 0 !important
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.about-sub-level {
        padding: 0 !important
    }
}

.main-menu-sub-level.when-sub-level {
    padding: 1.111rem 0 3.889rem 0 !important
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.when-sub-level {
        padding: 0 0 2.5rem 0 !important
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.when-sub-level {
        padding: 1rem 0 0.714rem !important
    }
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.when-sub-level .btn.btn-link.viewmore-btn {
        color: #fff !important
    }

        .main-menu-sub-level.when-sub-level .btn.btn-link.viewmore-btn .icon {
            display: none
        }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.when-sub-level .btn.btn-link.viewmore-btn {
        font-size: 1.143rem;
        line-height: 1.714rem;
        font-weight: bold;
        margin-top: 1.429rem
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.when-sub-level .btn.btn-link.viewmore-btn {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 500;
        margin-top: 2.25rem
    }
}

.main-menu-sub-level.where-sub-level {
    padding: 1.111rem 0 4.056rem 0 !important
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.where-sub-level {
        padding: 1rem 0 0 !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.where-sub-level {
        padding: 0 0 2.5rem 0 !important
    }
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.where-sub-level .btn.btn-link.viewmore-btn {
        color: #fff !important
    }

        .main-menu-sub-level.where-sub-level .btn.btn-link.viewmore-btn.hide-desktop {
            text-align: left
        }

        .main-menu-sub-level.where-sub-level .btn.btn-link.viewmore-btn .icon {
            display: none
        }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.where-sub-level .btn.btn-link.viewmore-btn {
        font-size: 1.143rem;
        line-height: 1.714rem;
        font-weight: bold;
        margin-top: 1.429rem
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.where-sub-level .btn.btn-link.viewmore-btn {
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 500;
        margin-top: 2.25rem
    }
}

.main-menu-sub-level.Whats-On-sub-level {
    padding: 1.111rem 0 4.444rem 0 !important
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level {
        padding: 0 0 1.875rem 0 !important
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level {
        padding: 0.643rem 0 0 !important
    }
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level .btn.btn-link.viewmore-btn {
        display: none
    }
}

.main-menu-sub-level.Whats-On-sub-level .menu-sub-level-main-title {
    font-size: 2.222rem;
    line-height: 2.444rem;
    /*color: #222;*/
    margin-bottom: 2.222rem
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level .menu-sub-level-main-title {
        display: none
    }
}

.main-menu-sub-level.Whats-On-sub-level .Whats-On-sub-title {
    font-size: 1rem;
    line-height: 1.5rem;
    /*color: #222;*/
    font-family: "Tajawal-Bold";
    margin-bottom: 0.889rem
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level .Whats-On-sub-title {
        display: none
    }
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level .event-main-card {
        display: none
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level ul {
        margin: 0 -2.5rem;
        width: calc(100% + 3rem);
        overflow: hidden
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level ul {
        margin: 0 -0.357rem;
        width: calc(100% + 0.5rem);
        overflow: hidden
    }
}

.main-menu-sub-level.Whats-On-sub-level li {
    margin-right: 2.222rem;
    width: 5.444rem;
    text-align: center;
    margin-bottom: 1.667rem
}

    .main-menu-sub-level.Whats-On-sub-level li * {
        transition: all 0.75s
    }

@media (min-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level li:hover img {
        transform: scale(1.15)
    }

    .main-menu-sub-level.Whats-On-sub-level li:hover p {
        transition: all 0.75s;
        color: #e10055;
        font-weight: bold
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level li {
        margin: 0 1.25rem 1.875rem;
        width: 6.125rem
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level li {
        margin: 0.357rem 0rem;
        width: 100%
    }
}

.main-menu-sub-level.Whats-On-sub-level li img {
    width: 4rem;
    height: auto;
    margin-bottom: 0.722rem
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level li img {
        color: #fff
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level li img {
        width: 4.5rem;
        margin-bottom: 0.813rem
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level li img {
        width: 2.5rem;
        margin-bottom: 0;
        float: left;
        margin-right: 0.714rem
    }
}

.main-menu-sub-level.Whats-On-sub-level li p {
    font-size: 0.889rem;
    line-height: 0.889rem;
    text-align: center;
    /*color: #666;*/
    margin-bottom: 0;
    transition: all 0.75s
}

@media (max-width: 991.98px) {
    .main-menu-sub-level.Whats-On-sub-level li p {
        color: #fff
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level li p {
        font-size: 1rem;
        line-height: 1rem
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level.Whats-On-sub-level li p {
        line-height: 2.5rem;
        float: left;
        vertical-align: middle
    }
}

@media (min-width: 991.98px) {
    .main-menu-sub-level .gea-menu-about-card {
        display: none
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level .gea-menu-about-card .nav-about-card-container {
        margin-bottom: 0px
    }
}

.main-menu-sub-level .gea-sec {
    background-image: url("../../revamp-assets/dist/img/about/nav-about.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-left: 4.44rem;
    height: calc(100% - 1.5rem)
}

@media (max-width: 991.98px) {
    .main-menu-sub-level .gea-sec {
        display: none
    }
}

.main-menu-sub-level .gea-sec .gea-about-logo {
    width: auto;
    height: auto;
    margin-bottom: 2.389rem;
    max-height:95px;
}

.main-menu-sub-level .gea-sec p {
    font-size: 1rem;
    line-height: 1.5rem;
    /*color: #666;*/
    margin-bottom: 2.389rem
}

.main-menu-sub-level .gea-sec .btn.btn-secondary {
    padding: 0.833rem 1.333rem;
    background-color: #fff;
    color: #000 !important;
    border-radius: 50px;
    font-size: 1rem;
    border-width: 0px !important;
    line-height: 1.222rem;
    font-family: "Tajawal-Bold";
    transition: all 0.8s;
    vertical-align: middle
}

    .main-menu-sub-level .gea-sec .btn.btn-secondary .icon {
        margin-left: 0.556rem;
        font-size: 0.889rem
    }

        .main-menu-sub-level .gea-sec .btn.btn-secondary .icon::before {
            color: #666;
        }

    .main-menu-sub-level .gea-sec .btn.btn-secondary:hover {
        background-color: #e7e8eb
    }

.main-menu-sub-level .nav-about-card-container {
    margin-bottom: 1.5rem
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level .nav-about-card-container {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level .nav-about-card-container {
        margin-bottom: 1.286rem;
        margin-left: -0.357rem
    }
}

.main-menu-sub-level .nav-about-card-container .nav-about-card-img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1.111rem;
    display: block;
    overflow: hidden
}

    .main-menu-sub-level .nav-about-card-container .nav-about-card-img * {
        border-radius: 10px
    }

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level .nav-about-card-container .nav-about-card-img {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level .nav-about-card-container .nav-about-card-img {
        max-width: 69.36px;
        float: left;
        margin-right: 0.714rem;
        margin-bottom: 0px
    }
}

.main-menu-sub-level .nav-about-card-container .nav-about-card-img, .main-menu-sub-level .nav-about-card-container .nav-about-card-img * {
    transition: all 0.3s ease-in
}

    .main-menu-sub-level .nav-about-card-container .nav-about-card-img:hover img {
        opacity: 0.8;
        transform: scale(1.15)
    }

@media (min-width: 991.98px) {
    .main-menu-sub-level .nav-about-card-container:hover p {
        color: #e7e8eb
    }
}

.main-menu-sub-level .nav-about-card-container p {
    font-family: "Tajawal-Bold";
    /*color: #222;*/
    font-size: 1rem;
    line-height: 1.222rem;
    margin-bottom: 0rem
}

@media (max-width: 991.98px) {
    .main-menu-sub-level .nav-about-card-container p {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .main-menu-sub-level .nav-about-card-container p {
        font-family: "Tajawal-Regular";
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .main-menu-sub-level .nav-about-card-container p {
        vertical-align: middle;
        line-height: 3.439rem
    }
}

.menu-cities-title, .menu-venues-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Bold";
    text-transform: uppercase;
    margin-bottom: 1.056rem
}

@media (max-width: 991.98px) {
    .menu-cities-title, .menu-venues-title {
        color: #fff !important
    }
}

@media (max-width: 767.98px) {
    .menu-cities-title, .menu-venues-title {
        margin-top: 0.714rem;
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 1.429rem
    }
}

@media (max-width: 767.98px) {
    .menu-venues-list-container {
        margin-left: -0.357rem;
        position: relative
    }
}

@media (max-width: 767.98px) {
    .menu-cities-list-container {
        margin-left: -0.357rem;
        position: relative
    }
}

.menu-cities-list-container .menu-one-city-container {
    margin-bottom: 0.238rem
}

@media (min-width: 991.98px) {
    .menu-cities-list-container .menu-one-city-container:hover p {
        color: #e10055;
        font-weight: bold
    }
}

.menu-cities-list-container .menu-one-city-container a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center
}

@media (max-width: 991.98px) {
    .menu-cities-list-container .menu-one-city-container a {
        width: 100%;
        display: inline-block
    }
}

.menu-cities-list-container .menu-one-city-container a .menu-one-city-img-container {
    width: 1.9rem;
    text-align: center;
    margin-right: 1.444rem;
    position: relative
}

/* 
   @media (min-width: 991.98px) {
        .menu-cities-list-container .menu-one-city-container a .menu-one-city-img-container::before {
            content: "";
            width: 1.478rem;
            height: 1.478rem;
            background-color: #F3F6FB;
            border-radius: 50%;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%)
        }
    }
   */

.menu-cities-list-container .menu-one-city-container a img {
    max-width: 2.111rem;
    height: auto;
    width: auto;
    max-height: 2.153rem;
    z-index: 1;
    position: relative
}

@media (max-width: 991.98px) {
    .menu-cities-list-container .menu-one-city-container a img {
        display: none !important
    }
}

@media (max-width: 767.98px) {
    .menu-cities-list-container .menu-one-city-container a span {
        display: none
    }
}

.menu-cities-list-container .menu-one-city-container a p {
    font-family: "Tajawal-Regular";
    font-size: 0.889rem;
    line-height: 1.333rem;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .menu-cities-list-container .menu-one-city-container a p {
        color: #fff !important;
        border: 1px solid #fff;
        padding: 1rem 1.875rem 0.75rem 1.875rem;
        font-size: 1.125rem;
        line-height: 1.25rem;
        border-radius: 5px;
        margin-bottom: 1rem;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .menu-cities-list-container .menu-one-city-container a p {
        border-width: 0;
        padding: 0rem;
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 1.429rem;
        text-align: left;
        font-family: 'Tajawal-Bold'
    }
}

.where-menu-sec-main-title {
    font-size: 1.333rem;
    line-height: 1.444rem;
    font-family: "Tajawal-Bold";
    margin-bottom: 1.722rem
}

@media (max-width: 991.98px) {
    .where-menu-sec-main-title {
        display: none !important
    }
}

@media (max-width: 767.98px) {
    .choose-location-sec {
        margin-left: -0.357rem;
        position: relative
    }
}

.choose-location-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin-bottom: 1.722rem;
    transition: all 0.8s;
    padding: 0
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .choose-location-item {
        margin-bottom: 1.375rem
    }
}

@media (max-width: 767.98px) {
    .choose-location-item {
        margin-bottom: 1.429rem
    }
}

.choose-location-item .icon {
    font-size: 1.333rem;
    margin-right: 0.556rem
}

@media (max-width: 767.98px) {
    .choose-location-item .icon {
        font-size: 1.143rem
    }
}

/*.choose-location-item .icon::before {
        color: #1C024B !important
    }*/

@media (max-width: 991.98px) {
    .choose-location-item .icon::before {
        color: #FFFFFF !important
    }
}

@media (min-width: 991.98px) {
    .choose-location-item:hover p {
        color: #FFFFFF;
    }
}

.choose-location-item p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.222rem;
    font-family: "Tajawal-Bold";
}

@media (max-width: 991.98px) {
    .choose-location-item p {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .choose-location-item p {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .choose-location-item p {
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

.menu-venu-item {
    margin-bottom: 0.556rem
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-venu-item {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767.98px) {
    .menu-venu-item {
        margin-bottom: 1.429rem
    }
}

@media (min-width: 991.98px) {
    .menu-venu-item a:hover p {
        color: #1C024B;
        font-weight: bold
    }
}

.menu-venu-item a p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    font-family: "Tajawal-Regular";
    font-size: 1rem;
    line-height: 1.111rem;
    color: #222;
    margin-bottom: 0.278rem
}

@media (max-width: 991.98px) {
    .menu-venu-item a p {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-venu-item a p {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .menu-venu-item a p {
        font-size: 1.143rem;
        line-height: 1.714rem;
        font-family: "Tajawal-Bold"
    }
}

.menu-venu-item a p .icon {
    font-size: 1.111rem;
    margin-right: 0.556rem
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-venu-item a p .icon {
        font-size: 1.5rem;
        margin-right: 0.625rem
    }
}

@media (max-width: 767.98px) {
    .menu-venu-item a p .icon {
        font-size: 1.143rem;
        margin-right: 0.714rem
    }
}

.menu-venu-item a p .icon::before {
    color: #1C024B !important
}

@media (max-width: 991.98px) {
    .menu-venu-item a p .icon::before {
        color: #00AE65 !important
    }
}

.menu-venu-item a span {
    font-family: "Tajawal-Regular";
    font-size: 0.889rem;
    line-height: 1.33rem;
    color: #666;
    margin-left: 1.333rem
}

@media (max-width: 991.98px) {
    .menu-venu-item a span {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-venu-item a span {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-left: 1.75rem
    }
}

@media (max-width: 767.98px) {
    .menu-venu-item a span {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-left: 1.857rem
    }
}

.when-menu-sec-secoundry-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Bold";
    text-transform: uppercase;
    margin-bottom: 1.111rem
}

@media (max-width: 991.98px) {
    .when-menu-sec-secoundry-title {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .when-menu-sec-secoundry-title {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 991.98px) {
    .menu-event-card + .menu-event-card {
        display: none !important
    }
}

.menu-event-card {
    margin-bottom: 0.889rem
}

    .menu-event-card, .menu-event-card * {
        transition: all 0.3s ease-in
    }

        .menu-event-card:hover img {
            opacity: 0.8;
            transform: scale(1.15)
        }

        .menu-event-card .menu-event-card-info-container {
            align-self: center
        }

        .menu-event-card .event-card-img {
            width: 100%;
            max-width: 100% !important;
            overflow: hidden
        }

            .menu-event-card .event-card-img img {
                width: 100%;
                max-width: 100% !important
            }

        .menu-event-card .event-category {
            font-size: 0.556rem;
            line-height: 1.333rem;
            font-family: "Tajawal-Bold";
            margin-bottom: 0.278rem;
            margin-top: -0.389rem;
            display: block;
            text-transform: uppercase
        }

@media (max-width: 991.98px) {
    .menu-event-card .event-category {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-event-card .event-category {
        font-size: 0.625rem;
        line-height: 1.5rem;
        margin-bottom: 0.313rem
    }
}

.menu-event-card .event-title {
    font-size: 1rem;
    line-height: 1rem;
    font-family: "Tajawal-Regular";
    margin-bottom: 0.278rem
}

@media (max-width: 991.98px) {
    .menu-event-card .event-title {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-event-card .event-title {
        font-size: 1.125rem;
        line-height: 1.125rem;
        margin-bottom: 0.313rem
    }
}

.menu-event-card .event-location {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .menu-event-card .event-location {
        color: #fff !important
    }
}

.menu-event-card .event-location .icon {
    font-size: 0.75rem;
    margin-right: 0.356rem
}

@media (max-width: 991.98px) {
    .menu-event-card .event-location .icon::before {
        color: #fff !important
    }
}

.menu-event-card .event-location span {
    font-family: "Tajawal-Regular";
    font-size: 0.611rem;
    line-height: 0.722rem;
    width: 100%;
    display: block
}

@media (max-width: 991.98px) {
    .menu-event-card .event-location span {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-event-card .event-location span {
        font-size: 0.625rem;
        line-height: 0.813rem
    }
}

.menu-event-card .event-date {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    margin-bottom: 0.389rem
}

@media (max-width: 991.98px) {
    .menu-event-card .event-date {
        color: #fff !important
    }
}

.menu-event-card .event-date .icon {
    font-size: 0.75rem;
    margin-right: 0.356rem
}

/*.menu-event-card .event-date .icon::before {
            color: #1C024B !important
        }*/

@media (max-width: 991.98px) {
    .menu-event-card .event-date .icon::before {
        color: #fff !important
    }
}

.menu-event-card .event-date span {
    font-family: "Tajawal-Regular";
    font-size: 0.611rem;
    line-height: 0.722rem;
    /*color: #222;*/
    width: 100%;
    display: block
}

@media (max-width: 991.98px) {
    .menu-event-card .event-date span {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .menu-event-card .event-date span {
        font-size: 0.625rem;
        line-height: 0.813rem
    }

        .menu-event-card .event-date span span + span {
            margin-top: 0.125rem
        }
}

.event-card-img-cont {
    overflow: hidden;
    border-radius: 5px
}

.event-main-card {
    background: #ffffff12 !important;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    color: white;
    border-radius: 10px;
    overflow: hidden
}

    .event-main-card, .event-main-card * {
        transition: all 0.3s ease-in
    }

        .event-main-card:hover img {
            opacity: 0.8;
            transform: scale(1.15)
        }

        .event-main-card:hover {
            box-shadow: 0px 1px 10px rgba(0,0,0,0.5)
        }

        .event-main-card p {
            margin-bottom: 0px
        }

        .event-main-card .event-card-img {
            width: 100%;
            max-width: 100% !important;
            position: relative;
            overflow: hidden
        }

            .event-main-card .event-card-img img {
                width: 100%;
                max-width: 100% !important;
                height: auto;
                overflow: hidden
            }

            .event-main-card .event-card-img .event-status {
                background: rgba(0,0,0,0.5);
                border-radius: 5px;
                position: absolute;
                padding: 0.278rem;
                left: 0.556rem;
                top: 0.556rem;
                font-family: "Tajawal-Bold";
                font-size: 0.889rem;
                line-height: 1.333rem;
                text-transform: uppercase;
                color: #fff
            }

        .event-main-card .event-card-details {
            padding: 1.333rem
        }

            .event-main-card .event-card-details .event-category {
                font-size: 0.667rem;
                line-height: 1.333rem;
                font-family: "Tajawal-Bold";
                margin-bottom: 0.444rem;
                display: block;
                text-transform: uppercase;
                color: white;
            }

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-category {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-title {
    font-size: 1.111rem;
    line-height: 1.111rem;
    color: white;
    font-family: "Tajawal-Regular";
    margin-bottom: 0.444rem
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-title {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-location {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin-bottom: 0.444rem
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-location {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-location .icon {
    font-size: 0.835rem;
    margin-right: 0.461rem
}

    .event-main-card .event-card-details .event-location .icon::before {
        color: #fff !important
    }

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-location .icon::before {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-location span {
    font-family: "Tajawal-Regular";
    font-size: 0.611rem;
    line-height: 0.778rem;
    color: #fff;
    width: 100%;
    display: block
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-location span {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-distance {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-distance {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-distance .icon {
    font-size: 0.625rem;
    margin-right: 0.194rem
}

    .event-main-card .event-card-details .event-distance .icon::before {
        color: #fff !important
    }

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-distance .icon::before {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-distance span {
    font-family: "Tajawal-Regular";
    font-size: 0.611rem;
    line-height: 0.778rem;
    color: #222;
    width: 100%;
    display: block
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-distance span {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-date {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    margin-bottom: 0.333rem
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-date {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-date .icon {
    font-size: 0.75rem;
    margin-right: 0.352rem
}

    .event-main-card .event-card-details .event-date .icon::before {
        color: white !important
    }

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-date .icon::before {
        color: #fff !important
    }
}

.event-main-card .event-card-details .event-date span {
    font-family: "Tajawal-Regular";
    font-size: 0.611rem;
    line-height: 0.778rem;
    color: white;
    width: 100%;
    display: block
}

@media (max-width: 991.98px) {
    .event-main-card .event-card-details .event-date span {
        color: #fff !important
    }
}

.Search-by-date-sec .Search-by-date-title {
    font-size: 1.333rem;
    line-height: 1.444rem;
    font-family: "Tajawal-Bold";
    color: white;
    /*color: #1C024B;*/
    margin-bottom: 1.111rem
}

@media (max-width: 991.98px) {
    .Search-by-date-sec .Search-by-date-title {
        display: none !important
    }
}

.Search-by-date-sec > div a {
    font-family: "Tajawal-Bold";
    /*color: #222 !important;*/
    font-size: 1rem;
    line-height: 1.222rem;
    width: 100%;
    text-align: left;
    padding: 0px;
    margin-bottom: 1.389rem
}

@media (max-width: 991.98px) {
    .Search-by-date-sec > div a {
        color: #fff !important
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .Search-by-date-sec > div a {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

        .Search-by-date-sec > div a:last-child {
            margin-bottom: 0
        }

        .Search-by-date-sec > div a:not(:last-child) {
            margin-bottom: 1.5rem
        }
}

@media (max-width: 767.98px) {
    .Search-by-date-sec > div a {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-left: -0.357rem
    }

        .Search-by-date-sec > div a:last-child {
            margin-bottom: 0
        }

        .Search-by-date-sec > div a:not(:last-child) {
            margin-bottom: 1.429rem
        }
}

.navbar-expand-lg .navbar-toggler.nav-icon-container {
    display: none !important
}

@media (min-width: 991.98px) {
    .navbar-expand-lg .navbar-toggler.nav-icon-container {
        display: none !important
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-toggler.nav-icon-container {
        display: inline-block !important
    }
}

#nav-icon, #nav-icon * {
    margin: 0;
    padding: 0
}

#nav-icon {
    width: 1.375rem;
    height: 1.25rem;
    position: relative;
    display: inline-block;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer
}

    #nav-icon span {
        display: block;
        position: absolute;
        height: 0.125rem;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: 0.25s ease-in-out
    }

@media (min-width: 991.98px) {
    #nav-icon span {
        background: #fff
    }
}

#nav-icon span:nth-child(1) {
    top: 0.125rem
}

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 0.55rem
}

#nav-icon span:nth-child(4) {
    top: 1rem
}

.nav-icon-container[aria-expanded="true"] #nav-icon span:nth-child(1) {
    top: 0.5rem;
    width: 0%;
    left: 50%
}

.nav-icon-container[aria-expanded="true"] #nav-icon span:nth-child(2) {
    transform: rotate(45deg)
}

.nav-icon-container[aria-expanded="true"] #nav-icon span:nth-child(3) {
    transform: rotate(-45deg)
}

.nav-icon-container[aria-expanded="true"] #nav-icon span:nth-child(4) {
    top: 0.5rem;
    width: 0%;
    left: 50%
}

@media (min-width: 991.98px) {
    .resp-notification-dropdown {
        display: none
    }
}

.nav-when-date-picker-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0.667rem
}

@media (max-width: 991.98px) {
    .nav-when-date-picker-wrapper {
        margin-bottom: 0.5rem
    }
}

@media (max-width: 767.98px) {
    .nav-when-date-picker-wrapper {
        margin-bottom: 0.571
    }
}

.nav-when-date-picker-wrapper:before {
    content: "\e919";
    font-family: "icomoon";
    position: absolute;
    right: 0;
    color: #1C024B;
    font-size: 1.075rem;
    z-index: 1
}

@media (max-width: 991.98px) {
    .nav-when-date-picker-wrapper:before {
        color: #FFFFFF
    }
}

@media (max-width: 767.98px) {
    .nav-when-date-picker-wrapper:before {
        font-size: 1.15rem
    }
}

.nav-when-date-picker-wrapper input[type="date"]::-webkit-inner-spin-button, .nav-when-date-picker-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0px !important;
    width: 100%;
    height: 100%
}

.nav-when-date-picker-wrapper input[type="date"] {
    border: none;
    box-sizing: border-box;
    outline: 0;
    position: relative;
    width: 100%;
    text-align: left
}

.nav-when-date-picker-wrapper input::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.nav-when-date-picker-wrapper .form-control {
    background-color: transparent
}

.nav-when-date-picker-wrapper input[type="text"].nav-when-date-picker, .nav-when-date-picker-wrapper input[type="date"].nav-when-date-picker {
    border: 0px;
    border-bottom: 1px solid #C4C4C4;
    padding: 0 0 0.528rem 0;
    border-radius: 0px;
    width: 100%
}

@media (max-width: 991.98px) {
    .nav-when-date-picker-wrapper input[type="text"].nav-when-date-picker, .nav-when-date-picker-wrapper input[type="date"].nav-when-date-picker {
        border-bottom: 1px solid #fff;
        padding: 0 0 0.5rem 0
    }
}

@media (max-width: 769px) {
    .nav-when-date-picker-wrapper input[type="text"].nav-when-date-picker, .nav-when-date-picker-wrapper input[type="date"].nav-when-date-picker {
        min-height: 2.396rem
    }
}

@media (max-width: 576px) {
    .nav-when-date-picker-wrapper input[type="text"].nav-when-date-picker, .nav-when-date-picker-wrapper input[type="date"].nav-when-date-picker {
        min-height: 2.381rem
    }
}

.nav-when-date-picker-wrapper input[type="date"]::before {
    content: attr(placeholder);
    position: absolute;
    font-weight: bold;
    color: #666;
    font-size: 1rem;
    line-height: 1.333rem;
    left: 0
}

@media (max-width: 991.98px) {
    .nav-when-date-picker-wrapper input[type="date"]::before {
        color: #fff;
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .nav-when-date-picker-wrapper input[type="date"]::before {
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

.nav-when-date-picker-wrapper input[type="date"] {
    color: transparent;
    font-size: 1rem;
    line-height: 1.333rem
}

@media (max-width: 991.98px) {
    .nav-when-date-picker-wrapper input[type="date"] {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .nav-when-date-picker-wrapper input[type="date"] {
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

.nav-when-date-picker-wrapper input[type="date"]:focus, .nav-when-date-picker-wrapper input[type="date"]:valid {
    color: #666
}

@media (max-width: 991.98px) {
    .nav-when-date-picker-wrapper input[type="date"]:focus, .nav-when-date-picker-wrapper input[type="date"]:valid {
        color: #fff
    }
}

.nav-when-date-picker-wrapper input[type="date"]:focus::before, .nav-when-date-picker-wrapper input[type="date"]:valid::before {
    content: "" !important
}

.hide-desktop {
    display: none !important
}

@media (max-width: 991.98px) {
    .hide-desktop {
        display: block !important
    }

    .show-desktop-only {
        display: none !important
    }
}

nav.navbar.fixed-nav-div a.viewmore-btn:hover {
    color: #FFFFFF !important
}

.menu-search-input-container {
    position: relative
}

    .menu-search-input-container .btn.btn-primary {
        position: absolute;
        top: 0.5rem;
        right: 0;
        /*padding: 0.75rem 0.9rem;*/
        background-color: #FFFFFF;
        color: #222 !important;
        font-size: 0.9rem;
        line-height: 1;
    }

        .menu-search-input-container .btn.btn-primary .icon {
            font-size: 0.9rem;
            margin-left: 0.2rem
        }

            .menu-search-input-container .btn.btn-primary .icon::before {
                color: #222
            }

    .menu-search-input-container:before {
        content: "\e9c4";
        font-family: "icomoon";
        position: absolute;
        left: 0.563rem;
        color: #fff;
        font-size: 0.75rem;
        z-index: 1;
        bottom: 1.011rem
    }

@media (max-width: 767.98px) {
    .menu-search-input-container:before {
        font-size: 0.833rem;
        left: 0.584rem;
        bottom: 1.155rem
    }
}

.menu-search-input {
    background: transparent;
    color: #fff;
    border: 0px;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -0.02em;
    padding: 0.625rem 0.563rem;
    padding-left: 2.375rem;
    position: relative;
    width: 100%;
}

    .menu-search-input:focus {
        color: #fff;
        background-color: transparent;
        border-color: transparent;
        border: 0px;
        border-bottom: 1px solid #fff
    }

@media (max-width: 767.98px) {
    .menu-search-input {
        font-size: 1.286rem;
        line-height: 1.286rem;
        padding: 0.929rem 0.584rem;
        padding-left: 2.714rem;
        padding-right: 6.714rem;
    }
}

.menu-search-input::-webkit-input-placeholder {
    opacity: 0.5;
    color: #fff
}

.menu-search-input::-moz-placeholder {
    opacity: 0.5;
    color: #fff
}

.menu-search-input::-moz-placeholder {
    opacity: 0.5;
    color: #fff
}

.menu-search-input:-ms-input-placeholder {
    opacity: 0.5;
    color: #fff
}

.listing-page-header {
    height: 500px;
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%);
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media (max-width: 1366px) {
    .listing-page-header {
        height: 400px
    }
}

@media (max-width: 768px) {
    .listing-page-header {
        height: 301px
    }
}

@media (max-width: 768px) {
    .listing-page-header {
        height: 322px
    }
}

/*.listing-page-header:before {
    content: "";
    display: block;
    width: 85%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url("../../revamp-assets/dist/img/default booklet/Wave.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1
}*/

@media (max-width: 440px) {
    .listing-page-header:before {
        width: 180%;
        height: 100%
    }
}

.inner-header-cont {
    margin-top: 11.4rem;
    color: #fff
}

@media (max-width: 768px) {
    .inner-header-cont {
        margin-top: 7.83rem
    }
}

.inner-header-cont .breadcrumb-cont .breadcrumb {
    display: block;
    margin-bottom: 1.67rem
}

@media (max-width: 768px) {
    .inner-header-cont .breadcrumb-cont .breadcrumb {
        margin-bottom: 1.25rem
    }
}

.inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item {
    display: inline-block;
    padding: 0 .5rem;
    font-size: 1.125rem;
    line-height: 27px;
    text-transform: uppercase;
    font-family: "Tajawal-Bold"
}

    .inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item:first-child {
        padding-left: 0
    }

@media (max-width: 992px) {
    .inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item {
        font-size: 1rem;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item {
        font-size: 1.0714rem;
        line-height: 22.5px
    }
}

.inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item a {
    color: #178BF0;
    position: relative;
    display: block;
    font-family: "Tajawal-Bold"
}

    .inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item a:after {
        content: "/";
        display: block;
        position: absolute;
        top: 0;
        right: -.8rem
    }

.inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item.active a {
    color: #fff
}

    .inner-header-cont .breadcrumb-cont .breadcrumb .breadcrumb-item.active a::after {
        content: none
    }

.inner-header-cont .inner-page-title {
    font-size: 5rem;
    line-height: 76.5px;
    color: #fff;
    margin-bottom: 1.67rem
}

@media (max-width: 768px) {
    .inner-header-cont .inner-page-title {
        font-size: 2.22rem;
        line-height: 36px;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 440px) {
    .inner-header-cont .inner-page-title {
        font-size: 2.67rem;
        line-height: 40.8px
    }
}

.inner-header-cont .page-slogn {
    font-size: 1.125rem;
    line-height: 27px
}

@media (max-width: 768px) {
    .inner-header-cont .page-slogn {
        font-size: 1rem;
        line-height: 24px
    }
}

.inner-header-cont.inner-secnd-style {
    margin-top: 6.11rem
}

    .inner-header-cont.inner-secnd-style .breadcrumb-cont .breadcrumb .breadcrumb-item {
        font-size: 1rem;
        line-height: 150%;
        text-transform: uppercase
    }

        .inner-header-cont.inner-secnd-style .breadcrumb-cont .breadcrumb .breadcrumb-item a {
            color: #666
        }

        .inner-header-cont.inner-secnd-style .breadcrumb-cont .breadcrumb .breadcrumb-item.active {
            color: #178BF0
        }

    .inner-header-cont.inner-secnd-style .inner-page-title {
        color: #1C024B;
        font-size: 3.33rem;
        line-height: 54px;
        margin-bottom: 3.33rem
    }

    .inner-header-cont.inner-secnd-style .page-slogn {
        display: none
    }

body .container.inner-listing {
    margin: 2rem auto
}

.mini-listing-header {
    height: 8rem;
}

.scroll_to_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #f8004c;
    border: none;
    border-radius: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    padding: 10px;
    transition: opacity 0.3s ease-in-out;
}

    .scroll_to_top img {
        width: 30px;
        height: 30px;
    }

    .scroll_to_top:hover {
        background-color: #ff90ff;
    }

@media (max-width: 768px) {
    .mini-listing-header {
        height: 5rem
    }
}

@font-face {
    font-family: "Tajawal-Bold";
    src: url("../fonts/Tajawal-Bold.eot");
    src: url("../fonts/Tajawal-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-Bold.woff2") format("woff2"),url("../fonts/Tajawal-Bold.woff") format("woff"),url("../fonts/Tajawal-Bold.ttf") format("truetype"),url("../fonts/Tajawal-Bold.svg#Tajawal-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Tajawal-ExtraBold";
    src: url("../fonts/Tajawal-ExtraBold.eot");
    src: url("../fonts/Tajawal-ExtraBold.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-ExtraBold.woff2") format("woff2"),url("../fonts/Tajawal-ExtraBold.woff") format("woff"),url("../fonts/Tajawal-ExtraBold.ttf") format("truetype"),url("../fonts/Tajawal-ExtraBold.svg#Tajawal-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Tajawal-Light";
    src: url("../fonts/Tajawal-Light.eot");
    src: url("../fonts/Tajawal-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-Light.woff2") format("woff2"),url("../fonts/Tajawal-Light.woff") format("woff"),url("../fonts/Tajawal-Light.ttf") format("truetype"),url("../fonts/Tajawal-Light.svg#Tajawal-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Tajawal-Light";
    src: url("../fonts/Tajawal-ExtraLight.eot");
    src: url("../fonts/Tajawal-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-ExtraLight.woff2") format("woff2"),url("../fonts/Tajawal-ExtraLight.woff") format("woff"),url("../fonts/Tajawal-ExtraLight.ttf") format("truetype"),url("../fonts/Tajawal-ExtraLight.svg#Tajawal-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Tajawal-Regular";
    src: url("../fonts/Tajawal-Regular.eot");
    src: url("../fonts/Tajawal-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-Regular.woff2") format("woff2"),url("../fonts/Tajawal-Regular.woff") format("woff"),url("../fonts/Tajawal-Regular.ttf") format("truetype"),url("../fonts/Tajawal-Regular.svg#Tajawal-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Tajawal-Medium";
    src: url("../fonts/Tajawal-Medium.eot");
    src: url("../fonts/Tajawal-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Tajawal-Medium.woff2") format("woff2"),url("../fonts/Tajawal-Medium.woff") format("woff"),url("../fonts/Tajawal-Medium.ttf") format("truetype"),url("../fonts/Tajawal-Medium.svg#Tajawal-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

html, body {
    font-size: 18px
}

@media (max-width: 1367px) {
    html, body {
        font-size: 15px
    }
}

@media (max-width: 769px) {
    html, body {
        font-size: 16px
    }
}

@media (max-width: 576px) {
    html, body {
        font-size: 14px
    }
}

body, body:not(*:root), p, a, pre, li, span, .tooltip {
    font-family: "Tajawal-Regular"
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Tajawal-Bold"
}

[class^="icon-"], [class*=" icon-"], [class^="icon-"] *, [class*=" icon-"] * {
    font-family: "icomoon" !important
}

body, .wrapper {
    min-height: 100vh !important
}

.no-padding {
    padding: 0px !important
}

.clickable-link {
    cursor: pointer
}

.show-mob {
    display: none
}

@media (max-width: 576px) {
    .show-mob {
        display: block
    }
}

.hide-mob {
    display: block
}

@media (max-width: 576px) {
    .hide-mob {
        display: none
    }
}

.full-width {
    width: 100%;
    display: block
}

.center-full-width, .center-full-width p {
    width: 100%;
    text-align: center;
}

.show {
    display: block !important;
    visibility: visible;
    opacity: 1;
    height: auto
}

.HDN {
    display: none
}

.hide, .hide * {
    opacity: 0;
    visibility: hidden;
    height: 0px !important;
    padding: 0px !important;
    width: 0
}

a:hover, a:focus, .btn:hover, .btn:focus {
    outline: none !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.float-right {
    float: right
}

.float-left {
    float: left
}

[class^="col-"], [class*=" col-"] {
    padding: 0 15px;
}

.row {
    margin: 0 -15px !important
}

.blue-txt {
    color: #0065BD
}

.dark-blue-txt {
    color: #1C024B
}

.green-txt {
    color: #00AE65
}

.purple-txt {
    color: #8F23B3
}

.main-menu-sub-level ::-webkit-scrollbar {
    width: 7px
}

.main-menu-sub-level ::-webkit-scrollbar-thumb {
    background: #C4C4C4;
    border-radius: 20px
}

.main-menu-sub-level ::-webkit-scrollbar-track {
    background: #E7E8EB;
    border-radius: 20px
}

@media (max-width: 576px) {
    .hide-mob {
        display: none !important
    }
}

@media (min-width: 576px) {
    .show-mob {
        display: none !important
    }
}

.full-width {
    width: 100%
}

.text-center {
    text-align: center
}

.date-error-message {
    font-size: 0.6rem;
    font-family: "Tajawal-Bold";
    color: #EA2839
}

.dropdown {
    z-index: 998 !important
}

.popup-Share {
    border: 0;
    background-color: #111111;
    text-align: center;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    width: auto;
    overflow: hidden;
    position: absolute !important;
    z-index: 10;
    padding: 15px;
    border-radius: 10px;
}

    .popup-Share.show {
        display: flex !important;
        justify-content: space-between;
        flex-direction: column;
        min-width: auto !important;
        gap: 15px;
    }


.places_to_goo {
    width: 100%;
    margin: auto;
}


@media (max-width: 992px) {
    .popup-Share.show {
        left: -9rem !important
    }

    .places_to_goo {
        width: 100%;
        margin: auto
    }
}

@media (max-width: 575px) {
    .popup-Share.show {
        left: -6rem !important
    }
}

.popup-Share .dropdown-item {
    position: relative;
    display: flex;
    width: auto;
    padding: 0;
    color: #1C024B
}

    .popup-Share .dropdown-item:hover {
        background-color: transparent
    }

    .popup-Share .dropdown-item a {
        padding: 0.85rem 1rem;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        transition: all 0.75s
    }

@media (min-width: 992px) {
    .popup-Share .dropdown-item a.WhatsApp-item, .mobile-only {
        display: none !important
    }
}

@media (max-width: 992px) {
    .popup-Share .dropdown-item a.WhatsApp-item, .mobile-only {
        display: flex
    }

    .desktop-only {
        display: none !important;
    }
}

.popup-Share .dropdown-item a.WhatsApp-item svg {
    fill: #fff;
    width: 55%;
    margin-left: 25%
}

.popup-Share .dropdown-item a:hover {
    background-color: #1C024B;
    color: #fff
}

    .popup-Share .dropdown-item a:hover span {
        color: #fff
    }

    .popup-Share .dropdown-item a:hover i {
        background-color: #fff
    }

        .popup-Share .dropdown-item a:hover i::before {
            color: #1C024B
        }

        .popup-Share .dropdown-item a:hover i svg {
            fill: #1C024B
        }

.popup-Share .dropdown-item a i {
    font-size: 0.8rem;
    background-color: #1C024B;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .popup-Share .dropdown-item a i::before {
        color: #fff
    }

.mg-t-sm {
    margin-top: 1rem;
    align-self: center;
}

.db-flex {
    display: flex !important
}

.card-carousel .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch
}

    .card-carousel .owl-carousel .owl-stage .owl-item {
        height: auto !important
    }

.leaflet-control {
    display: none !important
}

.mobMode .nav-hint, .mobMode #navigation, .mobMode #footer, .mobMode .content-us-header, .mobMode .mini-listing-header, .mobMode .print-page, .mobMode .show-hint-icon {
    display: none !important
}

.lg-backdrop.in {
    z-index: 111111
}

a.viewmore-btn, a.btn.viewmore-btn, .btn.viewmore-btn {
    font-size: 1rem;
    line-height: 1.111rem;
    font-family: "Tajawal-Bold";
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    padding: 0px;
    transition: all 0.8s;
    width: max-content;
}

    a.viewmore-btn:not([disabled]):hover, a.btn.viewmore-btn:not([disabled]):hover, .btn.viewmore-btn:not([disabled]):hover {
        /*color: #0065BD !important*/
        outline: none !important;
        border: none !important;
    }

        a.viewmore-btn:not([disabled]):hover .view-more-icon::before, a.btn.viewmore-btn:not([disabled]):hover .view-more-icon::before, .btn.viewmore-btn:not([disabled]):hover .view-more-icon::before {
            /*color: #0065BD !important*/
        }

    a.viewmore-btn .view-more-icon, a.btn.viewmore-btn .view-more-icon, .btn.viewmore-btn .view-more-icon {
        margin-left: 0.556rem;
        background-color: #F3F6FB80;
        border-radius: 100px;
        padding: 0.611rem 0.736rem
    }

        a.viewmore-btn .view-more-icon::before, a.btn.viewmore-btn .view-more-icon::before, .btn.viewmore-btn .view-more-icon::before {
            /*color: #1C024B !important*/
        }

.btn.btn-SECONDARY {
    padding: 0.833rem 1.333rem;
    background-color: #000;
    color: #666;
    border-radius: 50px;
    font-size: 1rem;
    border-width: 0px !important;
    line-height: 1.6rem;
    font-family: "Tajawal-Bold";
    transition: all 0.8s
}

    .btn.btn-SECONDARY .icon {
        font-size: 1.6rem
    }

        .btn.btn-SECONDARY .icon.icon-arrow-left-rounded-icon .path1:before {
            color: #FFFFFF
        }

        .btn.btn-SECONDARY .icon.icon-arrow-left-rounded-icon .path2:before {
            color: #1C024B
        }

    .btn.btn-SECONDARY:not([disabled]):hover {
        background-color: #0065BD
    }

    .btn.btn-SECONDARY .icon {
        float: right;
        margin-left: 0.556rem
    }

@media (min-width: 576px) and (max-width: 1199.98px) {
    .btn.btn-SECONDARY {
        font-size: 1rem;
        line-height: 2.125rem
    }

        .btn.btn-SECONDARY .icon {
            font-size: 2.125rem;
            margin-left: 0.625rem
        }
}

@media (max-width: 576px) {
    .btn.btn-SECONDARY {
        font-size: 1.143rem;
        line-height: 1.75rem
    }

        .btn.btn-SECONDARY .icon {
            font-size: 1.75rem;
            margin-left: 0.714rem
        }
}

.btn.btn-primary {
    padding: 0.833rem 1.333rem;
    background-color: #FFFFFF;
    color: #222;
    border-radius: 50px;
    font-size: 1rem;
    border-width: 0px !important;
    line-height: 1.6rem;
    vertical-align: middle;
    font-family: "Tajawal-Bold";
    transition: all 0.8s
}

    .btn.btn-primary .icon {
        font-size: 1.6rem
    }

    .btn.btn-primary:not([disabled]):hover {
        background-color: #000000;
        color: #fff
    }

        .btn.btn-primary:not([disabled]):hover .icon-arrow-left-rounded-icon .path1:before {
            color: #FFFFFF
        }

        .btn.btn-primary:not([disabled]):hover .icon-arrow-left-rounded-icon .path2:before {
            color: #1C024B
        }

    .btn.btn-primary .icon {
        float: right;
        margin-left: 0.556rem
    }

@media (min-width: 576px) and (max-width: 1199.98px) {
    .btn.btn-primary {
        font-size: 1rem;
        line-height: 2.125rem
    }

        .btn.btn-primary .icon {
            font-size: 2.125rem;
            margin-left: 0.625rem
        }
}

@media (max-width: 576px) {
    .btn.btn-primary {
        font-size: 1.143rem;
        line-height: 1.75rem
    }

        .btn.btn-primary .icon {
            font-size: 1.75rem;
            margin-left: 0.714rem
        }
}

.btn.btn-link.btn-danger {
    border: 0px;
    color: #EA2839
}

input:focus, textarea:focus {
    outline: none !important;
    box-shadow: none !important
}


/*.card-data-cont {*/
/*background-color: #F3F6FB;*/
/*border-radius: 10px;
        display: flex;
        gap:20px;
        flex-direction: row;
        flex-grow: 1;
        margin-bottom:20px
    }

        .card-data-cont .card-data-img {
            display: flex;
            flex-direction: row;
            gap:30px;
            padding-bottom: 1.22rem
        }

            .card-data-cont .card-data-img .card-title-date .title-m {
                font-size: 1.33rem;
                line-height: 26.4px
            }

@media (max-width: 768px) {
     .card-data-cont .card-data-img .card-title-date .title-m {
        font-size: 1.25rem;
        line-height: 22px
    }
}

.card-data-cont .card-data-img .card-title-date .card-date {
    font-size: 0.88rem;
    color: #666;
    line-height: 24px
}

@media (max-width: 768px) {
     .card-data-cont .card-data-img .card-title-date .card-date {
        line-height: 21px
    }
}

 .card-data-cont .card-data-img .card-img {
    height: auto;
    border-radius: 10px
}

     .card-data-cont .card-data-img .card-img img {*/
/*width: 100%;*/
/*border-radius: 10px;
        height: auto
    }

 .card-data-cont .card-download-size {
    display: flex;
    flex-direction: row;
    padding-top: 1.22rem;
    border-top: 1px solid #E7E8EB
}

      .card-download-size .file-download {
        font-size: 1rem;
        font-weight: 700;
        color: #1C024B;
        line-height: 22px
    }

@media (max-width: 768px) {
     .card-data-cont .card-download-size .file-download {
        font-size: 1.125rem
    }
}

 .card-data-cont .card-download-size .file-download:after {
    content: "";
    width: 0;
    height: 1px;
    display: block;
    background: #1C024B;
    transition: all .5s ease-out
}

 .card-data-cont .card-download-size .file-download:hover {
    cursor: pointer
}

     .card-data-cont .card-download-size .file-download:hover::after {
        width: 100%
    }

 .card-data-cont .card-download-size .file-download .file-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

     .card-data-cont .card-download-size .file-download .file-title i {
        font-size: .7rem;
        margin-left: 0.48rem;
        color: #1C024B
    }

 .card-data-cont .card-download-size .file-size {
    font-size: .88rem;
    color: #666;
    line-height: 24px
}

@media (max-width: 768px) {
     .card-data-cont .card-download-size .file-size {
        line-height: 21px
    }
}*/
.pagination-cont {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1.86078rem;
    flex-direction: column;
    align-items: center
}

    .pagination-cont .ngx-pagination {
        margin: 0
    }

        .pagination-cont .ngx-pagination li {
            color: #1C024B;
            font-weight: 700;
            font-size: 1rem;
            line-height: 21.6px;
            padding: 0 .85rem;
            transition: all .5s ease-out;
            cursor: pointer
        }

            .pagination-cont .ngx-pagination li:after {
                background-color: transparent;
                content: "";
                width: 3px;
                height: 22px;
                transform: rotate(90deg)
            }

@media (max-width: 768px) {
    .pagination-cont .ngx-pagination li:after {
        height: 15px
    }
}

.pagination-cont .ngx-pagination li a {
    color: #1C024B;
    font-weight: 700;
    font-size: 1rem;
    padding: 0
}

    .pagination-cont .ngx-pagination li a:hover {
        background: transparent
    }

    .pagination-cont .ngx-pagination li a.page-link {
        color: #1C024B !important;
        background: transparent !important;
        border: 0;
        margin: 0;
        display: flex;
        line-height: inherit;
        outline: none
    }

        .pagination-cont .ngx-pagination li a.page-link:focus {
            box-shadow: none
        }

.pagination-cont .ngx-pagination li.current, .pagination-cont .ngx-pagination li.active {
    position: relative;
    background: transparent;
    color: #1C024B
}

    .pagination-cont .ngx-pagination li.current:after, .pagination-cont .ngx-pagination li.active:after {
        display: block;
        background-color: transparent;
        position: absolute;
        bottom: -1rem;
        right: 45%;
        left: 45%;
        transition: all .5s ease-out;
        background-color: #FFFFFF
    }

.pagination-cont .ngx-pagination li.pagination-previous, .pagination-cont .ngx-pagination li.pagination-next {
    padding: 0 1rem;
    display: inline-flex;
    align-items: baseline
}

    .pagination-cont .ngx-pagination li.pagination-previous::before, .pagination-cont .ngx-pagination li.pagination-previous::after, .pagination-cont .ngx-pagination li.pagination-next::before, .pagination-cont .ngx-pagination li.pagination-next::after {
        font-family: "icomoon" !important;
        font-size: .7rem;
        margin: 0;
        width: initial !important;
        height: initial !important;
        transform: initial;
        display: inline-block
    }

    .pagination-cont .ngx-pagination li.pagination-previous.disabled, .pagination-cont .ngx-pagination li.pagination-next.disabled {
        color: #E7E8EB;
        cursor: not-allowed
    }

        .pagination-cont .ngx-pagination li.pagination-previous.disabled a, .pagination-cont .ngx-pagination li.pagination-next.disabled a {
            display: none
        }

    .pagination-cont .ngx-pagination li.pagination-previous a::before, .pagination-cont .ngx-pagination li.pagination-previous a::after, .pagination-cont .ngx-pagination li.pagination-next a::before, .pagination-cont .ngx-pagination li.pagination-next a::after {
        font-family: "icomoon" !important;
        font-size: .7rem;
        margin: 0;
        display: inline-block
    }

    .pagination-cont .ngx-pagination li.pagination-previous.disabled::before {
        content: "\e90e"
    }

    .pagination-cont .ngx-pagination li.pagination-previous a::before {
        content: "\e90e"
    }

    .pagination-cont .ngx-pagination li.pagination-next.disabled::after {
        content: "\e911"
    }

    .pagination-cont .ngx-pagination li.pagination-next a::after {
        content: "\e911"
    }

.pagination-cont .page-counter {
    display: flex;
    flex-direction: column;
    font-size: .778rem;
    color: #666;
    text-align: center;
    justify-content: center;
    width: 100%;
    padding-top: 2.77rem;
    margin: 0
}

/*.filter-cont {
    padding: 1.111rem 0;
    background: #F3F6FB;
    display: block
}*/

@media (max-width: 991.98px) {
    .filter-cont {
        padding: 1.111rem 0
    }
}

.filter-cont .menu-one-city-img-container::before {
    content: "";
    width: 1.478rem;
    height: 1.478rem;
    background-color: #F3F6FB;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.filter-cont .filter-sec {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px
}

@media (max-width: 991.98px) {
    .filter-cont .filter-sec {
        display: none
    }
}

@media (max-width: 1241px) {
    .filter-cont .filter-sec {
        align-items: flex-start
    }

        .filter-cont .filter-sec h3 {
            margin-top: 1.25rem !important
        }
}

.filter-cont .filter-sec .filter-name {
    margin: 0;
    font-size: 1rem;
    line-height: 150%;
    color: #222
}

.filter-cont .filter-sec .selection-cont {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding-right: 0.9rem
}

    .filter-cont .filter-sec .selection-cont .select-date, .filter-cont .filter-sec .selection-cont .Search-location, .filter-cont .filter-sec .selection-cont .select-other {
        padding: 0 0.5556rem;
        min-width: 11.11rem
    }

        .filter-cont .filter-sec .selection-cont .select-date h3, .filter-cont .filter-sec .selection-cont .Search-location h3, .filter-cont .filter-sec .selection-cont .select-other h3 {
            text-align: start;
            text-transform: uppercase;
            font-size: 0.89rem;
            line-height: 150%;
            color: #1C024B !important;
            margin-bottom: 0.6rem
        }

        .filter-cont .filter-sec .selection-cont .select-date .dropdown.show, .filter-cont .filter-sec .selection-cont .Search-location .dropdown.show, .filter-cont .filter-sec .selection-cont .select-other .dropdown.show {
            z-index: 1000 !important
        }

        /*.filter-cont .filter-sec .selection-cont .select-date .dropdown button, .filter-cont .filter-sec .selection-cont .Search-location .dropdown button, .filter-cont .filter-sec .selection-cont .select-other .dropdown button {
            width: 100%;
            line-height: 150%;
            font-size: 0.89rem;
            border: 0;
            background: #fff;
            border-radius: 5px;
            color: #666;
            padding: 0.78rem 1.11rem;
            border: 1px solid transparent;
            margin: 0.5rem 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center
        }*/

        .filter-cont .filter-sec .selection-cont .select-date .dropdown button:after, .filter-cont .filter-sec .selection-cont .Search-location .dropdown button:after, .filter-cont .filter-sec .selection-cont .select-other .dropdown button:after {
            vertical-align: 0.1rem
        }

        .filter-cont .filter-sec .selection-cont .select-date .dropdown button:focus, .filter-cont .filter-sec .selection-cont .Search-location .dropdown button:focus, .filter-cont .filter-sec .selection-cont .select-other .dropdown button:focus {
            box-shadow: none
        }

        /*.filter-cont .filter-sec .selection-cont .select-date .dropdown button.active-select, .filter-cont .filter-sec .selection-cont .Search-location .dropdown button.active-select, .filter-cont .filter-sec .selection-cont .select-other .dropdown button.active-select {
                border-color: #0065BD !important;
                color: #0065BD !important
            }*/

        .filter-cont .filter-sec .selection-cont .select-date .dropdown .dropdown-menu, .filter-cont .filter-sec .selection-cont .Search-location .dropdown .dropdown-menu, .filter-cont .filter-sec .selection-cont .select-other .dropdown .dropdown-menu {
            top: 0.5rem !important;
            box-shadow: 0px 1px 10px rgba(0,0,0,0.2)
        }

        .filter-cont .filter-sec .selection-cont .select-date .dropdown-menu {
            width: 15.3rem;
            padding: 0.55rem 0
        }

            .filter-cont .filter-sec .selection-cont .select-date .dropdown-menu .dropdown-item {
                padding: 0.5rem 1.56rem
            }

                .filter-cont .filter-sec .selection-cont .select-date .dropdown-menu .dropdown-item:active {
                    background-color: transparent
                }

                .filter-cont .filter-sec .selection-cont .select-date .dropdown-menu .dropdown-item.active-location {
                    color: #1C024B;
                    font-weight: bold
                }

        .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu {
            width: 25.39rem;
            padding-bottom: 1.83rem
        }

            .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .dropdown-item {
                padding: 0
            }

            .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .search-input {
                position: relative;
                margin-bottom: 1.11rem
            }

                .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .search-input::before {
                    content: "\e9c3";
                    font-family: "icomoon" !important;
                    color: #1C024B;
                    position: absolute;
                    left: 0.5rem;
                    bottom: 0.5rem
                }

                .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .search-input input {
                    padding-left: 2rem
                }

            .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .choose-location-sec {
                margin-bottom: 0.89rem
            }

                .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .choose-location-sec .choose-location-item {
                    margin-bottom: 0.5rem;
                    color: #666;
                    font-weight: bold
                }

                    .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .choose-location-sec .choose-location-item p {
                        font-family: "Tajawal-Regular";
                        font-size: 0.89rem;
                        line-height: 150%;
                        font-weight: normal;
                        color: #222 !important
                    }

            .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .menu-cities-list-container {
                margin-bottom: 1.72rem
            }

            .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .menu-venues-list-container h3 {
                margin-bottom: 0.83rem
            }

            .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .menu-venues-list-container .menu-venu-item {
                margin-bottom: 0.778rem
            }

                .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .menu-venues-list-container .menu-venu-item a p {
                    font-size: 0.89rem;
                    line-height: 150%
                }

                .filter-cont .filter-sec .selection-cont .Search-location .dropdown-menu .menu-venues-list-container .menu-venu-item a span {
                    font-size: 0.667rem;
                    line-height: 150%
                }

        .filter-cont .filter-sec .selection-cont .select-other .dropdown-menu {
            width: 18.17rem
        }

            .filter-cont .filter-sec .selection-cont .select-other .dropdown-menu form {
                display: flex;
                flex-direction: row;
                justify-content: start
            }

        .filter-cont .filter-sec .selection-cont .select-other .price-sec, .filter-cont .filter-sec .selection-cont .select-other .audience-sec {
            margin-bottom: 2.22rem
        }

        .filter-cont .filter-sec .selection-cont .select-other ul {
            display: flex;
            flex-direction: row
        }

        .filter-cont .filter-sec .selection-cont .select-other input[type="radio"], .filter-cont .filter-sec .selection-cont .select-other input[type="checkbox"] {
            display: none
        }

            .filter-cont .filter-sec .selection-cont .select-other input[type="radio"]:checked + label, .filter-cont .filter-sec .selection-cont .select-other input[type="checkbox"]:checked + label {
                background: #00b3bb;
                border: 1px solid #00b3bb;
                color: #F3F6FB
            }

        .filter-cont .filter-sec .selection-cont .select-other label {
            display: inline-flex;
            padding: 5px 10px;
            font-size: 0.889rem;
            line-height: 150%;
            cursor: pointer;
            /*background: #fff;*/
            color: #F3F6FB;
            border: 1px solid #E7E8EB;
            box-sizing: border-box;
            border-radius: 3px;
            margin-right: 6px
        }

    .filter-cont .filter-sec .selection-cont .dropdown-menu {
        padding: 1.11rem 0.56rem;
        border: 0;
        border-radius: 3px;
        z-index: 999;
    }

        .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper {
            width: 90%;
            margin-right: auto;
            margin-bottom: 5px !important;
            margin-top: 5px !important;
        }

            .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper .nav-when-date-picker-wrapper {
                text-align: start
            }

                .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper .nav-when-date-picker-wrapper:before {
                    color: #1C024B
                }

                .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper .nav-when-date-picker-wrapper input[type="date"] {
                    font-size: 0.89rem;
                    line-height: 150%
                }

                    .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper .nav-when-date-picker-wrapper input[type="date"]::before, .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper .nav-when-date-picker-wrapper input[type="date"]:focus, .filter-cont .filter-sec .selection-cont .dropdown-menu .date-picker-wrapper .nav-when-date-picker-wrapper input[type="date"]:valid {
                        color: #666;
                        font-size: 0.89rem
                    }

        .filter-cont .filter-sec .selection-cont .dropdown-menu input {
            border: 0;
            border-radius: 0;
            border-bottom: 1px solid #E7E8EB
        }

            .filter-cont .filter-sec .selection-cont .dropdown-menu input:focus {
                box-shadow: none
            }

        .filter-cont .filter-sec .selection-cont .dropdown-menu ul {
            margin-bottom: 0;
            padding: 0px !important;
        }

        .filter-cont .filter-sec .selection-cont .dropdown-menu .dropdown-item {
            text-align: start;
            font-size: 0.89rem;
            line-height: 150%;
            color: #222;
            cursor: pointer
        }

        .filter-cont .filter-sec .selection-cont .dropdown-menu a.dropdown-item {
            padding: 0.555rem 0;
            font-weight: 700;
            color: #1C024B;
            cursor: pointer
        }

            .filter-cont .filter-sec .selection-cont .dropdown-menu a.dropdown-item:hover {
                background-color: transparent
            }

    .filter-cont .filter-sec .selection-cont .multiselect-cont {
        width: 200px;
        padding: 0 10px
    }

        .filter-cont .filter-sec .selection-cont .multiselect-cont .multi {
            width: 100%;
            padding: 0
        }

            .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__display {
                border: 0;
                background: #fff;
                border-radius: 5px;
                color: #666;
                outline: none;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 0.78rem 1.11rem;
                border: 1px solid transparent;
                margin: 0.5rem 0
            }

                .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__display.active-select {
                    border-color: #0065BD !important;
                    color: #0065BD !important
                }

                .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__display .multi__inner {
                    width: 100%;
                    line-height: 150%;
                    font-size: 0.89rem;
                    font-family: "Tajawal-Regular";
                    text-align: start
                }

                .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__display::after {
                    position: initial;
                    margin-left: 0.255em
                }

            .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown {
                width: 15.3rem;
                position: absolute;
                z-index: 1000;
                top: auto;
                left: auto;
                right: auto;
                background-color: #fff;
                padding: 1.11rem 1.56rem;
                border: 0;
                border-radius: 3px;
                box-shadow: 0px 1px 10px rgba(0,0,0,0.2)
            }

                .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown ul {
                    padding: 0
                }

                    .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown ul .multi__li-item {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        font-size: 0.89rem;
                        line-height: 150%;
                        color: #222;
                        margin-bottom: 0.56rem
                    }

                        .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown ul .multi__li-item.multi__li-item--selected {
                            color: #222;
                            font-weight: 700;
                            justify-content: initial;
                            position: relative
                        }

                            .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown ul .multi__li-item.multi__li-item--selected::after {
                                background: none;
                                content: "\e91a";
                                font-family: "icomoon" !important;
                                font-size: 0.4rem;
                                position: absolute;
                                right: -0.5rem;
                                left: auto;
                                top: 0.2rem;
                                color: #1C024B
                            }

                        .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown ul .multi__li-item img {
                            width: 1.94rem;
                            height: 1.94rem;
                            border-radius: 50%;
                            margin-right: 0.56rem;
                            object-fit: cover;
                            position: relative;
                            z-index: -1
                        }

                        .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__dropdown ul .multi__li-item a {
                            font-weight: 700;
                            color: #1C024B;
                            cursor: pointer;
                            margin-top: 0.56rem
                        }

.filter-cont .filter-sec .filter-btns {
    padding: 0 0.5rem
}

    .filter-cont .filter-sec .filter-btns .apply-filters-btn {
        padding: 0.4rem 1rem
    }

        .filter-cont .filter-sec .filter-btns .apply-filters-btn:hover i:before {
            color: #fff
        }

        .filter-cont .filter-sec .filter-btns .apply-filters-btn i {
            margin-left: 0.556rem;
            position: relative;
            top: 0.05rem
        }

            .filter-cont .filter-sec .filter-btns .apply-filters-btn i::before {
                color: #222
            }

.filter-cont .filter-sec .clear-all-btn, .skip-link {
    position: relative;
    border: 0;
    background-color: transparent;
    outline: none;
    font-size: 0.78rem;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin: 0 0.5rem
}

    .filter-cont .filter-sec .clear-all-btn:focus {
        outline: none
    }

    .filter-cont .filter-sec .clear-all-btn:after, .skip-link:after {
        content: "";
        width: 0;
        height: 1px;
        display: block;
        background: #fff;
        transition: all 0.5s ease-out
    }

    .filter-cont .filter-sec .clear-all-btn:hover, .skip-link:hover {
        cursor: pointer
    }

        .filter-cont .filter-sec .clear-all-btn:hover::after, .skip-link:hover::after {
            width: 100%
        }

.filter-cont .filter-sec .menu-cities-list-container .menu-one-city-container.active-location p {
    color: #1C024B;
    font-weight: bold
}

.filter-cont .mobile-filter-sec {
    display: none
}

@media (max-width: 991.98px) {
    .filter-cont .mobile-filter-sec {
        display: block
    }
}

.filter-cont .mobile-filter-sec .open-popup-filter {
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 1rem !important;
    color: #222;
    padding-left: 0 !important;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    position: relative;
    outline: none
}

    .filter-cont .mobile-filter-sec .open-popup-filter:focus {
        box-shadow: none
    }

    .filter-cont .mobile-filter-sec .open-popup-filter:active {
        color: #222
    }

    .filter-cont .mobile-filter-sec .open-popup-filter::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        right: 0
    }

    .filter-cont .mobile-filter-sec .open-popup-filter .num-filter {
        width: 20px;
        height: 20px;
        /*border: 1px solid #f2f2f2;*/
        border-radius: 50%;
        color: #000;
        background-color: white;
        font-weight: 600;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-right: 1.5rem
    }

        .filter-cont .mobile-filter-sec .open-popup-filter .num-filter i {
            margin-top: 0rem;
            display: block
        }

.filter-cont .mobile-filter-sec .modal {
    padding: 0 !important
}

    .filter-cont .mobile-filter-sec .modal .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-top: 23.6875rem;
        min-height: 56rem
    }

        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content {
            border-radius: 20px 20px 0px 0px;
            padding: 2.5rem;
            height: 100%;
            overflow-y: hidden
        }

            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-header, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body {
                padding: 0 !important
            }

            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-header {
                border: 0
            }

                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-header .close {
                    color: #1C024B;
                    background: transparent;
                    border: 0;
                    padding: 0;
                    font-size: 2rem;
                    margin: 0;
                    position: absolute;
                    right: 2.5rem;
                    top: 1rem
                }

                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-header .filter-name {
                    font-size: 1.5rem;
                    line-height: 100%
                }

            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body {
                border: 0
            }

                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont {
                    flex-direction: column;
                    padding: 0;
                    margin: 2rem auto
                }

                    .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .multiselect-cont .multi .multi__dropdown {
                        width: 100%
                    }

                    .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date .dropdown-menu, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .dropdown-menu {
                        width: 100%
                    }

                    .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .multiselect-cont, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-other {
                        width: 100%;
                        padding: 0
                    }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .multiselect-cont h3, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date h3, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location h3, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-other h3 {
                            font-size: 1rem
                        }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .multiselect-cont .input-txt, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date .input-txt, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .input-txt, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-other .input-txt {
                            font-size: 1rem;
                            line-height: 150%;
                            margin-bottom: 0;
                            font-weight: bold;
                            color: #1C024B;
                            text-transform: uppercase
                        }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .multiselect-cont button, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date button, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location button {
                            background: #F3F6FB;
                            margin-bottom: 2.5rem
                        }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date .dropdown-toggle, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .dropdown-toggle, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-other .dropdown-toggle {
                            position: relative
                        }

                            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-date .dropdown-toggle::after, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .dropdown-toggle::after, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .select-other .dropdown-toggle::after {
                                position: absolute;
                                border-top: 0.4em solid;
                                border-right: 0.4em solid transparent;
                                border-bottom: 0;
                                border-left: 0.4em solid transparent;
                                right: 1rem;
                                top: 1rem
                            }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-one-city-container {
                            width: 33.33%;
                            display: flex
                        }

                            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-one-city-container a {
                                display: flex
                            }

                                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-one-city-container a img {
                                    display: initial !important;
                                    margin: 0
                                }

                                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-one-city-container a p {
                                    color: #222 !important;
                                    margin: 0.3rem;
                                    font-size: 0.89rem;
                                    text-align: left;
                                    line-height: 150%;
                                    border: 0
                                }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-venu-item {
                            display: inline-flex;
                            justify-content: space-between;
                            width: 50%
                        }

                            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-venu-item a p {
                                display: flex;
                                flex-direction: column
                            }

                            .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-venu-item a p, .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .selection-cont .Search-location .menu-venu-item a span {
                                color: #222 !important;
                                margin: 0
                            }

                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .apply-filters-btn {
                    width: 100%
                }

                    .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .apply-filters-btn i {
                        margin-left: 0.556rem;
                        position: relative;
                        top: 0.05rem
                    }

                        .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .apply-filters-btn i::before {
                            color: #222
                        }

                .filter-cont .mobile-filter-sec .modal .modal-dialog .modal-content .modal-body .clear-all-btn {
                    font-size: 1rem;
                    cursor: pointer;
                    width: 100%;
                    padding-top: 0.7rem;
                    text-align: center
                }

.card-event {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0
}

    .card-event:hover .card-data-img {
        box-shadow: 0px 1px 10px rgba(0,0,0,0.5)
    }

        .card-event:hover .card-data-img .card-img img {
            opacity: 0.8;
            transform: scale(1.15)
        }

        .card-event:hover .card-data-img .status {
            transform: scale(1.05)
        }

        .card-event:hover .card-data-img .simple-calendar {
            transform: scale(1.05)
        }

    .card-event.highlight-card .card-data-img {
        border-radius: 10px
    }

        .card-event.highlight-card .card-data-img .card-navigation, .card-event.highlight-card .card-data-img .card-date {
            align-items: baseline !important;
            margin-bottom: 0.35rem
        }

            .card-event.highlight-card .card-data-img .card-navigation label, .card-event.highlight-card .card-data-img .card-date label {
                margin-bottom: 0 !important
            }

        .card-event.highlight-card .card-data-img .card-location {
            margin-bottom: 0.35rem
        }

            .card-event.highlight-card .card-data-img .card-location i {
                top: 3px !important
            }

        .card-event.highlight-card .card-data-img .date-time label i, .card-event.highlight-card .card-data-img .location, .card-event.highlight-card .card-data-img .distance {
            font-size: .89rem !important;
            line-height: 150% !important
        }

            .card-event.highlight-card .card-data-img .date-time label i label, .card-event.highlight-card .card-data-img .location label, .card-event.highlight-card .card-data-img .distance label {
                margin-bottom: 0 !important
            }

        .card-event.highlight-card .card-data-img .card-data-cont .card-title-date .category {
            font-size: 0.778rem
        }

@media (max-width: 992px) {
    .card-event.highlight-card .card-data-img .card-data-cont .card-title-date .category {
        font-size: 0.875rem
    }
}

@media (max-width: 767px) {
    .card-event.map-card .card-data-img .card-img {
        width: 26%;
        position: absolute;
        border-radius: 5px;
        right: 1.11rem;
        top: 1.11rem
    }

    .card-event.map-card .card-data-img .card-data-cont .card-title-date {
        width: 70%
    }
}

@media (max-width: 768px) {
    .card-event.map-card .card-data-img .status {
        position: static;
        margin: 0.57rem 0
    }
}

.card-event.map-card .card-data-img .simple-calendar {
    right: .56rem;
    top: .56rem
}

.card-event .card-data-img {
    position: relative;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    margin-bottom: 1.667rem;
    overflow: hidden;
    flex-direction: column;
    display: flex;
    flex-grow: 1;
    transition: all 0.3s ease-in
}

    .card-event .card-data-img .status {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 5px;
        position: absolute;
        min-width: 4.389rem;
        height: 1.61rem;
        left: 1.11rem;
        top: 1.11rem;
        background: rgba(0,0,0,0.5);
        border-radius: 5px;
        color: #fff;
        z-index: 1;
        transition: all 0.9s ease
    }

    .card-event .card-data-img .simple-calendar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 5px;
        position: absolute;
        width: 3.61rem;
        height: 3.7778rem;
        right: 1.11rem;
        top: 1.11rem;
        background: #FFFFFF;
        border-radius: 5px;
        z-index: 1;
        transition: all 0.9s ease
    }

@media (max-width: 768px) {
    .card-event .card-data-img .simple-calendar {
        width: 3.5556rem;
        height: 3.5556rem
    }
}

@media (max-width: 440px) {
    .card-event .card-data-img .simple-calendar {
        width: 3.05556rem
    }
}

.card-event .card-data-img .simple-calendar label {
    margin-bottom: 0;
    color: #222;
    font-weight: bold;
    font-size: 0.7778rem;
    line-height: 150%;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .card-event .card-data-img .simple-calendar label {
        font-size: 0.75rem
    }
}

.card-event .card-data-img .simple-calendar label.cal-day {
    font-size: 1.333rem;
    line-height: 70%
}

.card-event .card-data-img .card-img {
    height: auto;
    width: 100%;
    overflow: hidden
}

    .card-event .card-data-img .card-img img {
        width: 100%;
        height: auto;
        transition: all 0.9s ease
    }

.card-event .card-data-img .card-data-cont {
    padding: .7rem 1.33rem
}

    .card-event .card-data-img .card-data-cont .card-title-date .category {
        font-size: 0.667rem;
        color: #8F23B3;
        font-family: "Tajawal-Bold";
        line-height: 200%;
        letter-spacing: 0.02rem;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: flex
    }

@media (max-width: 992px) {
    .card-event .card-data-img .card-data-cont .card-title-date .category {
        font-size: 0.75rem
    }
}

@media (max-width: 767px) {
    .card-event .card-data-img .card-data-cont .card-title-date .category {
        font-size: 0.857142857rem
    }
}

.card-event .card-data-img .card-data-cont .card-title-date .title {
    font-size: 1.11rem;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #222;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Tajawal-Regular"
}

.card-event .card-data-img .card-data-cont .card-title-date .card-date {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

    .card-event .card-data-img .card-data-cont .card-title-date .card-date i {
        margin-right: .35rem;
        font-size: 0.74rem
    }

        .card-event .card-data-img .card-data-cont .card-title-date .card-date i::before {
            color: #1C024B
        }

    .card-event .card-data-img .card-data-cont .card-title-date .card-date .date-time {
        display: flex;
        flex-direction: column;
        line-height: 14.3px;
        font-size: 0.611rem;
        color: #222
    }

        .card-event .card-data-img .card-data-cont .card-title-date .card-date .date-time label {
            display: flex;
            flex-direction: row
        }

            .card-event .card-data-img .card-data-cont .card-title-date .card-date .date-time label i:first-child {
                position: relative
            }

                .card-event .card-data-img .card-data-cont .card-title-date .card-date .date-time label i:first-child::before {
                    content: ",";
                    position: absolute;
                    bottom: 0.15rem;
                    right: -.2rem;
                    font-size: 1rem;
                    color: #222
                }

@media (max-width: 992px) {
    .card-event .card-data-img .card-data-cont .card-title-date .card-date .date-time label i:first-child::before {
        bottom: 0.15rem
    }
}

.card-event .card-data-img .card-data-cont .card-title-date .card-location {
    display: flex;
    flex-direction: row;
    align-items: flex-start !important
}

    .card-event .card-data-img .card-data-cont .card-title-date .card-location i {
        font-size: 1rem;
        position: relative;
        left: -4px;
        top: 0
    }

        .card-event .card-data-img .card-data-cont .card-title-date .card-location i::before {
            color: #1C024B
        }

    .card-event .card-data-img .card-data-cont .card-title-date .card-location .location {
        line-height: 14.3px;
        font-size: 0.611rem;
        color: #222
    }

        .card-event .card-data-img .card-data-cont .card-title-date .card-location .location label:nth-child(2) {
            position: relative;
            padding-left: .4rem
        }

            .card-event .card-data-img .card-data-cont .card-title-date .card-location .location label:nth-child(2)::before {
                content: ",";
                position: absolute;
                left: 0;
                font-size: 1rem;
                bottom: 0.15rem
            }

@media (max-width: 992px) {
    .card-event .card-data-img .card-data-cont .card-title-date .card-location .location label:nth-child(2)::before {
        bottom: 0.15rem
    }
}

.card-event .card-data-img .card-data-cont .card-title-date .card-navigation {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

    .card-event .card-data-img .card-data-cont .card-title-date .card-navigation i {
        font-size: .7rem
    }

        .card-event .card-data-img .card-data-cont .card-title-date .card-navigation i::before {
            color: #1C024B
        }

    .card-event .card-data-img .card-data-cont .card-title-date .card-navigation .distance {
        line-height: 14.3px;
        font-size: 0.611rem;
        color: #222;
        margin-left: .15rem
    }

.card-event .card-data-img .card-data-cont .card-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0
}

    .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

        .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont button {
            border: 0;
            background-color: transparent;
            cursor: pointer;
            outline: none;
            padding: 0;
            display: flex
        }

            .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont button.share-icon.dropdown-toggle::after {
                content: none
            }

            .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont button i {
                margin-left: 1rem;
                font-size: 1rem
            }

                .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont button i:before {
                    color: #666
                }

                .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont button i.icon-fav-icon-Selected::before {
                    color: #EA2839
                }

                .card-event .card-data-img .card-data-cont .card-actions .fav-share-cont button i.icon-Share-icon::before {
                    font-size: 1.5rem
                }

.home-slider-container .owl-carousel .owl-item {
    max-width: calc(33.33% - 30px)
}

@media (min-width: 767px) and (max-width: 992px) {
    .home-slider-container .owl-carousel .owl-item {
        max-width: calc(50% - 40px)
    }
}

@media (min-width: 530px) and (max-width: 767px) {
    .home-slider-container .owl-carousel .owl-item {
        max-width: calc(100% - 40px)
    }
}

.empty-temp-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5.556rem auto;
    text-align: center
}

    .empty-temp-cont .icon-lantern-1 {
        position: relative
    }

        .empty-temp-cont .icon-lantern-1:before {
            color: #666;
            font-size: 3.15rem;
            background-color: #F3F6FB;
            width: 6.83rem;
            height: 6.83rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 50%
        }

    .empty-temp-cont .temp-message {
        margin-top: 1.667rem;
        margin-bottom: 1.11rem;
        font-size: 1.33rem;
        line-height: 110%;
        font-family: 'Tajawal-Bold';
    }

@media (max-width: 440px) {
    .empty-temp-cont .temp-message {
        font-size: 1.42857rem;
        line-height: 22px
    }
}

.empty-temp-cont .temp-note {
    font-size: 1rem;
    line-height: 150%;
    color: #666
}

@media (max-width: 440px) {
    .empty-temp-cont .temp-note {
        font-size: 1.142857rem;
        line-height: 24px
    }
}

.spinner-container {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0px
}

    .spinner-container .spinner {
        animation: spinnerRotate 2s linear infinite;
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        width: 32px;
        height: 32px;
        border-radius: 50px
    }

        .spinner-container .spinner .path {
            stroke: rgba(200,204,208,0.5);
            stroke-linecap: round;
            animation: dash 1.5s ease-in-out infinite
        }

.loader-home-wrapper {
    min-height: 35rem
}

.dark-loader {
    min-height: 5rem
}

    .dark-loader .path {
        stroke: rgba(73,80,87,0.5)
    }

@keyframes spinnerRotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.preloader {
    background-color: #001251;
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 999999
}

    .preloader .preloader__logo {
        display: block;
        left: 50%;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .preloader svg {
        width: 13.345rem;
        margin-bottom: 0.889rem
    }

@media (max-width: 768px) {
    .preloader svg {
        width: 10.345rem
    }
}

.preloader #rect {
    animation: slideOver ease-in-out infinite;
    animation-delay: 250ms;
    animation-iteration-count: 1
}

@keyframes slideOver {
    0% {
        transform: translateX(0)
    }

    40% {
        transform: translateX(40%)
    }

    90% {
        transform: translateX(90%)
    }

    100% {
        transform: translateX(100%)
    }
}

.preloader .counter {
    font-size: 2.222rem;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #fff;
    height: 3rem;
    font-family: "Tajawal-Bold"
}

@media (max-width: 768px) {
    .preloader .counter {
        width: 10.345rem
    }
}

.preloader .counter::after {
    font-size: 2.222rem;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #fff;
    content: "%"
}

.home-slider-container {
    overflow: hidden
}

@media (max-width: 1199.98px) {
    .home-slider-container .owl-stage-outer {
        margin-bottom: 0.833rem
    }
}

@media (min-width: 1900px) {
    .home-slider-container {
        max-width: 1600px;
        padding-left: calc(12rem - 15px);
        padding-right: calc(12rem - 15px);
        margin: 0 auto
    }

        .home-slider-container .container {
            padding-left: 0px !important;
            padding-right: 0px !important;
            max-width: 100vw
        }
}

@media (min-width: 2500px) {
    .home-slider-container {
        max-width: 1600px;
        padding-left: calc(12rem - 15px);
        padding-right: calc(12rem - 15px);
        margin: 0 auto
    }

        .home-slider-container .enjoy-custom-container {
            padding-left: 15px !important
        }

        .home-slider-container::before {
            background: linear-gradient(rgba(143,35,179,0), rgba(253,200,47,0));
            position: absolute;
            height: 50px;
            width: 50px;
            content: "";
            left: 0;
            top: 0
        }
}

.home-slider-container .container, .home-slider-container owl-carousel-o, .home-slider-container .owl-carousel.owl-loaded, .home-slider-container .owl-carousel .owl-stage-outer, .home-slider-container owl-stage, .home-slider-container .owl-stage {
    overflow: visible
}

.home-slider-wrapper {
    position: relative;
    overflow: visible;
    z-index: 1
}

    .home-slider-wrapper .owl-dot {
        width: 11px;
        height: 11px;
        border-radius: 50px;
        border: 1px solid #fff;
        display: inline-block;
        margin-right: 12px
    }

        .home-slider-wrapper .owl-dot.active {
            background: #fff
        }

    .home-slider-wrapper .owl-carousel.owl-loaded {
        position: static
    }

    .home-slider-wrapper .owl-nav {
        position: absolute;
        top: 0;
        right: 0
    }

@media (max-width: 1199.98px) {
    .home-slider-wrapper .owl-nav {
        display: none !important
    }
}

.home-slider-wrapper .owl-nav, .home-slider-wrapper .owl-prev, .home-slider-wrapper .owl-next, .home-slider-wrapper .owl-dots {
    display: inline-block
}

.home-slider-wrapper .owl-prev {
    margin-right: 0.444rem
}

.home-slider-wrapper .owl-nav {
    margin-right: 0 !important;
    padding-right: calc(10rem - 15px)
}

    .home-slider-wrapper .owl-nav .owl-prev span, .home-slider-wrapper .owl-nav .owl-next span {
        font-size: 2.509rem
    }

@media (min-width: 1600px) {
    .home-slider-wrapper .owl-nav {
        padding-right: calc(50vw - 815px + 12rem)
    }
}

@media (max-width: 991.98px) {
    .home-slider-wrapper .owl-nav {
        padding-right: calc(2rem - 15px)
    }
}

@media (max-width: 576px) {
    .home-slider-wrapper .owl-nav {
        padding-right: 15px !important
    }
}

@media (min-width: 576px) and (max-width: 766px) {
    .home-slider-wrapper .owl-nav {
        padding-right: 15px !important
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .home-slider-wrapper .owl-nav {
        padding-right: 15px !important
    }
}

.home-page-container .owl-prev, .home-page-container .owl-next {
    transition: all 0.3s ease-in
}

    .home-page-container .owl-prev.disabled, .home-page-container .owl-next.disabled {
        opacity: 0.5;
        cursor: not-allowed
    }

        .home-page-container .owl-prev.disabled:hover .icon-Arrow-Nav, .home-page-container .owl-prev.disabled:hover .icon-Arrow-Nav-1, .home-page-container .owl-next.disabled:hover .icon-Arrow-Nav, .home-page-container .owl-next.disabled:hover .icon-Arrow-Nav-1 {
            text-shadow: none
        }

    .home-page-container .owl-prev:hover .icon-Arrow-Nav, .home-page-container .owl-prev:hover .icon-Arrow-Nav-1, .home-page-container .owl-next:hover .icon-Arrow-Nav, .home-page-container .owl-next:hover .icon-Arrow-Nav-1 {
        text-shadow: 0px 1px 10px rgba(0,0,0,0.5)
    }

.container-custom {
    width: 100%;
    max-width: 1600px;
    padding-left: 10rem;
    margin: 0 auto
}

@media (min-width: 1600px) {
    .container-custom {
        padding-left: 12rem
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .container-custom {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .container-custom {
        padding-right: 2.857rem;
        padding-left: 2.857rem;
        max-width: 100%
    }
}

body .container {
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1600px) and (min-width: 991.98px) {
    body .container {
        width: 90%;
        margin: auto;
        max-width: 90% !important;
    }
}

@media (min-width: 1600px) {
    body .container {
        max-width: 1600px;
        padding-left: calc(12rem - 15px);
        padding-right: calc(12rem - 15px)
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    body .container {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    body .container {
        padding-right: 2.857rem;
        padding-left: 2.857rem;
        max-width: 100%
    }
}

.no-items-home {
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    margin-bottom: 1.667rem;
    overflow: hidden;
    flex-direction: column;
    display: flex;
    flex-grow: 1;
    transition: all 0.3s ease-in;
    border-radius: 10px;
    padding: 2rem;
    min-height: 17rem;
    justify-content: CENTER
}

    .no-items-home span {
        color: #212529 !important
    }

.home-banner-container {
    background: linear-gradient(180deg, #8F23B3 80%, #FFFFFF 20%);
    min-height: 81rem;
    position: relative;
    overflow: hidden
}

@media (max-width: 576px) {
    .home-banner-container {
        background: linear-gradient(180deg, #8F23B3 96%, #FFFFFF 0%)
    }
}

.home-banner-container::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    max-height: 75%;
    width: 100%;
    right: 0;
    left: auto;
    border-radius: initial;
    background: url("../../revamp-assets/img/home/BGDesktopBanner1.svg") no-repeat;
    background-position: top right;
    background-size: contain
}

@media (min-width: 1570px) {
    .home-banner-container::before {
        max-height: 80%;
        background: url("../../revamp-assets/img/home/Flat2CircleXL.svg") no-repeat;
        background-position: 280px -686px
    }
}

@media (min-width: 1680px) {
    .home-banner-container::before {
        background-position: 280px -686px
    }
}

@media (min-width: 1800px) {
    .home-banner-container::before {
        background-position: 376px -700px
    }
}

@media (min-width: 2048px) {
    .home-banner-container::before {
        background-position: 459px -636px
    }
}

@media (min-width: 2200px) {
    .home-banner-container::before {
        background-position: 550px -633px
    }
}

@media (min-width: 2400px) {
    .home-banner-container::before {
        background-position: 719px -633px
    }
}

@media (max-width: 991.98px) {
    .home-banner-container::before {
        width: 100%;
        max-height: 100%;
        top: 0;
        height: 80%;
        right: 0;
        left: 0;
        border-radius: initial;
        background: url("../../revamp-assets/img/home/BGTabletBanner1.svg") no-repeat;
        background-position: top center;
        background-size: contain
    }
}

@media (max-width: 700px) {
    .home-banner-container::before {
        background: url("../../revamp-assets/img/home/BGMobileBanner1.svg") no-repeat;
        background-position: top center;
        background-size: contain;
        height: 80%
    }
}

.home-banner-container::after {
    content: "";
    display: block;
    position: absolute;
    max-height: 55%;
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
    left: auto;
    border-radius: initial;
    background: url("../../revamp-assets/img/home/BGDesktopBanner2.svg") no-repeat;
    background-position: top right;
    background-size: contain
}

@media (min-width: 1570px) {
    .home-banner-container::after {
        display: none
    }
}

@media (max-width: 991.98px) {
    .home-banner-container::after {
        max-height: 100%;
        height: 70%;
        left: 0;
        right: 0;
        background: url("../../revamp-assets/img/home/BGTabletBanner2.svg") no-repeat;
        background-position: top center;
        background-size: contain
    }
}

@media (max-width: 700px) {
    .home-banner-container::after {
        background: url("../../revamp-assets/img/home/BGMobileBanner2.svg") no-repeat;
        background-position: top center;
        background-size: contain;
        height: 70%
    }
}

.home-banner-container .btn.btn-primary {
    text-transform: capitalize
}

@media (max-width: 1199.98px) {
    .home-banner-container {
        padding-bottom: 5.019rem
    }
}

@media (max-width: 576px) {
    .home-banner-container {
        padding-bottom: 0rem
    }
}

.home-banner-container div.home-page-wrapper {
    background: linear-gradient(180deg, #0065BD -38.44%, rgba(0,101,189,0) 80.87%);
    min-height: 40rem
}

@media (max-width: 1046.98px) and (min-width: 991.98px) {
    .home-banner-container div.home-page-wrapper {
        min-height: 56rem
    }
}

.home-banner-container .home-banner-content {
    position: relative;
    margin-bottom: 1rem
}

    .home-banner-container .home-banner-content .home-banner-wave-container {
        position: absolute;
        right: 0;
        left: 0
    }

@media (min-width: 1920.98px) {
    .home-banner-container .home-banner-content .home-banner-wave-container {
        min-width: 107.222rem;
        max-width: 100% !important;
        top: 27rem;
        left: 17%
    }
}

@media (max-width: 1920.98px) and (min-width: 1199.98px) {
    .home-banner-container .home-banner-content .home-banner-wave-container {
        min-width: 79.222rem;
        max-width: 100% !important;
        top: 24rem
    }
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-banner-container .home-banner-content .home-banner-wave-container {
        min-width: 67.625rem;
        max-width: 100% !important
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner-content .home-banner-wave-container {
        min-width: 34.571rem;
        max-width: 100% !important
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    .home-banner-container .home-banner-content .home-banner-wave-container {
        margin-top: -10rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner-content .home-banner-wave-container {
        margin-top: -5rem
    }
}

.home-banner-container .home-banner .banner-item {
    color: #fff;
    width: 100%;
    max-width: none;
    overflow-x: hidden;
    position: relative
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item {
        min-height: 38.071rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-content-wrapper {
    margin-right: auto
}

@media (min-width: 767px) and (max-width: 991.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-content-wrapper {
        margin-right: auto
    }
}

.home-banner-container .home-banner .banner-item .banner-item-content {
    padding-top: 8.944rem;
    width: 110%;
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-content {
        padding: 0;
        margin-top: -8.944rem;
        width: 100%
    }
}

@media (max-width: 767px) {
    .home-banner-container .home-banner .banner-item .banner-item-content {
        margin-top: -2.944rem
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item {
        margin-bottom: 2.5rem
    }
}

.home-banner-container .home-banner .banner-item > .container > .row, .home-banner-container .home-banner .banner-item > div > .row {
    flex-direction: row-reverse
}

.home-banner-container .home-banner .banner-item .banner-item-img-wrapper {
    border: 4rem solid rgba(26,69,134,0.2);
    border-radius: 50%;
    padding: 0
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-img-wrapper {
        border: 4rem solid rgba(89,48,181,0.4);
        margin-top: -4rem
    }
}

@media (max-width: 767.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-img-wrapper {
        border: 2rem solid rgba(26,69,134,0.15)
    }
}

.home-banner-container .home-banner .banner-item .banner-item-img-container {
    position: relative;
    border: 2.6rem solid rgba(143,35,179,0.3);
    border-radius: 50%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-img-container {
        border: 2.6rem solid rgba(106,49,178,0.5)
    }
}

@media (max-width: 767.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-img-container {
        border: 1.6rem solid rgba(143,35,179,0.3)
    }
}

.home-banner-container .home-banner .banner-item picture {
    border: 1.6rem solid rgba(154,58,186,0.5);
    border-radius: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .home-banner-container .home-banner .banner-item picture {
        border: 1.6rem solid #7935b3
    }
}

@media (max-width: 767.98px) {
    .home-banner-container .home-banner .banner-item picture {
        border: 1rem solid rgba(154,58,186,0.5)
    }
}

.home-banner-container .home-banner .banner-item picture img {
    border-radius: 50%;
    width: 100%;
    height: auto
}

.home-banner-container .home-banner .banner-item .banner-item-Category {
    font-family: "Tajawal-Bold";
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 2.278rem
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-Category {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item .banner-item-Category {
        font-size: 1.071rem;
        line-height: 1.571rem;
        margin-bottom: 1.429rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-title {
    font-family: "Tajawal-Bold";
    font-size: 5rem;
    line-height: 5.2rem;
    margin-bottom: 1.722rem;
    width: auto;
    display: inline-block;
    max-height: 10.4rem !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-title {
        font-size: 4.375rem;
        line-height: 4.5rem;
        margin-bottom: 1.313rem;
        max-height: 9rem !important;
        overflow: hidden
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item .banner-item-title {
        font-size: 3.429rem;
        line-height: 3.55rem;
        margin-bottom: 1.143rem;
        max-height: 7.1rem !important;
        overflow: hidden
    }
}

.home-banner-container .home-banner .banner-item .banner-item-date i {
    top: 0.175rem;
    position: relative;
    margin-right: 0.722rem
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-date i {
        margin-right: 0.813rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item .banner-item-date i {
        margin-right: 0.893rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-location i {
    margin-right: 0.889rem;
    margin-left: 0.167rem
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-location i {
        margin-right: 1rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item .banner-item-location i {
        margin-right: 1.054rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-location, .home-banner-container .home-banner .banner-item .banner-item-date {
    margin-bottom: 0.611rem;
    display: flex
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-location, .home-banner-container .home-banner .banner-item .banner-item-date {
        margin-bottom: 0.6888rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item .banner-item-location, .home-banner-container .home-banner .banner-item .banner-item-date {
        margin-bottom: 0.357rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-location i, .home-banner-container .home-banner .banner-item .banner-item-date i {
    font-size: 1.33rem
}

@media (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-location i, .home-banner-container .home-banner .banner-item .banner-item-date i {
        font-size: 1.34rem;
        line-height: 1.5rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-location span, .home-banner-container .home-banner .banner-item .banner-item-date span {
    font-size: 0.889rem;
    line-height: 1.333rem
}

@media (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-location span, .home-banner-container .home-banner .banner-item .banner-item-date span {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.home-banner-container .home-banner .banner-item .banner-item-location .banner-item-start-date, .home-banner-container .home-banner .banner-item .banner-item-location .banner-item-start-date, .home-banner-container .home-banner .banner-item .banner-item-date .banner-item-start-date, .home-banner-container .home-banner .banner-item .banner-item-date .banner-item-start-date {
    display: block;
    width: 100%
}

.home-banner-container .home-banner .banner-item .banner-item-ShortBrief {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 1.056rem 0 2.278rem;
    max-width: 90%
}

@media (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-ShortBrief {
        max-width: 100%
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-banner-container .home-banner .banner-item .banner-item-ShortBrief {
        margin: 1.25rem 0
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-banner .banner-item .banner-item-ShortBrief {
        margin: 1.143rem 0 1.429rem 0
    }
}

.home-banner-container .owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 50px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 12px
}

    .home-banner-container .owl-dot.active {
        background: #fff
    }

.home-banner-container .owl-nav, .home-banner-container .owl-prev, .home-banner-container .owl-next, .home-banner-container .owl-dots {
    display: inline-block
}

.home-banner-container .owl-prev {
    margin-right: 5px
}

@media (max-width: 767.98px) {
    .home-banner-container .owl-dots {
        padding-left: calc(2.857rem - 15px) !important
    }
}

.home-banner-container .owl-nav {
    margin-right: 20px;
    padding-left: calc(10rem - 15px)
}

    .home-banner-container .owl-nav span {
        font-size: 28px;
        position: relative;
        top: 2px
    }

@media (min-width: 1600px) {
    .home-banner-container .owl-nav {
        padding-left: calc(50vw - 815px + 12rem)
    }
}

@media (max-width: 991.98px) {
    .home-banner-container .owl-nav {
        padding-left: calc(2rem - 15px)
    }
}

@media (min-width: 767px) and (max-width: 991.98px) {
    .home-banner-container .owl-nav {
        padding-left: 2.5rem !important
    }
}

@media (min-width: 1600px) {
    .home-banner-container .home-page-wrapper .home-banner {
        margin-bottom: 2.833rem
    }
}

@media (max-width: 1600px) and (min-width: 992px) {
    .home-banner-container .home-page-wrapper .home-banner {
        padding-bottom: 8.278rem
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    .home-banner-container .home-page-wrapper .home-banner {
        padding-bottom: 17.125rem
    }
}

@media (max-width: 576px) {
    .home-banner-container .home-page-wrapper .home-banner {
        padding-bottom: 11.929rem
    }
}

.home-banner-container .home-page-wrapper .home-banner .owl-nav, .home-banner-container .home-page-wrapper .home-banner .owl-dots {
    position: relative
}

@media (min-width: 1600px) {
    .home-banner-container .home-page-wrapper .home-banner .owl-nav, .home-banner-container .home-page-wrapper .home-banner .owl-dots {
        bottom: 4.422rem
    }
}

@media (max-width: 1600px) and (min-width: 1367px) {
    .home-banner-container .home-page-wrapper .home-banner .owl-nav, .home-banner-container .home-page-wrapper .home-banner .owl-dots {
        top: 41.733rem;
        position: absolute
    }
}

@media (max-width: 1367px) and (min-width: 992px) {
    .home-banner-container .home-page-wrapper .home-banner .owl-nav, .home-banner-container .home-page-wrapper .home-banner .owl-dots {
        top: 41.733rem;
        position: absolute
    }
}

@media (max-width: 1600px) and (min-width: 992px) {
    .home-banner-container .home-page-wrapper .home-banner .owl-dots {
        left: calc(16.333rem - 15px);
        margin-top: 0.467rem
    }
}

.home-featured-event-section-container {
    background-color: #FFFFFF;
    padding: 9.8rem 0 12.333rem 0;
    position: relative;
    overflow: hidden;
    margin-top: -1px
}

    .home-featured-event-section-container .btn.btn-SECONDARY {
        text-transform: capitalize
    }

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-featured-event-section-container {
        padding: 7.5rem 0 9.063rem 0
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container {
        padding: 0rem 0 7.143rem 0
    }
}

.home-featured-event-section-container .home-featured-event-section-bacground-waves {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (min-width: 1920px) {
    .home-featured-event-section-container .home-featured-event-section-bacground-waves {
        min-width: 86.222rem;
        bottom: -14.2vw
    }
}

@media (max-width: 1919.98px) and (min-width: 1440.98px) {
    .home-featured-event-section-container .home-featured-event-section-bacground-waves {
        min-width: 79.222rem;
        bottom: -16.2vw;
        max-width: 100vw !important
    }
}

@media (max-width: 1440.98px) and (min-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-section-bacground-waves {
        min-width: 78.222rem;
        bottom: -14rem;
        max-width: 100% !important
    }
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-featured-event-section-container .home-featured-event-section-bacground-waves {
        min-width: 67.625rem;
        bottom: -15rem;
        max-width: 100% !important
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-section-bacground-waves {
        min-width: 34.571rem;
        bottom: -7rem;
        max-width: 100% !important
    }
}

.home-featured-event-section-container .home-featured-event-section {
    position: relative;
    z-index: 1
}

    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-title {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: -1.4rem;
        right: 0;
        text-align: center;
        top: -9.5rem;
        opacity: 0.2;
        font-family: "Tajawal-Regular";
        font-weight: 800;
        font-size: 12.778rem;
        line-height: 12.778rem;
        color: #fff;
        width: max-content;
        letter-spacing: -0.375vw;
        min-width: 100vw
    }

@media (max-width: 1399px) and (min-width: 1366px) {
    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-title {
        letter-spacing: -0.75vw
    }
}

@media (max-width: 1199.98px) and (min-width: 767px) {
    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-title {
        font-size: 7.463rem;
        line-height: 6.438rem;
        top: -5rem;
        left: -0.7rem;
        letter-spacing: -0.2vw
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-title {
        font-size: 15.388vw;
        line-height: 6.438rem;
        top: -5rem;
        left: -1.1vw;
        letter-spacing: -0.2vw
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-title {
        display: none
    }
}

.home-featured-event-section-container .home-featured-event-section .home-featured-event-section-bacground-circles {
    position: absolute;
    left: 0px;
    top: 5.889rem
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-bacground-circles {
        width: 125%;
        top: 15rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-section .home-featured-event-section-bacground-circles {
        width: 170%;
        top: 0rem
    }
}

.home-featured-event-section-container .home-featured-event-container {
    width: 100%
}

    .home-featured-event-section-container .home-featured-event-container + .home-featured-event-container {
        margin-top: 4.222rem
    }

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-featured-event-section-container .home-featured-event-container + .home-featured-event-container {
        margin-top: 3.75rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-container + .home-featured-event-container {
        margin-top: 3.571rem
    }
}

.home-featured-event-section-container .home-featured-event-img-container {
    margin-bottom: 2.778rem;
    width: 100%
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-img-container {
        margin-bottom: 2.75rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-img-container {
        margin-bottom: 2.857rem
    }
}

.home-featured-event-section-container .home-featured-event-img-container .home-featured-event-item-type {
    position: absolute;
    top: 1.111rem;
    margin-left: 1.111rem;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 0.139rem 0.278rem;
    color: #fff;
    font-family: "Tajawal-Bold";
    text-transform: uppercase;
    font-size: 0.889rem;
    line-height: 1.333rem
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-img-container .home-featured-event-item-type {
        top: 1.563rem;
        margin-left: 1.563rem;
        padding: 0.156rem 0.313rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-img-container .home-featured-event-item-type {
        top: 0.714rem;
        margin-left: 0.714rem;
        padding: 0.179rem 0.357rem;
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

.home-featured-event-section-container .home-featured-event-img-container img, .home-featured-event-section-container .home-featured-event-img-container picture {
    width: 100%;
    height: auto;
    border-radius: 1.111rem
}

.home-featured-event-section-container .home-featured-event-item-Category {
    font-family: "Tajawal-Bold";
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 2.278rem
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-item-Category {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-item-Category {
        font-size: 1.071rem;
        line-height: 1.571rem;
        margin-bottom: 1.429rem
    }
}

.home-featured-event-section-container .home-featured-event-item-title {
    font-family: "Tajawal-Bold";
    font-size: 3.333rem;
    line-height: 3rem;
    color: #222;
    margin-bottom: 1.111rem
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-featured-event-section-container .home-featured-event-item-title {
        font-size: 2.5rem;
        line-height: 2.25rem;
        margin-bottom: 1.313rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-item-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 1.143rem
    }
}

.home-featured-event-section-container .home-featured-event-start-date, .home-featured-event-section-container .home-featured-event-end-date {
    display: inline-block;
    width: 100%
}

.home-featured-event-section-container .home-featured-event-start-date, .home-featured-event-section-container .home-featured-event-end-date, .home-featured-event-section-container .home-featured-event-location span {
    font-size: 0.889rem;
    line-height: 1.333rem;
    color: #222
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-start-date, .home-featured-event-section-container .home-featured-event-end-date, .home-featured-event-section-container .home-featured-event-location span {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-start-date, .home-featured-event-section-container .home-featured-event-end-date, .home-featured-event-section-container .home-featured-event-location span {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.home-featured-event-section-container .home-featured-event-location {
    display: flex
}

    .home-featured-event-section-container .home-featured-event-location i {
        margin-right: 0.889rem;
        margin-left: 0.167rem
    }

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-location i {
        margin-right: 1rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-location i {
        margin-right: 1.054rem
    }
}

.home-featured-event-section-container .home-featured-event-date {
    display: flex
}

    .home-featured-event-section-container .home-featured-event-date i {
        top: 0.275rem;
        margin-right: 0.722rem
    }

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-date i {
        margin-right: 0.813rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-date i {
        margin-right: 0.893rem
    }
}

.home-featured-event-section-container .home-featured-event-location i, .home-featured-event-section-container .home-featured-event-date i {
    font-size: 1.33rem;
    position: relative
}

    .home-featured-event-section-container .home-featured-event-location i::before, .home-featured-event-section-container .home-featured-event-date i::before {
        color: #222
    }

@media (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-location i, .home-featured-event-section-container .home-featured-event-date i {
        font-size: 1.34rem;
        line-height: 1.5rem
    }
}

.home-featured-event-section-container .home-featured-event-ShortBrief {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.111rem
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .home-featured-event-section-container .home-featured-event-ShortBrief {
        margin-bottom: 1.625rem;
        max-width: 33.25rem
    }
}

@media (max-width: 576px) {
    .home-featured-event-section-container .home-featured-event-ShortBrief {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.143rem
    }
}

@media (min-width: 1920.98px) {
    .lg-screen-show {
        display: none
    }
}

.xl-screen-only {
    left: 5rem
}

@media (max-width: 1920.98px) {
    .xl-screen-only {
        display: none
    }
}

.home-map-section-container {
    background-color: #1C024B;
    min-height: 35.278rem;
    position: relative
}

@media (max-width: 1199.98px) {
    .home-map-section-container {
        overflow: hidden
    }
}

.home-map-section-container .home-slider-wrapper .home-slider-container .owl-dots {
    margin-left: 65px
}

@media (max-width: 576px) {
    .home-map-section-container .home-slider-wrapper .home-slider-container .owl-dots {
        margin-left: 0px
    }
}

@media (min-width: 1199.98px) {
    .home-map-section-container .home-slider-container .owl-carousel .owl-item {
        max-width: 19.444rem
    }
}

.home-map-section-container .home-slider-wrapper .home-slider-container .owl-dots {
    margin-left: -15px
}

@media (max-width: 576px) {
    .home-map-section-container .home-slider-wrapper .home-slider-container .owl-dots {
        margin-left: 50px
    }
}

.home-map-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
    margin-left: -50px !important
}

@media (max-width: 1199.98px) and (min-width: 767px) {
    .home-map-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
        margin-left: -30px
    }

        .home-map-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 767px) {
    .home-map-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
        margin-left: -40px
    }

        .home-map-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 576px) {
    .home-map-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
        margin-left: 0px
    }
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-map-section-container {
        padding-bottom: 5rem
    }
}

.home-map-section-container .home-map-wrapper {
    position: relative
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-map-section-container .map-container {
        min-height: 22.75rem
    }
}

@media (max-width: 576px) {
    .home-map-section-container .map-container {
        min-height: 22.286rem
    }
}

.home-map-section-container .owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 50px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 12px
}

    .home-map-section-container .owl-dot.active {
        background: #fff
    }

.home-map-section-container .map-section {
    overflow: hidden;
    position: relative;
    padding: 2.518rem 0 28.056rem;
    min-height: 63.722rem
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-map-section-container .map-section {
        padding: 3.701rem 0 0rem;
        overflow: visible;
        min-height: 0
    }
}

@media (max-width: 576px) {
    .home-map-section-container .map-section {
        padding: 3.439rem 0 0rem;
        overflow: visible;
        min-height: 0
    }
}

.home-map-section-container .map-slider-section {
    position: absolute;
    top: 30.778rem;
    padding-top: 2.5rem;
    width: 100%;
    left: 0;
    z-index: 2;
    margin-top: 0px !important;
    overflow: visible
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-map-section-container .map-slider-section {
        position: relative;
        top: 0;
        padding-top: 0rem
    }
}

@media (max-width: 576px) {
    .home-map-section-container .map-slider-section {
        padding-bottom: 4.286rem;
        position: relative;
        top: 0;
        padding-top: 0rem
    }
}

.home-map-section-container .map-slider-section .home-slider-container .owl-nav {
    position: absolute;
    top: 2.3rem;
    z-index: 1
}

.home-map-section-container .home-map-section-bacground-circles {
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-map-section-container .home-map-section-bacground-circles {
        width: 88%;
        top: 6rem;
        transform: none
    }
}

@media (max-width: 576px) {
    .home-map-section-container .home-map-section-bacground-circles {
        width: 148%;
        top: calc(64% + 7.643rem);
        transform: translateY(-50%)
    }
}

@media (min-width: 1920.98px) {
    .home-map-section-container .home-map-section-bacground-circles.lg-screen-show {
        display: none
    }
}

.home-map-section-container .home-map-section-bacground-circles.xl-screen-only {
    left: 5rem
}

@media (max-width: 1920.98px) {
    .home-map-section-container .home-map-section-bacground-circles.xl-screen-only {
        display: none
    }
}

.home-map-section-container .home-map-section-title {
    margin: 17.704rem 0 2.222rem 0;
    font-size: 3.333rem;
    line-height: 3rem;
    color: #fff;
    font-family: "Tajawal-Bold";
    position: relative;
    max-width: 21.87rem
}

@media (max-width: 1199.98px) {
    .home-map-section-container .home-map-section-title {
        font-size: 2.5rem;
        line-height: 2.25rem;
        margin: 0 0 2.5rem 0;
        max-width: 16rem
    }
}

@media (max-width: 576px) {
    .home-map-section-container .home-map-section-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 2.286rem;
        max-width: 100%
    }
}

.home-map-section-container .home-map-section-select {
    margin-bottom: 2.5rem;
    position: relative
}

@media (max-width: 1199.98px) {
    .home-map-section-container .home-map-section-select {
        margin-bottom: 2.938rem
    }
}

@media (max-width: 576px) {
    .home-map-section-container .home-map-section-select {
        margin-bottom: 2.071rem
    }
}

.home-map-section-container .home-map-section-select::before {
    content: "\e996";
    color: #222;
    font-family: "icomoon";
    position: absolute;
    left: 1.944rem;
    z-index: 1;
    top: 0.9rem;
    font-size: 1.167rem
}

@media (max-width: 1199.98px) {
    .home-map-section-container .home-map-section-select::before {
        left: 2.188rem;
        top: 1.33rem;
        font-size: 1.312rem
    }
}

@media (max-width: 576px) {
    .home-map-section-container .home-map-section-select::before {
        top: 1.05rem
    }
}

.home-map-section-container .home-map-section-select select.form-control:not([size]):not([multiple]) {
    height: auto
}

.home-map-section-container .home-map-section-select select.form-select {
    display: block;
    width: 100%;
    padding: 1.1575rem 3.556rem;
    text-transform: capitalize;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../../revamp-assets/dist/img/icons/arrow-down-icon-gray.svg") calc(100% - 2.278rem) calc(50% + 1.5px) no-repeat,#FFFFFF !important;
    outline: none;
    font-size: 1.222rem;
    line-height: 1.3rem;
    border-radius: 50px
}

@media (max-width: 1199.98px) {
    .home-map-section-container .home-map-section-select select.form-select {
        font-size: 1.125rem;
        line-height: 1.25rem;
        padding: 1.813rem 4rem;
        background: url("../../revamp-assets/dist/img/icons/arrow-down-icon-gray.svg") calc(100% - 2.563rem) calc(50% + 1.5px) no-repeat,#FFFFFF !important
    }
}

@media (max-width: 576px) {
    .home-map-section-container .home-map-section-select select.form-select {
        font-size: 1.143rem;
        line-height: 1.429rem;
        padding: 1.3575rem 4rem
    }
}

.view-more-map-events-container {
    padding-bottom: 4.778rem;
    position: relative;
    overflow: visible;
    z-index: 1
}

@media (max-width: 1199.98px) {
    .view-more-map-events-container {
        padding-bottom: 2.5rem
    }
}

@media (max-width: 576px) {
    .view-more-map-events-container {
        padding-bottom: 2.857rem
    }
}

.view-more-map-events {
    color: #fff;
    font-size: 1rem;
    line-height: 1.222rem;
    transition: all 0.3s ease-in
}

    .view-more-map-events:hover {
        color: #FFFFFF
    }

        .view-more-map-events:hover .icon::before {
            color: #FFFFFF
        }

    .view-more-map-events .icon {
        margin-left: 0.477rem;
        font-size: 0.8rem;
        vertical-align: middle
    }

.home-map-filter-section-container {
    padding-right: 0px !important
}

.home-may-like-section-container {
    background-color: #E0E7F5;
    background-image: url("../../revamp-assets/dist/img/home/mayLikeBG.svg");
    background-position-x: -23vw;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
    padding: 13rem 0 3.944rem 0;
    min-height: 35.278rem;
    overflow: hidden;
    position: relative
}

@media (min-width: 767px) and (max-width: 992px) {
    .home-may-like-section-container {
        background-size: cover
    }
}

@media (min-width: 1920.98px) {
    .home-may-like-section-container {
        background-position-x: 8vw;
        background-position-y: -10rem;
        background-size: 57%
    }
}

@media (max-width: 576px) {
    .home-may-like-section-container {
        padding: 2.857rem 0 4.286rem 0;
        min-height: auto;
        background-image: none
    }
}

.home-may-like-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
    margin-left: -50px !important
}

@media (max-width: 1199.98px) and (min-width: 767px) {
    .home-may-like-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
        margin-left: -30px
    }

        .home-may-like-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 767px) {
    .home-may-like-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
        margin-left: -40px
    }

        .home-may-like-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 576px) {
    .home-may-like-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
        margin-left: 0px
    }
}

@media (max-width: 1199.98px) and (min-width: 767px) {
    .home-may-like-section-container .home-slider-wrapper .owl-carousel.owl-loaded {
        margin-left: 0px
    }

        .home-may-like-section-container .home-slider-wrapper .owl-carousel.owl-loaded .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 767px) {
    .home-may-like-section-container .home-slider-wrapper .owl-carousel.owl-loaded {
        margin-left: -40px
    }

        .home-may-like-section-container .home-slider-wrapper .owl-carousel.owl-loaded .owl-dot:first-child {
            margin-left: 40px
        }
}

@media (max-width: 1199.98px) {
    .home-may-like-section-container .home-slider-wrapper .owl-dot {
        border: 1px solid #1C024B
    }

        .home-may-like-section-container .home-slider-wrapper .owl-dot.active {
            background: #1C024B
        }
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-may-like-section-container {
        padding: 3.75rem 0 5rem 0
    }
}

.home-may-like-section-container .home-may-like-section-bacground-circles {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%)
}

.home-may-like-section-container .home-may-like-section-title {
    font-size: 2.222rem;
    line-height: 2.444rem;
    color: #222;
    font-family: "Tajawal-Bold";
    position: relative;
    margin-bottom: 2.889rem
}

@media (max-width: 1199.98px) {
    .home-may-like-section-container .home-may-like-section-title {
        font-size: 2.5rem;
        line-height: 2.25rem;
        margin: 0 0 2.5rem 0
    }
}

@media (max-width: 576px) {
    .home-may-like-section-container .home-may-like-section-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 2.286rem
    }
}

.home-may-like-section-container .icon-Arrow-Nav-1 .path1:before, .home-may-like-section-container .icon-Arrow-Nav .path1:before {
    color: #1C024B
}

.home-may-like-section-container .icon-Arrow-Nav-1 .path2:before, .home-may-like-section-container .icon-Arrow-Nav .path2:before {
    color: #fff
}

.anononymous-container-section-container {
    padding: 8rem 0 3.944rem 0;
    min-height: auto
}

.anononymous-container {
    text-align: center;
    margin-bottom: 3.222rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .anononymous-container {
        margin-bottom: 1.563rem
    }
}

@media (max-width: 767px) {
    .anononymous-container {
        margin-bottom: 0rem
    }
}

.anononymous-container .icon {
    font-size: 6.78rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .anononymous-container .icon {
        font-size: 5.125rem
    }
}

@media (max-width: 767px) {
    .anononymous-container .icon {
        font-size: 6.214rem
    }
}

.anononymous-container .icon-fav-icon-rounded .path1:before {
    color: #fff
}

.anononymous-container .account-empty-main-txt {
    font-size: 1.333rem;
    line-height: 1.444rem;
    letter-spacing: -0.02em;
    color: #222;
    font-family: "Tajawal-Bold";
    margin: 1.667rem 0
}

@media (min-width: 767px) and (max-width: 992px) {
    .anononymous-container .account-empty-main-txt {
        margin: 1.875rem 0 1.25rem;
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .anononymous-container .account-empty-main-txt {
        margin: 2.143rem 0 1.429rem;
        font-size: 1.429rem;
        line-height: 1.571rem
    }
}

.anononymous-container .account-empty-desc {
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .anononymous-container .account-empty-desc {
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

.home-booklets-section-container {
    background-color: #0065BD;
    padding: 5.967rem 0 7.778rem 0;
    min-height: 33.5rem
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-booklets-section-container {
        padding: 3.75rem 0
    }
}

@media (max-width: 576px) {
    .home-booklets-section-container {
        padding: 2.857rem 0 4.286rem 0;
        min-height: fit-content
    }
}

.home-booklets-section-container .home-slider-wrapper .home-slider-container .owl-dots {
    padding-left: 0px
}

.home-booklets-section-container .home-Booklets-section-title {
    font-size: 2.222rem;
    line-height: 2.444rem;
    color: #fff;
    font-family: "Tajawal-Bold";
    margin-bottom: 3.756rem
}

@media (max-width: 1199.98px) {
    .home-booklets-section-container .home-Booklets-section-title {
        font-size: 2.5rem;
        line-height: 2.25rem;
        margin: 0 0 2.5rem 0
    }
}

@media (max-width: 576px) {
    .home-booklets-section-container .home-Booklets-section-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 2.286rem
    }
}

@media (min-width: 1199.98px) {
    .home-booklets-section-container .home-slider-container .owl-carousel .owl-item {
        max-width: 27.167rem
    }
}

.home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded {
    margin-left: -50px
}

@media (max-width: 1199.98px) and (min-width: 576px) {
    .home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded {
        margin-left: -30px
    }

        .home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .owl-dot:first-child {
            margin-left: 30px
        }
}

@media (max-width: 576px) {
    .home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded {
        margin-left: -30px
    }

        .home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .owl-dot:first-child {
            margin-left: 30px
        }
}

.home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .card-booklet .card-data-cont .card-data-img {
    min-height: 10.26rem
}

@media (max-width: 768px) {
    .home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .card-booklet .card-data-cont .card-data-img {
        min-height: 9.482rem
    }
}

.home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .card-booklet .card-data-cont .card-data-img .card-title-date .title-m {
    -webkit-line-clamp: 4 !important;
    max-height: 105.6px
}

@media (max-width: 768px) {
    .home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .card-booklet .card-data-cont .card-data-img .card-title-date .title-m {
        max-height: 88px
    }
}

.home-booklets-section-container .home-slider-wrapper .owl-carousel.owl-loaded .card-booklet .card-data-cont .card-data-img .card-img {
    padding-left: 0px !important
}

.home-booklets-section-container .icon-Arrow-Nav-1 .path1:before, .home-booklets-section-container .icon-Arrow-Nav .path1:before {
    color: #FFFFFF
}

.home-HappeningThisWeek-section-container {
    width: 100%
}

    .home-HappeningThisWeek-section-container .owl-nav {
        padding-right: calc(10rem - 15px);
        padding-left: 0
    }

@media (min-width: 1600px) {
    .home-HappeningThisWeek-section-container .owl-nav {
        padding-right: calc(50vw - 815px + 12rem)
    }
}

@media (max-width: 991.98px) {
    .home-HappeningThisWeek-section-container .owl-nav {
        padding-right: calc(2rem - 15px)
    }
}

@media (max-width: 576px) {
    .home-HappeningThisWeek-section-container .owl-nav {
        padding-right: 15px !important
    }
}

@media (min-width: 576px) and (max-width: 766px) {
    .home-HappeningThisWeek-section-container .owl-nav {
        padding-right: 15px !important
    }
}

@media (min-width: 767px) and (max-width: 992px) {

    .download_title {
        font-size: 37px;
    }

    .home-HappeningThisWeek-section-container .owl-nav {
        padding-right: 15px !important
    }
}

.home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-dots {
    margin-left: -15px
}

@media (max-width: 576px) {
    .home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-dots {
        margin-left: 50px
    }
}

.home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
    margin-left: -50px !important
}

@media (max-width: 1199.98px) and (min-width: 767px) {
    .home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
        margin-left: -30px
    }

        .home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 767px) {
    .home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-carousel {
        margin-left: -40px
    }

        .home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
            margin-left: 65px
        }
}

@media (max-width: 576px) {
    .home-HappeningThisWeek-section-container .home-slider-wrapper .home-slider-container .owl-carousel .owl-dot:first-child {
        margin-left: 0px
    }
}

.home-HappeningThisWeek-section-container .no-items-available-container {
    text-align: center;
    margin-top: 5rem
}

    .home-HappeningThisWeek-section-container .no-items-available-container span {
        color: #fff;
        font-family: "Tajawal-Bold";
        font-size: 1.5rem;
        line-height: 1.444rem
    }

.home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-title {
    font-size: 3.333rem;
    line-height: 3rem;
    color: #fff;
    font-family: "Tajawal-Bold";
    margin-bottom: 3.333rem
}

@media (max-width: 1199.98px) {
    .home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-title {
        font-size: 2.5rem;
        line-height: 2.25rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width: 576px) {
    .home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 2.286rem
    }
}

.home-HappeningThisWeek-section-container .nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 3.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0
}

@media (max-width: 992px) {
    .home-HappeningThisWeek-section-container .nav-tabs {
        display: none
    }
}

.home-HappeningThisWeek-section-container .nav-tabs .nav-item:first-child {
    max-width: 4.0475rem
}

.home-HappeningThisWeek-section-container .nav-tabs .nav-item button {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.home-HappeningThisWeek-section-container .nav-tabs .nav-item + .nav-item {
    padding-left: 1.66rem;
    display: grid
}

.home-HappeningThisWeek-section-container .nav-tabs .nav-link.active, .home-HappeningThisWeek-section-container .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: transparent;
    border: 0px
}

.home-HappeningThisWeek-section-container .nav-tabs button {
    outline: none;
    background: transparent;
    box-shadow: none;
    font-family: "Tajawal-Bold";
    color: #fff;
    font-size: 1rem;
    line-height: 1.333rem;
    text-transform: capitalize;
    border: 0px;
    letter-spacing: -0.02em;
    padding: 0;
    padding-bottom: 1.056rem;
    position: relative;
    max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden
}

    .home-HappeningThisWeek-section-container .nav-tabs button::after {
        content: "";
        display: block;
        height: 0.278rem;
        width: 0%;
        position: absolute;
        bottom: -0.055rem;
        left: 0;
        border-radius: 0.278rem;
        transition: all 0.25s ease-in-out
    }

    .home-HappeningThisWeek-section-container .nav-tabs button:focus, .home-HappeningThisWeek-section-container .nav-tabs button.focus {
        box-shadow: none
    }

    .home-HappeningThisWeek-section-container .nav-tabs button.active::after {
        width: 100%;
        background: #FFFFFF
    }

.home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-mobile-tabs {
    display: none
}

@media (max-width: 992px) {
    .home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-mobile-tabs {
        display: block;
        width: 100%
    }
}

.home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-mobile-tabs select.form-select {
    display: block;
    width: 100%;
    text-transform: capitalize;
    border: 0;
    outline: none;
    padding: 1.625rem 1.875rem;
    margin-bottom: 2.5rem;
    border-radius: 50px;
    font-size: 1.125rem;
    line-height: 1.25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../../revamp-assets/dist/img/icons/arrow-down-icon-dark.svg") calc(100% - 1.875rem) calc(50% + 1.5px) no-repeat,#F3F6FB !important;
    outline: none
}

@media (max-width: 576px) {
    .home-HappeningThisWeek-section-container .home-HappeningThisWeek-section-mobile-tabs select.form-select {
        font-size: 1.143rem;
        line-height: 1.429rem;
        margin-bottom: 2.857rem;
        padding: 1.3575rem 1.143rem
    }
}

.home-HappeningThisWeek-section-container .owl-item:nth-child(even) {
    padding-top: 3.278rem
}

@media (max-width: 1199.98px) {
    .home-HappeningThisWeek-section-container .owl-item:nth-child(even) {
        padding-top: 0
    }
}

.home-HappeningThisWeek-section-container .owl-item:nth-child(odd) {
    padding-bottom: 3.278rem
}

@media (max-width: 1199.98px) {
    .home-HappeningThisWeek-section-container .owl-item:nth-child(odd) {
        padding-bottom: 0
    }
}

@media (min-width: 1900px) {
    .home-HappeningThisWeek-section-container .home-slider-wrapper {
        position: relative
    }

        .home-HappeningThisWeek-section-container .home-slider-wrapper::after {
            content: '';
            display: block;
            height: 76%;
            position: absolute;
            background: linear-gradient(#8F23B3 46.5%, #FFFFFF 46.5%);
            left: calc(50vw - 815px + -1.5rem);
            width: 2.5%;
            filter: blur(1.5rem);
            z-index: 99;
            bottom: 0;
            top: 12.3rem;
            opacity: .9
        }

        .home-HappeningThisWeek-section-container .home-slider-wrapper::before {
            content: '';
            display: block;
            height: 76%;
            position: absolute;
            background: linear-gradient(#8F23B3 46.5%, #FFFFFF 46.5%);
            left: auto;
            right: calc(50vw - 815px + -1.5rem);
            width: 2.5%;
            filter: blur(1.5rem);
            bottom: 0;
            top: 12.3rem;
            opacity: .9;
            z-index: 99
        }

    .home-map-section-container .home-slider-wrapper {
        position: relative
    }

        .home-map-section-container .home-slider-wrapper::after {
            content: '';
            display: block;
            height: 52%;
            position: absolute;
            background: linear-gradient(#1C024B 73%, #E0E7F5 70%);
            left: calc(50vw - 815px + -1.5rem);
            width: 2.5%;
            filter: blur(2rem);
            z-index: 99;
            bottom: -8.9rem;
            top: auto;
            opacity: .9
        }

        .home-map-section-container .home-slider-wrapper::before {
            content: '';
            display: block;
            height: 52%;
            position: absolute;
            background: linear-gradient(#1C024B 73%, #E0E7F5 70%);
            left: auto;
            right: calc(50vw - 815px + -1.5rem);
            width: 2.5%;
            filter: blur(2rem);
            bottom: -8.9rem;
            top: auto;
            z-index: 99;
            opacity: .9
        }

    .home-may-like-section-container .home-slider-wrapper {
        position: relative
    }

        .home-may-like-section-container .home-slider-wrapper::after {
            content: '';
            display: block;
            height: 86%;
            position: absolute;
            background: linear-gradient(#E0E7F5 70%, #E0E7F5 70%);
            left: calc(50vw - 815px + -1.5rem);
            width: 2.5%;
            filter: blur(2rem);
            bottom: 0;
            top: 5.4rem;
            z-index: 99;
            opacity: .9
        }

        .home-may-like-section-container .home-slider-wrapper::before {
            content: '';
            display: block;
            height: 81%;
            position: absolute;
            background: linear-gradient(#E0E7F5 70%, #E0E7F5 70%);
            left: auto;
            right: calc(50vw - 815px + -1.5rem);
            width: 2.5%;
            filter: blur(2rem);
            bottom: 0;
            top: 5.4rem;
            z-index: 99;
            opacity: .9
        }

    .home-booklets-section-container .home-slider-wrapper {
        position: relative
    }

        .home-booklets-section-container .home-slider-wrapper::after {
            content: '';
            display: block;
            height: 75%;
            position: absolute;
            background: linear-gradient(#0065BD 70%, #0065BD 70%);
            left: calc(50vw - 815px + -1.5rem);
            width: 3%;
            filter: blur(1.5rem);
            z-index: 99;
            bottom: 0;
            top: auto
        }

        .home-booklets-section-container .home-slider-wrapper::before {
            content: '';
            display: block;
            height: 75%;
            position: absolute;
            background: linear-gradient(#0065BD 70%, #0065BD 70%);
            left: auto;
            right: calc(50vw - 815px + -1.5rem);
            width: 3%;
            filter: blur(1.5rem);
            bottom: 0;
            top: auto;
            z-index: 99
        }

    .home-slider-wrapper.removeShadow::after, .home-slider-wrapper.removeShadow::before {
        content: none !important
    }
}

.mediaListing {
    background: linear-gradient(#341B9F 0%, #A028EA 40%);
    z-index: 0;
    position: relative;
    overflow: hidden
}

    .mediaListing .listing-page-header {
        padding-top: 0;
        background: transparent;
        height: auto
    }

        .mediaListing .listing-page-header::before {
            display: none
        }

        .mediaListing .listing-page-header .inner-header-cont .breadcrumb-cont .breadcrumb {
            display: none
        }

        .mediaListing .listing-page-header h1 {
            color: #fff;
            font-size: 5.63rem;
            font-family: "Tajawal-Regular";
            font-weight: 700;
            text-transform: capitalize
        }

        .mediaListing .listing-page-header p {
            font-family: "Tajawal-Regular";
            font-style: normal;
            font-weight: normal;
            font-size: 1rem;
            line-height: 150%;
            color: #fff
        }

    .mediaListing .circleWave {
        position: absolute;
        top: -10%;
        top: 42rem;
        z-index: -1;
        left: -5%;
        width: 100%;
        position: absolute;
        transform: translateY(-50%)
    }

@media (min-width: 1940px) {
    .mediaListing .circleWave {
        top: 50rem
    }
}

@media (max-width: 992px) {
    .mediaListing .circleWave {
        width: 70rem
    }
}

@media (max-width: 768px) {
    .mediaListing .circleWave {
        width: 60rem
    }
}

.mediaListing .pagination-cont .ngx-pagination li.pagination-previous > span, .mediaListing .pagination-cont .ngx-pagination li.pagination-next > span {
    display: none
}

.pinned-gallery {
    padding: 5rem 0 2rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media (min-width: 1900px) {
    .pinned-gallery .container {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}

@media (min-width: 1900px) {
    .pinned-gallery {
        max-width: 1600px;
        margin: 0 auto;
        padding-left: calc(12rem - 15px);
        padding-right: calc(12rem - 15px)
    }
}

@media (min-width: 2500px) {
    .pinned-gallery {
        max-width: 1600px;
        margin: 0 auto;
        padding-left: calc(12rem - 15px);
        padding-right: calc(12rem - 15px)
    }
}

.pinned-gallery__header {
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: baseline;
    margin-bottom: 2rem
}

    .pinned-gallery__header * {
        font-family: "Tajawal-Regular";
        font-weight: 700;
        text-transform: capitalize
    }

    .pinned-gallery__header h2 {
        font-size: 2.65rem;
        margin: 0;
        line-height: 1
    }

@media (max-width: 768px) {
    .pinned-gallery__header h2 {
        font-size: 1.563rem
    }
}

.pinned-gallery__header .btn {
    background: #FFFFFF;
    border-radius: 50px;
    color: #222222;
    font-size: 1rem;
    padding: 10px 20px
}

    .pinned-gallery__header .btn:hover {
        background: #0065BD;
        color: #fff
    }

.pinned-gallery__slider {
    margin-bottom: 5rem;
    display: block
}

@media (max-width: 992px) {
    .pinned-gallery__slider {
        margin-bottom: 2rem
    }
}

.pinned-gallery__slider .owl-carousel .owl-stage-outer {
    overflow: visible
}

@media (min-width: 1900px) {
    .pinned-gallery__slider .owl-carousel .owl-stage-outer {
        margin-left: -50px
    }
}

@media (max-width: 1900px) {
    .pinned-gallery__slider .owl-carousel .owl-stage {
        padding-left: 0 !important
    }
}

.pinned-gallery__slider .owl-carousel .owl-dots {
    display: none;
    margin-top: 2.3rem
}

    .pinned-gallery__slider .owl-carousel .owl-dots .owl-dot {
        width: 11.02px;
        height: 11.02px;
        border-radius: 50%;
        margin-right: 12px;
        background: transparent;
        border: 1px solid #fff;
        transition: all 0.25s ease-in-out;
        margin-bottom: 10px
    }

        .pinned-gallery__slider .owl-carousel .owl-dots .owl-dot.active {
            background: #fff
        }

.pinned-gallery__slider .owl-carousel .owl-nav {
    display: flex;
    margin-top: 2rem
}

    .pinned-gallery__slider .owl-carousel .owl-nav .owl-prev, .pinned-gallery__slider .owl-carousel .owl-nav .owl-next {
        font-size: 0;
        margin: 5px;
        background: #fff;
        width: 40px;
        height: 28px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 250ms ease-in-out
    }

        .pinned-gallery__slider .owl-carousel .owl-nav .owl-prev::after, .pinned-gallery__slider .owl-carousel .owl-nav .owl-next::after {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            background: transparent;
            text-indent: -9999px;
            border-top: 2px solid #1C024B;
            border-left: 2px solid #1C024B;
            text-decoration: none;
            color: transparent
        }

        .pinned-gallery__slider .owl-carousel .owl-nav .owl-prev:hover, .pinned-gallery__slider .owl-carousel .owl-nav .owl-next:hover {
            box-shadow: 0 0 11px rgba(33,33,33,0.4);
            background: #FFFFFF
        }

        .pinned-gallery__slider .owl-carousel .owl-nav .owl-prev::after {
            transform: rotate(-45deg);
            left: 0
        }

        .pinned-gallery__slider .owl-carousel .owl-nav .owl-next::after {
            transform: rotate(135deg);
            right: 0
        }

.pinned-gallery__slider img {
    position: relative;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden;
    height: 17.78rem
}

@media (max-width: 768px) {
    .pinned-gallery__slider img {
        height: 13rem
    }
}

.pinned-gallery__slider .iframe-layout {
    position: relative;
    height: 17.78rem;
    display: block
}

@media (max-width: 768px) {
    .pinned-gallery__slider .iframe-layout {
        height: 13rem
    }
}

.pinned-gallery__slider .iframe-layout::after {
    content: "";
    background: url(../../../../../assets/revamp-assets/img/gallery/play.png);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 72px
}

@media (max-width: 768px) {
    .pinned-gallery__slider .iframe-layout::after {
        background-size: 44.6px
    }
}

@media (max-width: 375px) {
    .pinned-gallery__slider .iframe-layout::after {
        background-size: 42px
    }
}

.pinned-gallery__slider .iframe-layout iframe {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.gallery-listing {
    background: #fff;
    padding: 7rem 0;
    position: relative
}

@media (max-width: 992px) {
    .gallery-listing {
        padding: 3rem 0
    }
}

@media (max-width: 768px) {
    .gallery-listing .conatiner {
        padding: 0 15px !important
    }
}

.gallery-listing__btns-wrapper {
    padding-bottom: 1.5rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #E7E8EB;
    display: flex
}

@media (max-width: 992px) {
    .gallery-listing__btns-wrapper {
        display: none
    }
}

.gallery-listing__btns-wrapper button {
    outline: none;
    background: transparent;
    box-shadow: none;
    font-family: "Tajawal-Regular";
    font-weight: 700;
    text-transform: capitalize;
    padding-right: 0.6rem;
    margin-right: 0.7rem;
    position: relative
}

    .gallery-listing__btns-wrapper button::after {
        content: '';
        display: block;
        height: 3px;
        width: 0%;
        position: absolute;
        position: absolute;
        top: 3.7rem;
        border-radius: 5px;
        left: 0;
        transition: all 0.25s ease-in-out
    }

    .gallery-listing__btns-wrapper button:focus, .gallery-listing__btns-wrapper button.focus {
        box-shadow: none
    }

    .gallery-listing__btns-wrapper button.active::after {
        width: 100%;
        background: #FFFFFF
    }

.gallery-listing__mobile-tabs {
    display: none;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4rem;
    background: #F3F6FB
}

    .gallery-listing__mobile-tabs::after {
        content: "";
        width: 50px;
        position: absolute;
        right: 0;
        height: 100%;
        display: flex;
        align-items: center;
        background: #F3F6FB;
        justify-content: center
    }

    .gallery-listing__mobile-tabs::before {
        content: '';
        position: absolute;
        top: 40%;
        right: 6%;
        transform: translate(-50%, -50%);
        transform: rotate(-135deg);
        width: 8px;
        height: 8px;
        background: transparent;
        text-indent: -9999px;
        border-top: 2px solid #1C024B;
        border-left: 2px solid #1C024B;
        text-decoration: none;
        color: transparent;
        z-index: 3
    }

    .gallery-listing__mobile-tabs select.form-select {
        display: block;
        width: 100%;
        padding: 10px;
        text-transform: capitalize;
        border: 0;
        background: transparent;
        outline: none;
        -webkit-appearance: none !important;
        z-index: 9
    }

@media (max-width: 992px) {
    .gallery-listing__mobile-tabs {
        display: flex
    }
}

.gallery-listing__img {
    margin-bottom: 0.7rem;
    overflow: hidden;
    border-radius: 5px
}

    .gallery-listing__img img {
        width: 100%;
        height: auto;
        transition: all 0.5s ease-in-out
    }

    .gallery-listing__img:hover img {
        transform: scale(1.2)
    }

.gallery-listing__item {
    color: #000;
    margin-bottom: 3rem;
    display: block
}

    .gallery-listing__item h4 {
        font-weight: 300;
        font-size: 1rem;
        font-family: "Tajawal-Regular";
        font-weight: 300;
        text-transform: capitalize;
        margin-bottom: 0
    }

    .gallery-listing__item ul {
        display: flex
    }

        .gallery-listing__item ul li {
            font-style: normal;
            font-weight: normal;
            font-size: 0.9rem;
            color: #666;
            margin-right: 0.5rem
        }

            .gallery-listing__item ul li span {
                margin-right: 0.2rem
            }

.media-header .page-slogn {
    display: none
}

.mediahub-details {
    width: 90%;
    margin: auto;
    margin-bottom: 3.33rem !important
}

    .mediahub-details .grid .grid-item {
        float: left;
        border: 7.5px solid #fff;
        border-radius: 15px;
        overflow: hidden
    }

        .mediahub-details .grid .grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 5px;
            transition: all 0.9s ease
        }

        .mediahub-details .grid .grid-item.video-item {
            position: relative
        }

            .mediahub-details .grid .grid-item.video-item::after {
                content: "";
                background: url(../../../../../assets/revamp-assets/img/gallery/play.png);
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                position: absolute;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 72px
            }

        .mediahub-details .grid .grid-item:hover img {
            transform: scale(1.15)
        }

        .mediahub-details .grid .grid-item.card2:nth-child(1), .mediahub-details .grid .grid-item.card2:nth-child(2) {
            width: 50%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card3:nth-child(1) {
            width: 67%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card3:nth-child(2), .mediahub-details .grid .grid-item.card3:nth-child(3) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card4:nth-child(1), .mediahub-details .grid .grid-item.card4:nth-child(2), .mediahub-details .grid .grid-item.card4:nth-child(3), .mediahub-details .grid .grid-item.card4:nth-child(4) {
            width: 50%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card5:nth-child(1) {
            width: 34%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card5:nth-child(2), .mediahub-details .grid .grid-item.card5:nth-child(3), .mediahub-details .grid .grid-item.card5:nth-child(4), .mediahub-details .grid .grid-item.card5:nth-child(5) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card6:nth-child(1) {
            width: 67%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card6:nth-child(2), .mediahub-details .grid .grid-item.card6:nth-child(3), .mediahub-details .grid .grid-item.card6:nth-child(5), .mediahub-details .grid .grid-item.card6:nth-child(6) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card6:nth-child(4) {
            width: 34%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card7:nth-child(1) {
            width: 67%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card7:nth-child(2), .mediahub-details .grid .grid-item.card7:nth-child(3), .mediahub-details .grid .grid-item.card7:nth-child(5), .mediahub-details .grid .grid-item.card7:nth-child(6) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card7:nth-child(4) {
            width: 34%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card7:nth-child(7) {
            width: 66%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card8:nth-child(1) {
            width: 67%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card8:nth-child(2), .mediahub-details .grid .grid-item.card8:nth-child(3) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card8:nth-child(4) {
            width: 34%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card8:nth-child(5), .mediahub-details .grid .grid-item.card8:nth-child(6), .mediahub-details .grid .grid-item.card8:nth-child(7), .mediahub-details .grid .grid-item.card8:nth-child(8) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card9:nth-child(1), .mediahub-details .grid .grid-item.card9:nth-child(4) {
            width: 67%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card9:nth-child(2), .mediahub-details .grid .grid-item.card9:nth-child(3), .mediahub-details .grid .grid-item.card9:nth-child(5), .mediahub-details .grid .grid-item.card9:nth-child(6), .mediahub-details .grid .grid-item.card9:nth-child(8), .mediahub-details .grid .grid-item.card9:nth-child(9) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card9:nth-child(7) {
            width: 34%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card10:nth-child(1), .mediahub-details .grid .grid-item.card10:nth-child(10) {
            width: 34%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card10:nth-child(2), .mediahub-details .grid .grid-item.card10:nth-child(3), .mediahub-details .grid .grid-item.card10:nth-child(4), .mediahub-details .grid .grid-item.card10:nth-child(5) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card10:nth-child(7), .mediahub-details .grid .grid-item.card10:nth-child(8) {
            width: 34%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card10:nth-child(6), .mediahub-details .grid .grid-item.card10:nth-child(9) {
            width: 66%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card11:nth-child(1) {
            width: 67%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card11:nth-child(2), .mediahub-details .grid .grid-item.card11:nth-child(3) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card11:nth-child(4) {
            width: 34%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card11:nth-child(5), .mediahub-details .grid .grid-item.card11:nth-child(6), .mediahub-details .grid .grid-item.card11:nth-child(7), .mediahub-details .grid .grid-item.card11:nth-child(8) {
            width: 33%;
            height: 260px
        }

        .mediahub-details .grid .grid-item.card11:nth-child(10) {
            width: 66%;
            height: 520px
        }

        .mediahub-details .grid .grid-item.card11:nth-child(11), .mediahub-details .grid .grid-item.card11:nth-child(9) {
            width: 34%;
            height: 260px
        }

@media (max-width: 767px) {
    .mediahub-details .grid .grid-item {
        height: 14.5rem !important;
        width: 50% !important;
        border-radius: 2.15054px
    }
}

@media (max-width: 440px) {
    .mediahub-details .grid .grid-item {
        height: 8rem !important
    }
}

.lg-backdrop {
    background-color: rgba(34,34,34,0.9) !important
}

.lg-outer .lg-thumb-outer {
    top: 0 !important;
    bottom: auto !important
}

.lg-outer {
    width: 90% !important;
    left: 5% !important
}

@media (min-width: 992px) {
    .lg-outer {
        width: 80% !important;
        left: 10% !important
    }
}

.lg-download {
    display: none
}

.lg-show-in .lg-toolbar {
    top: auto;
    bottom: 0;
    height: 100%;
    z-index: 2
}

.lg-counter {
    bottom: 0;
    position: absolute;
    padding: 0 !important;
    position: absolute;
    color: #fff !important;
    font-size: 1.125rem;
    font-family: "Tajawal-Regular"
}

@media (max-width: 768px) {
    .lg-counter {
        width: 100%;
        text-align: center
    }
}

.lg-components {
    bottom: auto !important;
    z-index: 1 !important;
    top: 1%
}

@media (max-width: 768px) {
    .lg-components {
        top: 5%
    }
}

@media (max-width: 400px) {
    .lg-components {
        top: 5%
    }
}

.lg-components .lg-sub-html {
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: left;
    font-family: "Tajawal-Bold";
    font-size: 1.5rem;
    line-height: 1.65rem;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .lg-components .lg-sub-html {
        text-align: center;
        font-size: 1.25rem;
        line-height: 1.375rem
    }
}

.lg-outer .lg-img-wrap {
    z-index: 5
}

.lg-show-in .lg-prev, .lg-show-in .lg-next {
    position: absolute;
    outline: none !important;
    top: auto;
    bottom: -2rem;
    font-size: 0;
    background: #fff;
    width: 2.5rem;
    height: 1.75rem;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms ease-in-out
}

    .lg-show-in .lg-prev::after, .lg-show-in .lg-next::after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        background: transparent;
        text-indent: -9999px;
        border-top: 2px solid #1C024B;
        border-left: 2px solid #1C024B;
        text-decoration: none;
        color: transparent
    }

    .lg-show-in .lg-prev:hover, .lg-show-in .lg-next:hover {
        box-shadow: 0 0 11px rgba(33,33,33,0.4);
        background: #FFFFFF
    }

.lg-show-in .lg-prev {
    right: 3rem;
    left: auto;
    display: block !important
}

@media (max-width: 768px) {
    .lg-show-in .lg-prev {
        right: auto;
        left: 0
    }
}

.lg-show-in .lg-prev::after {
    transform: rotate(-45deg);
    left: 0
}

.lg-show-in .lg-next {
    right: 0;
    left: auto;
    display: block !important
}

    .lg-show-in .lg-next::after {
        transform: rotate(135deg);
        right: 0
    }

.events-details-banner {
    position: relative;
    overflow: hidden;
    height: auto
}

    .events-details-banner:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25) 10%, rgba(255,255,255,0) 45%);
        z-index: -2
    }

    .events-details-banner .inner-header-cont {
        margin-top: 0 !important
    }

    .events-details-banner .banner-BG {
        position: relative;
        width: 100%;
        height: auto;
        z-index: -3
    }

    .events-details-banner .date-wrapper-bedge {
        padding: 0.389rem 0.556rem 0.167rem;
        position: absolute;
        min-width: 4.556rem;
        height: 5.611rem;
        bottom: 2.222rem;
        background: #FFFFFF;
        color: #222;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-family: "Tajawal-Bold";
        font-size: 0.889rem;
        line-height: 150%;
        text-transform: uppercase
    }

        .events-details-banner .date-wrapper-bedge span {
            font-size: 1.333rem;
            font-family: "Tajawal-Bold";
            font-weight: bold;
            line-height: 70%;
            margin: 0.278rem 0
        }

.promotions {
    margin-bottom: 2.222rem
}

@media (max-width: 992px) {
    .promotions {
        margin-bottom: 3.75rem
    }
}

@media (max-width: 767px) {
    .promotions {
        margin-bottom: 5.429rem
    }
}

.promotions p {
    margin: 5px 0 !important
}

.promotions li {
    margin-bottom: 1.278rem
}

@media (max-width: 992px) {
    .promotions li {
        margin-bottom: 1.438rem
    }
}

@media (max-width: 767px) {
    .promotions li {
        margin-bottom: 1.643rem
    }
}

.promotions .subtitle {
    display: flex;
    align-items: center;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    font-size: 1rem;
    line-height: 1.333rem
}

    .promotions .subtitle::before {
        content: '';
        height: 17px;
        width: 17px;
        background: #C4C4C4;
        display: inline-block;
        border-radius: 50%;
        margin-right: 13px
    }

@media (max-width: 992px) {
    .promotions .subtitle {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .promotions .subtitle {
        font-size: 1.286rem;
        line-height: 1.714rem
    }
}

.promotions .promotion-info {
    margin: 0 !important;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #222
}

@media (max-width: 992px) {
    .promotions .promotion-info {
        font-size: 0.875rem;
        margin-bottom: 1.278rem
    }
}

@media (max-width: 767px) {
    .promotions .promotion-info {
        font-size: 1rem;
        margin-bottom: 1.643rem
    }
}

.details-page {
    padding: 5.556rem 0
}

@media (max-width: 992px) {
    .details-page {
        padding: 5rem 0
    }
}

@media (max-width: 767px) {
    .details-page {
        padding: 3.333rem 0
    }
}

.details-page .mainSection-title {
    font-size: 3.333rem;
    margin-bottom: 2.222rem;
    line-height: 90%;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    color: #1C024B
}

@media (max-width: 992px) {
    .details-page .mainSection-title {
        font-size: 2.5rem;
        margin-bottom: 2.857rem
    }
}

@media (max-width: 767px) {
    .details-page .mainSection-title {
        font-size: 2.857rem;
        margin-bottom: 2.143rem
    }
}

.details-page .subsection-title {
    font-size: 1.333rem;
    margin-bottom: 1.278rem;
    line-height: 90%;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    color: #1C024B
}

@media (max-width: 992px) {
    .details-page .subsection-title {
        margin-bottom: 1.438rem
    }
}

@media (max-width: 767px) {
    .details-page .subsection-title {
        margin-bottom: 1.643rem
    }
}

.details-page .subsection-title.mb-10 {
    margin-bottom: 0.5556rem !important
}

.details-page #mapDirectionsHref {
    font-size: 1rem;
    margin-bottom: 1.583rem;
    text-transform: capitalize;
    text-decoration: none;
    cursor: pointer;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    color: #1C024B;
    display: block
}

    .details-page #mapDirectionsHref:hover img {
        transform: translate(0.556rem)
    }

.details-page .title-arrow {
    width: 1.889rem;
    height: 1.889rem;
    display: inline-block;
    margin-left: 0.556rem
}

    .details-page .title-arrow img {
        transition: all 0.75s;
        width: 100%
    }

.details-page p {
    font-family: "Tajawal-Regular";
    font-size: 1rem;
    line-height: 150%;
    color: #666;
    margin: 0 0 2.222rem 0px
}

@media (max-width: 992px) {
    .details-page p {
        font-size: 0.889rem
    }
}

.details-page .event-data-listing li span {
    font-size: .889rem;
    line-height: 150%;
    color: #222;
    word-break: break-word
}

@media (max-width: 992px) {
    .details-page .event-data-listing li span {
        font-size: 1rem
    }
}

.details-page .event-details-container img {
    margin-bottom: 2.222rem
}

@media (max-width: 992px) {
    .details-page .event-details-container img {
        margin-bottom: 2.857rem
    }
}

@media (max-width: 767px) {
    .details-page .event-details-container img {
        margin-bottom: 2.143rem
    }
}

.details-page #map {
    height: 16.667rem;
    margin-bottom: 2.222rem
}

@media (max-width: 992px) {
    .details-page #map {
        margin-bottom: 2.857rem
    }
}

@media (max-width: 767px) {
    .details-page #map {
        margin-bottom: 2.143rem
    }
}

.details-page img {
    width: 100%
}

    .details-page img + p {
        margin-top: 0
    }

.event-details__category-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-transform: capitalize
}

.details-page .event-details__category-list li {
    margin-bottom: 0.556rem
}

    .details-page .event-details__category-list li a {
        display: flex;
        align-items: center;
        text-transform: capitalize
    }

        .details-page .event-details__category-list li a img {
            transition: all 0.75s;
            width: 2.778rem;
            height: 2.778rem;
            margin: 0;
            margin-right: 0.5556rem
        }

        .details-page .event-details__category-list li a p {
            margin: 0;
            color: #222;
            font-size: 0.889rem;
            line-height: 150%;
            font-family: "Tajawal-Regular"
        }

@media (max-width: 992px) {
    .details-page .event-details__category-list li a p {
        font-size: 0.778rem
    }
}

.details-page .event-details__category-list li:hover img {
    transform: scale(1.15)
}

.details-page .event-details__address-wrapper {
    color: #222;
    margin-bottom: 1.111rem
}

@media (max-width: 992px) {
    .details-page .event-details__address-wrapper {
        margin-top: 3.333rem !important
    }
}

@media (max-width: 767px) {
    .details-page .event-details__address-wrapper {
        margin-top: 4.286rem !important
    }
}

.details-page .event-details__address-wrapper .subsection-title {
    margin-bottom: 0.556rem
}

.details-page .event-details__address-wrapper h5 {
    font-size: 0.889rem;
    line-height: 150%;
    font-family: "Tajawal-Bold"
}

.details-page .event-details__address-wrapper p {
    font-size: 0.889rem;
    line-height: 150%;
    margin: 0
}

.details-page .floor-map .subsection-title {
    line-height: 110%;
    margin-bottom: 10px
}

@media (max-width: 992px) {
    .details-page .floor-map .subsection-title {
        margin-bottom: 13px
    }
}

.details-page .floor-map .floor-img-map {
    width: 100%;
    height: auto
}

.event-media-section {
    background-color: transparent;
    padding: 5.556rem 0
}

@media (max-width: 767px) {
    .event-media-section {
        padding: 3.44rem 0
    }
}

.event-media-section h3 {
    font-size: 2.22rem;
    line-height: 44px;
    margin-bottom: 4.44rem
}

@media (max-width: 767px) {
    .event-media-section h3 {
        margin-bottom: 2.22rem
    }
}

@media (max-width: 767px) {
    .event-media-section h3 {
        font-size: 1.7143rem;
        line-height: 27px
    }
}

.event-media-section .mediahub-details {
    margin-bottom: 0
}

    .event-media-section .mediahub-details .grid .grid-item {
        border-color: #fff1;
    }

.event-ticket-section {
    padding: 4.44rem 0
}

    .event-ticket-section .events-ticket {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .event-ticket-section .events-ticket h3 {
            font-size: 2.22rem;
            color: #000;
            line-height: 44px;
            margin-bottom: 1.11rem
        }

@media (max-width: 767px) {
    .event-ticket-section .events-ticket h3 {
        margin-bottom: 1.11rem
    }
}

@media (max-width: 767px) {
    .event-ticket-section .events-ticket h3 {
        font-size: 1.7143rem;
        line-height: 27px
    }
}

.event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow {
    background: #FFFFFF;
    color: #222;
    margin-bottom: 0
}

    .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow .icon {
        display: flex
    }

    .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow .path1::before {
        color: #1C024B
    }

    .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow .path2::before {
        color: #fff
    }

    .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow:hover {
        background: #1C024B;
        color: #FFFFFF
    }

        .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow:hover .icon {
            display: flex
        }

        .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow:hover .path1::before {
            color: #FFFFFF !important
        }

        .event-ticket-section .events-ticket .btn-SECONDARY.btn-yellow:hover .path2::before {
            color: #1C024B !important
        }

.event-listing-header {
    height: 7.5rem;
    background-color: #1C024B
}

@media (max-width: 768px) {
    .event-listing-header {
        height: 5rem
    }
}

.inner-event-listing {
}

.event-listing-data {
    /*padding: 1rem 3.16rem;*/
    padding: 1rem 0px;
    width: 90%;
    margin: auto;
}

    .event-listing-data .title-filters-cont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding-bottom: 1rem
    }

        .event-listing-data .title-filters-cont h2 {
            font-size: 2.22rem;
            line-height: 110%;
        }

@media (max-width: 991.98px) {
    .event-listing-data .title-filters-cont .filters-btn {
        position: absolute;
        top: -8.5rem;
        right: 0
    }
}

.event-listing-data .title-filters-cont .filters-btn .filter-btn {
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
    padding: 0
}

    .event-listing-data .title-filters-cont .filters-btn .filter-btn span {
        font-size: 1.3rem;
        width: 2.56rem;
        height: 2.56rem;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transition: all 0.75s
    }

        .event-listing-data .title-filters-cont .filters-btn .filter-btn span:before {
            color: #BDBDBD
        }

        .event-listing-data .title-filters-cont .filters-btn .filter-btn span:hover {
            transform: scale(1.175)
        }

    .event-listing-data .title-filters-cont .filters-btn .filter-btn.filter-Selected span:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 0;
        left: auto;
        background-color: #F3F6FB;
        z-index: -1
    }

@media (max-width: 768px) {
    .event-listing-data .title-filters-cont .filters-btn .filter-btn.filter-Selected span:after {
        background-color: #fff
    }
}

.event-listing-data .title-filters-cont .filters-btn .filter-btn.filter-Selected span::before {
    color: #1C024B
}

.event-listing-data .page-counter {
    flex-direction: row
}

.custom-deatils-header {
    margin-top: 0 !important
}

.events-details-header {
    background: #1C024B;
    padding: 4.444rem 0 0;
    overflow: auto;
    padding-bottom: 2.22rem
}

@media (max-width: 992px) {
    .events-details-header {
        padding-top: 3.875rem
    }
}

@media (max-width: 767px) {
    .events-details-header {
        padding-top: 3.875rem
    }
}

.events-details-header .breadcrumb-item {
    font-size: 1rem !important;
    font-family: "Tajawal-Bold"
}

    .events-details-header .breadcrumb-item a {
        font-family: "Tajawal-Bold"
    }

@media (max-width: 767px) {
    .events-details-header .breadcrumb-item {
        font-size: 1.071rem !important
    }
}

.events-details-header .page-slogn, .events-details-header p {
    font-family: "Tajawal-Regular";
    font-size: 1rem;
    line-height: 150%;
    margin: 0 0 2.222rem 0px
}

@media (max-width: 992px) {
    .events-details-header .page-slogn, .events-details-header p {
        font-size: 0.889rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width: 767px) {
    .events-details-header .page-slogn, .events-details-header p {
        font-size: 1.143rem;
        margin-bottom: 1.429rem
    }
}

.events-details-header p {
    margin-bottom: 0 !important
}

.events-details-header .inner-page-title {
    font-size: 3.333rem;
    color: #fff;
    line-height: 90%;
    margin-bottom: 1.111rem;
    font-family: "Tajawal-Bold";
    text-transform: capitalize
}

@media (max-width: 992px) {
    .events-details-header .inner-page-title {
        font-size: 2.5rem;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .events-details-header .inner-page-title {
        font-size: 2.143rem;
        margin-bottom: 1.429rem
    }
}

.listing-banner-event {
    background: #1C024B;
    color: #fff;
    padding-bottom: 100px;
    margin-top: -1px
}

@media (max-width: 992px) {
    .listing-banner-event {
        padding-bottom: 3.75rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event {
        padding-bottom: 2.8571rem
    }
}

@media (max-width: 992px) {
    .listing-banner-event .row {
        flex-direction: column-reverse
    }
}

@media (max-width: 767px) {
    .listing-banner-event .row {
        flex-direction: column
    }
}

.listing-banner-event .rating-cont {
    margin-bottom: 1.667rem
}

.listing-banner-event span[class^="icon-"]::before {
    color: #fff
}

.listing-banner-event__imgs {
    display: flex;
    margin-bottom: 1.11rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center
}

@media (max-width: 992px) {
    .listing-banner-event__imgs {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event__imgs {
        margin-bottom: 1.42857rem
    }
}

.listing-banner-event__imgs.sponser-img-cont {
    margin-bottom: 0
}

.listing-banner-event__imgs img {
    width: 5.556rem;
    margin-right: .833rem;
    margin-bottom: .833rem;
    border-radius: 3px;
    height: 5.556rem;
    object-fit: cover
}

@media (max-width: 992px) {
    .listing-banner-event__imgs img {
        height: 2.6875rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event__imgs img {
        height: 3.07142857rem
    }
}

.listing-banner-event .ticket-url {
    font-size: 1.333rem;
    line-height: 110%;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 1.11rem;
    position: relative;
    word-break: break-word;
    display: block;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 992px) {
    .listing-banner-event .ticket-url {
        font-size: 1.25rem;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .ticket-url {
        font-size: 1.42857rem;
        margin-bottom: 0.857143rem
    }
}

.listing-banner-event .ticket-url:after {
    content: "";
    width: 0;
    height: 1px;
    display: block;
    background: #fff;
    transition: all .5s ease-out;
    position: absolute;
    bottom: 0
}

.listing-banner-event .ticket-url:hover {
    color: #fff;
    cursor: pointer
}

    .listing-banner-event .ticket-url:hover::after {
        width: 38%
    }

    .listing-banner-event .ticket-url:hover .icon-Download::before {
        color: #fff
    }

.listing-banner-event .ticket-url .icon-Download {
    margin-left: .25rem
}

    .listing-banner-event .ticket-url .icon-Download::before {
        color: #FFFFFF
    }

.listing-banner-event .subsection-title {
    font-size: 1.333rem;
    margin-bottom: 0.556rem
}

@media (max-width: 992px) {
    .listing-banner-event .subsection-title {
        font-size: 1.25rem;
        margin-bottom: 0.645rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .subsection-title {
        font-size: 1.429rem;
        margin-bottom: 1.429rem
    }
}

.listing-banner-event .subsection-title.small-title {
    font-size: 1rem;
    margin-bottom: 0.833rem;
    line-height: 110%;
    text-transform: uppercase
}

@media (max-width: 992px) {
    .listing-banner-event .subsection-title.small-title {
        font-size: 1.25rem;
        margin-bottom: 0.714rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .subsection-title.small-title {
        font-size: 1.429rem;
        margin-bottom: 1.25rem
    }
}

.listing-banner-event .social-cont-responsive {
    display: none
}

@media (max-width: 992px) {
    .listing-banner-event .social-cont-responsive {
        display: block;
        margin-top: 1.71rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .social-cont-responsive {
        margin-top: 1.42857rem
    }
}

.listing-banner-event .social-cont {
    display: block
}

@media (max-width: 992px) {
    .listing-banner-event .social-cont {
        display: none
    }
}

.listing-banner-event .ticket-note {
    margin-bottom: 1.111rem;
    display: inline-block;
    font-size: 0.8889rem;
    line-height: 150%;
    color: #fff
}

@media (max-width: 992px) {
    .listing-banner-event .ticket-note {
        font-size: 1rem;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .ticket-note {
        margin-bottom: 1.42857rem
    }
}

.listing-banner-event .btn.btn-SECONDARY.btn-yellow {
    margin-bottom: 0.6667rem;
    color: #000;
    display: block
}

@media (max-width: 992px) {
    .listing-banner-event .btn.btn-SECONDARY.btn-yellow {
        margin-bottom: 0.75rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .btn.btn-SECONDARY.btn-yellow {
        margin-bottom: 0.857rem
    }
}

.listing-banner-event .mx-lg-4, .listing-banner-event .mx-lg-2 {
    height: 100%
}

.listing-banner-event .pd-right {
    padding-left: 3.583rem;
    border-left: 1px solid rgba(255,255,255,0.3)
}

@media (max-width: 992px) {
    .listing-banner-event .pd-right {
        padding-left: 15px;
        border-left: 0
    }
}

.listing-banner-event .event-details-info li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.05rem
}

    .listing-banner-event .event-details-info li:last-child {
        margin-bottom: 0
    }

@media (max-width: 992px) {
    .listing-banner-event .event-details-info li {
        font-size: 1.1875rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event .event-details-info li {
        font-size: 1.142857rem
    }
}

.listing-banner-event .event-details-info li p {
    margin-bottom: 0;
    font-size: 0.889rem
}

@media (max-width: 992px) {
    .listing-banner-event .event-details-info li p {
        font-size: 1rem
    }
}

.listing-banner-event .event-details-info li p i {
    font-family: "Tajawal-Bold";
    display: inline-block
}

.listing-banner-event .event-details-info li span {
    margin-right: 15px;
    margin-top: .2rem
}

.listing-banner-event .event-details-info li .loc-adds-details span {
    margin: 0.15rem
}

    .listing-banner-event .event-details-info li .loc-adds-details span:nth-child(2) {
        position: relative
    }

        .listing-banner-event .event-details-info li .loc-adds-details span:nth-child(2):after {
            content: ",";
            position: absolute;
            left: -.35rem
        }

.listing-banner-event .event-details-info .ticket-price li {
    font-size: 0.889rem
}

.listing-banner-event__social-icons {
    display: flex
}

@media (max-width: 992px) {
    .listing-banner-event__social-icons {
        margin-bottom: 0 !important
    }
}

.listing-banner-event__social-icons li {
    margin-right: 10px;
    margin-bottom: 0.833rem;
    transform: translateY(2px)
}

    .listing-banner-event__social-icons li span {
        height: 2.778rem;
        width: 2.778rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%
    }

@media (max-width: 992px) {
    .listing-banner-event__social-icons li span {
        height: 3.125rem;
        width: 3.125rem
    }
}

@media (max-width: 767px) {
    .listing-banner-event__social-icons li span {
        height: 3.571rem;
        width: 3.571rem
    }
}

.listing-banner-event__social-icons li span.icon-Twitter {
    background: #00ACEE
}

.listing-banner-event__social-icons li span.icon-Facebook {
    background: #4267B2
}

@media (max-width: 992px) {
    .listing-banner-event__social-icons li {
        margin-top: 0.938rem !important
    }
}

@media (max-width: 767px) {
    .listing-banner-event__social-icons li {
        margin-top: 0.857rem !important
    }
}

.alert.alert-primary {
    background: #0065BD;
    color: #fff;
    font-size: 1rem;
    padding: 0.889rem;
    border-radius: 5px;
    line-height: 150%;
    display: flex;
    align-items: baseline
}

@media (max-width: 992px) {
    .alert.alert-primary {
        margin-bottom: 2.688rem;
        padding: 1rem
    }
}

@media (max-width: 992px) {
    .alert.alert-primary {
        margin-bottom: 1.25rem;
        padding: 1.143rem
    }
}

.alert.alert-primary p {
    margin-bottom: 0;
    margin-left: 10px
}

.alert.alert-primary span::after {
    padding-top: 10px;
    display: block;
    transform: translateY(3px)
}

.alert {
    padding: 0.833rem;
    display: inline-block;
    border-radius: 5px;
    font-size: 1.111rem;
    line-height: 110%;
    margin-bottom: 1.111rem;
    font-family: "Tajawal-Bold";
    color: #fff;
    border: none
}

@media (max-width: 992px) {
    .alert {
        font-size: 1rem;
        padding: 0.938rem
    }
}

@media (max-width: 992px) {
    .alert {
        font-size: 1.429rem;
        padding: 1.071rem
    }
}

.alert-danger {
    background: #EA2839
}

.alert-info {
    background: rgba(0,0,0,0.3)
}

.alert-soon {
    background: #8F23B3
}

.social-facebook.fb_iframe_widget {
    position: relative;
    z-index: 1
}

    .social-facebook.fb_iframe_widget span, .social-facebook.fb_iframe_widget iframe {
        border-radius: 50%;
        position: absolute;
        transform: scale(1, 3);
        overflow: hidden;
        top: 10px;
        filter: opacity(0)
    }

.ticket-popup, .rating-cont {
    background-color: rgba(34,34,34,0.7);
    padding: 0 !important
}

    .ticket-popup .modal-dialog, .rating-cont .modal-dialog {
        max-width: 60%
    }

@media (max-width: 576px) {
    .ticket-popup .modal-dialog, .rating-cont .modal-dialog {
        max-width: 90%;
        margin: 0 auto
    }
}

.ticket-popup .modal-dialog .modal-content, .rating-cont .modal-dialog .modal-content {
    padding: 2.5rem 3rem;
    background-color: #fff;
    border-radius: 20px;
    position: relative
}

@media (max-width: 768px) {
    .ticket-popup .modal-dialog .modal-content, .rating-cont .modal-dialog .modal-content {
        padding: 1.6875rem
    }
}

@media (max-width: 576px) {
    .ticket-popup .modal-dialog .modal-content, .rating-cont .modal-dialog .modal-content {
        padding: 1.2142858rem
    }
}

.ticket-popup .modal-dialog .modal-content .modal-header, .rating-cont .modal-dialog .modal-content .modal-header {
    flex-direction: column-reverse;
    align-items: center;
    border: 0;
    padding: 0;
    margin-bottom: 2.44rem
}

    .ticket-popup .modal-dialog .modal-content .modal-header .close, .rating-cont .modal-dialog .modal-content .modal-header .close {
        background-color: transparent;
        border: 0;
        margin: 0 !important;
        padding: .5rem !important;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        color: #666;
        font-size: 1.5rem;
        padding: 0 !important;
        outline: none;
        justify-content: flex-end;
        align-items: flex-start;
        position: absolute;
        top: .75rem;
        right: 1.5rem
    }

    .ticket-popup .modal-dialog .modal-content .modal-header .modal-title, .rating-cont .modal-dialog .modal-content .modal-header .modal-title {
        text-align: center;
        margin-top: 1.5rem
    }

        .ticket-popup .modal-dialog .modal-content .modal-header .modal-title h3, .rating-cont .modal-dialog .modal-content .modal-header .modal-title h3 {
            font-size: 2.22rem;
            color: #000;
            line-height: 44px
        }

@media (max-width: 768px) {
    .ticket-popup .modal-dialog .modal-content .modal-header .modal-title h3, .rating-cont .modal-dialog .modal-content .modal-header .modal-title h3 {
        font-size: 1.875rem;
        line-height: 27px
    }
}

@media (max-width: 576px) {
    .ticket-popup .modal-dialog .modal-content .modal-header .modal-title h3, .rating-cont .modal-dialog .modal-content .modal-header .modal-title h3 {
        font-size: 1.7143rem;
        line-height: 21.6px
    }
}

.ticket-popup .modal-dialog .modal-content .modal-header .modal-title span, .rating-cont .modal-dialog .modal-content .modal-header .modal-title span {
    font-size: 1rem;
    color: #141A39;
    line-height: 27px
}

@media (max-width: 768px) {
    .ticket-popup .modal-dialog .modal-content .modal-header .modal-title span, .rating-cont .modal-dialog .modal-content .modal-header .modal-title span {
        line-height: 24px
    }
}

.ticket-popup .modal-dialog .modal-content .modal-body, .rating-cont .modal-dialog .modal-content .modal-body {
    color: #000;
    padding: 0
}

    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        padding: 1.33rem 1.667rem;
        background: #F3F6FB;
        margin-bottom: 0.889rem;
        border-radius: 10px;
        word-break: break-word
    }

@media (max-width: 768px) {
    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket {
        padding: 1.25rem
    }
}

@media (max-width: 576px) {
    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket {
        padding: 1.42857rem
    }
}

.ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket span, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket span {
    color: #222;
    font-size: 1rem;
    font-weight: bold
}

@media (max-width: 768px) {
    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket span, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket span {
        font-size: 1.142858rem;
        line-height: 22px
    }
}

@media (max-width: 576px) {
    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket span, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket span {
        line-height: 20px
    }
}

.ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket .icon-Download, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket .icon-Download {
    display: flex;
    align-items: center
}

    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket .icon-Download::before, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket .icon-Download::before {
        color: #1C024B
    }

@media (max-width: 576px) {
    .ticket-popup .modal-dialog .modal-content .modal-body a.buy-ticket .icon-Download::before, .rating-cont .modal-dialog .modal-content .modal-body a.buy-ticket .icon-Download::before {
        font-size: 1.5rem
    }
}

.rating-cont {
    background-color: transparent
}

@media (max-width: 768px) {
    .rating-cont .modal-dialog {
        max-width: 85%
    }
}

.rating-cont .modal-dialog .modal-content {
    width: 69.5%;
    margin: 0 auto
}

@media (max-width: 768px) {
    .rating-cont .modal-dialog .modal-content {
        width: 100%;
        height: 21.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.rating-cont .modal-dialog .modal-content .modal-header {
    margin-bottom: 1.67rem
}

.rating-cont .modal-dialog .modal-content .starrr {
    margin-bottom: 1.67rem
}

    .rating-cont .modal-dialog .modal-content .starrr a {
        padding: 0 .5rem
    }

        .rating-cont .modal-dialog .modal-content .starrr a.empty-star:before {
            content: "";
            width: 70px;
            display: inline-block;
            height: 70px;
            background-size: cover !important;
            background-repeat: no-repeat;
            background: url("../../revamp-assets/dist/img/icons/star-empty.svg")
        }

@media (max-width: 768px) {
    .rating-cont .modal-dialog .modal-content .starrr a.empty-star:before {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 440px) {
    .rating-cont .modal-dialog .modal-content .starrr a.empty-star:before {
        width: 30px;
        height: 30px
    }
}

.rating-cont .modal-dialog .modal-content .starrr a.full-star:before {
    content: "";
    width: 70px;
    display: inline-block;
    height: 70px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background: url("../../revamp-assets/dist/img/icons/star-selected.svg")
}

@media (max-width: 768px) {
    .rating-cont .modal-dialog .modal-content .starrr a.full-star:before {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 440px) {
    .rating-cont .modal-dialog .modal-content .starrr a.full-star:before {
        width: 30px;
        height: 30px
    }
}

.rating-cont .modal-dialog .modal-content .your-choice-was {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .rating-cont .modal-dialog .modal-content .your-choice-was .rate-value {
        font-size: 2.22rem;
        line-height: 44px;
        font-weight: bold
    }

.rating-cont.event-card-rating .rating-box:before {
    background: url("../../revamp-assets/dist/img/icons/empty-starr.svg");
    background-size: 20%;
    background-repeat: repeat-x;
    width: 90.5px;
    height: 21px
}

.rating-cont.event-card-rating .rating:before {
    background: url("../../revamp-assets/dist/img/icons/full-starr.svg");
    background-size: 20%;
    background-repeat: repeat-x;
    width: 89px;
    height: 14.5px
}

.rating-box {
    position: relative;
    vertical-align: middle;
    font-size: 1.5rem;
    font-family: "icomoon";
    display: inline-block;
    color: #FFFFFF
}

    .rating-box:before {
        content: "";
        width: 145px;
        display: block;
        height: 28px;
        background: url("../../revamp-assets/dist/img/icons/star-empty.svg");
        background-size: 20%;
        background-repeat: round
    }

.rating {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #FFFFFF
}

    .rating:before {
        content: "";
        width: 145px;
        display: block;
        height: 28px;
        background: url("../../revamp-assets/dist/img/icons/star-selected.svg");
        background-size: 20%;
        background-repeat: round
    }

.review-txt {
    font-size: 0.889rem;
    line-height: 24px;
    margin-right: 3rem
}

.rating-btn a {
    font-weight: bold;
    font-size: 1rem;
    line-height: 22px;
    color: #fff;
    margin-top: 0.6rem;
    border: 0;
    border-radius: 0;
    padding: 0.5rem 0;
    transition: all 0.75s
}

    .rating-btn a:hover {
        color: #FFFFFF;
        border-color: #FFFFFF
    }

.slider-sec-cont {
    background-color: #E0E7F5;
    padding: 4.44rem 0;
    background-color: #E0E7F5;
    background-image: url("../../revamp-assets/dist/img/events/related-event.svg");
    background-position-x: -3vw;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .slider-sec-cont {
        background-position-x: -40vw;
        background-size: cover
    }
}

@media (max-width: 767px) {
    .slider-sec-cont {
        background-image: none;
        padding-top: 2.8571428571rem
    }
}

@media (min-width: 1900px) {
    .slider-sec-cont .slider-container .container {
        overflow: hidden
    }
}

.slider-sec-cont .slider-items {
    position: relative
}

    .slider-sec-cont .slider-items .slider-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3.7556rem
    }

@media (max-width: 992px) {
    .slider-sec-cont .slider-items .slider-header {
        margin-bottom: 1.875rem;
        max-width: 100%;
        flex: 100%
    }
}

@media (max-width: 767px) {
    .slider-sec-cont .slider-items .slider-header {
        margin-bottom: 0;
        flex-direction: column;
        align-items: flex-start
    }
}

.slider-sec-cont .slider-items .slider-header h3 {
    font-size: 2.22rem;
    color: #222;
    line-height: 44px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .slider-sec-cont .slider-items .slider-header h3 {
        font-size: 1.875rem;
        line-height: 27px
    }
}

@media (max-width: 767px) {
    .slider-sec-cont .slider-items .slider-header h3 {
        font-size: 1.7142857rem;
        line-height: 21.6px
    }
}

.slider-sec-cont .slider-items .slider-header .view-all-btn {
    font-family: "Tajawal-Bold";
    font-size: 1rem;
    line-height: 22px;
    color: #1C024B
}

@media (max-width: 992px) {
    .slider-sec-cont .slider-items .slider-header .view-all-btn {
        font-size: .89rem
    }
}

@media (max-width: 767px) {
    .slider-sec-cont .slider-items .slider-header .view-all-btn {
        margin-top: 1.2142857rem;
        margin-bottom: 1.57142857rem
    }
}

.slider-sec-cont .slider-items .slider-header .view-all-btn:after {
    content: "";
    width: 0;
    height: 1px;
    display: block;
    background: #1C024B;
    transition: all .5s ease-out
}

.slider-sec-cont .slider-items .slider-header .view-all-btn:hover {
    cursor: pointer
}

    .slider-sec-cont .slider-items .slider-header .view-all-btn:hover::after {
        width: 100%
    }

.slider-sec-cont .slider-items .slider-cont {
    position: initial
}

@media (max-width: 992px) {
    .slider-sec-cont .slider-items .slider-cont .owl-item {
        padding-right: 2.5rem;
        margin-right: 0 !important
    }
}

@media (max-width: 767px) {
    .slider-sec-cont .slider-items .slider-cont .owl-item {
        padding-right: 2.2857rem
    }
}

.slider-sec-cont .slider-items .slider-cont .owl-nav {
    position: absolute;
    top: 0;
    right: calc(10rem - 15px);
    outline: none
}

@media (min-width: 1600px) {
    .slider-sec-cont .slider-items .slider-cont .owl-nav {
        right: calc(12rem - 15px)
    }
}

.slider-sec-cont .slider-items .slider-cont .owl-nav span {
    font-size: 2.5rem
}

    .slider-sec-cont .slider-items .slider-cont .owl-nav span .path1::before {
        color: #1C024B
    }

    .slider-sec-cont .slider-items .slider-cont .owl-nav span .path2::before {
        color: #fff
    }

.slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-next, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-dots {
    display: inline-block;
    outline: none;
    transition: all 0.3s ease-in
}

    .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev.disabled, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-next.disabled, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-dots.disabled {
        opacity: 0.5;
        cursor: not-allowed
    }

        .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev.disabled:hover .icon-Arrow-Nav, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev.disabled:hover .icon-Arrow-Nav-1, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-next.disabled:hover .icon-Arrow-Nav, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-next.disabled:hover .icon-Arrow-Nav-1, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-dots.disabled:hover .icon-Arrow-Nav, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-dots.disabled:hover .icon-Arrow-Nav-1 {
            text-shadow: none !important
        }

    .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev:hover .icon-Arrow-Nav, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev:hover .icon-Arrow-Nav-1, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-next:hover .icon-Arrow-Nav, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-next:hover .icon-Arrow-Nav-1, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-dots:hover .icon-Arrow-Nav, .slider-sec-cont .slider-items .slider-cont .owl-nav .owl-dots:hover .icon-Arrow-Nav-1 {
        text-shadow: 0px 1px 10px rgba(0,0,0,0.5)
    }

.slider-sec-cont .slider-items .slider-cont .owl-nav .owl-prev {
    margin-right: 5px
}

.slider-sec-cont .slider-items .slider-cont .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 50px;
    border: 1px solid #1C024B !important;
    display: inline-block;
    margin-right: 12px
}

    .slider-sec-cont .slider-items .slider-cont .owl-dots .owl-dot.active {
        background-color: #1C024B
    }

.slider-sec-cont .slider-items .slider-cont .card-event .card-data-img .card-data-cont {
    position: relative
}

    .slider-sec-cont .slider-items .slider-cont .card-event .card-data-img .card-data-cont .dropup, .slider-sec-cont .slider-items .slider-cont .card-event .card-data-img .card-data-cont .dropdown {
        position: initial
    }

.slider-sec-cont .slider-items .container, .slider-sec-cont .slider-items .owl-carousel-o, .slider-sec-cont .slider-items .owl-carousel.owl-loaded, .slider-sec-cont .slider-items .owl-carousel .owl-stage-outer, .slider-sec-cont .slider-items .owl-stage {
    overflow: visible
}

.map-listing {
    position: relative
}

@media (max-width: 992px) {
    .map-listing .container-custom {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1601px) and (max-width: 1919px) {
    .map-listing .container-custom {
        margin-right: 0 !important;
        max-width: 100%
    }
}

.map-listing .event-map-cont {
    margin-right: 0 !important;
    display: flex;
    flex-direction: row
}

@media (max-width: 991.98px) {
    .map-listing .event-map-cont {
        flex-direction: column-reverse;
        margin: 0 auto !important
    }
}

@media (min-width: 992px) {
    .map-listing .event-map-cont .pagination-cont {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

        .map-listing .event-map-cont .pagination-cont .page-counter {
            width: auto;
            padding-top: 0
        }
}

.map-listing .event-map-cont .event-listing-data {
    padding: 4.06rem 0
}

@media (max-width: 992px) {
    .map-listing .event-map-cont .event-listing-data {
        width: 100%;
        padding-right: 2.857rem;
        padding-left: 2.857rem;
        position: static
    }
}

.map-listing .event-map-cont .event-listing-data .title-filters-cont {
    position: static
}

@media (max-width: 991.98px) {
    .map-listing .event-map-cont .event-listing-data .title-filters-cont .filters-btn {
        position: absolute;
        top: 2rem;
        right: 2.167rem
    }
}

.map-listing .event-map-cont .map-cont {
    padding: 0
}

@media (max-width: 991.98px) {
    .map-listing .event-map-cont .map-cont {
        width: 100%;
        height: 400px
    }
}

.map-listing .event-map-cont .map-cont .map-comp {
    z-index: 1 !important
}

    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper {
        background-color: transparent;
        box-shadow: none
    }

        .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content {
            margin: 0;
            width: 20.78rem !important
        }

@media (max-width: 768px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content {
        width: 23.375rem !important
    }
}

@media (max-width: 440px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content {
        width: 306px !important
    }
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img {
    flex-direction: row;
    padding: 0.972rem 0.889rem;
    margin-bottom: 0
}

    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-img {
        width: 50%;
        position: initial;
        border-radius: 5px;
        right: 0;
        top: 0;
        padding-right: .55rem
    }

@media (max-width: 767px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-img {
        width: 40%
    }
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-img img {
    border-radius: 5px
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont {
    padding: 0;
    width: 50%;
    padding-left: .55rem;
    text-align: start;
    color: #222
}

@media (max-width: 440px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont {
        width: 70%
    }
}

@media (max-width: 768px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date {
        width: 100%
    }
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .category {
    font-size: 0.625rem !important;
    line-height: 24px !important;
    margin-bottom: 0
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .title {
    margin-top: 0;
    margin-bottom: 7px
}

@media (max-width: 440px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .title {
        font-size: 1.125rem
    }
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .card-date {
    margin-bottom: 6px
}

    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .card-date label {
        display: inline-block;
        margin-right: .35rem
    }

        .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .card-date label i {
            font-size: .625rem;
            line-height: 13px
        }

@media (max-width: 440px) {
    .map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .card-date label i {
        font-size: 0.75rem;
        line-height: 15.6px
    }
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date label {
    margin-bottom: 0
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card .card-data-img .card-data-cont .card-title-date .location {
    font-size: 11px
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-content-wrapper .leaflet-popup-content .popup-map-card:hover .card-img img {
    transform: scale(1);
    opacity: 1
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-close-button {
    right: .5rem;
    left: auto
}

.map-listing .event-map-cont .map-cont .map-comp .leaflet-popup-tip-container {
    display: none
}

.map-listing .event-map-cont .map-cont .leaflet-left {
    left: auto;
    position: absolute;
    right: 1rem;
    top: .5rem
}

    .map-listing .event-map-cont .map-cont .leaflet-left .leaflet-control-zoom.leaflet-bar.leaflet-control {
        display: flex;
        flex-direction: row;
        border: 0
    }

        .map-listing .event-map-cont .map-cont .leaflet-left .leaflet-control-zoom.leaflet-bar.leaflet-control a {
            width: 2.33rem;
            height: 2.33rem;
            border-radius: 5px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: #1C024B;
            color: #fff;
            margin-left: .556rem
        }

.map-listing .event-map-cont .map-cont .icon-map-pin-dark::before, .map-listing .event-map-cont .map-cont .icon-map-pin-active-icon::before {
    font-size: 2.5rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .btn.btn-primary {
        padding: 0.75rem 1.333rem;
        line-height: 1.813rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .btn.btn-primary {
        width: 100%
    }
}

.account-form-conatiner .socialmedia-btn {
    width: 100%;
    border: 1px solid #E7E8EB;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 0.556rem;
    padding: 1.111rem;
    font-size: 1rem;
    line-height: 1.222rem;
    letter-spacing: -0.02em;
    color: #000;
    font-family: "Tajawal-Bold"
}

    .account-form-conatiner .socialmedia-btn span {
        font-family: "Tajawal-Bold"
    }

    .account-form-conatiner .socialmedia-btn img, .account-form-conatiner .socialmedia-btn .icon {
        margin-right: 0.722rem
    }

@media (max-width: 767px) {
    .account-form-conatiner .socialmedia-btn img, .account-form-conatiner .socialmedia-btn .icon {
        margin-right: 0
    }
}

.account-form-conatiner .socialmedia-btn .icon-Facebook {
    font-size: 1.111rem;
    position: relative;
    top: 1px
}

    .account-form-conatiner .socialmedia-btn .icon-Facebook::before {
        color: #4267B2
    }

.account-form-conatiner .socialmedia-btn img {
    width: 1.111rem;
    height: auto
}

@media (max-width: 767px) {
    .account-form-conatiner .socialmedia-btn {
        border-width: 0px;
        width: 3.929rem;
        height: 3.929rem;
        border-radius: 50%;
        margin: 0.556rem 1.143rem 0
    }

        .account-form-conatiner .socialmedia-btn span {
            display: none
        }
}

@media (max-width: 767px) {
    .account-form-conatiner .socialmedia-btns-container {
        margin: 0 auto;
        text-align: center
    }

        .account-form-conatiner .socialmedia-btns-container .google-btn {
            background-color: #F3F6FB
        }

            .account-form-conatiner .socialmedia-btns-container .google-btn img {
                width: 1.714rem
            }

        .account-form-conatiner .socialmedia-btns-container .Facebook-btn {
            background-color: #4267B2
        }

            .account-form-conatiner .socialmedia-btns-container .Facebook-btn .icon-Facebook {
                font-size: 1.375rem
            }

                .account-form-conatiner .socialmedia-btns-container .Facebook-btn .icon-Facebook::before {
                    color: #fff
                }
}

.account-form-conatiner .btn.btn-primary {
    margin-top: 0.556rem;
    min-width: 8.833rem
}

.account-form-conatiner .fancy.amp {
    margin: 1.667rem 0 1.111rem;
    text-align: center
}

@media (max-width: 767px) {
    .account-form-conatiner .fancy.amp {
        margin: 2.286rem 0 0.571rem
    }
}

.account-form-conatiner .fancy.amp span {
    font-size: 0.889rem;
    color: #666;
    line-height: 1.333rem;
    display: inline-block;
    position: relative;
    width: 100%
}

@media (max-width: 767px) {
    .account-form-conatiner .fancy.amp span {
        font-size: 1.071rem;
        line-height: 1.5rem
    }
}

.account-form-conatiner .fancy.amp span::before, .account-form-conatiner .fancy.amp span::after {
    content: "";
    position: absolute;
    height: 0.6665rem;
    border-bottom: 1px solid #E7E8EB;
    top: 0;
    width: calc(50% - 6.333rem)
}

@media (max-width: 767px) {
    .account-form-conatiner .fancy.amp span::before, .account-form-conatiner .fancy.amp span::after {
        height: 0.75rem;
        width: calc(50% - 8.333rem)
    }
}

.account-form-conatiner .fancy.amp span:before {
    margin-right: 15px;
    left: 0px
}

.account-form-conatiner .fancy.amp span:after {
    margin-left: 15px;
    right: 0px
}

.account-form-conatiner .form-group, .edit-profile-form-conatiner .form-group {
    margin-bottom: 1.111rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-group, .edit-profile-form-conatiner .form-group {
        margin-bottom: 1.25rem
    }
}

.account-form-conatiner .form-control-container, .edit-profile-form-conatiner .form-control-container {
    position: relative
}

    .account-form-conatiner .form-control-container .clear-input, .edit-profile-form-conatiner .form-control-container .clear-input {
        display: none
    }

.account-form-conatiner .form-error .form-control-container .clear-input, .edit-profile-form-conatiner .form-error .form-control-container .clear-input {
    content: "\e99a";
    display: inline-block;
    font-family: "icomoon";
    position: absolute;
    right: 1.111rem;
    z-index: 1;
    top: 1.1rem;
    font-size: 0.778rem
}

    .account-form-conatiner .form-error .form-control-container .clear-input i::before, .edit-profile-form-conatiner .form-error .form-control-container .clear-input i::before {
        color: #EA2839
    }

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-error .form-control-container .clear-input, .edit-profile-form-conatiner .form-error .form-control-container .clear-input {
        font-size: 0.875rem;
        right: 1.25rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .form-error .form-control-container .clear-input, .edit-profile-form-conatiner .form-error .form-control-container .clear-input {
        font-size: 1rem;
        right: 1.571rem;
        top: 1.5rem
    }
}

.account-form-conatiner .select-wrapper .ng-select .ng-select-container, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container {
    height: 15.056rem;
    overflow: auto
}

    .account-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-scrollbar, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-scrollbar {
        width: 6px
    }

    .account-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-scrollbar-thumb, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-scrollbar-thumb {
        background: #C4C4C4;
        border-radius: 20px
    }

    .account-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-scrollbar-track, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-scrollbar-track {
        background: #E7E8EB;
        border-radius: 20px
    }

.account-form-conatiner .select-wrapper .ng-select .ng-select-container, .edit-profile-form-conatiner .form-control, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container {
    background-color: #F6F6F8;
    padding: 1.01rem 1.111rem;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 1.482rem;
    border-width: 0px;
    color: #666
}

    .account-form-conatiner .form-control:disabled, .account-form-conatiner .form-control.disabled, .account-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled, .account-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled, .edit-profile-form-conatiner .form-control:disabled, .edit-profile-form-conatiner .form-control.disabled, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled {
        background-color: #dddde5;
        cursor: default;
        pointer-events: none
    }

        .account-form-conatiner .form-control:disabled #phone, .account-form-conatiner .form-control.disabled #phone, .account-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone, .account-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone, .edit-profile-form-conatiner .form-control:disabled #phone, .edit-profile-form-conatiner .form-control.disabled #phone, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone {
            background-color: transparent
        }

            .account-form-conatiner .form-control:disabled #phone .iti__selected-flag, .account-form-conatiner .form-control.disabled #phone .iti__selected-flag, .account-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone .iti__selected-flag, .account-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone .iti__selected-flag, .edit-profile-form-conatiner .form-control:disabled #phone .iti__selected-flag, .edit-profile-form-conatiner .form-control.disabled #phone .iti__selected-flag, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone .iti__selected-flag, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone .iti__selected-flag {
                padding: 0
            }

            .account-form-conatiner .form-control:disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .account-form-conatiner .form-control:disabled #phone .iti.separate-dial-code input, .account-form-conatiner .form-control.disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .account-form-conatiner .form-control.disabled #phone .iti.separate-dial-code input, .account-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .account-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone .iti.separate-dial-code input, .account-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .account-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone .iti.separate-dial-code input, .edit-profile-form-conatiner .form-control:disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .edit-profile-form-conatiner .form-control:disabled #phone .iti.separate-dial-code input, .edit-profile-form-conatiner .form-control.disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .edit-profile-form-conatiner .form-control.disabled #phone .iti.separate-dial-code input, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container:disabled #phone .iti.separate-dial-code input, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone .iti.separate-dial-code.iti--allow-dropdown input, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container.disabled #phone .iti.separate-dial-code input {
                padding-left: 75px
            }

    .account-form-conatiner .form-control::-webkit-input-placeholder, .account-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-input-placeholder, .edit-profile-form-conatiner .form-control::-webkit-input-placeholder, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container::-webkit-input-placeholder {
        opacity: 0.5
    }

    .account-form-conatiner .form-control::-moz-placeholder, .account-form-conatiner .select-wrapper .ng-select .ng-select-container::-moz-placeholder, .edit-profile-form-conatiner .form-control::-moz-placeholder, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container::-moz-placeholder {
        opacity: 0.5
    }

    .account-form-conatiner .form-control::-moz-placeholder, .account-form-conatiner .select-wrapper .ng-select .ng-select-container::-moz-placeholder, .edit-profile-form-conatiner .form-control::-moz-placeholder, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container::-moz-placeholder {
        opacity: 0.5
    }

    .account-form-conatiner .form-control:-ms-input-placeholder, .account-form-conatiner .select-wrapper .ng-select .ng-select-container:-ms-input-placeholder, .edit-profile-form-conatiner .form-control:-ms-input-placeholder, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container:-ms-input-placeholder {
        opacity: 0.5
    }

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-control, .account-form-conatiner .select-wrapper .ng-select .ng-select-container, .edit-profile-form-conatiner .form-control, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container {
        padding: 1.375rem 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .form-control, .account-form-conatiner .select-wrapper .ng-select .ng-select-container, .edit-profile-form-conatiner .form-control, .edit-profile-form-conatiner .select-wrapper .ng-select .ng-select-container {
        padding: 1.571rem 1.429rem;
        font-size: 1.143rem;
        line-height: 1.357rem
    }
}

.account-form-conatiner ngx-intl-tel-input, .edit-profile-form-conatiner ngx-intl-tel-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

    .account-form-conatiner ngx-intl-tel-input .iti.iti--allow-dropdown.separate-dial-code, .edit-profile-form-conatiner ngx-intl-tel-input .iti.iti--allow-dropdown.separate-dial-code {
        /*width: 100%*/
    }

.account-form-conatiner .form-control-container .iti.iti--allow-dropdown.iti--separate-dial-code, .edit-profile-form-conatiner .form-control-container .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%
}

.account-form-conatiner .form-control.intlTelInput, .edit-profile-form-conatiner .form-control.intlTelInput {
    width: 100%
}

.account-form-conatiner .iti--separate-dial-code .iti__selected-flag, .edit-profile-form-conatiner .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    /*padding-left: 1.111rem*/
    padding: 0 0.5rem;
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .iti--separate-dial-code .iti__selected-flag, .edit-profile-form-conatiner .iti--separate-dial-code .iti__selected-flag {
        padding-left: 1.25rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .iti--separate-dial-code .iti__selected-flag, .edit-profile-form-conatiner .iti--separate-dial-code .iti__selected-flag {
        padding-left: 1.429rem
    }
}

.account-form-conatiner .invalid-feedback, .edit-profile-form-conatiner .invalid-feedback {
    display: block;
    font-size: 0.778rem;
    color: #EA2839;
    line-height: 1.167rem;
    margin-top: 0.556rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .invalid-feedback, .edit-profile-form-conatiner .invalid-feedback {
        font-size: 0.75rem;
        line-height: 1.125rem;
        margin-top: 0.313rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .invalid-feedback, .edit-profile-form-conatiner .invalid-feedback {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 0.357rem
    }
}

.account-form-conatiner select.form-control:not([size]):not([multiple]), .edit-profile-form-conatiner select.form-control:not([size]):not([multiple]) {
    height: auto
}

.account-form-conatiner select, .edit-profile-form-conatiner select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.account-form-conatiner .select-wrapper select, .edit-profile-form-conatiner .select-wrapper select {
    background: url("../../revamp-assets/dist/img/icons/Arrow-Down-dark.svg") calc(100% - 1.111rem) calc(50% + 1.5px) no-repeat,#F6F6F8 !important
}

.account-form-conatiner label.form-label, .edit-profile-form-conatiner label.form-label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Bold";
    vertical-align: top;
    margin-bottom: 0.278rem;
    display: block
}

    .account-form-conatiner label.form-label .required-icon, .account-form-conatiner .required-icon, .edit-profile-form-conatiner label.form-label .required-icon {
        color: #EA2839;
        margin-left: 0.222rem;
        font-size: 1rem;
        line-height: 1.5rem
    }

.required-icon {
    color: #EA2839;
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner label.form-label, .edit-profile-form-conatiner label.form-label {
        font-size: 0.875rem;
        line-height: 1.313rem;
        margin-bottom: 0.313rem
    }

        .account-form-conatiner label.form-label .required-icon, .edit-profile-form-conatiner label.form-label .required-icon {
            font-size: 0.875rem;
            line-height: 1.313rem;
            margin-left: 0.25rem
        }
}

@media (max-width: 767px) {
    .account-form-conatiner label.form-label, .edit-profile-form-conatiner label.form-label {
        margin-bottom: 0.571rem
    }
}

.account-form-conatiner .form-check-group .form-check, .edit-profile-form-conatiner .form-check-group .form-check {
    margin-bottom: 1.222rem
}

.account-form-conatiner .form-check-inline, .edit-profile-form-conatiner .form-check-inline {
    margin-right: 0
}

    .account-form-conatiner .form-check-inline + .form-check-inline, .edit-profile-form-conatiner .form-check-inline + .form-check-inline {
        margin-left: 0.556rem
    }

@media (max-width: 767px) {
    .account-form-conatiner .form-check-inline + .form-check-inline, .edit-profile-form-conatiner .form-check-inline + .form-check-inline {
        margin-left: 0.714rem
    }
}

.account-form-conatiner .form-check-group .form-check, .edit-profile-form-conatiner .form-check-group .form-check {
    padding-left: 0
}

    .account-form-conatiner .form-check-group .form-check input, .edit-profile-form-conatiner .form-check-group .form-check input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer
    }

    .account-form-conatiner .form-check-group .form-check label, .edit-profile-form-conatiner .form-check-group .form-check label {
        position: relative;
        cursor: pointer;
        display: flex
    }

        .account-form-conatiner .form-check-group .form-check label .check-txt, .edit-profile-form-conatiner .form-check-group .form-check label .check-txt {
            margin-left: 0.556rem;
            color: #222;
            font-size: 0.889rem;
            line-height: 1.333rem;
            display: block
        }

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-check-group .form-check label .check-txt, .edit-profile-form-conatiner .form-check-group .form-check label .check-txt {
        font-size: 0.875rem
    }
}

.account-form-conatiner .form-check-group .form-check label:before, .edit-profile-form-conatiner .form-check-group .form-check label:before {
    content: "";
    -webkit-appearance: none;
    background-color: #f1f2f2;
    width: 1.333rem;
    min-width: 1.333rem;
    height: 1.333rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px
}

.account-form-conatiner .form-check-group .form-check input:checked + label:after, .edit-profile-form-conatiner .form-check-group .form-check input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.252rem;
    left: 0.451rem;
    width: 0.398rem;
    height: 0.744rem;
    border: solid #1C024B;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-check-group .form-check input:checked + label:after, .edit-profile-form-conatiner .form-check-group .form-check input:checked + label:after {
        left: 0.51rem
    }
}

.account-form-conatiner .form-radio-group .form-check.form-check-inline, .edit-profile-form-conatiner .form-radio-group .form-check.form-check-inline {
    padding: 1.222rem 1.111rem;
    border: 0.5px solid #E7E8EB;
    border-radius: 3px;
    min-width: 37%
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-radio-group .form-check.form-check-inline, .edit-profile-form-conatiner .form-radio-group .form-check.form-check-inline {
        padding: 1.375rem 1.25rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .form-radio-group .form-check.form-check-inline, .edit-profile-form-conatiner .form-radio-group .form-check.form-check-inline {
        min-width: calc(50% - 0.48rem);
        padding: 1.071rem
    }
}

.account-form-conatiner .form-radio-group .form-check.form-check-inline label, .edit-profile-form-conatiner .form-radio-group .form-check.form-check-inline label {
    color: #222;
    font-size: 1rem;
    line-height: 1.5rem
}

.account-form-conatiner .form-radio-group [type="radio"]:checked, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked), .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

    .account-form-conatiner .form-radio-group [type="radio"]:checked + label, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 1.667rem;
        cursor: pointer;
        line-height: 1.111rem;
        display: inline-block
    }

@media (max-width: 767px) {
    .account-form-conatiner .form-radio-group [type="radio"]:checked + label, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label {
        font-size: 0.889rem;
        line-height: 1.333rem;
        padding-left: 2.143rem
    }
}

.account-form-conatiner .form-radio-group [type="radio"]:checked + label:before, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:before, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:before, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.111rem;
    height: 1.111rem;
    border: 1px solid #E7E8EB;
    border-radius: 100%;
    background: transparent
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-radio-group [type="radio"]:checked + label:before, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:before, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:before, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:before {
        width: 1.25rem;
        height: 1.25rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-radio-group [type="radio"]:checked + label:before, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:before, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:before, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:before {
        width: 1.429rem;
        height: 1.429rem
    }
}

.account-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 0.667rem;
    height: 0.667rem;
    background: #1C024B;
    position: absolute;
    top: 0.222rem;
    left: 0.222rem;
    border-radius: 100%;
    transition: all 0.2s ease
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after {
        width: 0.75rem;
        height: 0.75rem;
        top: 0.25rem;
        left: 0.25rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after {
        width: 0.857rem;
        height: 0.857rem;
        top: 0.286rem;
        left: 0.286rem
    }
}

.account-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

.account-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .account-form-conatiner .form-radio-group [type="radio"].checked + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"]:checked + label:after, .edit-profile-form-conatiner .form-radio-group [type="radio"].checked + label:after {
    opacity: 1;
    transform: scale(1)
}

.account-form-conatiner .date-picker-wrapper, .edit-profile-form-conatiner .date-picker-wrapper {
    position: relative;
    display: inline-block;
    width: 100%
}

    .account-form-conatiner .date-picker-wrapper:before, .edit-profile-form-conatiner .date-picker-wrapper:before {
        content: "\e919";
        font-family: "icomoon";
        position: absolute;
        right: 1.111rem;
        top: 1rem;
        color: #1C024B;
        font-size: 1.1125rem;
        z-index: 1
    }

@media (min-width: 767px) and (max-width: 992px) {
    .account-form-conatiner .date-picker-wrapper:before, .edit-profile-form-conatiner .date-picker-wrapper:before {
        font-size: 1.25rem
    }
}

@media (max-width: 767px) {
    .account-form-conatiner .date-picker-wrapper:before, .edit-profile-form-conatiner .date-picker-wrapper:before {
        right: 1.3rem;
        top: 1.111rem;
        font-size: 1.425rem
    }
}

.account-form-conatiner .date-picker-wrapper input[type="date"]::-webkit-inner-spin-button, .account-form-conatiner .date-picker-wrapper input[type="date"]::-webkit-calendar-picker-indicator, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]::-webkit-inner-spin-button, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0px !important;
    width: 100%;
    height: 100%
}

.account-form-conatiner .date-picker-wrapper input[type="date"], .edit-profile-form-conatiner .date-picker-wrapper input[type="date"] {
    border: none;
    box-sizing: border-box;
    outline: 0;
    position: relative;
    width: 100%;
    color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1rem;
    line-height: 1.4rem
}

    .account-form-conatiner .date-picker-wrapper input[type="date"]::before, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]::before {
        content: attr(placeholder);
        position: absolute;
        color: #666;
        opacity: 0.5;
        font-size: 1rem;
        line-height: 1.056rem;
        left: 1.111rem
    }

    .account-form-conatiner .date-picker-wrapper input[type="date"]:focus, .account-form-conatiner .date-picker-wrapper input[type="date"]:valid, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]:focus, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]:valid {
        color: #666
    }

        .account-form-conatiner .date-picker-wrapper input[type="date"]:focus::before, .account-form-conatiner .date-picker-wrapper input[type="date"]:valid::before, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]:focus::before, .edit-profile-form-conatiner .date-picker-wrapper input[type="date"]:valid::before {
            content: "" !important
        }

.account-form-conatiner .date-picker-wrapper input::-webkit-calendar-picker-indicator, .edit-profile-form-conatiner .date-picker-wrapper input::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.account-form-conatiner .form-alert-msg, .edit-profile-form-conatiner .form-alert-msg {
    background: #F3F6FB;
    margin: 0 auto;
    max-width: 50%;
    width: 50%;
    border-radius: 20px;
    padding: 3.33rem 5.25rem;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1)
}

@media (max-width: 991.98px) {
    .account-form-conatiner .form-alert-msg, .edit-profile-form-conatiner .form-alert-msg {
        max-width: 70%;
        width: 70%
    }
}

@media (max-width: 767.98px) {
    .account-form-conatiner .form-alert-msg, .edit-profile-form-conatiner .form-alert-msg {
        max-width: 100%;
        width: 100%
    }
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background: #fff
}

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
        border-right: 0px;
        float: right;
        color: #0065BD;
        font-size: 0.889rem;
        line-height: 1.333rem;
        padding-left: 0.278rem;
        padding-top: 0.417rem;
        padding-bottom: 0.417rem;
        padding-right: 0.556rem
    }

        .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left span {
            color: #0065BD;
            font-size: 0.889rem;
            line-height: 1.333rem
        }

.ng-select .ng-select-container {
    align-items: flex-start
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    color: #0065BD;
    font-size: 0.889rem;
    line-height: 1.333rem;
    padding-left: 0.556rem;
    padding-top: 0.417rem;
    padding-bottom: 0.417rem;
    padding-right: 0.278rem
}

.ng-select .ng-arrow-wrapper {
    padding-right: 0px;
    text-align: right !important
}

    .ng-select .ng-arrow-wrapper .ng-arrow {
        border-color: #000 transparent transparent;
        border-style: solid;
        border-width: 4px 4px 2.5px
    }

.iti__flag {
    border-radius: 3px
}

.backHome a {
    font-family: "Tajawal-Bold"
}

.bold-font {
    font-family: "Tajawal-Bold"
}

.form-info-txt {
    font-size: 0.85rem
}

    .form-info-txt i {
        margin-right: 0.33rem;
        top: 1px;
        position: relative
    }

        .form-info-txt i::before {
        }

.account-page-conatiner {
    /*background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%)*/
}

    .account-page-conatiner .account-form-wrapper {
        /*background-image: url("../../revamp-assets/dist/img/wave/Wave3.png");*/
        display: flex;
        align-items: center;
        background-position-y: 0px;
        background-position-x: 92%;
        background-repeat: no-repeat;
        background-size: 155%;
        padding: 5.167rem 0 5.667rem;
        min-height: 100vh
    }

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-wrapper {
        padding: 8.438rem 0 6.938rem;
        background-position-y: -2rem;
        background-size: 82rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-wrapper {
        padding: 9.357rem 0 6.429rem;
        background-position-y: 2rem;
        background-size: 47rem
    }
}

.account-page-conatiner .account-form-conatiner {
    padding: 3.333rem 5.25rem;
    margin: 0 auto;
    max-width: 35.278rem;
    width: 35.278rem
}

@media (min-width: 1981px) {
    .account-page-conatiner .account-form-conatiner {
        min-width: 35.278rem;
        max-width: 44vw;
        width: 35.278rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner {
        width: 73.7rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner {
        width: calc(100vw - 4rem);
        max-width: 30rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner {
        padding: 3.75rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner {
        padding: 2.643rem 1.714rem
    }
}

.account-page-conatiner .account-form-conatiner .account-form-title {
    margin-bottom: 1.667rem;
    font-size: 2.222rem;
    line-height: 2.444rem;
    letter-spacing: -0.02em;
    text-align: center
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner .account-form-title {
        font-size: 1.875rem;
        line-height: 1.688rem;
        margin-bottom: 1.875rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner .account-form-title {
        font-size: 1.429rem;
        line-height: 2rem;
        margin-bottom: 2.286rem
    }
}

.account-page-conatiner .account-form-conatiner .account-form-desc {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.667rem
}

.account-page-conatiner .account-form-conatiner.register-form-conatiner {
    max-width: 38.278rem;
    width: 38.278rem
}

@media (min-width: 1981px) {
    .account-page-conatiner .account-form-conatiner.register-form-conatiner {
        min-width: 35.278rem;
        max-width: 44vw;
        width: 35.278rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.register-form-conatiner {
        width: 73.7rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.register-form-conatiner {
        width: calc(100vw - 4rem);
        max-width: 30rem
    }
}

.account-page-conatiner .account-form-conatiner.register-form-conatiner .btn.btn-primary.submit-btn {
    min-width: 52.5%
}

.account-page-conatiner .account-form-conatiner.register-form-conatiner .form-check-group {
    margin: 2.333rem 0 1rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.register-form-conatiner .form-check-group {
        margin: 3.25rem 0 2.313rem
    }
}

.account-page-conatiner .account-form-conatiner.login-form-conatiner {
    max-width: 35.278rem;
    width: 35.278rem
}

@media (min-width: 1981px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner {
        min-width: 35.278rem;
        max-width: 44vw;
        width: 35.278rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner {
        width: 73.7rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner {
        width: calc(100vw - 4rem);
        max-width: 30rem
    }
}

.account-page-conatiner .account-form-conatiner.login-form-conatiner .btn.btn-primary.submit-btn {
    min-width: 12.167rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner .btn.btn-primary.submit-btn {
        min-width: 58.05%
    }
}

.account-page-conatiner .account-form-conatiner.login-form-conatiner .form-check-group {
    margin: 0rem 0 1.111rem
}

    .account-page-conatiner .account-form-conatiner.login-form-conatiner .form-check-group .form-check {
        margin-bottom: 0
    }

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner .form-check-group {
        margin: 0.889rem 0 1.319rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner .form-check-group {
        margin: 0.175rem 0 0.73rem
    }
}

.account-page-conatiner .account-form-conatiner.login-form-conatiner .login-signup-link {
    margin-top: 1.667rem;
    font-size: 0.889rem;
    line-height: 1.333rem;
    color: #666
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner .login-signup-link {
        font-size: 0.938rem;
        line-height: 1.313rem;
        margin-top: 1.875rem;
        margin-bottom: 0.213rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner .login-signup-link {
        font-size: 1.071rem;
        line-height: 1.5rem;
        margin-bottom: 0;
        margin-top: 1.786rem
    }
}

.account-page-conatiner .account-form-conatiner.login-form-conatiner .login-forgetpassword-link {
    font-size: 0.889rem;
    line-height: 1.333rem;
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.login-form-conatiner .login-forgetpassword-link {
        font-size: 1.071rem;
        line-height: 1.5rem
    }
}

.account-page-conatiner .account-form-conatiner.forgetpassword-form-conatiner {
    max-width: 35.278rem;
    width: 35.278rem
}

@media (min-width: 1981px) {
    .account-page-conatiner .account-form-conatiner.forgetpassword-form-conatiner {
        min-width: 35.278rem;
        max-width: 44vw;
        width: 35.278rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.forgetpassword-form-conatiner {
        width: 73.7rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.forgetpassword-form-conatiner {
        width: calc(100vw - 4rem);
        max-width: 30rem
    }
}

.account-page-conatiner .account-form-conatiner.forgetpassword-form-conatiner .btn.btn-primary.submit-btn {
    min-width: 52.5%
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.forgetpassword-form-conatiner .btn.btn-primary.submit-btn {
        min-width: 58.05%
    }
}

.content-layout .sitemap-header .breadcrumb-item {
    display: none
}

    .content-layout .sitemap-header .breadcrumb-item.active {
        display: block
    }

.content-layout .content-page-container ul {
    list-style: none
}

.content-layout .content-page-container .sitemap-list {
    margin: 0 !important;
    padding-left: 0;
    padding-right: 0
}

    .content-layout .content-page-container .sitemap-list li {
        border-top: 1px solid #E7E8EB;
        padding-left: 0
    }

        .content-layout .content-page-container .sitemap-list li::before {
            display: none
        }

        .content-layout .content-page-container .sitemap-list li:first-child {
            border-top: none
        }

            .content-layout .content-page-container .sitemap-list li:first-child a {
                padding-top: 0
            }

        .content-layout .content-page-container .sitemap-list li a {
            font-size: 1.333rem;
            color: #000;
            line-height: 110%;
            font-family: "Tajawal-Bold";
            text-transform: capitalize;
            padding: 2rem 0;
            display: flex;
            align-items: center
        }

@media (max-width: 992px) {
    .content-layout .content-page-container .sitemap-list li a {
        font-size: 1.5rem;
        padding: 2rem 0
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container .sitemap-list li a {
        font-size: 1.4571rem;
        padding: 1.4571rem 0
    }
}

.content-layout .content-page-container .sitemap-list li a:hover {
    color: #0065BD
}

.content-layout .content-page-container .sitemap-list li a > span {
    transition: all 0.25s ease-in-out;
    margin-left: 1.111rem;
    display: block;
    justify-content: center;
    font-size: 2.3rem;
    transform: translateX(0px)
}

@media (max-width: 992px) {
    .content-layout .content-page-container .sitemap-list li a > span {
        margin-left: 1.25rem;
        font-size: 2.3rem
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container .sitemap-list li a > span {
        margin-left: 1.429rem;
        font-size: 1.7rem
    }
}

.content-layout .content-page-container .sub-sitemap {
    margin: 0 !important;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0
}

    .content-layout .content-page-container .sub-sitemap li {
        border-top: none;
        padding-left: 0
    }

        .content-layout .content-page-container .sub-sitemap li::before {
            display: none
        }

        .content-layout .content-page-container .sub-sitemap li a {
            font-size: 1rem;
            color: #000;
            line-height: 110%;
            font-family: "Tajawal-Bold";
            text-transform: capitalize;
            padding-bottom: 1.611rem;
            padding-top: 0;
            display: flex
        }

@media (max-width: 992px) {
    .content-layout .content-page-container .sub-sitemap li a {
        font-size: 1.375rem;
        padding-bottom: 1.813rem;
        padding-top: 0
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container .sub-sitemap li a {
        font-size: 1.143rem;
        padding-bottom: 2rem;
        padding-top: 0
    }
}

.content-layout .content-page-container .sub-sitemap li a:hover {
    color: #0065BD
}

.content-layout .content-page-container .sub-sitemap li a span {
    margin-left: 1.5rem;
    font-size: 1rem;
    transform: scaleX(-1)
}

@media (max-width: 992px) {
    .content-layout .content-page-container .sub-sitemap li a span {
        margin-left: 1.25rem;
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container .sub-sitemap li a span {
        margin-left: 1rem;
        font-size: 1rem
    }
}

.content-layout .content-page-container .sub-sitemap li .site-map-logout button {
    font-size: 1rem;
    color: #000;
    line-height: 110%;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    padding-bottom: 1.611rem;
    padding-top: 0;
    display: inline-flex;
    border: 0;
    background: transparent;
    padding-left: 0;
    outline: none
}

@media (max-width: 992px) {
    .content-layout .content-page-container .sub-sitemap li .site-map-logout button {
        font-size: 1.375rem;
        padding-bottom: 1.813rem;
        padding-top: 0
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container .sub-sitemap li .site-map-logout button {
        font-size: 1.143rem;
        padding-bottom: 2rem;
        padding-top: 0
    }
}

.content-layout .content-page-container .sub-sitemap li .site-map-logout button:hover {
    color: #0065BD
}

.content-layout .content-page-container .sub-sitemap li .site-map-logout span {
    margin-left: 1.5rem;
    font-size: 1rem;
    transform: scaleX(-1);
    display: inline-block
}

@media (max-width: 992px) {
    .content-layout .content-page-container .sub-sitemap li .site-map-logout span {
        margin-left: 1.25rem;
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container .sub-sitemap li .site-map-logout span {
        margin-left: 1rem;
        font-size: 1rem
    }
}

.partner-details-header {
    padding: 5.556rem 0 1.222rem !important
}

@media (max-width: 992px) {
    .partner-details-header {
        padding: 3.75rem 0 2.222rem !important
    }
}

@media (max-width: 768px) {
    .partner-details-header {
        padding: 4.286rem 0 2.222rem !important
    }
}

.partner-details-header h1, .partner-details-header .page-slogn {
    display: none
}

.partner-details-header .breadcrumb {
    flex-wrap: wrap
}

.listing-section .partner-info {
    position: relative;
    padding: 0 0 5.556rem !important
}

@media (max-width: 768px) {
    .listing-section .partner-info {
        padding: 0 0 5.714rem !important
    }
}

.listing-section .partner-info::before {
    content: "";
    display: block;
    width: 85%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url("../../revamp-assets/dist/img/default booklet/Wave.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1
}

.listing-section .partner-info h2 {
    margin-top: 0;
    margin-bottom: 1.722rem;
    line-height: 3rem;
    color: #1C024B;
    font-size: 3.3rem
}

@media (max-width: 992px) {
    .listing-section .partner-info h2 {
        margin-top: 2.222rem !important;
        margin-bottom: 1.563rem;
        font-size: 2.5rem;
        line-height: 2.25rem
    }
}

@media (max-width: 768px) {
    .listing-section .partner-info h2 {
        margin-bottom: 1.786rem;
        font-size: 2.143rem;
        line-height: 1.929rem
    }
}

.listing-section .partner-info p, .listing-section .partner-info [class*="raw_components--panel"], .listing-section .partner-info .partner-desc {
    margin-bottom: 1.722rem;
    color: #222
}

@media (max-width: 992px) {
    .listing-section .partner-info p, .listing-section .partner-info [class*="raw_components--panel"], .listing-section .partner-info .partner-desc {
        margin-bottom: 1.563rem
    }
}

@media (max-width: 768px) {
    .listing-section .partner-info p, .listing-section .partner-info [class*="raw_components--panel"], .listing-section .partner-info .partner-desc {
        margin-bottom: 1.786rem
    }
}

.listing-section .partner-info .partner-contact-info__item {
    margin-bottom: 1.722rem;
    color: #666;
    display: flex;
    align-items: center
}

@media (max-width: 992px) {
    .listing-section .partner-info .partner-contact-info__item {
        margin-bottom: 1.563rem
    }
}

@media (max-width: 768px) {
    .listing-section .partner-info .partner-contact-info__item {
        margin-bottom: 1.786rem
    }
}

.listing-section .partner-info .partner-contact-info__item.partner-email {
    margin-bottom: 1.722rem
}

@media (max-width: 992px) {
    .listing-section .partner-info .partner-contact-info__item.partner-email {
        margin-bottom: 1.563rem
    }
}

@media (max-width: 768px) {
    .listing-section .partner-info .partner-contact-info__item.partner-email {
        margin-bottom: 1.786rem
    }
}

.listing-section .partner-info .btn-SECONDARY {
    margin-bottom: 1.111rem !important
}

@media (max-width: 992px) {
    .listing-section .partner-info .btn-SECONDARY {
        margin-bottom: 1.563rem !important
    }
}

@media (max-width: 768px) {
    .listing-section .partner-info .btn-SECONDARY {
        margin-bottom: 1.786rem !important
    }
}

.listing-section .partner-info .btn-SECONDARY [class^="icon-"] {
    margin-right: 8px;
    transform: translate(5px, 2px);
    display: inline-block
}

    .listing-section .partner-info .btn-SECONDARY [class^="icon-"]::before {
        font-size: 18px;
        color: #000
    }

.listing-section .partner-info .row {
    align-items: flex-start
}

.listing-section .partner-info .partrner-info-img {
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid #E7E8EB;
    border-radius: 5px;
    overflow: hidden;
    max-width: 24.667rem;
    height: 16.056rem;
    object-fit: contain
}

@media (max-width: 992px) {
    .listing-section .partner-info .partrner-info-img {
        max-width: 18.75rem;
        height: 12.162rem
    }
}

@media (max-width: 768px) {
    .listing-section .partner-info .partrner-info-img {
        max-width: 22.286rem;
        height: 14.286rem
    }
}

.listing-section .partner-info .contact-us-social-media-sec {
    margin: 0
}

.related-items {
    padding: 100px 0;
    background: #F3F6FB
}

    .related-items a {
        display: block;
        color: #222
    }

    .related-items .subsection-title h3 {
        color: #222;
        margin-bottom: 2rem;
        font-size: 2.222rem;
        line-height: 110%;
        letter-spacing: -0.02em
    }

@media (min-width: 767px) and (max-width: 992px) {
    .related-items .subsection-title h3 {
        font-size: 1.875rem;
        line-height: 1.688rem;
        margin-bottom: 1.875rem
    }
}

@media (max-width: 767px) {
    .related-items .subsection-title h3 {
        font-size: 1.429rem;
        line-height: 2rem;
        margin-bottom: 2.286rem
    }
}

.related-items .card-event {
    width: 100%
}

    .related-items .card-event .popup-Share {
        left: auto !important;
        right: 0 !important
    }

    .related-items .card-event .card-body {
        padding: 1.333rem;
        background: #fff;
        border-radius: 5px
    }

@media (max-width: 992px) {
    .related-items .card-event .card-body {
        padding: 1.125rem
    }
}

@media (max-width: 768px) {
    .related-items .card-event .card-body {
        padding: 1.714rem
    }
}

.related-items .card-event .card-body h4 {
    font-size: 0.667rem;
    line-height: 110%
}

@media (min-width: 767px) and (max-width: 992px) {
    .related-items .card-event .card-body h4 {
        font-size: 0.75rem
    }
}

@media (max-width: 767px) {
    .related-items .card-event .card-body h4 {
        font-size: 0.857rem
    }
}

.related-items .card-event .card-body p {
    margin: 0;
    font-size: 0.777rem;
    line-height: 110%;
    margin-bottom: 0.278rem;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    color: #222
}

@media (min-width: 767px) and (max-width: 992px) {
    .related-items .card-event .card-body p {
        font-size: 0.75rem;
        margin-bottom: 0.313rem
    }
}

@media (max-width: 767px) {
    .related-items .card-event .card-body p {
        font-size: 0.857rem;
        margin-bottom: 0.357rem
    }
}

.related-items .card-event .card-body [class^="icon-"] {
    margin-right: 8px
}

    .related-items .card-event .card-body [class^="icon-"]::before {
        font-size: 18px
    }

.related-items .card-event .card-body ul {
    display: flex;
    align-items: flex-start;
    margin-bottom: 6px
}

.related-items .card-event .card-img {
    height: 12.667rem;
    background-position: center
}

@media (max-width: 992px) {
    .related-items .card-event .card-img {
        height: 8.5rem
    }
}

@media (max-width: 768px) {
    .related-items .card-event .card-img {
        height: 14.5rem
    }
}

.related-items .card-event .related-event__title {
    font-size: 1.111rem;
    line-height: 110%;
    font-family: "Tajawal-Regular";
    font-weight: 300
}

@media (max-width: 992px) {
    .related-items .card-event .related-event__title {
        font-size: 1.25rem
    }
}

@media (max-width: 768px) {
    .related-items .card-event .related-event__title {
        font-size: 1.286rem
    }
}

.related-items .card-date i {
    top: -1px !important
}

.related-items .card-location {
    align-items: center
}

    .related-items .card-location i {
        font-size: 1rem;
        position: relative;
        left: -4px;
        top: -1px !important
    }

    .related-items .card-location .location {
        display: block
    }

        .related-items .card-location .location label {
            margin-bottom: 0
        }

.partner-contact-info__item {
    color: #666
}

    .partner-contact-info__item [class^="icon-"] {
        margin-right: 8px
    }

        .partner-contact-info__item [class^="icon-"]::before {
            font-size: 18px
        }

.partner-contact-info .icon-Download {
    display: inline-block;
    transform: translatey(2px)
}

    .partner-contact-info .icon-Download::before {
        line-height: 1.5;
        margin-left: 10px;
        font-size: 1.111rem;
        display: inline-block
    }

/*.edit-profile-header {
    position: relative;
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%);
    padding: 10.833rem 0 5.667rem;
    color: #fff
}*/

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-header {
        padding: 7.125rem 0 6.688rem
    }
}

@media (max-width: 767px) {
    .edit-profile-header {
        padding: 7.429rem 0 5.214rem
    }
}

.edit-profile-header .breadcrumb-cont .breadcrumb {
    display: block;
    margin-bottom: 1.667rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-header .breadcrumb-cont .breadcrumb {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .edit-profile-header .breadcrumb-cont .breadcrumb {
        margin-bottom: 1.429rem
    }
}

.edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item {
    display: inline-block;
    padding: 0 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item {
        padding: 0 0.5rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item {
        padding: 0 0.5rem;
        font-size: 1.071rem;
        line-height: 1.5rem
    }
}

.edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item:first-child {
    padding-left: 0
}

.edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item a {
    color: #178BF0;
    position: relative;
    display: block
}

    .edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item a:after {
        content: "/";
        display: block;
        position: absolute;
        top: 0;
        right: -0.8rem
    }

.edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item.active a {
    color: #fff
}

    .edit-profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item.active a::after {
        content: none
    }

.edit-profile-header .inner-page-title {
    font-size: 3.333rem;
    line-height: 3rem;
    color: #fff;
    margin-bottom: 0
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-header .inner-page-title {
        font-size: 2.5rem;
        line-height: 2.25rem
    }
}

@media (max-width: 767px) {
    .edit-profile-header .inner-page-title {
        font-size: 3.429rem;
        line-height: 2.929rem
    }
}

.edit-profile-header .page-slogn {
    display: none
}

.btn-external-link.btn-link {
    color: #3B1EB2;
    line-height: 1.333rem;
    font-family: "Tajawal-Bold";
    font-size: 0.889rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .btn-external-link.btn-link {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .btn-external-link.btn-link {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.edit-profile-form-conatiner {
    padding: 6.667rem 0
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner {
        padding: 3.75rem 0 6.25rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner {
        padding: 3.571rem 0 5.714rem
    }
}

.edit-profile-form-conatiner .btn.btn-SECONDARY {
    min-width: 60%;
    margin-top: 2.222rem
}

@media (max-width: 992px) {
    .edit-profile-form-conatiner .btn.btn-SECONDARY {
        min-width: 100%
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .btn.btn-SECONDARY {
        margin-top: 3.75rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .btn.btn-SECONDARY {
        margin-top: 3.143rem
    }
}

.edit-profile-form-conatiner .form-check-group .form-check label .check-txt {
    max-width: 22.778rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .form-check-group .form-check label .check-txt {
        max-width: 17.313rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .form-check-group .form-check label .check-txt {
        max-width: 100%
    }
}

.edit-profile-form-conatiner .btn.btn-link.btn-danger {
    letter-spacing: -0.02em;
    font-family: "Tajawal-Bold";
    padding: 1.083rem 1.333rem;
    font-size: 1rem;
    line-height: 1.222rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .btn.btn-link.btn-danger {
        padding: 0.969rem 1.5rem;
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .btn.btn-link.btn-danger {
        padding: 0.893rem 1.429rem;
        line-height: 1.429rem;
        font-size: 1.143rem;
        margin-left: 0.714rem
    }
}

.edit-profile-form-conatiner .btn.btn-link.btn-danger:not(:disabled):not(.disabled):active, .edit-profile-form-conatiner .btn.btn-link.btn-danger:not(:disabled):not(.disabled).active, .edit-profile-form-conatiner .btn.btn-link.btn-danger:not(:disabled):not(.disabled):active:focus {
    color: #EA2839;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.edit-profile-form-conatiner .avatar-edit-buttons-container {
    display: flex;
    padding-bottom: 1.111rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .avatar-edit-buttons-container {
        padding-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .avatar-edit-buttons-container {
        padding-bottom: 0.714rem
    }
}

.edit-profile-form-conatiner .avatar-upload {
    position: relative;
    margin-bottom: 2.222rem;
    align-items: center;
    display: flex
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .avatar-upload {
        margin-bottom: 3.75rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .avatar-upload {
        margin-bottom: 2.222rem
    }
}

.edit-profile-form-conatiner .avatar-upload .avatar-edit input {
    display: none
}

    .edit-profile-form-conatiner .avatar-upload .avatar-edit input + label {
        display: inline-block;
        margin-bottom: 0;
        border-radius: 50px;
        background: #F3F6FB;
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out;
        color: #222;
        font-size: 1rem;
        line-height: 1.222rem;
        letter-spacing: -0.02em;
        font-family: "Tajawal-Bold";
        padding: 1.083rem 1.333rem;
        text-align: center
    }

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .avatar-upload .avatar-edit input + label {
        padding: 0.969rem 1.5rem;
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .avatar-upload .avatar-edit input + label {
        padding: 0.893rem;
        line-height: 1.429rem;
        font-size: 1.143rem;
        min-width: 9.286rem
    }
}

.edit-profile-form-conatiner .avatar-upload .avatar-edit input + label:hover {
    background: #E7E8EB
}

.edit-profile-form-conatiner .avatar-upload .avatar-preview {
    width: 7.778rem;
    height: 7.778rem;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin-right: 1.667rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-form-conatiner .avatar-upload .avatar-preview {
        width: 7.5rem;
        height: 7.5rem;
        margin-right: 1.875rem
    }
}

@media (max-width: 767px) {
    .edit-profile-form-conatiner .avatar-upload .avatar-preview {
        width: 5rem;
        height: 5rem;
        margin-right: 1.143rem
    }
}

.edit-profile-form-conatiner .avatar-upload .avatar-preview > img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.allowed-avatar-types-txt {
    font-size: 0.889rem;
    line-height: 1.333rem;
    color: #666
}

@media (min-width: 767px) and (max-width: 992px) {
    .allowed-avatar-types-txt {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .allowed-avatar-types-txt {
        font-size: 1.143rem;
        line-height: 1.5rem
    }
}

label.edit-profile-subsection-title {
    margin-top: 0px !important
}

@media (min-width: 767px) and (max-width: 992px) {
    label.edit-profile-subsection-title {
        margin: 3.75rem 0 1.375rem !important
    }
}

@media (max-width: 767px) {
    label.edit-profile-subsection-title {
        margin: 3.286rem 0 1.143rem !important
    }
}

.edit-profile-subsection-title {
    margin: 3.333rem 0 1.222rem;
    font-size: 1.333rem;
    line-height: 1.467rem;
    color: #222;
    letter-spacing: -0.02em;
    font-family: "Tajawal-Bold"
}

@media (min-width: 767px) and (max-width: 992px) {
    .edit-profile-subsection-title {
        margin: 3.75rem 0 1.375rem !important;
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .edit-profile-subsection-title {
        font-size: 1.429rem;
        line-height: 1.571rem;
        margin: 5.286rem 0 1.286rem
    }
}

.lg-backdrop {
    background-color: rgba(34,34,34,0.9) !important
}

.lg-outer .lg-thumb-outer {
    top: 0 !important;
    bottom: auto !important
}

.lg-outer {
    width: 90% !important;
    left: 5% !important
}

@media (min-width: 992px) {
    .lg-outer {
        width: 80% !important;
        left: 10% !important
    }
}

.lg-download {
    display: none
}

.lg-show-in .lg-toolbar {
    top: auto;
    bottom: 0;
    height: 100%;
    z-index: 2
}

.lg-counter {
    bottom: 0;
    position: absolute;
    padding: 0 !important;
    position: absolute;
    color: #fff !important;
    font-size: 1.125rem;
    font-family: "Tajawal-Regular"
}

@media (max-width: 768px) {
    .lg-counter {
        width: 100%;
        text-align: center
    }
}

.lg-components {
    bottom: auto !important;
    z-index: 1 !important;
    top: 1%
}

@media (max-width: 768px) {
    .lg-components {
        top: 5%
    }
}

@media (max-width: 400px) {
    .lg-components {
        top: 5%
    }
}

.lg-components .lg-sub-html {
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: left;
    font-family: "Tajawal-Bold";
    font-size: 1.5rem;
    line-height: 1.65rem;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .lg-components .lg-sub-html {
        text-align: center;
        font-size: 1.25rem;
        line-height: 1.375rem
    }
}

.lg-outer .lg-img-wrap {
    z-index: 5
}

.lg-show-in .lg-prev, .lg-show-in .lg-next {
    position: absolute;
    outline: none !important;
    top: auto;
    bottom: -2rem;
    font-size: 0;
    background: #fff;
    width: 2.5rem;
    height: 1.75rem;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms ease-in-out
}

    .lg-show-in .lg-prev::after, .lg-show-in .lg-next::after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        background: transparent;
        text-indent: -9999px;
        border-top: 2px solid #1C024B;
        border-left: 2px solid #1C024B;
        text-decoration: none;
        color: transparent
    }

    .lg-show-in .lg-prev:hover, .lg-show-in .lg-next:hover {
        box-shadow: 0 0 11px rgba(33,33,33,0.4);
        background: #FFFFFF
    }

.lg-show-in .lg-prev {
    right: 3rem;
    left: auto;
    display: block !important
}

@media (max-width: 768px) {
    .lg-show-in .lg-prev {
        right: auto;
        left: 0
    }
}

.lg-show-in .lg-prev::after {
    transform: rotate(-45deg);
    left: 0
}

.lg-show-in .lg-next {
    right: 0;
    left: auto;
    display: block !important
}

    .lg-show-in .lg-next::after {
        transform: rotate(135deg);
        right: 0
    }

.contact-us-page-container {
    position: relative
}

/* .contact-us-page-container img, .contact-us-page-container picture {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 100%;
        z-index: 0
    }*/

.contact-us-page-content {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .contact-us-page-content .container {
        z-index: 1;
        position: relative
    }

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-page-wrapper {
        /* padding-right: 50%*/
    }
}

@media (max-width: 993px) and (min-width: 767px) {
    .contact-us-page-content .contact-us-page-wrapper {
        /* padding-right: 33.3333333333%*/
    }
}

@media (max-width: 767px) {
    .contact-us-page-content .contact-us-page-wrapper {
        padding-right: 0
    }
}

@media (min-width: 1441px) {
    .contact-us-page-content {
        padding: 12.5rem 0 7.556rem;
        /* background: linear-gradient(90deg, #230990 60%, rgba(0,101,189,0) 80%, rgba(0,101,189,0) 100%)*/
    }
}

@media (min-width: 993px) and (max-width: 1441px) {
    .contact-us-page-content {
        padding: 12.5rem 0 7.556rem;
        /*background: linear-gradient(90deg, #230990 34.5%, rgba(0,101,189,0) 69%, rgba(0,101,189,0) 100%)*/
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content {
        padding: 11.438rem 0 28.277rem;
        /*  background: linear-gradient(90deg, #230990 50%, rgba(0,101,189,0) 100%)*/
    }
}

@media (max-width: 576px) {
    .contact-us-page-content {
        padding: 4.286rem 0;
        /* background: linear-gradient(90deg, #230990 50%, rgba(0,101,189,0) 100%)*/
    }
}

.contact-us-page-content .contact-us-page-title {
    color: #fff;
    letter-spacing: -0.03em;
    text-transform: capitalize
}

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-page-title {
        font-size: 5rem;
        line-height: 4.278rem;
        margin-bottom: 1.667rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .contact-us-page-title {
        font-size: 4.375rem;
        line-height: 3.75rem;
        margin-bottom: 1.875rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .contact-us-page-title {
        font-size: 2.857rem;
        line-height: 3.143rem;
        margin-bottom: 1.143rem
    }
}

.contact-us-page-content .Contact-Description {
    color: #fff
}

@media (min-width: 993px) {
    .contact-us-page-content .Contact-Description {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.667rem;
        max-width: 35.278rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .Contact-Description {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.875rem;
        max-width: 28.125rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .Contact-Description {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 2.286rem;
        max-width: 100%
    }
}

.contact-us-page-content .btn.btn-primary {
    text-transform: capitalize;
    font-size: 1.111rem;
    line-height: 1.889rem
}

    .contact-us-page-content .btn.btn-primary .icon {
        font-size: 1.889rem
    }

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-social-media-sec {
        margin-top: 3.333rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec {
        margin-top: 3.125rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec {
        margin-top: 4.286rem
    }
}

.contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
    letter-spacing: -0.02em;
    color: #fff
}

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.111rem;
        line-height: 1.222rem;
        margin-bottom: 0.5rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.25rem;
        line-height: 1.375rem;
        margin-bottom: 0.563rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 0.571rem
    }
}

.contact-us-page-content .contact-us-social-media-sec ul li {
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease-in
}

@media (min-width: 993px) {
    .contact-us-social-media-sec {
        margin-top: 3.333rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec {
        margin-top: 3.125rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec {
        margin-top: 4.286rem
    }
}

.contact-us-social-media-sec .contact-us-social-media-subsection-title {
    letter-spacing: -0.02em;
    color: #fff
}

@media (min-width: 993px) {
    .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.111rem;
        line-height: 1.222rem;
        margin-bottom: 0.5rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.25rem;
        line-height: 1.375rem;
        margin-bottom: 0.563rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 0.571rem
    }
}

.contact-us-social-media-sec ul li {
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease-in
}

    .contact-us-social-media-sec ul li:hover {
        transform: scale(1.175);
        box-shadow: 0px 1px 10px rgba(0,0,0,0.5)
    }

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li {
        width: 2.778rem;
        height: 2.778rem;
        margin-right: 1.389rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li {
        width: 3.134rem;
        height: 3.134rem;
        margin-right: 1.567rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li {
        width: 2.286rem;
        height: 2.286rem;
        margin-right: 1.143rem
    }
}

.contact-us-social-media-sec ul li a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block
}

    .contact-us-social-media-sec ul li a i {
        vertical-align: middle
    }

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li a i {
        line-height: 2.778rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li a i {
        line-height: 3.134rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li a i {
        line-height: 2.286rem
    }
}

.contact-us-social-media-sec ul li.twitter-bg {
    background-color: #00ACEE
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.twitter-bg {
        font-size: 0.9rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.twitter-bg {
        font-size: 0.984rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.twitter-bg {
        font-size: 0.6215rem
    }
}

.contact-us-social-media-sec ul li.facebook-bg {
    background-color: #4267B2
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.facebook-bg {
        font-size: 1.0585rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.facebook-bg {
        font-size: 1.194rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.facebook-bg {
        font-size: 0.793rem
    }
}

.contact-us-social-media-sec ul li.instgram-bg {
    background-color: #8134AF
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.instgram-bg {
        font-size: 1.0585rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.instgram-bg {
        font-size: 1.194rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.instgram-bg {
        font-size: 0.793rem
    }
}

.contact-us-social-media-sec ul li.youtube-bg {
    background-color: #FB000F
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.youtube-bg {
        font-size: 1.322rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.youtube-bg {
        font-size: 1.492rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.youtube-bg {
        font-size: 0.983rem
    }
}

.contact-us-social-media-sec ul li.youtube-bg i:before {
    color: #fff
}

.contact-us-social-media-sec ul li.snapchat-bg {
    background-color: #FFFC00
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.snapchat-bg {
        font-size: 1.24rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.snapchat-bg {
        font-size: 1.399rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.snapchat-bg {
        font-size: 0.9215rem;
        margin-right: 0rem
    }
}

.contact-us-social-media-sec ul li.snapchat-bg i:before {
    color: #666
}

.contact-us-wave {
    position: absolute;
    bottom: -19rem
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-wave {
        bottom: 4rem
    }
}

@media (max-width: 576px) {
    .contact-us-wave {
        bottom: -3.5rem
    }
}

.partner-header {
    height: 500px;
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%);
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media (max-width: 1366px) {
    .partner-header {
        height: 400px
    }
}

@media (max-width: 992px) {
    .partner-header {
        height: 301px
    }
}

@media (max-width: 992px) {
    .partner-header {
        height: 322px
    }
}

.partner-header:before {
    content: "";
    display: block;
    width: 85%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url("../../revamp-assets/dist/img/default booklet/Wave.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1
}

@media (max-width: 440px) {
    .partner-header:before {
        width: 180%;
        height: 100%
    }
}

.partner-header .breadcrumb {
    padding-left: 0
}

.partner-header .inner-page-title {
    font-size: 5rem;
    color: #000;
    line-height: 90%;
    margin-bottom: 1.111rem;
    font-family: "Tajawal-Bold";
    text-transform: capitalize
}

@media (max-width: 992px) {
    .partner-header .inner-page-title {
        font-size: 2.5rem;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 768px) {
    .partner-header .inner-page-title {
        font-size: 3.429rem;
        margin-bottom: 1.429rem
    }
}

.partner-header p {
    margin-bottom: 0 !important
}

.partner-header.Bg-Blue {
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%) !important
}

    .partner-header.Bg-Blue .inner-page-title, .partner-header.Bg-Blue .page-slogn, .partner-header.Bg-Blue * {
        color: #fff
    }

    .partner-header.Bg-Blue .breadcrumb li a {
        color: #178BF0;
        text-transform: uppercase
    }

    .partner-header.Bg-Blue .breadcrumb li::after {
        color: #178BF0
    }

    .partner-header.Bg-Blue .breadcrumb li.active {
        color: #fff !important
    }

.partner-listing {
    background: #fff;
    padding: 5.556rem 0;
    position: relative
}

@media (max-width: 992px) {
    .partner-listing {
        padding: 3.75rem 0
    }
}

@media (max-width: 768px) {
    .partner-listing {
        padding: 2.857rem 0 4rem
    }
}

@media (max-width: 992px) {
    .partner-listing .conatiner {
        padding: 0 15px !important
    }
}

.partner-listing .radio-group {
    margin-bottom: 3.333rem;
    border-bottom: 1px solid #E7E8EB;
    display: flex
}

@media (max-width: 992px) {
    .partner-listing .radio-group {
        display: none
    }
}

.partner-listing .radio-group input {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    padding: 1.656rem 1.875rem
}

@media (max-width: 768px) {
    .partner-listing .radio-group input {
        padding: 1.5rem 1.143rem
    }
}

.partner-listing .radio-group .form-group {
    position: relative;
    margin-bottom: 0;
    margin-right: 3.333rem
}

    .partner-listing .radio-group .form-group label {
        font-family: "Tajawal-Bold";
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 1.222rem
    }

    .partner-listing .radio-group .form-group option {
        font-size: 1.125rem
    }

@media (max-width: 992px) {
    .partner-listing .radio-group .form-group option {
        font-size: 1.143rem
    }
}

.partner-listing .radio-group .form-group::after {
    content: '';
    display: block;
    height: 3px;
    width: 0%;
    position: absolute;
    position: absolute;
    border-radius: 5px;
    left: 0;
    transition: all 0.25s ease-in-out
}

.partner-listing .radio-group .form-group.active::after {
    width: 100%;
    background: #FFFFFF
}

.partner-listing__mobile-tabs {
    display: none;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4rem;
    background: #F3F6FB
}

@media (max-width: 992px) {
    .partner-listing__mobile-tabs {
        display: flex;
        margin: 0 0 3.75rem
    }
}

@media (max-width: 768px) {
    .partner-listing__mobile-tabs {
        margin: 0 0 2.857rem
    }
}

.partner-listing__mobile-tabs::after {
    content: "";
    width: 50px;
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    background: #F3F6FB;
    justify-content: center;
    bottom: 0px
}

.partner-listing__mobile-tabs::before {
    content: '';
    position: absolute;
    top: 40%;
    right: 6%;
    transform: translate(-50%, -50%);
    transform: rotate(-135deg);
    width: 8px;
    height: 8px;
    background: transparent;
    text-indent: -9999px;
    border-top: 2px solid #1C024B;
    border-left: 2px solid #1C024B;
    text-decoration: none;
    color: transparent;
    z-index: 3
}

.partner-listing__mobile-tabs select.form-select {
    display: block;
    width: 100%;
    padding: 10px;
    text-transform: capitalize;
    border: 0;
    background: transparent;
    outline: none;
    -webkit-appearance: none !important;
    z-index: 9
}

.partner-listing__img {
    overflow: hidden
}

    .partner-listing__img .img-wrapper {
        border: 1px solid #E7E8EB;
        border-radius: 5px 5px 0 0;
        overflow: hidden
    }

    .partner-listing__img img {
        width: 100%;
        transition: all 0.5s ease-in-out;
        height: 9.2rem;
        object-fit: contain
    }

@media (max-width: 992px) {
    .partner-listing__img img {
        height: 8.5rem
    }
}

@media (max-width: 768px) {
    .partner-listing__img img {
        height: 14.471rem
    }
}

@media (max-width: 768px) {
    .partner-listing__img img {
        height: 15.286rem
    }
}

.partner-listing__img [src*="enjoyDefultImage.jpg"] {
    object-fit: cover
}

.partner-listing__body {
    align-items: center;
    padding: 1.111rem 10px;
    background: #F3F6FB;
    height: 100%
}

@media (max-width: 992px) {
    .partner-listing__body {
        padding: 1.25rem 10px
    }
}

@media (max-width: 768px) {
    .partner-listing__body {
        padding: 1.429rem 10px
    }
}

.partner-listing .partnerCard {
    margin-bottom: 3.333rem
}

@media (max-width: 992px) {
    .partner-listing .partnerCard {
        margin-bottom: 2.5rem
    }
}

@media (max-width: 768px) {
    .partner-listing .partnerCard {
        margin-bottom: 2.286rem
    }
}

.partner-listing__item {
    color: #000;
    height: 100%;
    display: block;
    border-radius: 5px;
    overflow: hidden
}

    .partner-listing__item h4 {
        font-size: 1.111rem;
        font-family: "Tajawal-Regular";
        line-height: 1.111rem;
        font-weight: 300;
        text-transform: capitalize;
        margin-bottom: 0;
        color: #222;
        letter-spacing: -2%
    }

@media (max-width: 992px) {
    .partner-listing__item h4 {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

@media (max-width: 768px) {
    .partner-listing__item h4 {
        font-size: 1.143rem;
        line-height: 1.143rem
    }
}

.partner-listing__item:hover img {
    transform: scale(1.2)
}

.partner-listing .pagination-cont {
    margin-top: 0
}

.profile-header {
    position: relative;
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%);
    padding: 10.833rem 0 5.556rem;
    color: #fff;
    min-height: 33.944rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header {
        padding: 6.5rem 0 4.375rem;
        min-height: 29.625rem
    }
}

@media (max-width: 767px) {
    .profile-header {
        padding: 7.429rem 0 5.214rem;
        min-height: 40.214rem
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .profile-header .btn.btn-primary {
        line-height: 1.375rem
    }
}

.profile-header .breadcrumb-cont .breadcrumb {
    display: block;
    margin-bottom: 1.667rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .breadcrumb-cont .breadcrumb {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .profile-header .breadcrumb-cont .breadcrumb {
        margin-bottom: 1.429rem
    }
}

.profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item {
    display: inline-block;
    padding: 0 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item {
        padding: 0 0.5rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item {
        padding: 0 0.5rem;
        font-size: 1.071rem;
        line-height: 1.5rem
    }
}

.profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item:first-child {
    padding-left: 0
}

.profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item a {
    color: #178BF0;
    position: relative;
    display: block
}

    .profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item a:after {
        content: "/";
        display: block;
        position: absolute;
        top: 0;
        right: -0.8rem
    }

.profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item.active a {
    color: #fff
}

    .profile-header .breadcrumb-cont .breadcrumb .breadcrumb-item.active a::after {
        content: none
    }

.profile-header .account-user-info {
    display: flex
}

@media (max-width: 767px) {
    .profile-header .account-user-info {
        display: block
    }
}

.profile-header .account-user-info .account-user-data {
    width: calc(100% - 13.333rem)
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .account-user-info .account-user-data {
        width: calc(100% - 9.375rem)
    }
}

@media (max-width: 767px) {
    .profile-header .account-user-info .account-user-data {
        width: 100%
    }
}

.profile-header .ProfilePicture-preview {
    width: 11.111rem;
    height: 11.111rem;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin-right: 2.222rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .ProfilePicture-preview {
        width: 7.5rem;
        height: 7.5rem;
        margin-right: 1.875rem
    }
}

@media (max-width: 767px) {
    .profile-header .ProfilePicture-preview {
        width: 5rem;
        height: 5rem;
        margin-right: 1.143rem;
        float: left
    }
}

.profile-header .ProfilePicture-preview > img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.profile-header .user-name {
    font-size: 3.333rem;
    line-height: 3rem;
    color: #fff;
    margin-bottom: 0
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .user-name {
        font-size: 2.5rem;
        line-height: 2.25rem
    }
}

@media (max-width: 767px) {
    .profile-header .user-name {
        font-size: 3.429rem;
        line-height: 2.929rem
    }
}

.profile-header .account-user-main-data, .profile-header .sec-user-details {
    display: flex
}

    .profile-header .account-user-main-data .info-container, .profile-header .sec-user-details .info-container {
        width: auto
    }

        .profile-header .account-user-main-data .info-container.full-width, .profile-header .sec-user-details .info-container.full-width {
            width: 100% !important
        }

.profile-header .account-user-main-data {
    margin: 0.556rem 0 2.222rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .account-user-main-data {
        margin: 0.719rem 0 2.594rem
    }
}

@media (max-width: 767px) {
    .profile-header .account-user-main-data {
        margin: 1.429rem 0
    }
}

.profile-header .account-user-main-data .info-container {
    font-size: 0.889rem;
    line-height: 1.333rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .account-user-main-data .info-container {
        font-size: 0.875rem;
        line-height: 1.313rem
    }
}

@media (max-width: 767px) {
    .profile-header .account-user-main-data .info-container {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.profile-header .account-user-main-data .info-container .icon, .profile-header .account-user-main-data .info-container img {
    margin-right: 0.889rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .account-user-main-data .info-container .icon, .profile-header .account-user-main-data .info-container img {
        margin-right: 0.625rem
    }
}

@media (max-width: 767px) {
    .profile-header .account-user-main-data .info-container .icon, .profile-header .account-user-main-data .info-container img {
        margin-right: 1.054rem
    }
}

.profile-header .account-user-main-data .info-container .icon {
    font-size: 1.125rem;
    position: relative;
    margin-top: 1px;
    float: left
}

.profile-header .account-user-main-data .info-container img {
    width: 0.889rem;
    position: relative;
    top: -2px
}

.profile-header .account-user-main-data .info-container + .info-container {
    margin-left: 1.889rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .account-user-main-data .info-container + .info-container {
        margin-left: 2.125rem
    }
}

@media (max-width: 767px) {
    .profile-header .account-user-main-data .info-container + .info-container {
        margin-left: 1.929rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .sec-user-details {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .profile-header .sec-user-details {
        display: block
    }
}

.profile-header .sec-user-details + .sec-user-details {
    margin-top: 2.222rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .sec-user-details + .sec-user-details {
        margin-top: 2.5rem
    }
}

@media (max-width: 767px) {
    .profile-header .sec-user-details + .sec-user-details {
        margin-top: 0rem
    }
}

.profile-header .sec-user-details .user-interest-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

    .profile-header .sec-user-details .user-interest-container li {
        display: flex
    }

.profile-header .sec-user-details .user-interest-item {
    border-radius: 3px;
    background-color: #fff;
    color: #1C024B;
    text-align: center;
    font-size: 0.889rem;
    line-height: 1.333rem;
    padding: 0.417rem 0.556rem;
    margin-right: 0.556rem;
    margin-bottom: 0.556rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .sec-user-details .user-interest-item {
        font-size: 0.875rem;
        line-height: 1.313rem;
        padding: 0.469rem 0.625rem;
        margin-right: 0.625rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767px) {
    .profile-header .sec-user-details .user-interest-item {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 0.25rem 0.357rem;
        margin-right: 0.357rem;
        margin-bottom: 0.357rem
    }
}

.profile-header .sec-user-details .info-container .sec-user-details-title {
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 0.389rem;
    line-height: 1.5rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .sec-user-details .info-container .sec-user-details-title {
        margin-bottom: 0.313rem
    }
}

@media (max-width: 767px) {
    .profile-header .sec-user-details .info-container .sec-user-details-title {
        margin-bottom: 0.429rem
    }
}

.profile-header .sec-user-details .info-container .sec-user-details-data {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0px
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .sec-user-details .info-container .sec-user-details-data {
        font-size: 1.125rem;
        line-height: 1.688rem
    }
}

@media (max-width: 767px) {
    .profile-header .sec-user-details .info-container .sec-user-details-data {
        font-size: 1.143rem;
        line-height: 1.714rem;
        display: inline-block;
        margin-bottom: 1.5rem
    }
}

.profile-header .sec-user-details .info-container .sec-user-details-data .icon {
    margin-left: 0.389rem;
    font-size: 1.125rem;
    position: relative;
    margin-top: 0.125rem;
    float: right
}

    .profile-header .sec-user-details .info-container .sec-user-details-data .icon::before {
        color: #fff
    }

@media (max-width: 767px) {
    .profile-header .sec-user-details .info-container .sec-user-details-data .icon {
        margin-top: 0.25rem
    }
}

.profile-header .sec-user-details .info-container + .info-container {
    margin-left: 3.333rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .profile-header .sec-user-details .info-container + .info-container {
        margin-left: 0.125rem
    }
}

@media (max-width: 767px) {
    .profile-header .sec-user-details .info-container + .info-container {
        margin-left: 0rem
    }
}

.account-fav-sec-cont {
    padding: 5.556rem 0 5.056rem;
    min-height: 31.056rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-fav-sec-cont {
        padding: 3.75rem 0 4.688rem;
        min-height: 25.938rem
    }
}

@media (max-width: 767px) {
    .account-fav-sec-cont {
        padding: 4.286rem 0;
        min-height: 24.786rem
    }
}

.account-fav-sec-cont.account-fav-event-sec-cont {
    background-color: #fff
}

.account-fav-sec-cont.account-fav-venue-sec-cont {
    background-color: #F3F6FB
}

    .account-fav-sec-cont.account-fav-venue-sec-cont .account-empty-templete .icon.icon-fav-icon-rounded .path1:before {
        color: #fff
    }

.account-fav-sec-cont .account-fav-sec-title {
    color: #1C024B;
    margin-bottom: 3.333rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-fav-sec-cont .account-fav-sec-title {
        margin-bottom: 3.188rem
    }
}

@media (max-width: 767px) {
    .account-fav-sec-cont .account-fav-sec-title {
        margin-bottom: 2.143rem
    }
}

.account-sec-title {
    font-size: 2.222rem;
    line-height: 2.444rem;
    letter-spacing: -0.02em;
    display: inline-block
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-sec-title {
        font-size: 1.875rem;
        line-height: 1.688em
    }
}

@media (max-width: 767px) {
    .account-sec-title {
        font-size: 1.714rem;
        line-height: 1.571rem
    }
}

.account-maylike-sec-title-container a {
    margin-right: 9.778rem;
    line-height: 2.444rem;
    font-size: 1rem;
    color: #1C024B !important;
    letter-spacing: -0.02em;
    font-family: "Tajawal-Bold"
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-maylike-sec-title-container a {
        line-height: 1.688em;
        margin-right: 0rem;
        display: none
    }
}

@media (max-width: 767px) {
    .account-maylike-sec-title-container a {
        line-height: 1.571rem;
        margin-right: 0rem;
        display: none
    }
}

.account-maylike-sec-cont {
    background-color: #E0E7F5;
    background-image: url(../../revamp-assets/dist/img/home/mayLikeBG.svg);
    background-position-x: -23vw;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 4.856rem 0 4.056rem;
    min-height: 46.722rem;
    overflow: hidden;
    position: relative
}

@media (min-width: 1920.98px) {
    .account-maylike-sec-cont {
        background-position-x: 8vw;
        background-position-y: -10rem;
        background-size: 57%
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-maylike-sec-cont {
        background-position-x: -24vw;
        background-position-y: center;
        background-size: cover;
        padding: 3.75rem 0;
        min-height: 43rem
    }
}

@media (max-width: 767px) {
    .account-maylike-sec-cont {
        padding: 3.429rem 0 2.214rem;
        min-height: auto;
        background-image: none
    }
}

.account-maylike-sec-cont .account-maylike-sec-title {
    margin-bottom: 3.756rem;
    color: #222;
    display: inline-block
}

.account-maylike-sec-cont .owl-prev:hover .icon-Arrow-Nav, .account-maylike-sec-cont .owl-prev:hover .icon-Arrow-Nav-1, .account-maylike-sec-cont .owl-next:hover .icon-Arrow-Nav, .account-maylike-sec-cont .owl-next:hover .icon-Arrow-Nav-1 {
    text-shadow: 0px 1px 10px rgba(0,0,0,0.5)
}

.account-maylike-sec-cont .owl-prev.disabled, .account-maylike-sec-cont .home-page-container .owl-next.disabled {
    opacity: .5;
    cursor: not-allowed
}

.account-maylike-sec-cont .icon-Arrow-Nav-1 .path1:before, .account-maylike-sec-cont .icon-Arrow-Nav .path1:before {
    color: #1C024B
}

.account-maylike-sec-cont .icon-Arrow-Nav-1 .path2:before, .account-maylike-sec-cont .icon-Arrow-Nav .path2:before {
    color: #fff
}

.account-empty-templete {
    text-align: center;
    margin-bottom: 3.222rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-empty-templete {
        margin-bottom: 1.563rem
    }
}

@media (max-width: 767px) {
    .account-empty-templete {
        margin-bottom: 0rem
    }
}

.account-empty-templete .icon {
    font-size: 6.78rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-empty-templete .icon {
        font-size: 5.125rem
    }
}

@media (max-width: 767px) {
    .account-empty-templete .icon {
        font-size: 6.214rem
    }
}

.account-empty-templete .account-empty-main-txt {
    font-size: 1.333rem;
    line-height: 1.444rem;
    letter-spacing: -0.02em;
    color: #222;
    font-family: "Tajawal-Bold";
    margin: 1.667rem 0 1.111rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-empty-templete .account-empty-main-txt {
        margin: 1.875rem 0 1.25rem;
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .account-empty-templete .account-empty-main-txt {
        margin: 2.143rem 0 1.429rem;
        font-size: 1.429rem;
        line-height: 1.571rem
    }
}

.account-empty-templete .account-empty-desc {
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .account-empty-templete .account-empty-desc {
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

.ds-lg-block {
    display: none
}

@media (min-width: 767px) {
    .ds-lg-block {
        display: block
    }
}

.ds-md-block {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0.5rem
}

    .ds-md-block a {
        color: #fff
    }

        .ds-md-block a .icon {
            margin-left: 0.614rem;
            font-size: 0.85rem;
            position: relative;
            top: 2px
        }

@media (min-width: 767px) {
    .ds-md-block {
        display: none
    }
}

.edit-profile-success i {
    position: relative;
    top: 2px
}

.account-page-conatiner .account-form-conatiner.otp-form-conatiner {
    padding: 3.333rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner {
        padding: 3.75rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner {
        padding: 2.643rem 1.786rem
    }
}

.account-page-conatiner .account-form-conatiner.otp-form-conatiner .account-form-desc {
    color: #141A39;
    margin: 0 auto 1.111rem;
    max-width: 25rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .account-form-desc {
        margin: 0 auto 1.25rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .account-form-desc {
        margin: 0 auto 1.429rem
    }
}

.account-page-conatiner .account-form-conatiner.otp-form-conatiner .account-form-title {
    margin-bottom: 1.111rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .account-form-title {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .account-form-title {
        margin-bottom: 1.143rem
    }
}

.account-page-conatiner .account-form-conatiner.otp-form-conatiner .btn.btn-primary.submit-btn {
    margin-bottom: 0.616rem;
    min-width: 8.833rem;
    font-family: "Tajawal-Bold"
}

@media (min-width: 767px) and (max-width: 992px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .btn.btn-primary.submit-btn {
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .btn.btn-primary.submit-btn {
        margin-bottom: 1.589rem
    }
}

.account-page-conatiner .account-form-conatiner.otp-form-conatiner .btn.resend-btn {
    margin: 0 auto !important;
    color: #1C024B;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Bold"
}

@media (max-width: 767px) {
    .account-page-conatiner .account-form-conatiner.otp-form-conatiner .btn.resend-btn {
        font-size: 1.143rem !important;
        line-height: 1.714rem !important
    }
}

ng-otp-input .wrapper {
    min-height: auto !important
}

ng-otp-input .otp-input {
    background: #F6F6F8 !important;
    border-radius: 3px !important;
    margin: 0 0.139rem 0 !important;
    width: 2.778rem !important;
    height: 3.5rem !important;
    border-width: 0 !important;
    text-align: center !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: #666 !important
}

@media (min-width: 767px) and (max-width: 992px) {
    ng-otp-input .otp-input {
        margin: 0 0.156rem 0.5rem !important;
        width: 3.063rem !important;
        height: 3.938rem !important;
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }
}

@media (max-width: 767px) {
    .owl-nav {
        display: none !important;
    }

    .owl-theme .owl-nav [class*=owl-] {
        top: -1% !important;
    }

    ng-otp-input .otp-input {
        margin: 0 0.179rem 1.23rem !important;
        width: 2.929rem !important;
        height: 3.929rem !important;
        font-size: 1.143rem !important;
        line-height: 1.714rem !important
    }
}

.otp-mobile {
    overflow-wrap: break-word;
    display: inline-block;
    direction: ltr
}

.boarding-page-conatiner {
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%);
    position: relative
}

    .boarding-page-conatiner::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../../revamp-assets/dist/img/profile/Background-account-circles.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 0
    }

@media (max-width: 992px) {
    .boarding-page-conatiner::before {
        background-size: cover
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner::before {
        background-image: url(../../revamp-assets/dist/img/profile/account-bg-sm-Circles.svg);
        top: 1.643rem;
        background-size: 100%
    }
}

.boarding-page-conatiner .account-form-wrapper {
    z-index: 1;
    background-image: url("../../revamp-assets/dist/img/profile/account-wave-bg.svg");
    display: flex;
    align-items: center;
    background-position-y: 100%;
    background-position-x: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 9.536rem 0 14.778rem;
    min-height: 100vh
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .account-form-wrapper {
        padding: 9.063rem 0 5.156rem;
        background-size: 100%
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .account-form-wrapper {
        padding: 7.357rem 0 5.714rem
    }
}

.boarding-page-conatiner .account-form-wrapper .btn.btn-primary.submit-btn {
    margin-top: 1.667rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .account-form-wrapper .btn.btn-primary.submit-btn {
        margin-top: 1.875rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .account-form-wrapper .btn.btn-primary.submit-btn {
        margin-top: 2.143rem;
        width: 71.14vw
    }
}

.boarding-page-conatiner .account-form-conatiner {
    z-index: 1;
    margin: 0 auto
}

    .boarding-page-conatiner .account-form-conatiner .account-form-title {
        color: #141A39;
        margin-bottom: 0.389rem;
        color: #fff;
        font-size: 2.222rem;
        line-height: 2.444rem;
        letter-spacing: -0.02em;
        text-align: center
    }

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .account-form-conatiner .account-form-title {
        font-size: 1.875rem;
        line-height: 1.688rem;
        margin-bottom: 0.438rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .account-form-conatiner .account-form-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin: 0 auto 0.5rem;
        max-width: 18.786rem
    }
}

.boarding-page-conatiner .account-form-conatiner .account-form-desc {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.667rem;
    color: #fff
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .account-form-conatiner .account-form-desc {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .account-form-conatiner .account-form-desc {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin: 0 auto 1.429rem;
        max-width: 18.571rem
    }
}

.boarding-page-conatiner .account-form {
    background: #fff;
    border-radius: 20px;
    padding: 0.222rem 0.806rem;
    margin: 0 auto;
    max-width: 38.611rem;
    width: 38.611rem
}

@media (min-width: 1981px) {
    .boarding-page-conatiner .account-form {
        min-width: 35.278rem;
        max-width: 44vw;
        width: 35.278rem
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .account-form {
        width: 26.875rem;
        max-width: 26.875rem;
        padding: 0.781rem 0.938rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .account-form {
        width: calc(100vw - 1.786rem);
        max-width: calc(100vw - 1.786rem);
        padding: 1.214rem 1.036rem
    }
}

.boarding-page-conatiner .profie-interst-container ul {
    list-style-type: none;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.boarding-page-conatiner .profie-interst-container li {
    display: inline-block;
    width: 20%;
    padding: 0.556rem 0.417rem
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .profie-interst-container li {
        width: 33.33%;
        padding: 0.375rem 0.469rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .profie-interst-container li {
        width: 33.33%;
        padding: 0.571rem 0.393rem
    }
}

.boarding-page-conatiner .profie-interst-container input[type="checkbox"][id^="cb"] {
    display: none
}

.boarding-page-conatiner .profie-interst-container label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    user-select: none;
    margin-bottom: 0rem
}

    .boarding-page-conatiner .profie-interst-container label::before {
        background-color: #fff;
        color: #fff;
        opacity: 0.5;
        content: " ";
        display: block;
        border-radius: 50%;
        border: 1.23226px solid #fff;
        position: absolute;
        top: 0.342rem;
        right: 0.342rem;
        width: 1.232rem;
        height: 1.232rem;
        text-align: center;
        line-height: 1.232rem;
        transition-duration: 0.4s;
        z-index: 1
    }

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .profie-interst-container label::before {
        top: 0.385em;
        right: 0.385rem;
        width: 1.386rem;
        height: 1.386rem;
        line-height: 1.386rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .profie-interst-container label::before {
        top: 0.357em;
        right: 0.357rem;
        width: 1.286rem;
        height: 1.286rem;
        line-height: 1.286rem
    }
}

.boarding-page-conatiner .profie-interst-container label > div {
    transition-duration: 0.2s;
    padding: 0.813rem 0 0.5rem;
    text-align: center;
    border-radius: 10px;
    box-shadow: inset 0 0 100px 100px rgba(255,255,255,0.8)
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .profie-interst-container label > div {
        padding: 0.914rem 0 0.563rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .profie-interst-container label > div {
        padding: 0.857rem 0 0.571rem
    }
}

.boarding-page-conatiner .profie-interst-container label > div img {
    width: 3.333rem;
    height: 3.333rem;
    border-radius: 50%;
    z-index: 1;
    position: relative
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .profie-interst-container label > div img {
        width: 3.697rem;
        height: 3.697rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .profie-interst-container label > div img {
        width: 3.429rem;
        height: 3.429rem
    }
}

.boarding-page-conatiner .profie-interst-container label > div img.unselected {
    display: inline-block
}

.boarding-page-conatiner .profie-interst-container label > div img.selected {
    display: none
}

.boarding-page-conatiner .profie-interst-container label > div p {
    font-size: 0.667rem;
    line-height: 0.722rem;
    font-family: "Tajawal-Bold";
    margin: 0.684rem 0.54rem 0;
    height: 1.833rem;
    z-index: 1;
    position: relative
}

@media (min-width: 767px) and (max-width: 992px) {
    .boarding-page-conatiner .profie-interst-container label > div p {
        font-size: 0.75rem;
        line-height: 0.813rem;
        margin: 0.77rem 0.607rem 0;
        height: 2.063rem
    }
}

@media (max-width: 767px) {
    .boarding-page-conatiner .profie-interst-container label > div p {
        font-size: 0.857rem;
        line-height: 0.929rem;
        margin: 0.714rem 0.571rem 0;
        height: 1.857rem
    }
}

.boarding-page-conatiner .profie-interst-container :checked + label::before {
    content: "\e91a";
    font-family: "icomoon";
    color: #fff;
    background: #00ae65;
    opacity: 1;
    font-size: 0.5rem;
    border: 1.23226px solid rgba(255,255,255,0.5);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
    border-radius: 50%
}

.boarding-page-conatiner .profie-interst-container :checked + label > div {
    box-shadow: none;
    position: relative
}

    .boarding-page-conatiner .profie-interst-container :checked + label > div::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: -0.65rem;
        right: 0;
        background-image: url(../../revamp-assets/dist/img/profile/Beats.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 0
    }

.boarding-page-conatiner .profie-interst-container :checked + label p {
    color: #fff !important
}

.boarding-page-conatiner .profie-interst-container :checked + label img.unselected {
    display: none
}

.boarding-page-conatiner .profie-interst-container :checked + label img.selected {
    display: inline-block
}
/*
    .profile-city-page-conatiner {
        background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%);
        position: relative
    }

        .profile-city-page-conatiner .search-form-group {
            position: relative
        }

            .profile-city-page-conatiner .search-form-group:before {
                content: "\e9c3";
                font-family: "icomoon";
                position: absolute;
                right: 1.111rem;
                top: 1rem;
                color: #1C024B;
                font-size: 1.1125rem;
                z-index: 1
            }

    @media (max-width: 992px) {
        .profile-city-page-conatiner .search-form-group:before {
            right: 1.25rem;
            top: 1.375rem
        }
    }

    .profile-city-page-conatiner::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../../revamp-assets/dist/img/profile/BackgroundCirclesCity.svg);
        background-size: 82.5%;
        background-repeat: no-repeat;
        background-position: top center;
        z-index: 0
    }

    @media (max-width: 992px) {
        .profile-city-page-conatiner::before {
            background-size: cover
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner::before {
            background-image: url(../../revamp-assets/dist/img/profile/account-bg-sm-Circles.svg);
            top: 1.643rem;
            background-size: 100%
        }
    }

    .profile-city-page-conatiner .account-form-wrapper {
        z-index: 1;
        background-image: url("../../revamp-assets/dist/img/profile/account-wave-bg.svg");
        display: flex;
        align-items: center;
        background-position-y: 50%;
        background-position-x: 0;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 9.536rem 0 14.778rem;
        min-height: 100vh
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .account-form-wrapper {
            padding: 9.063rem 0 5.156rem;
            background-size: 100%;
            background-position-y: 100%
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .account-form-wrapper {
            padding: 7.357rem 0 5.714rem;
            background-position-y: 100%
        }
    }

    .profile-city-page-conatiner .account-form-wrapper .btn.btn-primary.submit-btn {
        margin-top: 1.667rem
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .account-form-wrapper .btn.btn-primary.submit-btn {
            margin-top: 1.875rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .account-form-wrapper .btn.btn-primary.submit-btn {
            margin-top: 2.143rem;
            width: 71.14vw
        }
    }

    .profile-city-page-conatiner .account-form-conatiner {
        z-index: 1;
        margin: 0 auto
    }

        .profile-city-page-conatiner .account-form-conatiner .account-form-title {
            color: #141A39;
            margin-bottom: 0.389rem;
            color: #fff;
            font-size: 2.222rem;
            line-height: 2.444rem;
            letter-spacing: -0.02em;
            text-align: center
        }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .account-form-conatiner .account-form-title {
            font-size: 1.875rem;
            line-height: 1.688rem;
            margin-bottom: 0.438rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .account-form-conatiner .account-form-title {
            font-size: 2.143rem;
            line-height: 1.929rem;
            margin: 0 auto 0.5rem;
            max-width: 18.786rem
        }
    }

    .profile-city-page-conatiner .account-form-conatiner .account-form-desc {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.667rem;
        color: #fff
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .account-form-conatiner .account-form-desc {
            margin-bottom: 1.875rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .account-form-conatiner .account-form-desc {
            font-size: 1.143rem;
            line-height: 1.714rem;
            margin: 0 auto 1.429rem;
            max-width: 18.571rem
        }
    }

    .profile-city-page-conatiner .account-form {
        background: #fff;
        border-radius: 20px;
        padding: 2.222rem 2.222rem 2.704rem;
        margin: 0 auto;
        max-width: 38.611rem;
        width: 38.611rem
    }

    @media (min-width: 1981px) {
        .profile-city-page-conatiner .account-form {
            min-width: 35.278rem;
            max-width: 44vw;
            width: 35.278rem
        }
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .account-form {
            width: calc(100vw - 4.56rem);
            max-width: calc(100vw - 4.56rem);
            padding: 1.375rem 1.375rem 6.417rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .account-form {
            width: calc(100vw - 1.786rem);
            max-width: calc(100vw - 1.786rem);
            padding: 2.143rem 1.429rem 1.857rem
        }
    }

    .all-cities-title {
        color: #1C024B;
        font-size: 1.333rem;
        line-height: 1.444rem;
        text-align: left;
        margin: 1.683rem 0 1.333rem;
        letter-spacing: -0.02em
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .all-cities-title {
            margin: 2.544rem 0 2.125rem;
            font-size: 1.5rem;
            line-height: 1.5rem
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox {
        list-style-type: none;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        margin: 0.556rem -0.417rem 0
    }

        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox li {
            display: inline-block;
            width: 20%;
            padding: 0.556rem 0.417rem
        }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox li {
            width: 20%;
            padding: 0.375rem 0.469rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox li {
            width: 33.33%;
            padding: 0.571rem 0.393rem
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox input[type="checkbox"][id^="cb"], .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox input[type="radio"][id^="cb"] {
        display: none
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label {
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-touch-callout: none;
        user-select: none;
        margin-bottom: 0rem
    }

        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label::before {
            background-color: #fff;
            color: #fff;
            opacity: 0.5;
            content: " ";
            display: block;
            border-radius: 50%;
            border: 1.2px solid #fff;
            box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
            position: absolute;
            top: 0.342rem;
            right: 0.342rem;
            width: 1.232rem;
            height: 1.232rem;
            text-align: center;
            line-height: 1.232rem;
            transition-duration: 0.4s;
            z-index: 1
        }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label::before {
            top: 0.385em;
            right: 0.385rem;
            width: 1.386rem;
            height: 1.386rem;
            line-height: 1.386rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label::before {
            top: 0.357em;
            right: 0.357rem;
            width: 1.286rem;
            height: 1.286rem;
            line-height: 1.286rem
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city {
        transition-duration: 0.2s;
        padding: 1.039rem 0 0.474rem;
        text-align: center;
        border-radius: 10px;
        background-color: #F3F6FB;
        min-height: 6.835rem
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city {
            padding: 0.914rem 0 0.563rem;
            min-height: 8rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city {
            padding: 0.857rem 0 0.571rem;
            min-height: 7.357rem
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city .card-city-img-container {
        position: relative;
        display: block
    }

        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city .card-city-img-container::before {
            content: "";
            width: 2.211rem;
            height: 2.211rem;
            background-color: #fff;
            border-radius: 50%;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%)
        }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city .card-city-img-container::before {
            width: 2.639rem;
            height: 2.639rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city .card-city-img-container::before {
            width: 2.446rem;
            height: 2.446rem
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city img {
        width: auto;
        max-width: 1.9rem;
        max-height: 2.153rem;
        height: auto;
        border-radius: 50%;
        z-index: 1;
        position: relative
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city img {
            max-width: 3.242rem;
            width: auto;
            height: auto;
            max-height: 3.694rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city img {
            max-width: 2.786rem;
            max-height: 3.429rem;
            width: auto;
            height: auto
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city p {
        font-size: 0.778rem;
        line-height: 0.833rem;
        font-family: "Tajawal-Bold";
        margin: 0.437rem 0.54rem 0;
        height: 1.728rem;
        z-index: 1;
        color: #1C024B;
        position: relative
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city p {
            font-size: 0.75rem;
            line-height: 0.813rem;
            margin: 0.77rem 0.775rem 0;
            height: 2.063rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox label .card-city p {
            font-size: 0.857rem;
            line-height: 0.929rem;
            margin: 0.714rem 0.571rem 0;
            height: 1.857rem
        }
    }

    .profile-city-page-conatiner .profie-city-wrapper ul.custom-city-checkbox :checked + label::before {
        content: "\e91a";
        font-family: "icomoon";
        color: #fff;
        background: #00ae65;
        opacity: 1;
        font-size: 0.5rem;
        border: 1.2px solid #fff;
        box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
        border-radius: 50%
    }

    .profile-city-page-conatiner .all-cities-list {
        display: inline-block;
        margin-bottom: 0;
        max-height: 13.167rem;
        overflow: auto;
        width: 100%
    }

        .profile-city-page-conatiner .all-cities-list::-webkit-scrollbar {
            width: 6px
        }

        .profile-city-page-conatiner .all-cities-list::-webkit-scrollbar-thumb {
            background: #cedaed;
            border-radius: 50px
        }

        .profile-city-page-conatiner .all-cities-list::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 50px
        }

        .profile-city-page-conatiner .all-cities-list li {
            width: 33.333%;
            display: inline-block;
            text-align: left;
            float: left
        }

        .profile-city-page-conatiner .all-cities-list input[type="checkbox"][id^="c"], .profile-city-page-conatiner .all-cities-list input[type="radio"][id^="c"] {
            display: none
        }

        .profile-city-page-conatiner .all-cities-list label {
            display: flex;
            position: relative;
            cursor: pointer;
            -webkit-touch-callout: none;
            user-select: none;
            margin-bottom: 0.833rem;
            font-size: 0.889rem;
            line-height: 1.161rem
        }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .all-cities-list label {
            line-height: 1.313rem
        }
    }

    .profile-city-page-conatiner .all-cities-list label::before {
        background-color: #fff;
        color: #fff;
        content: " ";
        opacity: 0.5;
        display: block;
        border-radius: 50%;
        border: 1.16136px solid #a0a0a0;
        position: relative;
        width: 1.161rem;
        height: 1.161rem;
        text-align: center;
        line-height: 1.1rem;
        margin-right: 0.667rem;
        z-index: 1
    }

    @media (min-width: 767px) and (max-width: 992px) {
        .profile-city-page-conatiner .all-cities-list label::before {
            width: 1.313rem;
            height: 1.313rem;
            line-height: 1.313rem
        }
    }

    @media (max-width: 767px) {
        .profile-city-page-conatiner .all-cities-list label::before {
            width: 1.286rem;
            height: 1.286rem;
            line-height: 1.286rem
        }
    }

    .profile-city-page-conatiner .all-cities-list :checked + label::before {
        content: "\e91a";
        font-family: "icomoon";
        color: #fff;
        background: #00ae65;
        opacity: 1;
        font-size: 0.5rem;
        border: 1.23226px solid rgba(255,255,255,0.5);
        border-radius: 50%
    }
*/
.contact-us-page-container {
    position: relative
}

/*.contact-us-page-container img, .contact-us-page-container picture {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 100%;
        z-index: 0
    }*/

.contact-us-page-content {
    position: relative;
    width: 90%;
    margin: auto;
    overflow: hidden
}

    .contact-us-page-content .container {
        z-index: 1;
        position: relative
    }

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-page-wrapper {
        /* padding-right: 50%*/
    }
}

@media (max-width: 993px) and (min-width: 767px) {
    .contact-us-page-content .contact-us-page-wrapper {
        /* padding-right: 33.3333333333%*/
    }
}

@media (max-width: 767px) {
    .contact-us-page-content .contact-us-page-wrapper {
        padding-right: 0
    }
}

@media (min-width: 1441px) {
    .contact-us-page-content {
        padding: 12.5rem 0 7.556rem;
        /* background: linear-gradient(90deg, #230990 60%, rgba(0,101,189,0) 80%, rgba(0,101,189,0) 100%)*/
    }
}

@media (min-width: 993px) and (max-width: 1441px) {
    .contact-us-page-content {
        padding: 12.5rem 0 7.556rem;
        /* background: linear-gradient(90deg, #230990 34.5%, rgba(0,101,189,0) 69%, rgba(0,101,189,0) 100%)*/
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content {
        padding: 11.438rem 0 28.277rem;
        /* background: linear-gradient(90deg, #230990 50%, rgba(0,101,189,0) 100%)*/
    }
}

@media (max-width: 576px) {
    .contact-us-page-content {
        padding: 10.286rem 0;
        /* background: linear-gradient(90deg, #230990 50%, rgba(0,101,189,0) 100%)*/
    }
}

.contact-us-page-content .contact-us-page-title {
    color: #fff;
    letter-spacing: -0.03em;
    text-transform: capitalize
}

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-page-title {
        font-size: 5rem;
        line-height: 4.278rem;
        margin-bottom: 1.667rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .contact-us-page-title {
        font-size: 4.375rem;
        line-height: 3.75rem;
        margin-bottom: 1.875rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .contact-us-page-title {
        font-size: 2.857rem;
        line-height: 3.143rem;
        margin-bottom: 1.143rem
    }
}

.contact-us-page-content .Contact-Description {
    color: #fff
}

@media (min-width: 993px) {
    .contact-us-page-content .Contact-Description {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.667rem;
        max-width: 35.278rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .Contact-Description {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.875rem;
        max-width: 28.125rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .Contact-Description {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 2.286rem;
        max-width: 100%
    }
}

.contact-us-page-content .btn.btn-primary {
    text-transform: capitalize;
    font-size: 1.111rem;
    line-height: 1.889rem
}

    .contact-us-page-content .btn.btn-primary .icon {
        font-size: 1.889rem
    }

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-social-media-sec {
        margin-top: 3.333rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec {
        margin-top: 3.125rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec {
        margin-top: 4.286rem
    }
}

.contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
    letter-spacing: -0.02em;
    color: #fff
}

@media (min-width: 993px) {
    .contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.111rem;
        line-height: 1.222rem;
        margin-bottom: 0.5rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.25rem;
        line-height: 1.375rem;
        margin-bottom: 0.563rem
    }
}

@media (max-width: 576px) {
    .contact-us-page-content .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 0.571rem
    }
}

.contact-us-page-content .contact-us-social-media-sec ul li {
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease-in
}

@media (min-width: 993px) {
    .contact-us-social-media-sec {
        margin-top: 3.333rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec {
        margin-top: 3.125rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec {
        margin-top: 4.286rem
    }
}

.contact-us-social-media-sec .contact-us-social-media-subsection-title {
    letter-spacing: -0.02em;
    color: #fff
}

@media (min-width: 993px) {
    .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.111rem;
        line-height: 1.222rem;
        margin-bottom: 0.5rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.25rem;
        line-height: 1.375rem;
        margin-bottom: 0.563rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec .contact-us-social-media-subsection-title {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 0.571rem
    }
}

.contact-us-social-media-sec ul li {
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease-in
}

    .contact-us-social-media-sec ul li:hover {
        transform: scale(1.175);
        box-shadow: 0px 1px 10px rgba(0,0,0,0.5)
    }

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li {
        width: 2.778rem;
        height: 2.778rem;
        margin-right: 1.389rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li {
        width: 3.134rem;
        height: 3.134rem;
        margin-right: 1.567rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li {
        width: 2.286rem;
        height: 2.286rem;
        margin-right: 1.143rem
    }
}

.contact-us-social-media-sec ul li a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block
}

    .contact-us-social-media-sec ul li a i {
        vertical-align: middle
    }

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li a i {
        line-height: 2.778rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li a i {
        line-height: 3.134rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li a i {
        line-height: 2.286rem
    }
}

.contact-us-social-media-sec ul li.twitter-bg {
    background-color: #00ACEE
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.twitter-bg {
        font-size: 0.9rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.twitter-bg {
        font-size: 0.984rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.twitter-bg {
        font-size: 0.6215rem
    }
}

.contact-us-social-media-sec ul li.facebook-bg {
    background-color: #4267B2
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.facebook-bg {
        font-size: 1.0585rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.facebook-bg {
        font-size: 1.194rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.facebook-bg {
        font-size: 0.793rem
    }
}

.contact-us-social-media-sec ul li.instgram-bg {
    background-color: #8134AF
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.instgram-bg {
        font-size: 1.0585rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.instgram-bg {
        font-size: 1.194rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.instgram-bg {
        font-size: 0.793rem
    }
}

.contact-us-social-media-sec ul li.youtube-bg {
    background-color: #FB000F
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.youtube-bg {
        font-size: 1.322rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.youtube-bg {
        font-size: 1.492rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.youtube-bg {
        font-size: 0.983rem
    }
}

.contact-us-social-media-sec ul li.youtube-bg i:before {
    color: #fff
}

.contact-us-social-media-sec ul li.snapchat-bg {
    background-color: #FFFC00
}

@media (min-width: 993px) {
    .contact-us-social-media-sec ul li.snapchat-bg {
        font-size: 1.24rem
    }
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-social-media-sec ul li.snapchat-bg {
        font-size: 1.399rem
    }
}

@media (max-width: 576px) {
    .contact-us-social-media-sec ul li.snapchat-bg {
        font-size: 0.9215rem;
        margin-right: 0rem
    }
}

.contact-us-social-media-sec ul li.snapchat-bg i:before {
    color: #666
}

.contact-us-wave {
    position: absolute;
    bottom: -19rem
}

@media (max-width: 993px) and (min-width: 576px) {
    .contact-us-wave {
        bottom: 4rem
    }
}

@media (max-width: 576px) {
    .contact-us-wave {
        bottom: -3.5rem
    }
}

.content-layout .breadcrumb-cont .breadcrumb {
    display: flex
}

.content-layout .breadcrumb-cont .breadcrumb-item a {
    color: #fff;
    text-decoration: none;
    z-index: 10;
    font-size: 1rem;
    line-height: 150%
}

@media (max-width: 576px) {
    .content-layout .breadcrumb-cont .breadcrumb-item a {
        font-size: 1.071rem
    }
}

.content-layout .breadcrumb-cont .breadcrumb-item.active {
    color: #fff;
    font-weight: bold;
    font-family: "Tajawal-Bold";
    z-index: 10;
}

/*.content-layout .breadcrumb-cont .breadcrumb-item::after {
    content: "/";
    color: #666;
    display: inline-block;
    margin: 0 5px
}*/

.content-layout .breadcrumb-cont .breadcrumb-item:last-child::after {
    display: none
}

.content-layout .page-slogn {
    display: none
}

.content-layout .content-page-container p {
    font-family: "Tajawal-Regular";
    /*font-size: 1rem;*/
    line-height: 150%;
    /*color: #666;*/
    margin: 0 0 1.6rem 0px;
    display: block
}

@media (max-width: 992px) {
    .content-layout p {
        /*font-size: 1rem*/
    }

        .content-layout p:empty {
            display: none;
            margin-bottom: 0 !important
        }
}

@media (max-width: 768px) {
    .content-layout p {
        /*font-size: 0.889rem;*/
        margin-bottom: 2.5rem
    }
}

@media (max-width: 768px) {
    .content-layout p {
        /*font-size: 1.143rem;*/
        margin-bottom: 1.429rem
    }
}

.content-layout .content-page-container {
    padding: 5.556rem 0
}

@media (max-width: 992px) {
    .content-layout .content-page-container {
        padding: 5rem 0
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container {
        padding: 3.333rem 0
    }
}

.content-layout .content-page-container ul {
    margin: 0 0 3.333rem 0px;
    padding-left: 0.556rem
}

@media (max-width: 992px) {
    .content-layout .content-page-container ul {
        margin-bottom: 3.75rem;
        padding-left: 0.625rem
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container ul {
        margin-bottom: 4.286rem;
        padding-left: 0.714rem
    }
}

.content-layout .content-page-container li {
    font-family: "Tajawal-Regular";
    font-size: 1rem;
    line-height: 150%;
    /*color: #666;*/
    display: block;
    position: relative;
    padding-left: 25px
}

    .content-layout .content-page-container li::before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 0;
        top: 10px
    }

@media (max-width: 992px) {
    .content-layout .content-page-container li {
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-container li {
        font-size: 1.143rem
    }
}

.content-layout .content-main-title {
    margin-top: 0
}

.content-layout h2, .content-layout strong {
    font-size: 2.222rem;
    /*color: #000;*/
    line-height: 110%;
    margin-bottom: 1.667rem;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    margin-top: 3.75rem
}

@media (max-width: 992px) {
    .content-layout h2, .content-layout strong {
        font-size: 1.938rem;
        margin-bottom: 1.875rem;
        margin-top: 3.75rem
    }
}

@media (max-width: 768px) {
    .content-layout h2, .content-layout strong {
        font-size: 1.714rem;
        margin-bottom: 2.143rem;
        margin-top: 4.286rem
    }
}

.content-layout .breadcrumb li a {
    text-transform: uppercase
}

.content-layout .breadcrumb li.active {
    text-transform: uppercase
}

.content-layout .content-page-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.667rem;
    align-items: center
}

@media (max-width: 992px) {
    .content-layout .content-page-header {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 768px) {
    .content-layout .content-page-header {
        margin-bottom: 2.143rem;
        flex-direction: column;
        align-items: flex-start
    }
}

.content-layout .content-page-header h2 {
    margin: 0
}

@media (max-width: 768px) {
    .content-layout .content-page-header h2 {
        margin-bottom: 2.214rem
    }
}

.content-layout .content-page-header .print-page {
    display: flex;
    align-items: center;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    font-size: 18px;
    /*color: #1C024B*/
}

    .content-layout .content-page-header .print-page i {
        font-size: 30px;
        margin-right: 10px
    }

.content-us-header {
    background: #F3F6FB;
    display: flex;
    align-items: center;
    min-height: 24.7rem
}

@media (max-width: 992px) {
    .content-us-header {
        min-height: 24rem
    }
}

@media (max-width: 768px) {
    .content-us-header {
        min-height: 19.8rem
    }
}

.content-us-header .inner-page-title {
    font-size: 3.333rem;
    /*color: #000;*/
    line-height: 90%;
    margin-bottom: 1.111rem;
    font-family: "Tajawal-Bold";
    text-transform: capitalize;
    margin-bottom: 0rem
}

@media (max-width: 992px) {
    .content-us-header .inner-page-title {
        font-size: 2.5rem
    }
}

@media (max-width: 768px) {
    .content-us-header .inner-page-title {
        font-size: 2.143rem
    }
}

.content-us-header p {
    margin-bottom: 0 !important
}

.content-us-header.Bg-Blue {
    background: linear-gradient(180deg, #142B8A 37.36%, #0065BD 100%) !important
}

    .content-us-header.Bg-Blue .inner-page-title, .content-us-header.Bg-Blue .page-slogn, .content-us-header.Bg-Blue * {
        color: #fff
    }

    .content-us-header.Bg-Blue .breadcrumb li a {
        color: #0065BD;
        text-transform: uppercase
    }

    .content-us-header.Bg-Blue .breadcrumb li::after {
        color: #0065BD
    }

    .content-us-header.Bg-Blue .breadcrumb li.active {
        color: #fff !important
    }

.btn.btn-SECONDARY.btn-yellow {
    background: #FFFFFF;
    color: #000;
    margin-bottom: 2.444rem
}

    .btn.btn-SECONDARY.btn-yellow .icon {
        display: flex
    }

    .btn.btn-SECONDARY.btn-yellow .path1::before {
        color: #1C024B !important
    }

    .btn.btn-SECONDARY.btn-yellow .path2::before {
        color: #fff !important
    }

@media (max-width: 992px) {
    .btn.btn-SECONDARY.btn-yellow {
        margin-bottom: 2.75rem
    }
}

@media (max-width: 768px) {
    .btn.btn-SECONDARY.btn-yellow {
        margin-bottom: 2.857rem
    }
}

#appDownloadModal.fade.show {
    overflow: auto;
    display: block;
    background: rgba(34,34,34,0.85) !important
}

#appDownloadModal .modal-dialog {
    max-width: 57rem;
    height: 100%;
    margin: auto
}

@media (min-width: 1200px) {
    #appDownloadModal .modal-dialog {
        max-width: 57rem
    }
}

@media (max-width: 992px) {
    #appDownloadModal .modal-dialog {
        max-width: calc(100% - 9rem)
    }
}

@media (max-width: 910px) {
    #appDownloadModal .modal-dialog {
        max-width: calc(100% - 1rem)
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-dialog {
        margin: 0 auto;
        max-width: 58%
    }
}

@media (max-width: 650px) {
    #appDownloadModal .modal-dialog {
        max-width: 65%
    }
}

@media (max-width: 480px) {
    #appDownloadModal .modal-dialog {
        max-width: 90%
    }
}

#appDownloadModal .closeAppDownloadModal__wrapper {
    margin: auto;
    display: none;
    text-align: right;
    position: fixed;
    right: 1rem;
    top: 1rem
}

@media (max-width: 767.98px) {
    #appDownloadModal .closeAppDownloadModal__wrapper {
        display: block
    }

        #appDownloadModal .closeAppDownloadModal__wrapper span {
            padding: 1rem;
            display: block
        }
}

@media (max-width: 500px) {
    #appDownloadModal .closeAppDownloadModal__wrapper span {
        padding: 0
    }
}

#appDownloadModal.hidden {
    display: none !important
}

#appDownloadModal .close-btn {
    background: transparent;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    cursor: pointer;
    color: #fff;
    outline: none !important
}

    #appDownloadModal .close-btn span::before {
        color: #fff
    }

#appDownloadModal #closeAppDownloadModal {
    position: absolute;
    top: -3rem;
    right: 0;
    left: auto;
    justify-content: flex-end;
    padding: 12px
}

@media (max-width: 767.98px) {
    #appDownloadModal #closeAppDownloadModal {
        display: none
    }
}

#appDownloadModal .modal-content {
    border-radius: 0;
    background-image: linear-gradient(180deg, #0065BD -16.61%, #8F23B3 80.18%);
    min-height: 33rem
}

@media (min-height: 200px) and (max-height: 700px) {
    #appDownloadModal .modal-content {
        transform: scale(0.8)
    }
}

@media (max-width: 992px) {
    #appDownloadModal .modal-content {
        min-height: 31.9rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content {
        min-height: 37rem
    }
}

#appDownloadModal .modal-content::before {
    content: '';
    background-image: url("../../../../../assets/revamp-assets/img/appdownload/Car.png");
    height: 100%;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    background-position: bottom;
    z-index: 0;
    width: 51%
}

@media (max-width: 992px) {
    #appDownloadModal .modal-content::before {
        width: 51%
    }
}

@media (max-width: 910px) {
    #appDownloadModal .modal-content::before {
        width: 55%;
        max-width: 28rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content::before {
        width: 90% !important;
        max-width: 27.5rem;
        right: 10%;
        background-image: url("../../../../../assets/revamp-assets/img/appdownload/mobile-car.png") !important
    }
}

#appDownloadModal .modal-content .app-download-popup-container {
    display: flex
}

#appDownloadModal .modal-content .app-download-popup-container__content {
    padding: 4.8rem 2.944rem 3.5rem;
    width: 75%;
    position: relative
}

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__content {
        padding: 3.75rem 2.159rem 3.518rem;
        width: 70%
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__content {
        width: 100%;
        padding: 3.75rem 1rem 4.75rem;
        padding-bottom: 90%;
        text-align: center
    }
}

#appDownloadModal .modal-content .app-download-popup-container__content span {
    font-family: "Tajawal-Bold";
    font-size: 1.333rem;
    line-height: 110%;
    display: block;
    letter-spacing: 0
}

    #appDownloadModal .modal-content .app-download-popup-container__content span::first-letter {
        text-transform: capitalize
    }

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__content span {
        font-size: 1.5rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__content span {
        font-size: 1.286rem
    }
}

#appDownloadModal .modal-content .app-download-popup-container__content h2 {
    font-size: 5rem;
    color: #fff;
    line-height: 110%;
    margin-bottom: 1.333rem;
    font-family: "Tajawal-Bold";
    letter-spacing: -0.03em;
    margin-top: 0
}

    #appDownloadModal .modal-content .app-download-popup-container__content h2::first-letter {
        text-transform: capitalize
    }

@media (min-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__content h2 {
        width: clamp(60%, 20ch, 10ch)
    }
}

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__content h2 {
        font-size: 5.625rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__content h2 {
        font-size: 2.467rem;
        width: clamp(12ch, 50%, 10ch)
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__content h2 {
        font-size: 2.5rem;
        line-height: 130%;
        margin: 0 auto 0.571rem;
        text-align: center
    }
}

#appDownloadModal .modal-content .app-download-popup-container__content p {
    font-size: 1rem;
    color: #fff;
    line-height: 150%;
    margin-bottom: 1.278rem;
    font-family: "Tajawal-Regular"
}

    #appDownloadModal .modal-content .app-download-popup-container__content p::first-letter {
        text-transform: capitalize
    }

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__content p {
        font-size: 1.125rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__content p {
        font-size: 0.822rem;
        margin-bottom: 0.786rem
    }
}

#appDownloadModal .modal-content .app-download-popup-container__btn-wrapper {
    display: flex
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__btn-wrapper {
        justify-content: center
    }
}

#appDownloadModal .modal-content .app-download-popup-container__btn-wrapper a {
    margin-right: 1rem;
    display: inline-block;
    margin-bottom: 0.556rem;
    max-width: 8.333rem
}

    #appDownloadModal .modal-content .app-download-popup-container__btn-wrapper a img {
        width: 100%;
        height: 2.75rem
    }

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__btn-wrapper a {
        margin-right: 0.813rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__btn-wrapper a {
        margin-right: 0.214rem;
        margin-bottom: 0.714rem;
        max-width: auto
    }

        #appDownloadModal .modal-content .app-download-popup-container__btn-wrapper a img {
            width: 100%;
            height: 1.857rem
        }
}

#appDownloadModal .modal-content .app-download-popup-container__links {
    display: flex;
    margin: 1.111rem 0 1.667rem;
    list-style: none;
    color: #fff;
    flex-wrap: wrap
}

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__links {
        margin: 0.625rem 0 1.25rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__links {
        justify-content: center;
        margin: 0rem 0 2.714rem
    }
}

#appDownloadModal .modal-content .app-download-popup-container__links li {
    margin-right: 1.222rem;
    padding-right: 0.389rem;
    position: relative
}

    #appDownloadModal .modal-content .app-download-popup-container__links li:first-child::before {
        display: none;
        padding-right: 0
    }

    #appDownloadModal .modal-content .app-download-popup-container__links li::before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: -14px;
        top: 10px
    }

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__links li {
        margin-right: 0.938rem;
        padding-right: 0.438rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__links li {
        margin-right: 0.5rem
    }

        #appDownloadModal .modal-content .app-download-popup-container__links li::before {
            left: -10px;
            top: 13px;
            width: 3px;
            height: 3px
        }
}

#appDownloadModal .modal-content .app-download-popup-container__links li:last-child {
    margin-right: 0
}

#appDownloadModal .modal-content .app-download-popup-container__links li a {
    color: #fff;
    font-size: 0.889rem;
    line-height: 150%
}

@media (max-width: 992px) {
    #appDownloadModal .modal-content .app-download-popup-container__links li a {
        font-size: 1rem
    }
}

@media (max-width: 767.98px) {
    #appDownloadModal .modal-content .app-download-popup-container__links li a {
        font-size: 0.62rem
    }
}

#appDownloadModal .modal-content .app-download-popup-container__modal-screen {
    width: 40%
}

    #appDownloadModal .modal-content .app-download-popup-container__modal-screen img {
        width: 100%
    }

.page-not-found {
    position: relative;
    overflow: hidden
}

    .page-not-found::before {
        content: "";
        display: block;
        position: absolute;
        top: 0%;
        height: 100%;
        max-height: 100%;
        width: 100%;
        right: 0;
        left: 0;
        border-radius: initial;
        background-image: url(../../revamp-assets/img/not-found/notfound-xl.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        z-index: 0;
        display: flex;
        justify-content: center
    }

@media (max-width: 991.98px) {
    .page-not-found::before {
        background-position: center 12%;
        background-image: url(../../revamp-assets/img/not-found/notfound-lg.png)
    }
}

@media (max-width: 700px) {
    .page-not-found::before {
        background-size: 100%;
        background-position: center 34%;
        background-image: url(../../revamp-assets/img/not-found/notfound-sm.png)
    }
}

@media (max-width: 460px) {
    .page-not-found::before {
        background-position: center 20%
    }
}

.page-not-found .btn.btn-primary {
    text-transform: capitalize
}

.page-not-found__header {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    padding-bottom: 4.856rem;
    padding-top: 11.944rem
}

@media (max-width: 992px) {
    .page-not-found__header {
        padding-top: 7.75rem;
        padding-bottom: 5.4rem
    }
}

@media (max-width: 768px) {
    .page-not-found__header {
        padding-top: 7.429rem;
        padding-bottom: 3.75rem
    }
}

.page-not-found__header h1 {
    font-family: "Tajawal-Bold";
    font-size: 3.333rem;
    line-height: 90%;
    margin-bottom: 1.111rem;
    width: auto;
    display: inline-block;
    color: #fff;
    letter-spacing: -0.02%
}

    .page-not-found__header h1::first-letter {
        text-transform: capitalize
    }

@media (max-width: 992px) {
    .page-not-found__header h1 {
        font-size: 2.5rem;
        margin-bottom: 1.25rem
    }
}

@media (max-width: 768px) {
    .page-not-found__header h1 {
        font-size: 3.214rem;
        margin-bottom: 1.5rem
    }
}

.page-not-found__header p {
    font-size: 1rem;
    line-height: 150%;
    margin-bottom: 2.333rem;
    font-family: "Tajawal-Regular";
    width: clamp(15ch, 72%, 54ch);
    color: #fff
}

    .page-not-found__header p::first-letter {
        text-transform: capitalize
    }

@media (min-width: 768px) and (max-width: 1199.98px) {
    .page-not-found__header p {
        font-size: 1.125rem;
        margin-bottom: 3.125rem
    }
}

@media (max-width: 768px) {
    .page-not-found__header p {
        font-size: 1.143rem;
        margin-bottom: 2.714rem
    }
}

@media (max-width: 575px) {
    .page-not-found__header p {
        width: auto
    }
}

.page-not-found__header a {
    font-family: "Tajawal-Bold";
    color: #fff
}

.page-not-found .page-not-found__form {
    position: relative
}

    .page-not-found .page-not-found__form .btn.btn-primary {
        position: absolute;
        top: 0.5rem;
        right: 0;
        padding: 0.75rem 0.9rem;
        background-color: #FFFFFF;
        color: #222 !important;
        font-size: 0.9rem;
        line-height: 1
    }

@media (min-width: 991.98px) {
    .page-not-found .page-not-found__form .btn.btn-primary {
        display: none
    }
}

.page-not-found .page-not-found__form .btn.btn-primary .icon {
    font-size: 0.9rem;
    margin-left: 0.2rem;
    position: static
}

    .page-not-found .page-not-found__form .btn.btn-primary .icon::before {
        color: #222
    }

.page-not-found .page-not-found__form::after {
    content: '';
    height: 1px;
    width: 0%;
    background: #fff;
    transition: all ease-in-out .25s;
    display: block;
    position: relative;
    z-index: 2;
    box-shadow: 2px;
    filter: sepia(100%) blur(2px) hue-rotate(190deg) saturate(500%)
}

.page-not-found .page-not-found__form ::placeholder {
    color: rgba(255,255,255,0.7);
    opacity: 1
}

.page-not-found .page-not-found__form :-ms-input-placeholder {
    color: rgba(255,255,255,0.7)
}

.page-not-found .page-not-found__form ::-ms-input-placeholder {
    color: rgba(255,255,255,0.7)
}

.page-not-found .page-not-found__form:focus-within::after {
    width: 100%
}

.page-not-found .page-not-found__form input[type=text] {
    width: 100%;
    padding: 10px 1.5rem;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    border-radius: 0;
    padding-left: 4.2rem;
    color: #fff;
    font-size: 2.222rem;
    font-family: "Tajawal-Light"
}

@media (max-width: 992px) {
    .page-not-found .page-not-found__form input[type=text] {
        font-size: 2.143rem;
        padding-left: 3.9rem
    }
}

@media (max-width: 768px) {
    .page-not-found .page-not-found__form input[type=text] {
        font-size: 1.875rem;
        padding-left: 3.9rem
    }
}

.page-not-found .page-not-found__form ::placeholder, .page-not-found .page-not-found__form :-ms-input-placeholder, .page-not-found .page-not-found__form ::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
    font-size: 2.222rem;
    font-family: "Tajawal-Light"
}

@media (max-width: 992px) {
    .page-not-found .page-not-found__form ::placeholder, .page-not-found .page-not-found__form :-ms-input-placeholder, .page-not-found .page-not-found__form ::-ms-input-placeholder {
        font-size: 2.143rem
    }
}

@media (max-width: 768px) {
    .page-not-found .page-not-found__form ::placeholder, .page-not-found .page-not-found__form :-ms-input-placeholder, .page-not-found .page-not-found__form ::-ms-input-placeholder {
        font-size: 1.875rem
    }
}

.page-not-found .page-not-found__form .icon-Search-icon {
    position: absolute;
    left: 1rem;
    font-size: 1.5rem;
    bottom: 1.6rem
}

.page-not-found .owl-not-found__wrapper {
    position: relative;
    overflow: visible;
    z-index: 1;
    margin-bottom: 2.889rem
}

@media (max-width: 992px) {
    .page-not-found .owl-not-found__wrapper {
        margin-bottom: 5.695rem
    }
}

@media (max-width: 768px) {
    .page-not-found .owl-not-found__wrapper {
        margin-bottom: 0.714rem
    }
}

.page-not-found .owl-not-found__wrapper .owl-nav.disabled {
    display: none !important
}

.page-not-found .owl-not-found__wrapper .slider-sec-cont {
    padding: 0;
    margin: 0;
    background-image: none !important;
    background: none !important
}

    .page-not-found .owl-not-found__wrapper .slider-sec-cont .slider-header {
        margin-bottom: 0 !important
    }

    .page-not-found .owl-not-found__wrapper .slider-sec-cont h3 {
        font-family: "Tajawal-Bold";
        font-size: 2.222rem;
        margin-bottom: 3.333rem;
        line-height: 110%;
        color: #fff;
        display: flex;
        align-items: baseline
    }

@media (max-width: 992px) {
    .page-not-found .owl-not-found__wrapper .slider-sec-cont h3 {
        font-size: 1.875rem;
        margin-bottom: 2rem
    }
}

@media (max-width: 768px) {
    .page-not-found .owl-not-found__wrapper .slider-sec-cont h3 {
        font-size: 2.143rem;
        margin-bottom: 2.857rem
    }
}

.page-not-found .owl-not-found__wrapper .slider-sec-cont .view-all-btn {
    font-family: "Tajawal-Regular";
    font-size: 1rem;
    line-height: 1.222rem;
    color: #fff;
    position: relative;
    margin-top: 1rem
}

@media (max-width: 992px) {
    .page-not-found .owl-not-found__wrapper .slider-sec-cont .view-all-btn {
        display: none
    }
}

.page-not-found .owl-not-found__wrapper .slider-sec-cont .view-all-btn::after {
    position: absolute;
    margin-top: 7px
}

.page-not-found .owl-not-found__wrapper .slider-sec-cont .view-all-btn:hover::after {
    width: 100%
}

.page-not-found .owl-not-found__wrapper .slider-items .slider-cont .owl-nav {
    text-align: left;
    float: left;
    display: flex
}

.page-not-found .owl-not-found__wrapper .owl-dots {
    display: none
}

.page-not-found .owl-not-found__wrapper .owl-carousel.owl-loaded {
    position: static
}

.page-not-found .owl-not-found__wrapper .owl-carousel .owl-stage-outer {
    overflow: visible
}

.page-not-found .owl-not-found__wrapper .item {
    width: 100% !important
}

.page-not-found .owl-not-found__wrapper .owl-carousel .owl-item .card-data-img {
    margin-bottom: 0;
    min-height: auto
}

.page-not-found .owl-not-found__wrapper .popup-Share.show {
    left: auto !important;
    height: auto;
    bottom: auto !important;
    top: auto !important;
    right: 0rem
}

@media (max-width: 768px) {
    .page-not-found .owl-not-found__wrapper .popup-Share.show {
        bottom: 3rem;
        flex-direction: column
    }
}

.page-not-found .owl-not-found__wrapper .dropdown-toggle::after {
    display: none
}

.page-not-found .owl-not-found__wrapper .slider-items .slider-header {
    align-items: baseline !important
}

.page-not-found .owl-not-found__wrapper .owl-stage {
    display: flex;
    align-items: stretch
}

    .page-not-found .owl-not-found__wrapper .owl-stage .owl-item {
        height: auto !important
    }

.page-not-found .owl-not-found__wrapper .owl-nav {
    margin-right: 0 !important;
    padding-right: calc(0 - 15px);
    position: absolute;
    top: -5%;
    right: 0;
    font-size: 0;
    margin: 5px
}

@media (max-width: 992px) {
    .page-not-found .owl-not-found__wrapper .owl-nav {
        display: none !important
    }
}

@media (min-width: 1600px) {
    .page-not-found .owl-not-found__wrapper .owl-nav {
        padding-right: calc(25vw - 800px + 9rem)
    }
}

@media (max-width: 991.98px) {
    .page-not-found .owl-not-found__wrapper .owl-nav {
        padding-right: calc(2rem - 15px)
    }
}

@media (max-width: 768px) {
    .page-not-found .owl-not-found__wrapper .owl-nav {
        display: none
    }
}

.page-not-found .anononymous-container {
    padding: 3.2rem 1.5rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

    .page-not-found .anononymous-container h3 {
        text-align: center;
        justify-content: center;
        font-size: 0.938rem !important;
    }

    .page-not-found .anononymous-container .btn.btn-primary {
        position: relative
    }

    .page-not-found .anononymous-container .icon-arrow-left-rounded-icon .path2:before {
        content: "\e910";
        position: absolute;
        color: #fff
    }

.about-us-page {
    background: #1C024B
}

    .about-us-page * {
        color: #fff
    }

    .about-us-page .video-item {
        width: 100% !important
    }

    .about-us-page .subsection-title {
        font-size: 3.333rem;
        line-height: 3rem;
        font-family: "Tajawal-Bold";
        margin-bottom: 1.667rem
    }

@media (max-width: 992px) {
    .about-us-page .subsection-title {
        font-size: 2.5rem;
        line-height: 2.25rem;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 768px) {
    .about-us-page .subsection-title {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 2.143rem
    }
}

.about-us-page h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Bold";
    margin-bottom: 1.667rem
}

@media (max-width: 992px) {
    .about-us-page h4 {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 768px) {
    .about-us-page h4 {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 2.143rem
    }
}

.about-us-page p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Regular";
    margin-bottom: 1.667rem
}

@media (max-width: 767px) {
    .about-us-page p {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 576px) {
    .about-us-page p {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 2.143rem
    }
}

.about-us-page .about-us-details {
    padding: 3.333rem 0;
    margin-top: -1px;
    padding-top: 0
}

@media (max-width: 992px) {
    .about-us-page .about-us-details {
        padding: 2.5rem 0 3.333rem
    }
}

@media (max-width: 768px) {
    .about-us-page .about-us-details {
        padding: 2.857rem 0 2.857rem;
        padding-top: 0
    }
}

.about-us-page .about-us-details .vid-iframe__wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 32.444rem;
    cursor: pointer;
    margin-left: auto
}

@media (max-width: 992px) {
    .about-us-page .about-us-details .vid-iframe__wrapper {
        max-width: 100%;
        margin: auto
    }
}

.about-us-page .about-us-details .vid-iframe__wrapper img {
    width: 100%;
    max-width: 32.444rem;
    height: 18.27rem;
    object-fit: cover
}

@media (max-width: 992px) {
    .about-us-page .about-us-details .vid-iframe__wrapper img {
        max-width: 100%;
        height: auto;
        margin-top: 1.188rem
    }
}

@media (max-width: 768px) {
    .about-us-page .about-us-details .vid-iframe__wrapper img {
        max-width: 100%;
        margin-top: 0.714rem
    }
}

.about-us-page .about-us-details .vid-iframe__wrapper .vid-iframe__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

    .about-us-page .about-us-details .vid-iframe__wrapper .vid-iframe__overlay img {
        width: 4rem;
        height: 4rem
    }

@media (max-width: 992px) {
    .about-us-page .about-us-details .vid-iframe__wrapper .vid-iframe__overlay img {
        width: 4.5rem;
        height: 4.5rem
    }
}

@media (max-width: 768px) {
    .about-us-page .about-us-details .vid-iframe__wrapper .vid-iframe__overlay img {
        width: 5.143rem;
        height: 5.143rem
    }
}

.about-us-feature {
    padding: 1.111rem 0 1.667rem
}

@media (max-width: 992px) {
    .about-us-feature {
        padding: 3.125rem 0 3.75rem
    }
}

@media (max-width: 768px) {
    .about-us-feature {
        padding: 2.679rem 0 3.78rem
    }
}

.about-us-feature .row {
    justify-content: center
}

.about-us-feature h2 {
    text-align: center;
    font-size: 2.222rem;
    line-height: 2.444rem;
    letter-spacing: -2%;
    font-family: "Tajawal-Bold";
    margin-bottom: 3.5rem
}

@media (max-width: 992px) {
    .about-us-feature h2 {
        margin-bottom: 3.938rem;
        font-size: 1.875rem;
        line-height: 1.688rem
    }
}

@media (max-width: 576px) {
    .about-us-feature h2 {
        font-size: 2.143rem;
        line-height: 1.929rem;
        margin-bottom: 2.857rem
    }
}

.about-us-feature__item {
    text-align: center;
    margin-bottom: 1.111rem
}

@media (max-width: 992px) {
    .about-us-feature__item {
        margin-bottom: 1.111rem
    }
}

@media (max-width: 768px) {
    .about-us-feature__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 576px) {
    .about-us-feature__item {
        margin-bottom: 0
    }
}

.about-us-feature__item:hover img {
    transform: scale(1.1)
}

.about-us-feature__item img {
    width: 4rem;
    display: inline-block;
    margin-bottom: 1.111rem;
    transition: all .25s ease-in-out
}

@media (max-width: 992px) {
    .about-us-feature__item img {
        width: 4.5rem;
        margin-bottom: 1.111rem
    }
}

.about-us-feature__item p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Regular";
    margin-bottom: 1.667rem
}

@media (max-width: 992px) {
    .about-us-feature__item p {
        width: clamp(10ch, 23ch, 30ch);
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .about-us-feature__item p {
        margin-bottom: 1.5rem;
        font-size: 1.143rem;
        line-height: 1.714rem
    }
}

@media (max-width: 576px) {
    .about-us-feature__item p {
        width: clamp(13ch, 100%, 30ch);
        line-height: 1.929rem;
        margin-bottom: 1.429rem
    }
}

.about-us-info {
    padding: 3.456rem 0 5rem
}

    .about-us-info .row {
        display: flex;
        align-items: center
    }

    .about-us-info img {
        width: 100%
    }

.about-us-info__logo {
    max-width: 24.778rem;
    margin-bottom: 1.111rem
}

@media (max-width: 992px) {
    .about-us-info__logo {
        margin-bottom: 1.875rem;
        max-width: 27.875rem
    }
}

.about-us-info__img {
    margin: 0 auto;
    display: block
}

@media (max-width: 992px) {
    .about-us-info__img {
        max-width: 28.438rem;
        margin-bottom: 3.809rem
    }
}

.about-us-info p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Tajawal-Regular";
    margin-bottom: 1.667rem;
    color: #666 !important
}

@media (max-width: 992px) {
    .about-us-info p {
        margin-bottom: 1.875rem;
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

@media (max-width: 768px) {
    .about-us-info p {
        font-size: 1.143rem;
        line-height: 1.714rem;
        margin-bottom: 2.143rem
    }
}

.about-us-info .icon-Download:before {
    color: #fff
}

.about-us-info .btn.btn-SECONDARY {
    color: #fff;
    display: inline-flex;
    align-items: center
}

@media (max-width: 992px) {
    .about-us-info .btn.btn-SECONDARY {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.about-us-info .btn.btn-SECONDARY .icon {
    font-size: 1.4rem
}

.about-us-info .btn.btn-SECONDARY:hover {
    color: #fff !important
}

.about-us-explore {
    background: #F3F6FB;
    padding: 6.667rem 0
}

@media (max-width: 992px) {
    .about-us-explore {
        padding: 5rem 0
    }
}

@media (max-width: 768px) {
    .about-us-explore {
        padding: 4.286rem 0 3.143rem
    }
}

.about-us-explore h2 {
    letter-spacing: -2%;
    text-transform: capitalize;
    text-align: center;
    font-family: "Tajawal-Bold";
    line-height: 2.444rem;
    font-size: 2.222rem;
    margin-bottom: 3.333rem
}

@media (max-width: 992px) {
    .about-us-explore h2 {
        line-height: 1.875rem;
        font-size: 1.688rem;
        margin-bottom: 2.813rem
    }
}

@media (max-width: 768px) {
    .about-us-explore h2 {
        font-size: 1.714rem;
        line-height: 1.543rem;
        margin-bottom: 2.143rem
    }
}

.about-us-explore .justify-center {
    justify-content: center !important
}

.about-us-explore .row > div {
    position: relative
}

@media (max-width: 768px) and (min-width: 575px) {
    .about-us-explore .row > div {
        width: 60%;
        margin: 0 auto 2.143rem
    }
}

@media (max-width: 767px) {
    .about-us-explore .row > div {
        margin-bottom: 2.143rem
    }

        .about-us-explore .row > div:last-child {
            margin-bottom: 0
        }
}

.about-us-explore__item {
    text-align: center;
    display: block;
    height: 100%;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 768px) {
    .about-us-explore__item {
        margin-bottom: 1.143rem
    }
}

.about-us-explore__item:hover img {
    opacity: 0.8;
    transform: scale(1.15)
}

.about-us-explore__item .img-wrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 12.667rem
}

@media (max-width: 992px) {
    .about-us-explore__item .img-wrapper {
        height: 8.5rem
    }
}

@media (max-width: 768px) {
    .about-us-explore__item .img-wrapper {
        height: 16.286rem
    }
}

.about-us-explore__item .img-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.9s ease
}

.about-us-explore__item .img-wrapper .status {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px;
    position: absolute;
    min-width: 4.389rem;
    height: 1.61rem;
    left: 1.11rem;
    top: 1.11rem;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
    transition: all 0.9s ease;
    font-size: 0.889rem;
    line-height: 1.333rem
}

@media (max-width: 992px) {
    .about-us-explore__item .img-wrapper .status {
        display: none
    }
}

.about-us-explore__item-body {
    padding: 1.714rem
}

@media (max-width: 992px) {
    .about-us-explore__item-body {
        padding: 0.625rem
    }
}

@media (max-width: 768px) {
    .about-us-explore__item-body {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.about-us-explore__item-body h3 {
    text-transform: capitalize;
    letter-spacing: -2%;
    font-family: "Tajawal-Bold";
    line-height: 100% 24;
    font-size: 1.222rem;
    margin-bottom: 0.444rem;
    color: #222
}

@media (max-width: 992px) {
    .about-us-explore__item-body h3 {
        line-height: 1.688rem;
        font-size: 1.125rem;
        margin-bottom: 0.313rem
    }
}

@media (max-width: 768px) {
    .about-us-explore__item-body h3 {
        font-size: 1.571rem;
        line-height: 1.571rem;
        margin-bottom: 0.571rem
    }
}

.about-us-explore__item-body p {
    line-height: 150%;
    font-size: 0.778rem;
    font-family: "Tajawal-Regular";
    color: #666
}

@media (max-width: 992px) {
    .about-us-explore__item-body p {
        line-height: 1.5rem;
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .about-us-explore__item-body p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.about-us-download {
    padding: 2.222rem 0 5.556rem
}

@media (max-width: 992px) {
    .about-us-download {
        padding: 1.875rem 0 1.786rem
    }
}

.about-us-download__wrapper {
    display: flex;
    align-items: center;
    background: #1C024B;
    padding: 2.222rem 3.333rem;
    border-radius: 5px
}

@media (max-width: 767px) {
    .about-us-download__wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

.about-us-download__wrapper * {
    color: #fff
}

.about-us-download__content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 1.667rem;
    width: 100%
}

@media (max-width: 767px) {
    .about-us-download__content {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 0;
        text-align: center
    }
}

.about-us-download__content .btn-primary:not([disabled]):hover {
    background-color: #0065BD !important
}

.about-us-download__img {
    max-width: 7.292rem
}

@media (max-width: 992px) {
    .about-us-download__img {
        max-width: 4.875rem
    }
}

@media (max-width: 767px) {
    .about-us-download__img {
        max-width: 9.375rem;
        margin-bottom: 2.143rem
    }
}

.about-us-download__img img {
    width: 100%
}

.about-us-download__desc {
    width: 68%
}

@media (max-width: 992px) {
    .about-us-download__desc {
        width: 100%
    }
}

.about-us-download__desc h2 {
    font-size: 1.333rem;
    line-height: 1.467rem;
    margin-bottom: 0.889rem;
    font-family: "Tajawal-Bold"
}

@media (max-width: 992px) {
    .about-us-download__desc h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1rem
    }
}

@media (max-width: 767px) {
    .about-us-download__desc h2 {
        margin-bottom: 1.429rem
    }
}

.about-us-download__desc p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.889rem;
    font-family: "Tajawal-Regular"
}

@media (max-width: 992px) {
    .about-us-download__desc p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767px) {
    .about-us-download__desc p {
        font-size: 1.143rem;
        margin-bottom: 2.143rem
    }
}

.about-us-download .btn.btn-primary {
    display: flex;
    align-items: center;
    color: #000
}

@media (max-width: 767px) {
    .about-us-download .btn.btn-primary {
        width: 100%;
        justify-content: center;
        padding: 0.714rem;
        font-size: 1.143rem;
        line-height: 1.429rem
    }
}

.about-us-download .btn.btn-primary .icon {
    font-size: 1.5rem
}

.about-us-download .btn.btn-primary .icon-Download:before {
    color: #000
}

.highlighted-past-events {
    background-color: #F3F6FB;
    padding: 6.667rem 0;
    padding-bottom: 4.4rem
}

@media (max-width: 992px) {
    .highlighted-past-events {
        padding: 5rem 0
    }
}

@media (max-width: 767px) {
    .highlighted-past-events {
        padding: 4.6428571rem 0
    }
}

.highlighted-past-events .sections-title {
    color: #141A39;
    font-size: 3.333rem;
    line-height: 54px;
    font-family: "Tajawal-bold";
    padding-bottom: 1.11rem
}

@media (max-width: 992px) {
    .highlighted-past-events .sections-title {
        font-size: 2.5rem;
        line-height: 36px;
        padding-bottom: 1.25rem
    }
}

@media (max-width: 767px) {
    .highlighted-past-events .sections-title {
        font-size: 2.142857rem;
        line-height: 27px;
        padding-bottom: 1.42857rem
    }
}

.highlighted-past-events .sections-pref {
    font-size: 0.889rem;
    line-height: 24px;
    color: #333;
    padding-bottom: 3.333rem
}

@media (max-width: 992px) {
    .highlighted-past-events .sections-pref {
        font-size: 1rem;
        padding-bottom: 2.3125rem
    }
}

@media (max-width: 767px) {
    .highlighted-past-events .sections-pref {
        line-height: 21px;
        padding-bottom: 2.2857rem
    }
}

.highlighted-past-events .past-event-card {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (min-width: 575px) and (max-width: 767.98px) {
    .highlighted-past-events .past-event-card {
        width: 65%;
        margin: 0 auto 2.2857rem
    }
}

.highlighted-past-events .past-event-card .event-main-card {
    margin-bottom: 2.2857rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

    .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-category {
        color: #666 !important
    }

    .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-title, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-date, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location {
        color: #222 !important
    }

        .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-title span, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-date span, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location span {
            color: #222 !important
        }

        .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-title .icon::before, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-date .icon::before, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location .icon::before {
            color: #1C024B !important
        }

    .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-date, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location {
        font-size: 0.611rem
    }

@media (max-width: 992px) {
    .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-date, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location {
        font-size: 0.688rem
    }
}

@media (max-width: 767px) {
    .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-date, .highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location {
        font-size: 0.786rem
    }
}

.highlighted-past-events .past-event-card .event-main-card .event-card-details .event-location {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    text-align: start
}

.highlighted-past-events .event-pref {
    font-size: 0.7778rem;
    color: #333;
    line-height: 21px;
    padding-top: .18rem
}

@media (max-width: 992px) {
    .highlighted-past-events .event-pref {
        font-size: 0.875rem;
        padding-top: .16rem
    }
}

@media (max-width: 767px) {
    .highlighted-past-events .event-pref {
        font-size: 1rem;
        padding-top: .14rem
    }
}

#aboutModal .modal {
    background: rgba(34,34,34,0.8)
}

#aboutModal .modal-content {
    background: transparent;
    display: flex;
    justify-content: left;
    align-items: flex-end;
    border: 0
}

#aboutModal .ifrmae-modal-close {
    float: right;
    width: 50px;
    background: transparent;
    border: none;
    font-size: 2rem;
    outline: none !important;
    color: #fff
}

#aboutModal iframe {
    width: 100% !important
}

#aboutModal .vid-iframe {
    width: 100%;
    height: 80vh;
    position: relative
}

.aboutus-header {
    height: auto
}

    .aboutus-header:before {
        content: "";
        width: 100%;
        height: 847px;
        display: block;
        z-index: 10;
        background-image: url(../../../../../assets/revamp-assets/dist/img/about/about-banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        left: 0;
        right: 0;
        top: -2rem
    }

@media (max-width: 992px) {
    .aboutus-header:before {
        background-image: url(../../../../../assets/revamp-assets/dist/img/about/about-banner-tablet.png)
    }
}

.aboutus-header .aboutus-header-banner {
    position: relative;
    z-index: 11
}

    .aboutus-header .aboutus-header-banner .inner-header-cont {
        z-index: 12;
        position: relative
    }

        .aboutus-header .aboutus-header-banner .inner-header-cont .event-details-header {
            width: 50%;
            margin: 0 auto;
            margin-left: 0;
            text-align: left
        }

@media (max-width: 767.98px) {
    .aboutus-header .aboutus-header-banner .inner-header-cont .event-details-header {
        width: 100%
    }
}

.aboutus-header .aboutus-header-banner .breadcrumb-cont {
    display: none
}

.aboutus-header .aboutus-header-banner .page-slogn {
    font-size: 1rem;
    line-height: 27px;
    display: block;
    margin-bottom: 1.67rem
}

.aboutus-header .aboutus-header-banner .about-wave {
    width: 100%;
    position: absolute;
    top: 16.5rem;
    z-index: 11
}

@media (min-width: 1919.98px) and (max-width: 2560px) {
    .aboutus-header .aboutus-header-banner .about-wave {
        top: 0
    }
}

.aboutus-header .slider-aboutdata .about-our-vision {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 30rem;
    color: #fff;
    text-align: center;
    z-index: 11
}

@media (min-width: 1919.98px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-our-vision {
        top: 25rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-our-vision {
        top: 38rem
    }
}

.aboutus-header .slider-aboutdata .about-our-vision h6 {
    font-size: 1rem;
    line-height: 150%;
    text-transform: uppercase;
    font-family: 'Tajawal-Bold';
    color: #fff;
    margin-bottom: 1.667rem
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-our-vision h6 {
        margin-bottom: 2.1428571rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-our-vision h6 {
        margin-bottom: 1.875rem;
        font-size: 1.42857rem;
        line-height: 110%
    }
}

.aboutus-header .slider-aboutdata .about-our-vision p {
    font-size: 2.222rem;
    line-height: 110%;
    font-family: 'Tajawal-Bold';
    color: #fff;
    margin-bottom: 5rem;
    text-align: center !important
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-our-vision p {
        margin-bottom: 3.0625rem;
        font-size: 1.875rem;
        line-height: 90%
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-our-vision p {
        margin-bottom: 3.2142857rem;
        font-size: 1.42857rem;
        line-height: 110%
    }
}

.aboutus-header .slider-aboutdata .about-our-vision .vision-averages {
    width: 100%
}

    .aboutus-header .slider-aboutdata .about-our-vision .vision-averages .data-average {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        color: #fff
    }

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-our-vision .vision-averages .data-average {
        margin-bottom: 2.142857142857143rem;
        justify-content: flex-start
    }
}

.aboutus-header .slider-aboutdata .about-our-vision .vision-averages .data-average .averages-value {
    font-size: 3.333rem;
    line-height: 90%;
    font-family: 'Tajawal-Bold';
    margin-bottom: 1.11rem
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-our-vision .vision-averages .data-average .averages-value {
        font-size: 2.5rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-our-vision .vision-averages .data-average .averages-value {
        font-size: 2.142857rem
    }
}

.aboutus-header .slider-aboutdata .about-our-vision .vision-averages .data-average .averages-name {
    font-size: 1rem;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Tajawal-Bold'
}

.aboutus-header .slider-aboutdata .about-slider-cont {
    width: 100%;
    height: auto;
    top: 0;
    background: linear-gradient(180deg, #0065BD 37.36%, #1C024B 83.69%);
    display: block;
    min-height: auto;
    position: relative;
    padding-bottom: 9.11rem
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-slider-cont {
        min-height: auto;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont {
        padding-bottom: 7.714285714285714rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont:before {
    content: "";
    position: absolute;
    width: 77.222rem;
    height: 77.222rem;
    z-index: 0;
    border-radius: 50%;
    left: calc( (100% - 77.222rem) / 2);
    top: 28.6rem;
    background: linear-gradient(180deg, rgba(43,18,146,0.058) 12.01%, rgba(43,18,146,0.1) 81.21%)
}

@media (min-width: 1919.98px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont:before {
        top: 27.6rem
    }
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-slider-cont:before {
        width: 76.02625rem;
        height: 76.02625rem;
        left: calc( (100% - 76.02625rem) / 2);
        z-index: 0
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont:before {
        width: 45.3607rem;
        height: 45.3607rem;
        left: calc( (100% - 45.3607rem) / 2);
        top: 50rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont:after {
    width: 106.277rem;
    height: 106.277rem;
    content: "";
    border-radius: 50%;
    position: absolute;
    display: block;
    left: calc( (100% - 106.277rem) / 2);
    top: 14rem;
    background-color: rgba(77,18,173,0.1);
    z-index: 0
}

@media (min-width: 1919.98px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont:after {
        top: 13rem
    }
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-slider-cont:after {
        width: 104.631875rem;
        height: 104.631875rem;
        left: calc( (100% - 104.631875rem) / 2)
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont:after {
        width: 62.42857142857rem;
        height: 62.42857142857rem;
        left: calc( (100% - 62.42857142857rem) / 2);
        top: 40rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel {
    text-align: center;
    padding-top: 0;
    z-index: 10
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer {
        height: 76rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer {
        height: 68rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage {
    padding-top: 48rem;
    min-height: 76rem
}

@media (min-width: 2300px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage {
        min-height: 94.5rem
    }
}

@media (min-width: 1931px) and (max-width: 2299px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage {
        min-height: 87.5rem
    }
}

@media (min-width: 1600px) and (max-width: 1930px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage {
        min-height: 83.5rem
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage {
        min-height: 79rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active {
    z-index: 100;
    top: -12.5rem
}

@media (min-width: 2000px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active {
        top: -19.5rem
    }
}

@media (min-width: 1700px) and (max-width: 1999px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active {
        top: -17.5rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    display: block;
    background: linear-gradient(0deg, rgba(19,86,203,0.6), rgba(19,86,203,0.6));
    z-index: 1;
    transform: scale(0.545);
    border-radius: 50%
}

@media (min-width: 1600px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active:before {
        transform: scale(0.65)
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center {
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0 !important
}

    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item {
        position: absolute;
        width: 50.44444rem;
        height: 50.44444rem;
        margin: 0 auto;
        background: rgba(73,59,228,0.31);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: scale(0.903)
    }

@media (min-width: 1930px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item {
        transform: scale(1.4)
    }
}

@media (min-width: 1600px) and (max-width: 1929px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item {
        transform: scale(1.15)
    }
}

@media (min-width: 991.98px) and (max-width: 1260px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item {
        transform: scale(0.65)
    }
}

@media (max-width: 991.98px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item {
        width: 49.663125rem;
        height: 49.663125rem;
        transform: scale(1)
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item {
        width: 29.631428571428568rem;
        height: 29.631428571428568rem;
        transform: scale(1)
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item .sm-circle {
    width: 39.55555555555556rem;
    height: 39.55555555555556rem;
    margin: 0 auto;
    background: rgba(73,70,234,0.4);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width: 991.98px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item .sm-circle {
        width: 38.943125rem;
        height: 38.943125rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item .sm-circle {
        width: 23.235rem;
        height: 23.235rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item .sm-circle .xs-circle {
    width: 33.55555555555556rem;
    height: 33.55555555555556rem;
    background: #425ef0;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: flex-start
}

@media (max-width: 991.98px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item .sm-circle .xs-circle {
        width: 33.035625rem;
        height: 33.035625rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .img-item .sm-circle .xs-circle {
        width: 19.710714285714285rem;
        height: 19.710714285714285rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center::before {
    content: none
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center img {
    transform: scale(0.86);
    transition: all 0.3s ease-in-out
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center img {
        padding: 1.282142857rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .img-item img {
    opacity: 1
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item .img-item {
    transform: scale(0.545)
}

@media (min-width: 1600px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item .img-item {
        transform: scale(0.65)
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-stage-outer .owl-stage .owl-item .img-item img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(1);
    opacity: 0
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-prev, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-next {
    outline: none !important
}

    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-prev:hover, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-next:hover {
        background: none
    }

    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-prev span, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-next span {
        display: inline-block;
        background: #1C024B;
        width: 40px;
        height: 28px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 250ms ease-in-out;
        line-height: 0
    }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-prev span::after, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-next span::after {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            background: transparent;
            text-indent: -9999px;
            border-top: 2px solid #fff;
            border-left: 2px solid #fff;
            text-decoration: none;
            color: transparent
        }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-prev span:hover, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-next span:hover {
            box-shadow: 0 0 11px rgba(33,33,33,0.4);
            background: #0065BD
        }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-prev span::after {
            transform: rotate(-45deg)
        }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-next span::after {
            transform: rotate(135deg)
        }

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
    font-size: 0
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 50px;
    border: 1px solid #1C024B !important;
    display: inline-block;
    margin-right: 12px;
    outline: none
}

    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-dots .owl-dot.active {
        background-color: #1C024B
    }

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: -9.5rem;
    position: relative
}

@media (min-width: 2299.98px) and (max-width: 2560px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -18.5rem
    }
}

@media (min-width: 1600px) and (max-width: 2299px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -12rem
    }
}

@media (max-width: 1366px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -12.63945rem
    }
}

@media (max-width: 992px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -7.5rem
    }
}

@media (max-width: 767px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -1.6rem
    }
}

@media (max-width: 766px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -3.5rem
    }
}

@media (max-width: 575px) {
    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav {
        margin-top: -3.6rem
    }
}

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-prev, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-next {
    margin: 0 .5rem
}

    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-prev span, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-next span {
        background-color: #fff
    }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-prev span::after, .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-next span::after {
            border-color: #1C024B
        }

.aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-dots {
    margin: 0 1.667rem
}

    .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-dots .owl-dot {
        border-color: #fff !important
    }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-dots .owl-dot.active {
            background-color: #fff
        }

        .aboutus-header .slider-aboutdata .about-slider-cont .owl-carousel .owl-nav .owl-dots .owl-dot:last-child {
            margin: 0 !important
        }

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

nav.navbar.search-navbar {
    position: relative !important;
    /*background-color: #1C024B*/
}

@media (max-width: 991.98px) {
    nav.navbar.search-navbar .menu-right-content {
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    nav.navbar.search-navbar .menu-right-content {
        padding: 0.625rem 0rem
    }
}

@media (max-width: 767.98px) {
    nav.navbar.search-navbar .menu-right-content {
        padding: 0 0rem 0.625rem
    }
}

nav.navbar.search-navbar .search-close-icon {
    width: 2.444rem;
    height: 2.444rem;
    background-color: #fff;
    border-radius: 100px;
    line-height: 2.444rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

    nav.navbar.search-navbar .search-close-icon i {
        font-size: 0.778rem;
        line-height: 2.444rem
    }

.filter-page-container {
}

    .filter-page-container app-listing-filters {
        width: 100%
    }

    .filter-page-container .empty-temp-cont {
        padding: 5.556rem 0;
        margin: 0 auto
    }

    .filter-page-container .filter-sec-container {
        padding-bottom: 6.333rem;
        padding-top: 0.556rem;
        position: relative;
        top: -2px
    }

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .filter-page-container .filter-sec-container {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

@media (max-width: 767.98px) {
    .filter-page-container .filter-sec-container {
        padding-top: 1.893rem;
        padding-bottom: 1.25rem
    }
}

.filter-page-container .filter-sec-container .filter-cont .mobile-filter-sec .open-popup-filter {
    color: #fff
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .filter-btns {
    padding-right: 0px
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .clear-all-btn {
    margin-right: 0px;
    padding-right: 0px
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont {
    /*padding-left: 0.33rem*/
    padding-left: 0px;
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .filter-btns .apply-filters-btn {
    padding: 0.6775rem 1.275rem
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .filter-name {
    min-width: 7.56rem
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .select-date, .filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .Search-location {
    min-width: 170px;
    width: auto
}

@media (max-width: 1367px) {
    .filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .select-date, .filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .Search-location {
        min-width: 130px;
        width: auto
    }
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .select-other {
    min-width: 185px;
    width: auto
}

@media (max-width: 1367px) {
    .filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .select-other {
        min-width: 155px;
        width: auto
    }
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .multiselect-cont {
    min-width: 186px;
    width: auto
}

@media (max-width: 1367px) {
    .filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .multiselect-cont {
        min-width: 157px;
        width: auto
    }
}

.filter-page-container .filter-sec-container .filter-cont .filter-sec .selection-cont .multiselect-cont .multi .multi__display .multi__inner {
    text-align: left
}

.filter-page-container .filter-sec-container .search-input.custom-search-input {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    padding: 0.694rem 0 1.194rem;
    font-size: 2.222rem;
    line-height: 2.667rem;
    letter-spacing: -0.02em;
    font-weight: 300;
    font-family: "Tajawal-Light";
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .filter-page-container .filter-sec-container .search-input.custom-search-input {
        font-size: 1.875rem;
        line-height: 2.25rem;
        padding: 0.694rem 0 1.844rem
    }
}

@media (max-width: 767.98px) {
    .filter-page-container .filter-sec-container .search-input.custom-search-input {
        font-size: 2.143rem;
        line-height: 2.571rem;
        padding: 0rem 0 0.929rem
    }
}

@media (min-width: 991.98px) {
    .filter-page-container .filter-sec-container .search-input.custom-search-input::-webkit-input-placeholder {
        opacity: 0.5;
        color: #fff
    }

    .filter-page-container .filter-sec-container .search-input.custom-search-input::-moz-placeholder {
        opacity: 0.5;
        color: #fff
    }

    .filter-page-container .filter-sec-container .search-input.custom-search-input::-moz-placeholder {
        opacity: 0.5;
        color: #fff
    }

    .filter-page-container .filter-sec-container .search-input.custom-search-input:-ms-input-placeholder {
        opacity: 0.5;
        color: #fff
    }
}

.filter-page-container .filter-sec-container .filter-cont {
    padding: 0;
    background-color: transparent
}

    .filter-page-container .filter-sec-container .filter-cont .filter-section {
        padding-top: 1.813rem
    }

@media (min-width: 991.98px) {
    .filter-page-container .filter-sec-container .filter-cont .filter-section .selection-cont .multiselect-cont .multi .multi__display, .filter-page-container .filter-sec-container .filter-cont .filter-section .selection-cont .select-date .dropdown button, .filter-page-container .filter-sec-container .filter-cont .filter-section .selection-cont .Search-location .dropdown button, .filter-page-container .filter-sec-container .filter-cont .filter-section .selection-cont .select-other .dropdown button, .filter-page-container .filter-sec-container .filter-cont .filter-section .selection-cont select {
        background: #193d9e;
        color: #fff !important;
        min-height: 3.003rem
    }
}

.filter-page-container .filter-sec-container .filter-cont .filter-section .filter-name, .filter-page-container .filter-sec-container .filter-cont .filter-section .clear-all-btn {
    color: #fff
}

    .filter-page-container .filter-sec-container .filter-cont .filter-section .clear-all-btn:after {
        background: #fff
    }

.filter-page-container .filter-sec-container .filter-page-sec-title {
    font-size: 0.778rem;
    color: #fff;
    line-height: 1.333rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-family: "Tajawal-Bold";
    margin-bottom: 0px
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .filter-page-container .filter-sec-container .filter-page-sec-title {
        font-size: 0.75rem;
        line-height: 1.5rem;
        margin-bottom: 0.594rem
    }
}

@media (max-width: 767.98px) {
    .filter-page-container .filter-sec-container .filter-page-sec-title {
        font-size: 0.857rem;
        line-height: 1.714rem;
        margin-bottom: 0.357rem
    }
}

.search-results-data {
    /*padding-top: 5.556rem;
    padding-bottom: 5.222rem;*/
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .search-results-data {
        padding-top: 5rem;
        padding-bottom: 3.75rem
    }
}

@media (max-width: 767.98px) {
    .search-results-data {
        padding-top: 4.286rem;
        padding-bottom: 2.857rem
    }
}

.search-results-data .page-title {
    font-family: "Tajawal-Bold";
    font-size: 2.222rem;
    line-height: 2.444rem;
    letter-spacing: -0.02em;
    /*color: #222 !important;*/
    margin-bottom: 0
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .search-results-data .page-title {
        font-size: 1.875rem;
        line-height: 1.688rem;
        margin-bottom: 0.625rem
    }
}

@media (max-width: 767.98px) {
    .search-results-data .page-title {
        font-size: 1.714rem;
        line-height: 1.571rem;
        margin-bottom: 2.857rem
    }
}

.search-maylike-sec-title {
    margin-bottom: 3.756rem
}

.search-maylike-sec-container {
    position: relative
}

    .search-maylike-sec-container .owl-prev:hover .icon-Arrow-Nav, .search-maylike-sec-container .owl-prev:hover .icon-Arrow-Nav-1, .search-maylike-sec-container .owl-next:hover .icon-Arrow-Nav, .search-maylike-sec-container .owl-next:hover .icon-Arrow-Nav-1 {
        text-shadow: 0px 1px 10px rgba(0,0,0,0.5)
    }

    .search-maylike-sec-container .owl-prev.disabled, .search-maylike-sec-container .home-page-container .owl-next.disabled {
        opacity: 0.5;
        cursor: not-allowed
    }

    .search-maylike-sec-container .icon-Arrow-Nav-1 .path1:before, .search-maylike-sec-container .icon-Arrow-Nav .path1:before {
        color: #1C024B
    }

    .search-maylike-sec-container .icon-Arrow-Nav-1 .path2:before, .search-maylike-sec-container .icon-Arrow-Nav .path2:before {
        color: #fff
    }

@media (max-width: 991.98px) {
    .modal-body .filter-page-container .filter-sec-container .search-input.custom-search-input::-webkit-input-placeholder {
        color: rgba(20,26,57,0.5)
    }

    .modal-body .filter-page-container .filter-sec-container .search-input.custom-search-input::-moz-placeholder {
        color: rgba(20,26,57,0.5)
    }

    .modal-body .filter-page-container .filter-sec-container .search-input.custom-search-input::-moz-placeholder {
        color: rgba(20,26,57,0.5)
    }

    .modal-body .filter-page-container .filter-sec-container .search-input.custom-search-input:-ms-input-placeholder {
        color: rgba(20,26,57,0.5)
    }
}

@media print {
    .content-layout .content-page-container {
        padding-top: 0 !important
    }

        .content-layout .content-page-container ul, .content-layout .content-page-container ul li ul, .content-layout .content-page-container ul li ol, .content-layout .content-page-container ol {
            list-style: disc !important;
            list-style-type: disc !important;
            list-style-position: outside !important;
            padding-left: 20px !important
        }

            .content-layout .content-page-container ul li ul, .content-layout .content-page-container ul li ol {
                padding-left: 40px !important
            }

                .content-layout .content-page-container ul li, .content-layout .content-page-container ul li ul li ol li, .content-layout .content-page-container ol li ol li, .content-layout .content-page-container ul li ol li {
                    display: revert !important;
                    padding-left: 10px !important
                }

    .content-us-header, .mini-listing-header, .navbar, .nav-hint, .no-print, nav.navbar, .breadcrumb, footer, .content-page-container .pattern, .scrolltop {
        display: none !important
    }

    .table-responsive {
        overflow: auto
    }

        .table-responsive > .table tr th, .table-responsive > .table tr td {
            white-space: normal !important
        }

    .print-only {
        display: block !important;
        z-index: 7
    }
}

.print-only {
    display: none
}

.custom-deatils-header {
    margin-top: 0 !important;
}

.bordered-title-text {
    text-shadow: 0 0 3px #fff, 0 0 5px #000;
    margin-bottom: 25px;
}

@media all and (max-width: 640px) {
    #sbi_lightbox .sbi_lb-prev, #sbi_lightbox .sbi_lb-next, #sbi_lightbox .sbi_lb-nav {
        display: block !important
    }

    #sbi_lightbox .sbi_lb-prev {
        margin-left: 48px
    }

    #sbi_lightbox .sbi_lb-next {
        margin-right: 48px
    }
}

.light-text {
    font-weight: 100;
}


.date-picker-wrapper input {
    padding: 10px !important;
}

.socials img, .socials_handler img {
    transition: all 0.75s;
}

    .socials img:hover, .socials_handler img:hover {
        transform: scale(1.175);
    }

.date-picker-wrapper {
    box-sizing: border-box;
}


    .date-picker-wrapper input {
        border-radius: 100px !important;
    }

#form1 {
    border-radius: 100px;
}

.ninty-width {
    width: 90%;
    margin: auto;
}

.custom_sitemap_button {
    width: 100%;
    background-color: transparent !important;
    outline: none;
    color: white !important;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    outline: none !important;
    border: none !important;
}

.sitemap_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sitemap_item_wgap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    min-width: 180px;
}

.sitemap_content {
    width: 80%;
    margin: auto;
    margin-bottom: 80px;
}

.accordion_divider {
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    opacity: 30%;
    height: 1px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 1);
}

.sub_sitemap_items {
    width: 40%;
    display: flex;
    justify-content: space-between;
}

.custom_sitemap_button_small {
    width: 100%;
    background-color: transparent !important;
    outline: none;
    color: white !important;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    outline: none !important;
    border: none !important;
}



@media only screen and (max-width: 768px) {
    .sub_sitemap_items {
        width: 40%;
        gap: 10px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-left: 20px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

.wishlist_icon_nav {
    background-color: transparent;
    border: 0px !important;
    outline: none !important;
}

.fav_only {
    padding: 0px !important;
    margin: 0px !important;
}

    .fav_only:hover {
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 100px;
    }

.dates_hover_effect a:hover {
    color: #e10055 !important
}

@media (min-width: 768px) and (max-width: 820px) {
    .download_title {
        font-size: 40px !important;
    }

    .right_asset {
        bottom: -95px !important
    }
}