@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-lg-8 {
        width: 66.6667%;
    }
}

@font-face {
    font-family: "nakheelregular_text";
    src: url("../fonts/Nakheel-TextRegular.eot");
    src: url("../../Fonts/Nakheel/Nakheel-TextRegular.eot?#iefix") format("embedded-opentype"), url("../../Fonts/Nakheel/Nakheel-TextRegular.woff2") format("woff2"), url("../../Fonts/Nakheel/Nakheel-TextRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "nakheelregular_headline";
    src: url("../../Fonts/Nakheel/Nakheel-HeadlineRegular.eot");
    src: url("../../Fonts/Nakheel/Nakheel-HeadlineRegular.eot?#iefix") format("embedded-opentype"), url("../../Fonts/Nakheel/Nakheel-HeadlineRegular.woff2") format("woff2"), url("../../Fonts/Nakheel/Nakheel-HeadlineRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "nakheelbold_text";
    src: url("../../Fonts/Nakheel/Nakheel-TextBold.eot");
    src: url("../../Fonts/Nakheel/Nakheel-TextBold.eot?#iefix") format("embedded-opentype"), url("../../Fonts/Nakheel/Nakheel-TextBold.woff2") format("woff2"), url("../../Fonts/Nakheel/Nakheel-TextBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "nakheelbold_headline";
    src: url("../../Fonts/Nakheel/Nakheel-HeadlineBold.eot");
    src: url("../../Fonts/Nakheel/Nakheel-HeadlineBold.eot?#iefix") format("embedded-opentype"), url("../../Fonts/Nakheel/Nakheel-HeadlineBold.woff2") format("woff2"), url("../../Fonts/Nakheel/Nakheel-HeadlineBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "nakheelregular_text";
}

.header-container {
    height: auto;
}

    .header-container.new-header .header {
        height: 130px;
        top: 0px !important;
    }

    .header-container.new-header .navbar {
        padding: 0;
    }

        .header-container.new-header .navbar .navbar__logo {
            display: block;
        }

            .header-container.new-header .navbar .navbar__logo.white {
                display: none;
            }

        .header-container.new-header .navbar .navbar-toggle {
            top: 27px;
            right: 20px;
        }

            .header-container.new-header .navbar .navbar-toggle .icon-bar {
                background-color: #00263a;
            }

@media (min-width: 769px) {
    .header-container.new-header .navbar .mobile-logo {
        display: none;
    }
}

.header-container.new-header .header__nav .navbar__logo {
    /*margin-top: 54px;*/
    /*margin-top: 10px;*/
}

    .header-container.new-header .header__nav .navbar__logo img {
        /* height: 36px;
  max-height: 36px;*/
        height: calc(28px + (36 - 28) * ((100vw - 1024px) / (1920 - 1024)));
        max-height: calc(24px + (36 - 24) * ((100vw - 1024px) / (1920 - 1024)));
    }

@media only screen and (min-width: 993px) and (max-width: 1024px) {
    .header-container.new-header .header__nav .navbar__logo {
        margin-top: 67px;
    }

        .header-container.new-header .header__nav .navbar__logo img {
            height: 21px;
            max-height: 21px;
        }
}

.header-container.new-header .header__nav .navbar-top .nav li {
    margin-left: calc(15px + 15 * (100vw - 1024px) / 896);
}

    .header-container.new-header .header__nav .navbar-top .nav li a {
        color: #b5aba3 !important;
        font-size: calc(12px + 4 * (100vw - 1024px) / 896);
        font-family: "nakheelregular_text";
        font-weight: normal !important;
    }

/* for mobile add some css to fix the color of the Menu links */

@media (max-width: 375px) {
    .header-container.new-header .header__nav .navbar-top .nav li a {
        color: #b5aba3 !important;
    }
}


.header-container.new-header .header__nav .navbar-top .nav li.highlight a {
    color: #00617f !important;
    font-family: "nakheelbold_text";
}

    .header-container.new-header .header__nav .navbar-top .nav li.highlight a img {
        height: 16px;
        padding-right: 10px;
        margin-bottom: 4px;
    }

.header-container.new-header .header__nav .header__main-nav li {
    margin: 0 30px 0 0;
}

    .header-container.new-header .header__nav .header__main-nav li a {
        color: #00263a;
        /*font-size: 20px;
        font-size: calc(14px + 6 * (100vw - 1024px) / 896);*/
        font-size: calc(13px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024)));
        font-weight: normal !important;
        line-height: 29px;
        font-family: "nakheelregular_text";
    }

    .header-container.new-header .header__nav .header__main-nav li.dropdown {
        position: relative;
    }

        .header-container.new-header .header__nav .header__main-nav li.dropdown:after {
            content: "";
            position: absolute;
            right: -18px;
            top: 4px;
            background: url("../../../Assets/Images/arrow.svg");
            background-position: right center;
            background-repeat: no-repeat;
            height: 25px;
            width: 25px;
        }

        .header-container.new-header .header__nav .header__main-nav li.dropdown:hover::after {
            transform: rotate(180deg);
            right: -34px;
        }

        .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu {
            background: #00263a;
            padding-bottom: 0;
        }

            .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu li {
                border-bottom: 1px solid rgba(0, 97, 127, 0.4784313725);
            }

                .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu li a {
                    padding: 3px 20px !important;
                    font-size: 16px;
                    display: flex;
                    width: 100%;
                    align-items: center;
                    justify-content: space-between;
                }

                .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu li.dropdown-submenu {
                    background: rgba(0, 97, 127, 0.4784313725);
                    border: none;
                }

@media (max-width: 992px) {
    .header-container.new-header .header {
        height: 100px;
        position: fixed;
        width: 100%;
        z-index: 999;
        background-color: white;
    }

    .header-container.new-header .header__search_overlay {
        display: none;
    }

    .header-container.new-header .header__nav {
        padding: 40px 0 0;
        position: relative;
    }

        .header-container.new-header .header__nav .navbar__logo {
            margin-top: 0;
        }

            .header-container.new-header .header__nav .navbar__logo img {
                height: 24px;
                max-height: 24px;
            }

        .header-container.new-header .header__nav .navbar {
            position: static;
        }

            .header-container.new-header .header__nav .navbar .navbar__logo {
                padding-left: 30px;
            }

            .header-container.new-header .header__nav .navbar .navbar-close {
                padding: 0;
                text-align: end;
                top: 35px;
                right: 30px;
            }

            .header-container.new-header .header__nav .navbar .mobile-logo {
                position: absolute;
                left: 30px;
                top: 38px;
            }

                .header-container.new-header .header__nav .navbar .mobile-logo img {
                    height: 24px;
                    max-height: 24px;
                }

            .header-container.new-header .header__nav .navbar .navbar-collapse {
                padding: 30px;
            }

                .header-container.new-header .header__nav .navbar .navbar-collapse.in {
                    width: 100%;
                    background: #00263a;
                    /*position: absolute;*/ /*Mina*/
                    top: 0;
                    left: 0;
                    z-index: 9999;
                    height: calc(100vh - 60px);
                }

        .header-container.new-header .header__nav .header__main-nav {
            padding: 20px 0;
            margin: 0;
            width: 98%
        }

            .header-container.new-header .header__nav .header__main-nav li {
                margin: 0 0 0 0;
            }

                .header-container.new-header .header__nav .header__main-nav li a {
                    color: white;
                    /*font-size: 20px;*/
                    /* font-size: calc(13px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024)));*/
                    font-size: calc(20px + (20 - 20) * ((100vw - 1024px) / (1920 - 1024)));
                    font-weight: normal !important;
                    line-height: 29px;
                    padding-left: 0;
                }

                .header-container.new-header .header__nav .header__main-nav li.dropdown {
                    position: relative;
                }

                    .header-container.new-header .header__nav .header__main-nav li.dropdown:after {
                        content: "";
                        position: absolute;
                        right: 0;
                        top: 4px;
                        background: url("../../../Assets/Images/arrowon.svg");
                        background-position: right center;
                        background-repeat: no-repeat;
                        height: 25px;
                        width: 25px;
                    }

                    .header-container.new-header .header__nav .header__main-nav li.dropdown:hover::after {
                        transform: rotate(180deg);
                        right: -18px;
                    }

                    .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu {
                        background: #00263a;
                        padding-bottom: 30px;
                    }

                        .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu li {
                            border-bottom: 1px solid rgba(0, 97, 127, 0.4784313725);
                        }

                            .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu li a {
                                padding: 3px 20px !important;
                                font-size: 16px;
                            }

                            .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-menu li.dropdown-submenu {
                                background: rgba(0, 97, 127, 0.4784313725);
                                border: none;
                            }

                    .header-container.new-header .header__nav .header__main-nav li.dropdown .dropdown-toggle:focus {
                        background: none;
                    }

        .header-container.new-header .header__nav .navbar-top {
            border-top: 1px solid #fff !important;
            padding: 20px 0;
        }

            .header-container.new-header .header__nav .navbar-top .nav li a {
                padding-left: 0;
                padding-right: 0;
            }

            .header-container.new-header .header__nav .navbar-top .nav li.highlight {
                padding-top: 10px;
            }

                .header-container.new-header .header__nav .navbar-top .nav li.highlight a {
                    color: white !important;
                    font-family: "nakheelbold_text";
                }

                    .header-container.new-header .header__nav .navbar-top .nav li.highlight a img {
                        height: 16px;
                        padding-right: 10px;
                        margin-bottom: 4px;
                    }

                    .header-container.new-header .header__nav .navbar-top .nav li.highlight a:focus, .header-container.new-header .header__nav .navbar-top .nav li.highlight a:hover {
                        background: transparent !important;
                    }

                .header-container.new-header .header__nav .navbar-top .nav li.highlight:focus, .header-container.new-header .header__nav .navbar-top .nav li.highlight:hover {
                    background: transparent !important;
                }
}

@media (min-width: 769px) {
    .overlay-header .header-container.new-header .header {
        background: transparent;
    }

        .overlay-header .header-container.new-header .header .navbar .navbar__logo {
            display: none;
        }

            .overlay-header .header-container.new-header .header .navbar .navbar__logo.white {
                display: block;
            }

        .overlay-header .header-container.new-header .header .navbar .navbar-collapse {
            background: transparent;
        }

            .overlay-header .header-container.new-header .header .navbar .navbar-collapse .navbar-top ul li a {
                color: white !important;
            }

            .overlay-header .header-container.new-header .header .navbar .navbar-collapse .header__main-nav li a {
                color: white !important;
            }

            .overlay-header .header-container.new-header .header .navbar .navbar-collapse .header__main-nav li.dropdown::after {
                background-image: url("../../../Assets/Images/arrowwhite.svg");
            }

        .overlay-header .header-container.new-header .header:hover {
            background: white;
            transition: all 0.3s ease;
        }

            .overlay-header .header-container.new-header .header:hover .navbar .navbar__logo {
                display: block;
            }

                .overlay-header .header-container.new-header .header:hover .navbar .navbar__logo.white {
                    display: none;
                }

            .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse {
                background: transparent;
            }

                .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse .header__main-nav li a {
                    color: #00263a !important;
                }

                .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse .header__main-nav li.dropdown::after {
                    background-image: url("../../../Assets/Images/arrow.svg");
                }

                .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse .header__main-nav li.dropdown .dropdown-menu a {
                    color: white !important;
                }

                .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse .navbar-top ul li a {
                    color: #b5aba3 !important;
                    font-size: 16px !important;
                    font-family: "nakheelregular_text";
                    font-weight: normal !important;
                }

                .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse .navbar-top ul li.highlight a {
                    color: #00617f !important;
                    font-family: "nakheelbold_text";
                }

                    .overlay-header .header-container.new-header .header:hover .navbar .navbar-collapse .navbar-top ul li.highlight a img {
                        height: 16px;
                        padding-right: 10px;
                        margin-bottom: 4px;
                    }
}

@media (max-width: 768px) {
    .overlay-header .header-container.new-header .header {
        background: transparent;
    }

        .overlay-header .header-container.new-header .header .navbar .navbar__logo {
            display: none;
        }

            .overlay-header .header-container.new-header .header .navbar .navbar__logo.white {
                display: block;
            }

        .overlay-header .header-container.new-header .header .navbar .navbar-toggle {
            top: 27px;
            right: 20px;
        }

            .overlay-header .header-container.new-header .header .navbar .navbar-toggle .icon-bar {
                background-color: white;
            }
}

.justify-content-center {
    justify-content: center;
    display: flex;
}

/** Login Page Starts **/
.page-wrap {
     /*  margin-top: 130px;*/
}

@media (max-width: 1024px) {
    .page-wrap {
       /*  margin-top: 80px;*/
    }
}

.page-wrap .community-highlights {
    /* Search Section */
    /* Login Section */
    /** Frequently And Contact Us **/
    /** Accordian Section **/
}

    .page-wrap .community-highlights .banner-image {
        background: url("../../../Assets/Images/NakheelOSbg.jpg") no-repeat;
        /*background: url("../../../Assets/Images/OnlineServiceBg.jpg");*/
        height: 100vh;
        width: 100%;
        background-size: cover;
        position: fixed;
        position: fixed;
        left: 0;
        right: 0;
/*        filter: blur(8px);
        -webkit-filter: blur(8px);*/
    }
        .page-wrap .community-highlights .banner-image:after {
            height: 100%;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgb(0 0 0 / 30%);
            z-index: 10;
            display: block;
            width: 100%;
        }



        .page-wrap .community-highlights .banner-image .backdrop-layer {
            /*background-color: #000;*/
            background: rgba(255, 255, 255, 0.1) !important;
            /*opacity: 0.2;*/
            opacity: 0;
          /*  position: absolute; */
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
        }

    .page-wrap .community-highlights #pageTitle {
        display: none;
    }

    .page-wrap .community-highlights #adv-search {
        /*padding: 30px 40px;*/
        background-color: #F5F1E8;
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights #adv-search {
        padding: 15px 0px;
    }
}

.page-wrap .community-highlights #adv-search #txtSearch {
    border: 1px solid #B3ABA4;
    height: 44px;
    border-radius: 0px;
    background-color: #F5F1E8;
}

.page-wrap .community-highlights #adv-search button {
    background-color: #00263A;
    display: flex;
    align-items: center;
    justify-content: center
}

    .page-wrap .community-highlights #adv-search button .search {
        padding: 3.5px 10px;
        display: block;
        font-family: "nakheelbold_text";
        font-size: 16px;
        letter-spacing: 2.7px;
        text-transform: uppercase;
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights #adv-search button .search {
        padding: 3px 10px;
    }
}

.page-wrap .community-highlights .panel-primary {
    border: 0px solid transparent;
}

.page-wrap .community-highlights .tabs input[type=radio] + label {
    background-color: #00263A;
    color: #fff;
    /*font-size: 24px;*/
    font-size: calc(16px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));
    font-family: "nakheelbold_text";
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights .tabs input[type=radio] + label {
        font-size: 16px;
        padding: 0.5rem 1rem;
    }
}

.page-wrap .community-highlights .tabs input[type=radio]:checked + label {
    background-color: #fff;
    color: #00263A;
}

.page-wrap .community-highlights #divLogIn p, .page-wrap .community-highlights #divLogIn .link {
    font-family: "nakheelregular_text";
}

.page-wrap .community-highlights #divLogIn .link {
    font-size: 18px;
}

.page-wrap .community-highlights .login-panel {
    padding: 25px 40px;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights .login-panel {
        padding: 10px 20px;
    }
}

.page-wrap .community-highlights .login-panel .PanelHeaderDefault {
    background-color: unset;
    margin-bottom: 10px;
}

    .page-wrap .community-highlights .login-panel .PanelHeaderDefault .panel-title {
        font-size: 18px;
        font-family: "nakheelbold_text";
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights .login-panel .PanelHeaderDefault .panel-title {
        font-size: 14px;
    }
}

.page-wrap .community-highlights .login-panel .panel-body {
    padding: 0px;
}

.page-wrap .community-highlights .login-panel .input-group {
    display: block;
}

    .page-wrap .community-highlights .login-panel .input-group input {
        height: 40px;
        margin-bottom: 20px;
        border-radius: 0px;
        padding-left: 65px;
    }

    .page-wrap .community-highlights .login-panel .input-group span {
        background-color: #fff;
        position: absolute;
        z-index: 50 !important;
        left: 8px;
        width: 44px;
        height: 38px;
        top: 3px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .page-wrap .community-highlights .login-panel .input-group span.email {
            background: url("../../../Assets/Images/UserLogin-Mail-Icon.svg") no-repeat;
            top: 10px;
        }

        .page-wrap .community-highlights .login-panel .input-group span.password {
            background: url("../../../Assets/Images/UserLogin-password-Icon.svg") no-repeat;
            top: 58px;
        }

.page-wrap .community-highlights .login-panel #btnLogin, .page-wrap .community-highlights .login-panel #btnRegister {
    height: 44px;
    border-radius: 0px;
    background: #00263A;
    text-transform: uppercase;
    font-family: "nakheelbold_text";
    letter-spacing: 2.7px;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights .login-panel #btnLogin, .page-wrap .community-highlights .login-panel #btnRegister {
        /*height: 30px;*/
    }
}

.page-wrap .community-highlights .login-panel #btnRegister {
    background-color: #00617F;
}

.page-wrap .community-highlights .PanelHeaderPrimary {
    padding: 10px 30px;
    background-color: #f5f1e8;
    color: #00263A;
    text-align: left;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divFreqRecServ .PanelHeaderPrimary .panel-title {
        font-size: 18px;
        padding: 5px 0px;
    }
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divFreqRecServ .PanelHeaderPrimary {
        padding: 5px 15px;
    }
}

.page-wrap .community-highlights .list-group {
    padding: 10px 30px;
    background-color: #F5F1E8;
    opacity: 0.9;
}

.list-group-item {
    border: none;
}

.page-wrap .community-highlights a.list-group-item {
    padding: 10px 5px !important;
    background-color: #F5F1E8;
    border-bottom: 2px solid #B3ABA4;
    font-size: 16px;
}

    .page-wrap .community-highlights a.list-group-item:hover {
        color: #000;
    }

    .page-wrap .community-highlights a.list-group-item:first-child {
        padding-top: 0px !important;
    }

    .page-wrap .community-highlights a.list-group-item:last-child {
        border-bottom: 0px solid #B3ABA4;
        border-radius: 0px;
    }

.page-wrap .community-highlights .page-heading {
    color: #F5F1E8;
}

    .page-wrap .community-highlights .page-heading .main-heading {
        font-family: "nakheelregular_text";
        font-size: 40px;
        margin: 0px;
    }

    .page-wrap .community-highlights .page-heading .sub-heading {
        font-family: "nakheelregular_text";
        font-size: 24px;
        margin: 0px;
        margin-top: 5px;
        margin-bottom: 15px;
        background: none;
    }

    .page-wrap .community-highlights .page-heading .sub-heading {
        font-family: "nakheelregular_text";
        font-size: 24px;
        /* margin: 0px;*/
        background: none;
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights .page-heading .sub-heading {
        font-size: 18px;
    }
}

.page-wrap .community-highlights #divServices {
    /*padding-right: 80px;*/
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices {
        padding-right: 0px;
    }
}

.page-wrap .community-highlights {
    /*padding-right: 80px;*/
}

    .page-wrap .community-highlights .panel-group {
        margin-bottom: 0px;
    }

        .page-wrap .community-highlights .panel-group .panel {
            background-color: transparent;
            border: 0px;
            margin-top: 0px;
        }

            .page-wrap .community-highlights .panel-group .panel .panel-body {
                padding: 0px;
            }

                .page-wrap .community-highlights .panel-group .panel .panel-body .list-group {
                    margin-bottom: 0px;
                    background-color: rgba(181, 171, 163, 0.6509803922);
                }

                    .page-wrap .community-highlights .panel-group .panel .panel-body .list-group .list-group-item {
                        font-size: 18px;
                        padding: 10px 30px 10px 50px !important;
                        color: #fff;
                        background: transparent;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1882352941);
                    }

                        .page-wrap .community-highlights .panel-group .panel .panel-body .list-group .list-group-item:first-child, .page-wrap .community-highlights .panel-group .panel .panel-body .list-group .list-group-item:last-child {
                            border-radius: 0px;
                        }

                        .page-wrap .community-highlights .panel-group .panel .panel-body .list-group .list-group-item:before {
                            content: "";
                            position: absolute;
                            left: 30px;
                            background: url(../../../Assets/Images/WhiteArrow.svg) no-repeat;
                            width: 15px;
                            height: 15px;
                            top: 15px;
                        }

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .panel-body .list-group .list-group-item:before {
        top: 14px;
        left: 25px;
        background-size: 40%;
    }
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .panel-body .list-group .list-group-item {
        font-size: 14px;
        padding: 10px 30px 10px 40px !important;
    }
}

.page-wrap .community-highlights .panel-group .panel .main-head {
    /*padding: 20px 30px;*/
    padding: 14px 30px;
    background-color: rgb(245 241 232 / 80%);
    border-radius: 0px;
    opacity: 1;
    border-bottom: 2px solid #B5ABA3;
}

    .page-wrap .community-highlights .panel-group .panel .main-head a {
        font-size: 30px;
        font-family: "nakheelregular_headline";
        vertical-align: middle;
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .main-head a {
        font-size: 20px;
    }
}

.page-wrap .community-highlights #divServices .panel-group .panel .main-head a img {
    padding-right: 30px;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .main-head a img {
        padding-right: 10px;
        width: auto;
        height: 32px;
    }
}

.page-wrap .community-highlights .panel-group .panel .main-head a img {
    padding-right: 30px;
}

.page-wrap .community-highlights .panel-group .panel .main-head a span {
    vertical-align: -3px;
}

.page-wrap .community-highlights .panel-group .panel .main-head a::after {
    top: 16px;
}

.page-wrap .community-highlights .panel-group .panel .main-head a[aria-expanded=true]::after {
    top: 0px;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .main-head a[aria-expanded=true]::after {
        top: -8px;
    }
}

.page-wrap .community-highlights #divServices .panel-group .panel .main-head a[aria-expanded=false]::after {
    top: 0px;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .main-head a[aria-expanded=false]::after {
        top: 13px;
        right: -12px;
    }
}

.page-wrap .community-highlights .panel-group .panel .sub-head {
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 0px;
    opacity: 0.9;
    border-bottom: 1px solid #B5ABA3;
}

    .page-wrap .community-highlights .panel-group .panel .sub-head a {
        font-size: 20px;
        font-family: "nakheelbold_text";
        vertical-align: middle;
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .sub-head a {
        font-size: 16px;
    }
}

.page-wrap .community-highlights .panel-group .panel .sub-head a img {
    padding-right: 30px;
}

.page-wrap .community-highlights .panel-group .panel .sub-head a span {
    vertical-align: -3px;
}

.page-wrap .community-highlights .panel-group .panel .sub-head a::after {
    top: 8px;
    background-size: 60%;
    right: -8px;
}

@media (max-width: 1024px) {
    .page-wrap .community-highlights #divServices .panel-group .panel .sub-head a::after {
        background-size: 40%;
        right: -20px;
        top: 5px;
    }
}

.page-wrap .community-highlights .panel-group .panel .sub-head a[aria-expanded=true]::after {
    top: -14px;
    right: 4px;
}

.page-wrap .community-highlights .panel-title > a {
    display: block;
    position: relative;
}

    .page-wrap .community-highlights .panel-title > a:after {
        content: "";
        position: absolute;
        right: 0;
        width: 28px;
        height: 28px;
        background: url(../../../Assets/Images/Arrow-Accordian.svg) no-repeat;
    }

    .page-wrap .community-highlights .panel-title > a[aria-expanded=true]:after {
        content: "";
        background: url(../../../Assets/Images/Arrow-Accordian.svg) no-repeat;
        transform: rotate(180deg);
    }

@media (max-width: 1024px) {
    .page-wrap .community-highlights .panel-title > a[aria-expanded=true]:after {
        /*   background-size: 60% !important ;*/
    }
}

.page-wrap .community-highlights .panel-group .panel-heading + .panel-collapse > .list-group, .page-wrap .community-highlights .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
    padding: 0px;
}

/** Login Page Ends **/
/** Home Page Starts **/
.page-wrap .welcome-msg {
    min-height: 100px;
    /*margin-bottom: 20px;*/
    /*padding-right: 90px;*/
    color: #fff;
}

.welcome-msg .welcome-text {
    align-items: center;
    display: flex;
    justify-content: space-between;
    height: 100px;
}

    .welcome-msg .welcome-text #lblWlcomMessage {
        font-family: "nakheelregular_text";
        font-size: 36px !important;
    }

    .welcome-msg .welcome-text #lblLastLogIn {
        font-family: "nakheelregular_text";
        font-size: 16px !important;
    }

.page-wrap .new-spotlight {
    background-color: #00617F;
    position: absolute;
    top: 130px;
    z-index: 100;
    right: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .page-wrap .new-spotlight {
        top: 70px;
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide, .page-wrap .new-spotlight .lastLoginBar {
    padding: 0px;
}

    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container, .page-wrap .new-spotlight .lastLoginBar .prmenu_container {
        width: 600px;
        display: inline-block;
    }

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container, .page-wrap .new-spotlight .lastLoginBar .prmenu_container {
        width: 100%;
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi > a, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi > a {
    background-color: rgb(106, 209, 227);
    background-image: none;
    border-right: 2px solid #00617F;
    font-family: "nakheelregular_text";
    font-size: 22px !important;
    text-align: left;
    padding-left: 30px;
    text-transform: capitalize;
}

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi > a, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi > a {
        font-size: 18px !important;
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi > a::after, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi > a::after {
    content: "";
    width: 18px;
    height: 20px;
    background: url(../../../Assets/Images/MenuArrow.svg) no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
}

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi > a::after, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi > a::after {
        background-size: 60%;
        top: 22px;
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi:hover > a, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi:hover > a {
    /*background-color: rgba(0, 36, 56, 0);*/
}

    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi:hover > a::after, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi:hover > a::after {
        transform: rotate(180deg);
        top: 10px;
    }

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi:hover > a::after, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi:hover > a::after {
        top: 8px;
        right: 27px;
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi ul li, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi ul li {
    border-top: 1px solid #00617F;
}

    .page-wrap .new-spotlight .divNavigationAdminHide .prmenu_container .ParentLi ul li a, .page-wrap .new-spotlight .lastLoginBar .prmenu_container .ParentLi ul li a {
        background-color: #00263A;
        background-image: none;
        font-family: "nakheelregular_text";
        font-size: 20px !important;
        text-align: left;
        text-transform: capitalize;
        padding-left: 30px;
        height: 45px;
        display: flex;
        align-items: center;
    }

.page-wrap .new-spotlight .divNavigationAdminHide .divWelcome, .page-wrap .new-spotlight .lastLoginBar .divWelcome {
    text-align: right;
    float: right;
    display: block;
    align-items: center;
    display: flex;
    height: 50px;
}

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .divWelcome, .page-wrap .new-spotlight .lastLoginBar .divWelcome {
        text-align: center;
        float: left;
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide .divWelcome a, .page-wrap .new-spotlight .lastLoginBar .divWelcome a {
    color: #fff;
    font-family: "nakheelbold_text";
    font-size: 18px;
    padding-left: 40px;
}

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .divWelcome a, .page-wrap .new-spotlight .lastLoginBar .divWelcome a {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px
        /*text-align :center;*/
    }
}

.page-wrap .new-spotlight .divNavigationAdminHide .divWelcome a img, .page-wrap .new-spotlight .lastLoginBar .divWelcome a img {
    padding-right: 15px;
}

@media (max-width: 1024px) {
    .page-wrap .new-spotlight .divNavigationAdminHide .divWelcome a img, .page-wrap .new-spotlight .lastLoginBar .divWelcome a img {
        padding-right: 2px;
        display: inline-block;
        vertical-align: -7px;
    }
}

.page-wrap.home-page .community-highlights {
    margin-top: 180px;
}

/** Home Page Ends **/
/** Form Page Starts **/
.page-wrap #divNav {
    position: relative;
}

    .page-wrap #divNav h3 {
        font-size: 16px;
        background-color: unset;
    }

@media (max-width: 1024px) {
    .page-wrap #divNav h3 {
        font-size: 14px;
    }
}

.page-wrap #divNav h3 a {
    color: #fff;
    font-family: "nakheelregular_text";
}

.page-wrap .form-horizontal {
    padding: 24px 12px;
    background-color: rgb(245 241 232 / 80%);
    position: relative;
    opacity: 0.9;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal {
        padding: 15px;
    }
}

.page-wrap .form-horizontal .RequiredFieldsHeaderMessage {
    border-bottom: 1px solid #B3ABA4;
    border-radius: 0px;
    padding: 0px 0px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal .RequiredFieldsHeaderMessage {
        display: block;
        padding-bottom: 10px;
    }
}

.page-wrap .form-horizontal .RequiredFieldsHeaderMessage .form-heading {
    font-family: "nakheelregular_text";
    font-size: 30px;
    color: #00617F;
}

.page-wrap .form-horizontal .RequiredFieldsHeaderMessage .mandatory-fields-note {
    font-family: "nakheelregular_text";
    font-size: 16px;
    color: #f00;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal .RequiredFieldsHeaderMessage .mandatory-fields-note {
        font-size: 12px;
    }
}

.page-wrap .form-horizontal #divDynamicForm {
    /*  margin-top: 30px;*/
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm {
        margin-top: 10px;
    }
}

.page-wrap .form-horizontal .form-group .control-label {
    font-family: "nakheelregular_text";
    font-size: 16px;
    font-weight: normal;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .form-group .control-label {
        font-size: 14px;
    }
}

.page-wrap .form-horizontal .form-group .control-label i {
    color: #000 !important;
}

.page-wrap .form-horizontal .form-group .form-control {
    height: 44px !important;
    border-radius: 0px;
    line-height: 34px;
    z-index: 100;
    position: relative
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .form-group .form-control {
        height: 35px !important;
    }
}

.page-wrap .form-horizontal .form-group a.btn-block {
    height: 44px;
    background: transparent;
    border: 0;
    width: auto;
    padding: 0;
    color: transparent;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .form-group a.btn-block {
        height: auto;
        float: right;
    }
}

.page-wrap .form-horizontal .form-group a.btn-block[disabled]::after {
    content: "";
    background: url(../../../Assets/Images/View_Disabled.svg) no-repeat;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 1px;
}

.page-wrap .form-horizontal .form-group a.btn-block:not([disabled])::after {
    content: "";
    background: url(../../../Assets/Images/View_Enabled.svg) no-repeat;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 1px;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .form-group a.btn-block:not([disabled])::after {
        background-size: 70%;
        height: 30px;
        top: -20px;
    }
}

.page-wrap .form-horizontal .header-label-class {
    font-family: "nakheelbold_text";
    font-size: 24px;
    color: #00617F;
    border-bottom: 1px solid #B3ABA4;
    margin-bottom: 30px !important;
    padding-bottom: 5px !important;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .header-label-class {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        font-size: 20px;
    }
}

.page-wrap .form-horizontal .header-label-class.alert-info {
    background-color: unset;
}

.page-wrap .form-horizontal .btn-toolbar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    margin: 0px 0px 15px; /*Mina*/
    /* border-top: 1px solid #B3ABA4;*/
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .btn-toolbar {
        padding-top: 10px;
        justify-content: left;
    }
}

.page-wrap .form-horizontal .btn-toolbar button {
    font-family: "nakheelbold_text";
    padding: 25px 15px 20px;
    border-radius: 0px;
    margin-left: 15px;
    background-color: #00263A;
    border: 0px;
    letter-spacing: 2.7px;
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .page-wrap .form-horizontal #divDynamicForm .btn-toolbar button {
        padding: 5px 15px;
        font-size: 16px;
    }
}

.page-wrap.form-page .community-highlights {
    margin-top: 180px;
}

@media (max-width: 1024px) {
    .page-wrap.form-page .community-highlights {
        margin-top: 90px;
    }
}
/** Form Page Ends **/
/** Active Request Page Starts **/
.page-wrap #divNav h4 {
    font-family: "nakheelregular_text";
    font-size: 30px;
    color: #fff;
}

@media (max-width: 1024px) {
    .page-wrap #divNav h4 {
        font-size: 22px;
        margin: 0px;
    }
}

.page-wrap .divProfileRequests {
    position: relative;
    margin-top: 10px;
    /*opacity: 0.9;*/ /*Mina*/
    background-color: rgb(245 241 232 / 80%);
}

@media (max-width: 1024px) {
    .page-wrap .divProfileRequests {
        margin-top: 10px;
        /*padding: 15px;*/
    }
}

.page-wrap .divProfileRequests .pageTitleClass {
    font-family: "nakheelregular_text";
    font-size: 24px;
    color: #00617F;
    background: unset;
    margin: 0px;
    padding: 0px;
    display: inline-block
}

.page-wrap .divProfileRequests .pageTite {
    font-family: "nakheelbold_text";
    font-size: 16px;
    color: #59595C;
    text-decoration: none !important;
}

@media (max-width: 1024px) {
    .page-wrap .divProfileRequests .pageTite {
        font-size: 16px;
        padding: 0px !important;
        margin-top: 10px;
    }
}

.page-wrap .divProfileRequests table {
    margin-bottom: 0px;
}

    .page-wrap .divProfileRequests table td {
        background-color: #fff;
    }

.page-wrap .divSRs {
    position: relative;
    padding: 30px;
    margin-top: 20px;
    background-color: rgb(245 241 232 / 80%);
}

@media (max-width: 1024px) {
    .page-wrap .divSRs {
        margin-top: 10px;
        padding: 15px;
        overflow: auto;
    }

    .page-wrap .divProfileRequests .pageTitleClass {
        padding-left: 15px !important;
    }
}

.page-wrap .divSRs .pageTitleClass {
    font-family: "nakheelregular_text";
    font-size: 24px;
    color: #00617F;
    background: unset;
    margin: 0px;
    padding: 0px;
    margin-bottom: 6px;
}

@media (max-width: 1024px) {
    .page-wrap .divSR #anchorBack {
        margin-bottom: 0px;
    }
}

.page-wrap .divSRs table {
    margin-bottom: 0px;
}

    .page-wrap .divSRs table tr {
        background-color: transparent;
    }

        .page-wrap .divSRs table tr th {
            padding: 10px 20px;
            background: #fff;
            color: #59595C;
        }

            .page-wrap .divSRs table tr th a {
                color: #59595C;
            }

        .page-wrap .divSRs table tr.evenListRowS1 td {
            padding: 6px 20px;
            background: rgba(255, 255, 255, 0.6);
            color: #59595C;
        }

        .page-wrap .divSRs table tr.oddListRowS1 td {
            padding: 6px 20px;
            background: rgba(255, 255, 255, 0.9);
            color: #59595C;
        }

.page-wrap.active-req-page .community-highlights {
    margin-top: 180px;
}

/** Active Request Page End **/
/** Retail Waiting List Page Starts **/
/*.page-wrap #divSR {
  position: relative;
}
.page-wrap #divSR #anchorBack {
  color: #fff;
  text-decoration: underline;
  margin: 15px 0px;
  display: block;
}
.page-wrap #divSR   {
  clear: both;
}
.page-wrap #divSR   #divSerRequests #lblNav {
  font-family: "nakheelregular_text";
  font-size: 16px;
  color: #fff;
  background: unset;
}
.page-wrap #divSR   #divSerRequests .panel-primary {
  background-color: #F5F1E8;
  opacity: 0.9;
  width: 60%;
  float: left;
  padding: 10px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-heading {
  background: transparent;
  font-family: "nakheelbold_text";
  color: #00617F;
  font-size: 20px;
  border: 0px;
  padding-top: 20px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body {
  padding: 0px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   {
  margin: 0px 15px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   label {
  font-family: "nakheelbold_text";
  font-size: 16px;
  margin: 0px;
  padding: 0px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   label.control-label {
  font-family: "nakheelregular_text";
  font-size: 14px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   label.header-label-class {
  font-family: "nakheelbold_text";
  font-size: 24px;
  background-color: transparent;
  padding-top: 15px;
  margin-bottom: 0px !important;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   > div {
  font-family: "nakheelregular_text";
  font-size: 16px;
  border-bottom: 1px solid #B3ABA4;
  display: flex;
  align-items: center;
  padding: 5px 0px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   > div:nth-child(6) {
  border-bottom: 0px;
  margin-bottom: 10px;
}
.page-wrap #divSR   #divSerRequests .panel-primary .panel-body   > div:last-child {
  border-bottom: 0px;
}
.page-wrap #divSR   .panel-primary {
  background-color: #F5F1E8;
  opacity: 0.9;
  width: 39%;
  float: right;
  padding: 20px;
  min-height: 800px;
  position: relative;
}
.page-wrap #divSR   .panel-primary .panel-heading {
  background: transparent;
  font-family: "nakheelbold_text";
  color: #00617F;
  border: 0px;
  font-size: 20px;
}
.page-wrap #divSR   .panel-primary .panel-footer {
  border: 0px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
    
.page-wrap #divSR   .panel-primary .panel-footer .msg-container .receive-rmsg {
  background-color: #F7F0C9;
}
.page-wrap #divSR   .panel-primary .panel-footer .msg-container .receive-rmsg .MessageOwner {
  font-family: "nakheelbold_text";
  font-size: 16px;
  margin: 0px;
}
.page-wrap #divSR   .panel-primary .panel-footer .msg-container .receive-rmsg .message-text-left {
  font-family: "nakheelregular_text";
  font-size: 14px;
}
.page-wrap #divSR   .panel-primary .panel-footer .msg-container .message-date-style {
  font-family: "nakheelregular_text";
  font-size: 14px;
  font-weight: normal;
}
.page-wrap #divSR   .panel-primary .panel-footer #adv-search {
  padding: 0px;
}
.page-wrap #divSR   .panel-primary .panel-footer #adv-search #txtMessage {
  padding: 15px 20px;
  height: 45px;
  border-radius: 0px;
  outline: 0;
}
.page-wrap #divSR   .panel-primary .panel-footer input[type=file] {
  background: white;
  border: 0px;
  box-shadow: unset;
  border-radius: 0px;
}
.page-wrap #divSR   .panel-primary .panel-footer #btnSendMessage1 {
  background-color: #00263A;
  color: #fff;
  font-family: "nakheelbold_text";
  font-size: 22px;
  padding: 5px 0px;
}
.page-wrap.retail-wait-list .community-highlights {
  margin-top: 180px;
}*/

/** Retail Waiting List Page Ends **/
/** Search Request Page Starts **/
.page-wrap.search-req .community-highlights {
    margin-top: 180px;
}

@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights {
        margin-top: 90px;
    }
}

.page-wrap.search-req .community-highlights .divSRs {
    background: unset;
    margin: 0px;
    padding: 0px;
    opacity: 1;
}

    .page-wrap.search-req .community-highlights .divSRs #lblNav {
        color: #fff;
        font-family: "nakheelregular_text";
        font-size: 16px;
        margin-top: 30px;
    }

@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights .divSRs #lblNav {
        font-size: 12px;
    }
}

.page-wrap.search-req .community-highlights .divSRs h3 {
    background-color: transparent;
    color: #fff;
    margin: 0px;
    padding: 0px;
    font-family: "nakheelregular_text";
    font-size: 30px;
}

@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights .divSRs h3 {
        font-size: 22px;
    }
}

.page-wrap.search-req .community-highlights .divSRs .form-horizontal {
    margin: 20px 0px;
}

@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights .divSRs .form-horizontal {
        margin: 10px 0px;
    }
}

.page-wrap.search-req .community-highlights .divSRs .form-horizontal .control-label {
    font-family: "nakheelregular_text";
    font-size: 16px;
}

.page-wrap.search-req .community-highlights .divSRs .form-horizontal .form-control {
    height: 45px;
    border-radius: 0px;
}

@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights .divSRs .form-horizontal .form-control {
        height: 35px;
    }
}

.page-wrap.search-req .community-highlights .divSRs .form-horizontal input[type=submit] {
    background-color: #00263A;
    padding: 12px 45px;
    border-radius: 0px;
    border: 0px;
}


@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights .divSRs .form-horizontal input[type=submit] {
        padding: 6px 25px;
        margin-right: 0px;
        margin-left: 10px;
    }
}

.page-wrap.search-req .community-highlights .divSRs .form-horizontal + div {
    padding: 30px;
    background-color: #F5F1E8;
    position: relative;
}

@media (max-width: 1024px) {
    .page-wrap.search-req .community-highlights .divSRs .form-horizontal + div {
        padding: 15px;
        overflow: scroll;
    }
}

.page-wrap.search-req .community-highlights .divSRs table {
    margin-bottom: 0px;
}

    .page-wrap.search-req .community-highlights .divSRs table tr {
        background-color: transparent;
    }

        .page-wrap.search-req .community-highlights .divSRs table tr th {
            padding: 12px 20px;
            background: #fff;
            color: #59595C;
        }

            .page-wrap.search-req .community-highlights .divSRs table tr th a {
                color: #59595C !important;
            }

        .page-wrap.search-req .community-highlights .divSRs table tr.evenListRowS1 td {
            padding: 6px 20px;
            background: rgba(255, 255, 255, 0.6);
            color: #59595C;
        }

        .page-wrap.search-req .community-highlights .divSRs table tr.oddListRowS1 td {
            padding: 6px 20px;
            background: rgba(255, 255, 255, 0.9);
            color: #59595C;
        }

/** Search Request Page Ends **/
/** My Message Page Starts**/
.page-wrap #divMsgs {
    position: relative;
}

    .page-wrap #divMsgs h3 {
        background-color: transparent;
        font-family: "nakheelregular_text";
        font-size: 30px;
    }

@media (max-width: 1024px) {
    .page-wrap #divMsgs h3 {
        font-size: 22px;
    }
}

.page-wrap #divMsgs > div {
    padding: 30px;
    background-color: #F5F1E8;
    opacity: 0.9;
}

    .page-wrap #divMsgs > div table {
        margin-bottom: 0px;
    }

        .page-wrap #divMsgs > div table tr {
            background-color: transparent;
        }

            .page-wrap #divMsgs > div table tr th {
                padding: 12px 20px;
                background: #fff;
                color: #59595C;
                font-family: "nakheelbold_text";
                font-size: 16px;
            }

@media (max-width: 1024px) {
    .page-wrap #divMsgs > div table tr th {
        font-size: 16px; /*Mina*/
        padding: 6px 10px;
    }
}

.page-wrap #divMsgs > div table tr th a {
    color: #59595C;
}

.page-wrap #divMsgs > div table tr td a {
    color: #00617F;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .page-wrap #divMsgs > div table tr td a {
        font-size: 12px;
    }
}

.page-wrap #divMsgs > div table tr.evenListRowS1 td {
    padding: 10px; /*Mina*/
    background: rgba(255, 255, 255, 0.6);
    color: #59595C;
}

.page-wrap #divMsgs > div table tr.oddListRowS1 td {
    padding: 10px; /*Mina*/
    background: rgba(255, 255, 255, 0.9);
    color: #59595C;
}

.page-wrap #divMsgs > div table tr:last-child td {
    padding-top: 25px;
}

    .page-wrap #divMsgs > div table tr:last-child td span {
        /*padding: 10px;*/ /*Mina*/
        background-color: rgba(255, 255, 255, 0.4588235294);
        /*border-right: 1px solid #f5f1e8;*/ /*Mina*/
        font-family: "nakheelbold_text";
        font-size: 16px;
    }

    .page-wrap #divMsgs > div table tr:last-child td a {
        /*  padding: 10px;
                            color: #00263A;
                            background-color: #fff;
                            border-right: 1px solid #f5f1e8;
                            font-family: "nakheelbold_text";
                            font-size: 16px;*/
    }

.page-wrap #divMsgs > div table input[type=submit] {
    background-color: #00263A;
    /*padding: 12px 25px;*/
    border-radius: 0px;
    border: 0px;
    height: 26px;
}

.page-wrap.message-page .community-highlights {
    margin-top: 180px;
}

/** My Message Page End**/


/** Accounts Page Starts **/
/*.page-wrap.accounts-page .community-highlights {
  margin-top: 180px;
}
.page-wrap.accounts-page .login-panel {
  background-color: #F5F1E8;
  opacity: 0.9;
  margin: 0px -150px;
  padding: 20px 180px;
}
.page-wrap.accounts-page .login-panel .panel-heading {
  background-color: transparent;
  padding: 0px;
  color: #00617F;
}
.page-wrap.accounts-page .login-panel .panel-heading .panel-title {
  font-family: "nakheelbold_text";
  font-size: 28px;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group span {
  position: relative;
  top: 33px;
  background-color: transparent;
  padding: 0;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group span .fa-envelope::before, .page-wrap.accounts-page .login-panel .panel-body .input-group span .fa-user::before, .page-wrap.accounts-page .login-panel .panel-body .input-group span .icon_key_alt::before, .page-wrap.accounts-page .login-panel .panel-body .input-group span .glyphicon-list-alt::before, .page-wrap.accounts-page .login-panel .panel-body .input-group span .glyphicon-home::before {
  content: "";
  background: url(../../../Assets/Images/OS-form-icon-mail.svg) no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group span .fa-user::before {
  background: url(../../../Assets/Images/OS-form-icon-user.svg) no-repeat;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group span .icon_key_alt::before {
  background: url(../../../Assets/Images/OS-form-icon-password.svg) no-repeat;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group span .glyphicon-list-alt::before, .page-wrap.accounts-page .login-panel .panel-body .input-group span .glyphicon-home::before {
  background: url(../../../Assets/Images/OS-form-icon-country.svg) no-repeat;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group input[type=text], .page-wrap.accounts-page .login-panel .panel-body .input-group input[type=password] {
  padding-top: 10px;
  font-family: "nakheelregular_text";
  font-size: 16px;
  margin-bottom: 0px;
}
.page-wrap.accounts-page .login-panel .panel-body .input-group select {
  padding-left: 65px;
  padding-top: 10px;
  height: 40px;
  font-family: "nakheelregular_text";
  font-size: 16px;
}
.page-wrap.accounts-page .login-panel .panel-body input[type=submit], .page-wrap.accounts-page .login-panel .panel-body button {
  background-color: #00263A;
  padding: 12px 45px;
  border-radius: 0px;
  border: 0px;
  margin-top: 25px;
  margin-right: 15px;
  font-family: "nakheelbold_text";
  font-size: 16px;
}*/

/** Accounts Page Ends **/
/** Profile Page Starts **/
.page-wrap #divWizard {
    padding: 0px;
}

    .page-wrap #divWizard .wizard-container {
        margin-top: 40px;
        padding: 30px;
        background-color: #F5F1E8;
        opacity: 0.9;
    }

        .page-wrap #divWizard .wizard-container .wizard-header h3 {
            background-color: transparent;
            color: #00263A;
            font-size: 24px;
            font-family: "nakheelregular_text";
        }

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .wizard-header h3 {
        font-size: 18px;
    }
}

.page-wrap #divWizard .wizard-container .progress {
    height: 4px !important;
}

.page-wrap #divWizard .wizard-container .nav-pills li {
    width: 24.8% !important;
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .nav-pills li {
        width: 24% !important;
    }
}

.page-wrap #divWizard .wizard-container .nav-pills li a {
    background-color: #B5ABA3;
    font-family: "nakheelregular_text";
    font-size: 22px;
    text-align: center;
    border-radius: 0px;
    height: 48px;
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .nav-pills li a {
        font-size: 12px;
        height: 30px;
        padding: 8px 5px;
    }
}

.page-wrap #divWizard .wizard-container .nav-pills li.active a {
    background-color: #00263A;
}

.page-wrap #divWizard .wizard-container .tab-content #welcome label, .page-wrap #divWizard .wizard-container .tab-content #verification label, .page-wrap #divWizard .wizard-container .tab-content #end label {
    font-family: "nakheelregular_text";
    font-size: 16px;
    color: #00263A;
}

.page-wrap #divWizard .wizard-container .tab-content #tenantinfo .info-text, .page-wrap #divWizard .wizard-container .tab-content #verification .info-text {
    font-family: "nakheelregular_text";
    font-size: 24px;
    margin-top: 20px;
    color: #59595C;
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .tab-content #tenantinfo .info-text, .page-wrap #divWizard .wizard-container .tab-content #verification .info-text {
        font-size: 18px;
    }
}

.page-wrap #divWizard .wizard-container .tab-content #tenantinfo .control-label, .page-wrap #divWizard .wizard-container .tab-content #verification .control-label {
    font-family: "nakheelregular_text";
    font-size: 16px;
    color: #00263A;
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .tab-content #tenantinfo .control-label, .page-wrap #divWizard .wizard-container .tab-content #verification .control-label {
        font-size: 14px;
    }
}

.page-wrap #divWizard .wizard-container .tab-content #tenantinfo input, .page-wrap #divWizard .wizard-container .tab-content #verification input {
    height: 45px;
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .tab-content #tenantinfo input, .page-wrap #divWizard .wizard-container .tab-content #verification input {
        height: 35px;
    }
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .tab-content #tenantinfo .form-group.required, .page-wrap #divWizard .wizard-container .tab-content #verification .form-group.required {
        padding: 0px;
    }
}

@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .wizard-footer {
        min-height: 30px;
    }
}

/*.page-wrap #divWizard .wizard-container .wizard-footer input[type=button] {
  background-color: #00263A;
  padding: 12px 45px;
  border-radius: 0px;
  border: 0px;
}*/


/*@media (max-width: 1024px) {
    .page-wrap #divWizard .wizard-container .wizard-footer input[type=button] {
        padding: 6px 25px;
    }*/


.page-wrap.profile-page .community-highlights {
    margin-top: 180px;
}

@media (max-width: 1024px) {
    .page-wrap.profile-page .community-highlights {
        margin-top: 90px;
    }
}
/** Profile Page Ends **/

/** Service content Starts**/
.page-wrap #divDynamicForm .h2ContentH, .page-wrap #divDynamicForm .h3ContentH {
    /*padding: 30px 30px 0px 30px;*/
    height: auto;
    margin: 0;
    /* color: #00617F;*/
    width: 100%; /* for small screens - fix the width */
}

.page-wrap #divDynamicForm .h2ContentH {
    padding-bottom: 10px;
    padding-left: 0px;
}

.page-wrap #divDynamicForm .h2ContentD, .page-wrap #divDynamicForm .h3ContentD {
    padding: 15px 30px 30px 30px;
    margin-bottom: 20px;
}

    .page-wrap #divDynamicForm .h2ContentD p, .page-wrap #divDynamicForm .h2ContentD span, .page-wrap #divDynamicForm .h3ContentD p {
        font-family: "nakheelregular_text";
        font-size: 16px !important;
    }

    .page-wrap #divDynamicForm .h2ContentD a, .page-wrap #divDynamicForm .h3ContentD a {
        background-color: #00263A;
        padding: 12px 45px;
        border-radius: 0px;
        border: 0px;
        height: auto;
        font-family: "nakheelregular_text";
        font-size: 16px !important;
        color: #fff;
    }

.h3ContentD ul, .h3ContentD ol, .h3ContentD span, .h3ContentD div font span, .h3ContentD p, .h3ContentD div, .h3ContentD div span, .h3ContentD div *, .h3ContentD p * {
    font-size: 16px !important;
    background: transparent !important;
    background-color: none !important;
    font-family: nakheelregular_text !important;
}

    .h3ContentD div font span, .h3ContentD > *, .h3ContentD ol, .h3ContentD ol li, ol li div font span, .h3ContentD ul, .h3ContentD ul li, .h3ContentD ul li::marker, .h3ContentD ul li::marker span, .h3ContentD ul li span {
        font-size: 16px !important;
        background: transparent !important;
        background-color: none !important;
        font-family: nakheelregular_text !important;
    }

.h2ContentD div font span, .h2ContentD div, .h2ContentD div span, .h2ContentD span, .h2ContentD > * {
    background: transparent !important;
    background-color: none !important;
    font-size: 16px !important;
    font-family: nakheelregular_text !important;
}

.page-wrap #AllServicesBackLink {
    background-color: #00263A;
    padding: 12px 45px;
    border-radius: 0px;
    border: 0px;
    height: auto;
    font-family: "nakheelregular_text";
    font-size: 16px !important;
    color: #fff;
    position: relative;
    z-index: 100
}
/** Service content Ends**/
/** Error Page Starts**/
.hero-unit h4 font {
    color: #00617F !important;
}

.hero-unit a.btn-primary, .hero-unit a.btn-primary:hover {
    background: #00263A;
    padding: 12px 45px;
    border-radius: 0px;
    border: 0px;
    height: auto;
    font-family: "nakheelregular_text";
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.hero-unit p small a, .hero-unit p small a:hover {
    color: #00617F !important;
    text-decoration: none;
}
/** Error Page Ends**/
/** Common Mobile View Starts **/
@media (max-width: 1024px) {
    .page-wrap .community-highlights .container.no_pad {
        padding: 0px 20px;
    }

    .page-wrap .clearfix {
        display: none;
    }

    .page-wrap div.prmenu_container ul.menu-toggle {
        /*display: none;*/
    }

        .page-wrap div.prmenu_container ul.menu-toggle + ul {
            /*top: 52px;*/ /*Mina*/
        }

    .page-wrap div.prmenu_container ul li ul, .page-wrap div.prmenu_container ul li ul li ul {
        display: none;
    }

    .page-wrap .form-horizontal .checkbox {
        /* position: absolute;
            left: 310px;
            top: -25px;*/
    }
}
/** Common Mobile View Ends **/


.footer {
    /* display: none;*/
    bottom: 0px;
    /*position: fixed;*/
    width: 100%;
    z-index: 100;
}

    .footer.updatedfooter {
        padding-top: 0;
        background-color: white;
    }

        .footer.updatedfooter .footer-block-outer {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
        }

            .footer.updatedfooter .footer-block-outer .footer-block {
                width: 50%;
                padding-bottom: calc(60px + 20 * (100vw - 992px) / 928);
            }

                .footer.updatedfooter .footer-block-outer .footer-block:nth-child(3), .footer.updatedfooter .footer-block-outer .footer-block:nth-child(4) {
                    padding-bottom: calc(48px + 12 * (100vw - 992px) / 928);
                }

                .footer.updatedfooter .footer-block-outer .footer-block .logo {
                    margin-bottom: 30px;
                    width: calc(180px + 27 * (100vw - 992px) / 928);
                }

                .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li {
                        list-style: none;
                        display: flex;
                    }

                        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span {
                            display: flex;
                            align-items: center;
                        }

                            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span img {
                                height: calc(18px + 3 * (100vw - 992px) / 928);
                                margin-right: calc(12px + 2 * (100vw - 992px) / 928);
                            }

                            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span a {
                                font-size: calc(16px + 8 * (100vw - 992px) / 928);
                                color: #00263a;
                                line-height: 28px;
                                text-transform: uppercase;
                            }

                            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span:not(:last-child) {
                                margin-right: calc(14px + 26 * (100vw - 992px) / 928);
                            }

                    .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list.left {
                        justify-content: start;
                    }

                    .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list .subscribe-text {
                        font-size: 21px;
                        line-height: 24px;
                        color: #00263a;
                        margin-right: 20px;
                    }

                    .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list #footer-subscription-form {
                        background-color: #f5f1e8;
                        width: calc(320px + -60 * (100vw - 992px) / 928);
                        display: flex;
                    }

                        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list #footer-subscription-form .input-email {
                            height: 56px;
                            background-color: #f5f1e8;
                            border: none;
                            padding: 20px;
                            width: 90%;
                            color: #00263a;
                        }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer {
                    display: flex;
                    justify-content: center;
                }

                    .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links {
                        border-left: 1px solid #707070;
                        padding-left: 15px;
                    }

                        .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links:not(:last-child) {
                            padding-right: calc(80px + 20 * (100vw - 992px) / 928);
                        }

@media (min-width: 1400px) {
    .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links {
        width: 25%;
    }

        .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links:not(:last-child) {
            padding-right: 0;
        }
}

.footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li a {
    color: #000000;
    font-size: 16px;
    line-height: 38px;
    padding: 0;
}

.footer.updatedfooter .footer-block-outer .footer-block .soc {
    margin-bottom: 10px;
}

    .footer.updatedfooter .footer-block-outer .footer-block .soc li:not(:last-child) {
        margin-right: calc(16px + 4 * (100vw - 320px) / 1600);
    }

    .footer.updatedfooter .footer-block-outer .footer-block .soc li a img {
        height: calc(36px + 8 * (100vw - 320px) / 1600);
    }

.footer.updatedfooter .footer-block-outer .footer-block .disclaimer-text {
    color: #00263a;
    font-size: 16px;
    line-height: 20px;
}

.footer.updatedfooter .footer__newsletter_subs {
    display: none;
    background: rgba(0, 38, 58, 0.8196078431);
}

    .footer.updatedfooter .footer__newsletter_subs .footer__newsletter_subs__content h2 {
        font-family: "nakheelbold_text";
    }

    .footer.updatedfooter .footer__newsletter_subs .footer__newsletter_subs__content h3 {
        font-family: "nakheelregular_headline";
    }

@media (max-width: 992px) {
    .footer.updatedfooter .footer-block-outer .footer-block {
        width: 100%;
        padding-bottom: calc(40px + 60 * (100vw - 768px) / 224);
        text-align: center;
    }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(3), .footer.updatedfooter .footer-block-outer .footer-block:nth-child(4) {
            padding-bottom: calc(40px + 60 * (100vw - 768px) / 224);
        }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(1) {
            order: 1;
        }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(2) {
            order: 3;
        }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(3) {
            order: 4;
        }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(4) {
            order: 2;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .logo {
            margin: auto;
            margin-bottom: 25px;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .logo img {
                width: calc(138px + 42 * (100vw - 320px) / 672);
            }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span img {
                height: calc(18px + 3 * (100vw - 992px) / 928);
                margin-right: calc(12px + 2 * (100vw - 992px) / 928);
            }

            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span a {
                font-size: calc(18px + 6 * (100vw - 992px) / 928);
                color: #00263a;
                line-height: 28px;
                text-transform: uppercase;
            }

            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span:not(:last-child) {
                margin-right: calc(24px + 16 * (100vw - 992px) / 928);
            }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list.left {
            justify-content: center;
            margin-bottom: 25px;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list .subscribe-text {
            font-size: calc(16px + 5 * (100vw - 320px) / 672);
            margin-right: 20px;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list #footer-subscription-form {
            width: 100%;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list #footer-subscription-form .input-email {
                height: calc(44px + 12 * (100vw - 320px) / 672);
                border: none;
                padding: 20px;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
            }

        .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer {
            display: flex;
            justify-content: center;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links {
                border-left: 0;
                padding-left: 15px;
                display: flex;
            }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links:not(:last-child) {
                    display: none;
                }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li a {
                    padding: 0 15px;
                }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li:not(:first-child) a {
                    border-left: 1px solid #707070;
                }

        .footer.updatedfooter .footer-block-outer .footer-block .soc {
            margin-bottom: 25px;
            display: flex;
            justify-content: center;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .disclaimer-text {
            font-size: 16px;
        }
}

@media (max-width: 768px) {
    .footer.updatedfooter .footer-block-outer .footer-block {
        padding-bottom: calc(25px + 15 * (100vw - 567px) / 201);
    }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(3), .footer.updatedfooter .footer-block-outer .footer-block:nth-child(4) {
            padding-bottom: calc(25px + 15 * (100vw - 567px) / 201);
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span img {
            height: calc(16px + 2 * (100vw - 320px) / 672);
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span a {
            font-size: calc(18px + 6 * (100vw - 992px) / 928);
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span:not(:last-child) {
            margin-right: calc(24px + 16 * (100vw - 992px) / 928);
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list.left {
            justify-content: center;
            margin-bottom: 0;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list .subscribe-text {
            margin-right: 20px;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list #footer-subscription-form .input-email {
            height: calc(44px + 12 * (100vw - 320px) / 672);
            border: none;
            padding: 20px;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer {
            display: flex;
            justify-content: center;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links {
                border-left: 0;
                padding-left: 15px;
                display: flex;
            }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li a {
                    padding: 0 15px;
                }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li:not(:first-child) a {
                    border-left: 1px solid #707070;
                }

        .footer.updatedfooter .footer-block-outer .footer-block .soc {
            margin-bottom: 25px;
            display: flex;
            justify-content: center;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .disclaimer-text {
            font-size: 16px;
        }
}

@media (max-width: 567px) {
    .footer.updatedfooter .footer-block-outer .footer-block {
        padding-bottom: 25px;
    }

        .footer.updatedfooter .footer-block-outer .footer-block:nth-child(3), .footer.updatedfooter .footer-block-outer .footer-block:nth-child(4) {
            padding-bottom: 25px;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span a {
                font-size: calc(16px + 2 * (100vw - 320px) / 672);
            }

            .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list li span:not(:last-child) {
                margin-right: 0;
            }

        .footer.updatedfooter .footer-block-outer .footer-block .subscribe-list .subscribe-text {
            margin-right: 0;
            margin-bottom: 7px;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer {
            display: flex;
            justify-content: center;
        }

            .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links {
                padding-left: 5px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li a {
                    padding: 0 5px;
                    white-space: nowrap;
                }

                .footer.updatedfooter .footer-block-outer .footer-block .footerlink-outer .footer__desktop__links li:not(:first-child) a {
                    border-left: 1px solid #707070;
                }

        .footer.updatedfooter .footer-block-outer .footer-block .soc {
            margin-bottom: 25px;
            display: flex;
            justify-content: center;
        }

        .footer.updatedfooter .footer-block-outer .footer-block .disclaimer-text {
            font-size: 16px;
        }
}
/*# sourceMappingURL=style_OS.css.map */


/** Service content Starts**/
/*.page-wrap #divDynamicForm .h2ContentH, .page-wrap #divDynamicForm .h3ContentH {
    padding: 30px 30px 0px 30px;
    height: auto;
    margin: 0;
    color: #00617F;
}

.page-wrap #divDynamicForm .h2ContentD, .page-wrap #divDynamicForm .h3ContentD {
    padding: 15px 30px 30px 30px;
    margin-bottom: 20px;
}

    .page-wrap #divDynamicForm .h2ContentD p, .page-wrap #divDynamicForm .h3ContentD p {
        font-family: "nakheelregular_text";
        font-size: 16px;
    }

    .page-wrap #divDynamicForm .h2ContentD a, .page-wrap #divDynamicForm .h3ContentD a {
        background-color: #00263A;
        padding: 12px 45px;
        border-radius: 0px;
        border: 0px;
        height: auto;
        font-family: "nakheelregular_text";
        font-size: 16px;
        color: #fff;
    }

.page-wrap #AllServicesBackLink {
    background-color: #00263A;
    padding: 12px 45px;
    border-radius: 0px;
    border: 0px;
    height: auto;
    font-family: "nakheelregular_text";
    font-size: 16px;
    color: #fff;
}
*/
/** Service content Ends**/
/** Error Page Starts**/
.hero-unit h4 font {
    color: #00617F !important;
}

.hero-unit a.btn-primary, .hero-unit a.btn-primary:hover, .hero-unit button.btn-primary, .hero-unit button.btn-primary:hover {
    background: #00263A;
    padding: 12px 45px;
    border-radius: 0px;
    border: 0px;
    height: auto;
    font-family: "nakheelregular_text";
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.hero-unit p small a, .hero-unit p small a:hover {
    color: #00617F !important;
    text-decoration: none;
}

/** Error Page Ends**/


/*===========Added extra ==============*/


.highlight {
    color: #003f72 !important;
}

.page-heading {
    color: #F5F1E8;
}
/*
.panel-heading .panel-title {
    font-size: 24px;
}
*/

/*
#divDynamicForm div > label, #divDynamicForm div div {
    font-family: "nakheelregular_text";
    font-size: 16px;
    border-bottom: 1px solid #B3ABA4 !important;
    display: flex;
    align-items: center;
    padding: 5px 0px;
}*/

#divDynamicForm {
    word-break: break-word; /*Mina*/
    /*padding: 10px;*/ /*Mina*/
}

    #divDynamicForm > div {
        font-family: "nakheelregular_text";
        font-size: 16px;
        /*   border-bottom: 1px solid #B3ABA4;*/
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
    }

/*  .divDynamicClass > div {            
            border-bottom: 1px solid #B3ABA4;            
        }

            .divDynamicClass > div:nth-child(0), .divDynamicClass > div h4 {
                border-bottom: 0px !important; 
            }*/


/* @media (max-width: 1366px) {
        .page-wrap .community-highlights .tabs input[type=radio] + label {
            font-size: 18px;
        }
    }*/

/* added extra*/
.page-wrap .community-highlights #adv-search.adv-search {
    padding: 20px;
    background-color: #F5F1E8;
}

/* messages */
.page-wrap #divMsgs > div table tr:last-child td {
    padding-top: 10px;
}

.login-popup > .panel-heading {
    background-color: transparent !important;
    color: #00617F !important;
    font-size: 16px;
}

    .login-popup > .panel-heading h3 {
        font-size: 18px !important
    }

.link-color {
    color: #00617F;
    font-size: 16px;
}

.success-header {
    font-family: 'nakheelbold_text';
}


.profileMenu-warpper svg {
    margin: 0px;
    padding: 0
}

.profileMenu-warpper {
    padding: 0
}

.btn-wrapper .request-backBtn {
    margin-right: 10px !important;
    margin-bottom: 15px !important
}



a[disabled] {
    pointer-events: none
}

.header-warpper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width : 500px) {
    .header-warpper {
        flex-direction: column;
        align-items: flex-start;
    }
}

label {
    font-family: "nakheelbold_text" !important;
    font-weight: normal !important
}
/*CSS Added for increasing z-index for popup */
.modal-open .modal {
    z-index: 10000
}

div#divStatus label {
    margin-bottom: 0px
}

.profileQuickAccess-wrapper, .profileMenu-wrapper {
    padding: 0px
}

.download-tabel {
    background-color: #fff
}

    .download-tabel table tbody tr th {
        width: 20%
    }

@media only screen and (max-width : 990px) {
    #divMainBody {
        padding-top: 70px;
    }

    .profileMenu-warpper svg {
        margin: 0 15px
    }

    .btn-wrapper .request-backBtn {
        margin-right: 0px !important
    }

    #divMainBody {
        padding-top: 40px;
        min-height: 660px
    }

    .profileQuickAccess-wrapper, .profileMenu-wrapper {
        padding: 0px 15px
    }
}


.remove-transaction {
    background: url("../../../Assets/Images/trash-bin.png") center center no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: inline-block
}






/*******New Header CSS*********/









.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-sm,
    .navbar > .container-md,
    .navbar > .container-lg,
    .navbar > .container-xl,
    .navbar > .container-xxl,
    .navbar > .container-xxxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}

    .navbar-brand:hover, .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color);
    }

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .show > .nav-link,
    .navbar-nav .nav-link.active {
        color: var(--bs-navbar-active-color);
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }

.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-navbar-color);
}

    .navbar-text a,
    .navbar-text a:hover,
    .navbar-text a:focus {
        color: var(--bs-navbar-active-color);
    }

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 481) {
    .navbar-expand-xs {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xs .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xs .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xs .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-xs .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xs .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xs .navbar-toggler {
            display: none;
        }

        .navbar-expand-xs .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-xs .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-xs .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

@media (min-width: 769px) {
    .navbar-expand-sm {
        flex-wrap: 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 .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

@media (min-width: 1025px) {
    .navbar-expand-md {
        flex-wrap: 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 .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

@media (min-width: 1281px) {
    .navbar-expand-lg {
        flex-wrap: 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 .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

@media (min-width: 1441px) {
    .navbar-expand-xl {
        flex-wrap: 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 .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

@media (min-width: 1601px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

@media (min-width: 1920px) {
    .navbar-expand-xxxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xxxl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xxxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x);
            }

        .navbar-expand-xxxl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xxxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxxl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xxxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: transparent !important;
            border: 0 !important;
            transform: none !important;
            transition: none;
        }

            .navbar-expand-xxxl .offcanvas .offcanvas-header {
                display: none;
            }

            .navbar-expand-xxxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x);
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none;
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}


.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

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

.text-decoration-none {
    text-decoration: none !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 481) {
    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-inline-block {
        display: inline-block !important;
    }

    .d-xs-block {
        display: block !important;
    }

    .d-xs-grid {
        display: grid !important;
    }

    .d-xs-table {
        display: table !important;
    }

    .d-xs-table-row {
        display: table-row !important;
    }

    .d-xs-table-cell {
        display: table-cell !important;
    }

    .d-xs-flex {
        display: flex !important;
    }

    .d-xs-inline-flex {
        display: inline-flex !important;
    }

    .d-xs-none {
        display: none !important;
    }

    .flex-xs-fill {
        flex: 1 1 auto !important;
    }

    .flex-xs-row {
        flex-direction: row !important;
    }

    .flex-xs-column {
        flex-direction: column !important;
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xs-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xs-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xs-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xs-start {
        justify-content: flex-start !important;
    }

    .justify-content-xs-end {
        justify-content: flex-end !important;
    }

    .justify-content-xs-center {
        justify-content: center !important;
    }

    .justify-content-xs-between {
        justify-content: space-between !important;
    }

    .justify-content-xs-around {
        justify-content: space-around !important;
    }

    .justify-content-xs-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xs-start {
        align-items: flex-start !important;
    }

    .align-items-xs-end {
        align-items: flex-end !important;
    }

    .align-items-xs-center {
        align-items: center !important;
    }

    .align-items-xs-baseline {
        align-items: baseline !important;
    }

    .align-items-xs-stretch {
        align-items: stretch !important;
    }

    .align-content-xs-start {
        align-content: flex-start !important;
    }

    .align-content-xs-end {
        align-content: flex-end !important;
    }

    .align-content-xs-center {
        align-content: center !important;
    }

    .align-content-xs-between {
        align-content: space-between !important;
    }

    .align-content-xs-around {
        align-content: space-around !important;
    }

    .align-content-xs-stretch {
        align-content: stretch !important;
    }

    .align-self-xs-auto {
        align-self: auto !important;
    }

    .align-self-xs-start {
        align-self: flex-start !important;
    }

    .align-self-xs-end {
        align-self: flex-end !important;
    }

    .align-self-xs-center {
        align-self: center !important;
    }

    .align-self-xs-baseline {
        align-self: baseline !important;
    }

    .align-self-xs-stretch {
        align-self: stretch !important;
    }

    .m-xs-0 {
        margin: 0 !important;
    }

    .m-xs-1 {
        margin: 0.25rem !important;
    }

    .m-xs-2 {
        margin: 0.5rem !important;
    }

    .m-xs-3 {
        margin: 1rem !important;
    }

    .m-xs-4 {
        margin: 1.5rem !important;
    }

    .m-xs-5 {
        margin: 3rem !important;
    }

    .m-xs-auto {
        margin: auto !important;
    }

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xs-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xs-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xs-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xs-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xs-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xs-0 {
        margin-top: 0 !important;
    }

    .mt-xs-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xs-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xs-3 {
        margin-top: 1rem !important;
    }

    .mt-xs-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xs-5 {
        margin-top: 3rem !important;
    }

    .mt-xs-auto {
        margin-top: auto !important;
    }

    .me-xs-0 {
        margin-right: 0 !important;
    }

    .me-xs-1 {
        margin-right: 0.25rem !important;
    }

    .me-xs-2 {
        margin-right: 0.5rem !important;
    }

    .me-xs-3 {
        margin-right: 1rem !important;
    }

    .me-xs-4 {
        margin-right: 1.5rem !important;
    }

    .me-xs-5 {
        margin-right: 3rem !important;
    }

    .me-xs-auto {
        margin-right: auto !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xs-auto {
        margin-bottom: auto !important;
    }

    .ms-xs-0 {
        margin-left: 0 !important;
    }

    .ms-xs-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xs-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xs-3 {
        margin-left: 1rem !important;
    }

    .ms-xs-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xs-5 {
        margin-left: 3rem !important;
    }

    .ms-xs-auto {
        margin-left: auto !important;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .p-xs-1 {
        padding: 0.25rem !important;
    }

    .p-xs-2 {
        padding: 0.5rem !important;
    }

    .p-xs-3 {
        padding: 1rem !important;
    }

    .p-xs-4 {
        padding: 1.5rem !important;
    }

    .p-xs-5 {
        padding: 3rem !important;
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xs-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xs-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xs-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xs-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .pt-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xs-3 {
        padding-top: 1rem !important;
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xs-5 {
        padding-top: 3rem !important;
    }

    .pe-xs-0 {
        padding-right: 0 !important;
    }

    .pe-xs-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xs-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xs-3 {
        padding-right: 1rem !important;
    }

    .pe-xs-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xs-5 {
        padding-right: 3rem !important;
    }

    .pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xs-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xs-0 {
        padding-left: 0 !important;
    }

    .ps-xs-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xs-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xs-3 {
        padding-left: 1rem !important;
    }

    .ps-xs-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xs-5 {
        padding-left: 3rem !important;
    }

    .text-xs-start {
        text-align: left !important;
    }

    .text-xs-end {
        text-align: right !important;
    }

    .text-xs-center {
        text-align: center !important;
    }
}

@media (min-width: 769px) {
    .float-sm-start {
        float: left !important;
    }

    .float-sm-end {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 1025px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 1281px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1441px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

@font-face {
    font-family: "IconFonts";
    src: url("../../Fonts/IconFonts.ttf") format("truetype"), url("../../Fonts/IconFonts.woff") format("woff"), url("../../Fonts/IconFonts.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^=ic], [class*=" ic"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "IconFonts" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icarrowdown:before {
    content: "\e900";
}

/* header starts here */
#header-main.header-section {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100%;
}

    #header-main.header-section a {
        text-decoration: none;
    }

    #header-main.header-section .top-header {
        height: 60px;
        background: white;
    }

        #header-main.header-section .top-header .dropdown {
            margin-right: 30px;
        }

@media (max-width: 1920px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(25px + (30 - 25) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(20px + (25 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(15px + (20 - 15) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(15px + (15 - 15) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(15px + (15 - 15) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .dropdown {
        margin-right: calc(15px + (15 - 15) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .top-header .dropdown.language {
    margin-left: 30px;
    margin-right: 60px;
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(25px + (30 - 25) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(20px + (25 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(15px + (20 - 15) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(15px + (15 - 15) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(15px + (15 - 15) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-left: calc(15px + (15 - 15) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(50px + (60 - 50) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(40px + (50 - 40) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(40px + (40 - 40) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(30px + (40 - 30) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(30px + (30 - 30) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(30px + (30 - 30) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .dropdown.language {
        margin-right: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .top-header .dropdown:hover .dropdown-menu {
    display: block;
}

#header-main.header-section .top-header .dropdown .dropdown-toggle,
#header-main.header-section .top-header .dropdown > a {
    background: transparent;
    border: none;
    font-size: 16px;
    line-height: 20px;
    color: #59595C;
    font-family: "nakheel", "nakheelregular_text";
    height: 60px;
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .dropdown .dropdown-toggle,
    #header-main.header-section .top-header .dropdown > a {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .top-header .dropdown .dropdown-toggle:after,
#header-main.header-section .top-header .dropdown > a:after {
    content: "\e900";
    font-family: "IconFonts" !important;
    border: 0;
    margin-left: 10px;
    vertical-align: -3px;
}

#header-main.header-section .top-header .dropdown .dropdown-toggle:hover:before, #header-main.header-section .top-header .dropdown .dropdown-toggle:focus:before,
#header-main.header-section .top-header .dropdown > a:hover:before,
#header-main.header-section .top-header .dropdown > a:focus:before {
    content: "";
    width: 100%;
    height: 5px;
    background: #6AD1E3;
    position: absolute;
    top: 55px;
    z-index: 9999;
    left: 0px;
}

#header-main.header-section .top-header .dropdown > a {
    display: flex;
    align-items: center;
}

    #header-main.header-section .top-header .dropdown > a.dropdown-item::after, #header-main.header-section .top-header .dropdown > a.lang-item::after {
        display: none;
    }

#header-main.header-section .top-header .dropdown .dropdown-menu {
    border: 0;
    border-radius: 0;
    padding: 20px;
    background: #F3F4F5;
}

    #header-main.header-section .top-header .dropdown .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid #D1D9D1;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #header-main.header-section .top-header .dropdown .dropdown-menu li a {
        padding: 0;
        color:#262626!important
    }

    #header-main.header-section .top-header .dropdown .dropdown-menu li:hover a {
        background: transparent !important;
        color: #6AD1E3 !important;
    }

#header-main.header-section .top-header .nakheel-content-block {
    height: 100%;
}

    #header-main.header-section .top-header .nakheel-content-block .sfContentBlock {
        height: 100%;
    }

#header-main.header-section .top-header .call-btn {
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 100%;
    background: #6AD1E3;
    color: white;
    font-size: 24px;
    line-height: 28px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "nakheel", "nakheelbold_text";
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .call-btn {
        font-size: calc(24px + (24 - 24) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .call-btn {
        font-size: calc(24px + (24 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .call-btn {
        font-size: calc(18px + (24 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .call-btn {
        font-size: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .call-btn {
        font-size: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .call-btn {
        font-size: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(28px + (28 - 28) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(28px + (28 - 28) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(22px + (28 - 22) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(22px + (22 - 22) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(22px + (22 - 22) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(22px + (22 - 22) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .call-btn {
        line-height: calc(22px + (22 - 22) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 1600px) / (1920 - 1600)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 1440px) / (1600 - 1440)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 1280px) / (1440 - 1280)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 1024px) / (1280 - 1024)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 768px) / (1024 - 768)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 480px) / (768 - 480)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .top-header .call-btn {
        padding-left: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
        padding-right: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .top-header .call-btn img {
    max-height: 24px;
    margin-right: 10px;
}

#header-main.header-section .bottom-header {
    height: 80px;
    background: linear-gradient(0deg, rgba(41, 96, 124, 0) 0%, rgba(27, 68, 92, 0.4) 41%, rgba(12, 37, 56, 0.8) 100%);
    padding-top: 10px;
}

    #header-main.header-section .bottom-header .navbar {
        background: transparent;
        width: 100%;
        padding: 0;
    }

        #header-main.header-section .bottom-header .navbar .navbar-collapse {
            height: 100%;
        }

        #header-main.header-section .bottom-header .navbar .menu-outer {
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            overflow: hidden;
        }

            #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
                height: 34px;
                max-width: 200px;
                max-height: 80px;
                text-decoration: none;
            }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        height: calc(34px + (34 - 34) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(180px + (200 - 180) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(160px + (180 - 160) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(140px + (160 - 140) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(120px + (140 - 120) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(120px + (120 - 120) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(110px + (120 - 110) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .Logo {
        max-width: calc(100px + (110 - 100) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .Logo img {
    min-height: 100%;
    height: 100%;
    max-width: 100%;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav {
    height: 100%;
    display: flex;
    align-items: center;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item {
        height: 100%;
        display: flex;
        align-items: center;
    }

        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
            margin-right: 40px;
        }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(35px + (40 - 35) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(30px + (35 - 30) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(25px + (30 - 25) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(20px + (25 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(20px + (20 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(20px + (20 - 20) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:not(:last-child) {
        margin-right: calc(20px + (20 - 20) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
    margin-right: 30px;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(25px + (30 - 25) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(25px + (25 - 25) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(20px + (25 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(15px + (20 - 15) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(15px + (15 - 15) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) {
        margin-right: calc(15px + (15 - 15) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 30px;
    max-height: 24px;
    text-decoration: none;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(25px + (30 - 25) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(25px + (25 - 25) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(20px + (25 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(15px + (20 - 15) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(15px + (15 - 15) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding-right: calc(15px + (15 - 15) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item.mobileviewmenu {
    display: none !important;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:has(.megamenu-outer:hover) .nav-link::after {
    content: "";
    width: 100%;
    height: 5px;
    background: turquoise;
    position: absolute;
    left: 0;
    top: 62px;
    z-index: 1;
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:has(.megamenu-outer:hover) .nav-link::after {
        display: none;
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
    color: white;
    font-size: 16px;
    line-height: 20px;
    font-family: "nakheel", "nakheelregular_text";
    padding: 7px 0;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
    color: white;
    font-size: 16px;
    line-height: 20px;
    font-family: "nakheel", "nakheelregular_text";
    text-decoration: none;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link .icarrowdown {
    margin-left: 10px;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link:hover::after {
    content: "";
    width: 100%;
    height: 5px;
    background: turquoise;
    position: absolute;
    left: 0;
    top: 62px;
    z-index: 1;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer {
    background: transparent;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    display: none;
    visibility: hidden;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper {
        background: white;
        display: flex;
        max-height: calc(100vh - 180px);
        box-shadow: 0px 3px 90px rgba(0, 0, 0, 0.1607843137);
        visibility: visible;
    }

        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
            width: 100%;
            padding: 30px;
            padding-right: 60px;
            padding-left: 50px;
        }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(28px + (30 - 28) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(24px + (28 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(20px + (24 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(18px + (20 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(16px + (18 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(14px + (16 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding: calc(12px + (14 - 12) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(54px + (60 - 54) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(48px + (54 - 48) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(42px + (48 - 42) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(36px + (42 - 36) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(30px + (36 - 30) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(24px + (30 - 24) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-right: calc(18px + (24 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(46px + (50 - 46) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(42px + (46 - 42) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(38px + (42 - 38) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(36px + (38 - 36) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(30px + (36 - 30) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(24px + (30 - 24) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
        padding-left: calc(18px + (24 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
    width: 18%;
    min-width: 18%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(28px + (30 - 28) * ((100vw - 1600px) / (1920 - 1600)));
        padding-bottom: calc(28px + (30 - 28) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(24px + (28 - 24) * ((100vw - 1440px) / (1600 - 1440)));
        padding-bottom: calc(24px + (28 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(20px + (24 - 20) * ((100vw - 1280px) / (1440 - 1280)));
        padding-bottom: calc(20px + (24 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(18px + (20 - 18) * ((100vw - 1024px) / (1280 - 1024)));
        padding-bottom: calc(18px + (20 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(16px + (18 - 16) * ((100vw - 768px) / (1024 - 768)));
        padding-bottom: calc(16px + (18 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(14px + (16 - 14) * ((100vw - 480px) / (768 - 480)));
        padding-bottom: calc(14px + (16 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
        padding-top: calc(12px + (14 - 12) * ((100vw - 320px) / (480 - 320)));
        padding-bottom: calc(12px + (14 - 12) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
    width: 18%;
    min-width: 18%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 30px;
    box-shadow: 0px 3px 90px rgba(0, 0, 0, 0.1607843137);
    padding-right: 10px;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(28px + (30 - 28) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(24px + (28 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(20px + (24 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(18px + (20 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(16px + (18 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(14px + (16 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
        padding: calc(12px + (14 - 12) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
    color: #00617f;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px;
    font-family: "nakheel", "nakheelbold_text";
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: calc(24px + (24 - 24) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: calc(24px + (24 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: calc(18px + (24 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(28px + (28 - 28) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(28px + (28 - 28) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(22px + (28 - 22) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(22px + (22 - 22) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(22px + (22 - 22) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(22px + (22 - 22) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        line-height: calc(22px + (22 - 22) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(26px + (30 - 26) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(24px + (26 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(22px + (24 - 22) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(20px + (22 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(18px + (20 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(16px + (18 - 16) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        margin-bottom: calc(16px + (16 - 16) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title a {
    color: #00617f;
    text-decoration: none;
    font-family: "nakheel", "nakheelbold_text";
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
    color: #59595C;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    font-family: "nakheel", "nakheelregular_text";
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        font-size: calc(18px + (18 - 18) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        font-size: calc(16px + (16 - 16) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        font-size: calc(16px + (16 - 16) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        font-size: calc(16px + (16 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        font-size: calc(16px + (16 - 16) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(16px + (16 - 16) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(22px + (22 - 22) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(20px + (22 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(20px + (20 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(20px + (20 - 20) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
        line-height: calc(20px + (20 - 20) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
        font-size: 14px !important;
        line-height: 16px !important;
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections {
    padding: 0;
    max-height: 90%;
    overflow: auto;
    padding-right: 10px;
    display: grid;
    column-gap: 3%;
    row-gap: 20px;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections::-webkit-scrollbar {
        width: 5px;
    }

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections::-webkit-scrollbar-thumb {
        background: #B5ABA3;
    }

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li {
        list-style: none;
    }

        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a {
            text-decoration: none;
            display: block;
            width: 100%;
        }

            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a img {
                width: 100%;
                object-fit: cover;
                max-height: 132px;
                height: 110px;
            }

            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
                margin: 10px 0 0 0;
                color: #59595C;
                font-size: 18px;
                line-height: 22px;
                font-family: "nakheel", "nakheelbold_text";
            }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        font-size: calc(18px + (18 - 18) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        font-size: calc(16px + (16 - 16) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        font-size: calc(16px + (16 - 16) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        font-size: calc(16px + (16 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        font-size: calc(16px + (16 - 16) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(16px + (16 - 16) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(22px + (22 - 22) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(20px + (22 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(20px + (20 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(20px + (20 - 20) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
        line-height: calc(20px + (20 - 20) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list {
    margin: 0;
    padding: 0 0 0 20px;
    border-left: 1px solid #eaeaea;
    max-height: 85%;
    overflow: auto;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list::-webkit-scrollbar {
        width: 5px;
    }

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list::-webkit-scrollbar-thumb {
        background: #B5ABA3;
    }

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: 50px;
    }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(40px + (50 - 40) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(35px + (40 - 35) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(30px + (35 - 30) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(25px + (30 - 25) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(20px + (25 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(15px + (20 - 15) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
        margin-bottom: calc(15px + (15 - 15) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li {
    list-style: none;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        text-decoration: none;
        font-size: 16px;
        line-height: 20px;
        font-family: "nakheel", "nakheelregular_text";
        color: #59595C;
    }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
    padding-bottom: 10px;
}

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(8px + (10 - 8) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(7px + (8 - 7) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(7px + (7 - 7) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(6px + (7 - 6) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(6px + (6 - 6) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(6px + (6 - 6) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
        padding-bottom: calc(6px + (6 - 6) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper.small {
    background: transparent;
    justify-content: end;
    box-shadow: none;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper.small .right-menu {
        width: 308px;
        max-width: 308px;
    }

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer.gridtwo .menu-wrapper .menu-collections {
    display: grid;
    grid-template-columns: auto auto;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer.gridthree .menu-wrapper .menu-collections {
    display: grid;
    grid-template-columns: auto auto auto;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer.gridfour .menu-wrapper .menu-collections {
    display: grid;
    grid-template-columns: auto auto auto auto;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:hover .nav-link::after {
    content: "";
    width: 100%;
    height: 5px;
    background: turquoise;
    position: absolute;
    left: 0;
    top: 62px;
    z-index: 1;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item:hover .nav-link + .megamenu-outer {
    display: block;
}

#header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin-left: 0;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        text-decoration: none;
        display: inline-block;
        margin-left: 30px;
    }

@media (max-width: 1920px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(25px + (30 - 25) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(25px + (25 - 25) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(20px + (25 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(15px + (20 - 15) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(15px + (15 - 15) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a {
        margin-left: calc(15px + (15 - 15) * ((100vw - 320px) / (480 - 320)));
    }
}

#header-main.header-section .bottom-header .navbar .menu-outer .cls-icon-div a img {
    height: 24px;
    width: 100%;
    max-height: 24px;
    max-width: 24px;
}

#header-main.header-section .bottom-header .helper-icons {
    display: none;
}

#header-main.header-section .bottom-header .navbar-collapse > .dropdown.language {
    display: none;
}

#header-main.header-section .bottom-header .mobile-view-menus {
    display: none;
}

@media (max-width: 1024px) {
    #header-main.header-section .top-header {
        display: none;
    }

    #header-main.header-section .bottom-header.active {
        background: #00263A;
    }

        #header-main.header-section .bottom-header.active .navbar-toggler {
            /* background: url("../images/Icon-w-Close.svg"); */
            background: url("../../Styling/images/Icon-w-Close.svg");
            background-size: contain;
            background-position: center;
        }

            #header-main.header-section .bottom-header.active .navbar-toggler img {
                visibility: hidden;
            }

    #header-main.header-section .bottom-header .helper-icons {
        display: flex;
        align-items: center;
    }

        #header-main.header-section .bottom-header .helper-icons .cls-icon-div {
            border-left: 0 !important;
            border-right: 1px solid rgba(255, 255, 255, 0.5);
            margin: 0 15px 0 0;
            padding-right: 0;
        }

            #header-main.header-section .bottom-header .helper-icons .cls-icon-div a {
                margin: 0 15px 0 0 !important;
                height: 24px;
                width: 24px;
            }

                #header-main.header-section .bottom-header .helper-icons .cls-icon-div a img {
                    max-width: 100% !important;
                    height: 24px !important;
                    max-height: 24px !important;
                    max-width: 100% !important;
                }

        #header-main.header-section .bottom-header .helper-icons .navbar-toggler {
            border: 0;
            padding: 0;
            height: 24px;
            width: 24px;
        }

            #header-main.header-section .bottom-header .helper-icons .navbar-toggler img {
                max-width: 100%;
            }

            #header-main.header-section .bottom-header .helper-icons .navbar-toggler:focus {
                outline: none;
                box-shadow: none;
            }

    #header-main.header-section .bottom-header .navbar-collapse > .dropdown.language {
        display: block;
    }

        #header-main.header-section .bottom-header .navbar-collapse > .dropdown.language .dropdown-menu {
            background-color: transparent;
            position: static;
            border: 0;
            border-radius: 0;
            margin: 0;
            padding: 0 30px;
        }

            #header-main.header-section .bottom-header .navbar-collapse > .dropdown.language .dropdown-menu li a {
                color: #6AD1E3;
                text-align: end;
            }

        #header-main.header-section .bottom-header .navbar-collapse > .dropdown.language .lang-item {
            padding: 0px 30px 15px 30px;
        }

            #header-main.header-section .bottom-header .navbar-collapse > .dropdown.language .lang-item::after {
                content: "\e900";
                font-family: "IconFonts" !important;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                margin: 0 0 0 10px;
            }

    #header-main.header-section .bottom-header .navbar .navbar-collapse {
        position: fixed;
        left: 0;
        top: 80px;
        background-color: #00263A;
        min-height: calc(100vh - 80px);
        overflow: auto;
        width: 100%;
        transition: none;
        display: none !important;
        padding: 0;
    }

        #header-main.header-section .bottom-header .navbar .navbar-collapse.show {
            display: block !important;
        }

        #header-main.header-section .bottom-header .navbar .navbar-collapse .cls-icon-div {
            display: none;
        }

    #header-main.header-section .bottom-header .navbar .menu-outer {
        height: auto;
        flex-wrap: wrap;
    }

        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav {
            margin: 0 !important;
            height: auto;
            width: 100%;
        }

            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item {
                width: 100%;
                height: auto;
                margin: 0 !important;
                border: 0;
                border-bottom: 1px solid rgba(106, 209, 227, 0.2);
                padding: 0;
                display: none !important;
            }

                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item.active {
                    padding-bottom: 0;
                }

                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link {
                    border: 0 !important;
                    padding: 15px 30px !important;
                    justify-content: space-between;
                    width: 100%;
                    text-decoration: none;
                    letter-spacing: 1px;
                    font-size: 16px !important;
                    line-height: 18px !important;
                }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link a {
                        font-size: 16px !important;
                        line-height: 18px !important;
                        letter-spacing: 1px;
                    }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link.active {
                        background-color: #6AD1E3;
                    }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link:first-child {
                        padding: 15px 30px !important;
                        border: 0;
                        max-height: 100%;
                    }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .nav-link:hover::after {
                        display: none;
                    }

                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer {
                    display: block;
                    position: static;
                    overflow: hidden;
                    height: 0;
                }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .custom-container {
                        margin: 0;
                    }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper {
                        flex-direction: column;
                        background: transparent;
                        height: auto;
                    }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .image-menu {
                            padding: 0;
                        }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .list-menu {
                            width: 100%;
                            padding: 0;
                        }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .right-menu {
                            width: 100%;
                            background: none;
                            padding: 0;
                            box-shadow: none;
                        }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title {
                            margin: 0;
                            padding: 14px 30px;
                            justify-content: flex-start;
                            border-bottom: 1px solid rgba(106, 209, 227, 0.1);
                            color: #6AD1E3;
                            font-family: "nakheel", "nakheelregular_text";
                        }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title:before {
                                content: "\e900";
                                font-family: "IconFonts" !important;
                                border: 0;
                                margin-right: 10px;
                                vertical-align: -3px;
                                transform: rotate(270deg);
                            }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title a {
                                color: #6AD1E3;
                            }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title.active {
                                background: rgba(106, 209, 227, 0.5);
                                color: white;
                            }

                                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title.active + .mega-title.active {
                                    background: transparent;
                                }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .mega-title .view-all {
                                display: none;
                            }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections {
                            display: flex !important;
                            grid-gap: 0;
                            flex-direction: column;
                            align-items: flex-start;
                            height: 0;
                            visibility: collapse;
                            overflow: initial;
                            max-height: 100%;
                        }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections.active {
                                visibility: visible;
                                height: auto;
                            }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li {
                                max-width: 100%;
                                width: 100%;
                            }

                                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a {
                                    padding: 14px 40px;
                                    width: 100%;
                                    display: flex;
                                    align-items: center;
                                    font-size: 14px;
                                    line-height: 18px;
                                }

                                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a img {
                                        display: none !important;
                                    }

                                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a p {
                                        margin: 0 0 0 10px;
                                        color: #6AD1E3;
                                        font-family: "nakheel", "nakheelregular_text";
                                        font-size: 14px;
                                        line-height: 18px;
                                    }

                                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-collections li a:before {
                                        content: "\e900";
                                        font-family: "IconFonts" !important;
                                        border: 0;
                                        vertical-align: -3px;
                                        transform: rotate(270deg);
                                        color: #6AD1E3;
                                    }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list {
                            padding: 0;
                            border-left: 0;
                            height: 0;
                            visibility: collapse;
                        }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list.active {
                                visibility: visible;
                                height: auto;
                            }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list:not(:last-child) {
                                margin: 0;
                            }

                            #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li {
                                border-bottom: 1px solid rgba(106, 209, 227, 0.1);
                            }

                                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li:not(:last-child) {
                                    padding: 0;
                                }

                                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a {
                                    padding: 15px 40px;
                                    display: flex;
                                    align-items: center;
                                    color: #6AD1E3;
                                    font-size: 14px !important;
                                    line-height: 16px !important;
                                }

                                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper .menu-list li a:before {
                                        content: "\e900";
                                        font-family: "IconFonts" !important;
                                        border: 0;
                                        vertical-align: -3px;
                                        transform: rotate(270deg);
                                        color: #6AD1E3;
                                        margin-right: 10px;
                                    }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer .menu-wrapper.small .right-menu {
                            width: 100%;
                            max-width: 100%;
                        }

                    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer.active {
                        height: auto;
                    }

                        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item .megamenu-outer.active .menu-wrapper .mega-title.active:before {
                            transform: rotate(0deg);
                        }

                #header-main.header-section .bottom-header .navbar .menu-outer .navbar-nav .nav-item.mobileviewmenu {
                    display: block !important;
                }

    #header-main.header-section .bottom-header .mobile-view-menus {
        width: 100%;
        display: block;
    }

        #header-main.header-section .bottom-header .mobile-view-menus .d-flex {
            flex-direction: column;
            align-items: flex-start !important;
        }

        #header-main.header-section .bottom-header .mobile-view-menus .dropdown {
            width: 100%;
        }

            #header-main.header-section .bottom-header .mobile-view-menus .dropdown:not(:last-child) {
                border-bottom: 1px solid rgba(106, 209, 227, 0.3);
            }

            #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
            #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
                font-size: 16px;
                line-height: 20px;
                color: rgba(255, 255, 255, 0.5);
                font-family: "nakheel", "nakheelregular_text";
                background: none;
                padding: 0;
                border: 0;
                width: 100%;
                text-align: left;
                padding: 15px 30px;
                position: relative;
                display: block;
            }
}

@media (max-width: 1024px) and (max-width: 1920px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1024px) and (max-width: 1600px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1024px) and (max-width: 1440px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1024px) and (max-width: 1280px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 1024px) and (max-width: 768px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 1024px) and (max-width: 480px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1024px) and (max-width: 1920px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1024px) and (max-width: 1600px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1024px) and (max-width: 1440px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1024px) and (max-width: 1280px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 1024px) and (max-width: 768px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 1024px) and (max-width: 480px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a:after,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle:after {
        content: "\e900";
        font-family: "IconFonts" !important;
        border: 0;
        margin-left: 0;
        vertical-align: -3px;
        position: absolute;
        right: 30px;
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a.show,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle.show {
        background: #6AD1E3;
        color: white;
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown > a.hidearrow::after,
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-toggle.hidearrow::after {
        display: none;
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-menu {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        transform: initial;
        display: none;
        padding: 14px 30px;
    }

        #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-menu.show {
            width: 100%;
            box-shadow: none;
        }

        #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-menu li a {
            padding: 15px 30px;
            color: #6AD1E3;
            font-size: 14px;
            line-height: 14px;
            display: flex;
            background-color: transparent;
            border: none;
            box-shadow: none;
            outline: none;
        }

            #header-main.header-section .bottom-header .mobile-view-menus .dropdown .dropdown-menu li a:before {
                content: "\e900";
                font-family: "IconFonts" !important;
                border: 0;
                margin-right: 10px;
                vertical-align: -3px;
                transform: rotate(270deg);
                color: #6AD1E3;
            }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .mobile-view-menus .call-btn {
        display: none;
    }
}

@media (max-width: 1024px) {
    #header-main.header-section .bottom-header .dropdown.language {
        color: white;
        text-align: right;
    }

        #header-main.header-section .bottom-header .dropdown.language a {
            color: white;
            display: block;
            padding: 15px 30px 0 30px;
            text-align: right;
        }

        #header-main.header-section .bottom-header .dropdown.language .dropdown-toggle {
            display: inline-flex;
            align-items: center;
        }

            #header-main.header-section .bottom-header .dropdown.language .dropdown-toggle::after {
                content: "\e900";
                font-family: "IconFonts" !important;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                border: none;
                margin-left: 10px;
            }
}

@media (max-width: 567px) {
    #header-main.header-section .bottom-header .helper-icons .cls-icon-div a {
        margin: 0 15px 0 0 !important;
    }

    #header-main.header-section .bottom-header .dropdown.language .dropdown-toggle {
        margin-right: 0 !important;
    }
}

@media (min-width: 1921px) {
    #header-main.header-section .megamenu-outer .custom-container {
        margin-left: auto;
        max-width: 1600px;
    }
}

#header-main.header-section .top-header .rdContent {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#header-main.header-section .top-header .call-btn {
    white-space: nowrap;
}

#header-main.header-section .bottom-header .navbar .menu-outer .navbar-collapse .navbar-nav .RadDockZone .RadDock {
    margin: 0;
}

    #header-main.header-section .bottom-header .navbar .menu-outer .navbar-collapse .navbar-nav .RadDockZone .RadDock .rdTable {
        width: auto;
    }

        #header-main.header-section .bottom-header .navbar .menu-outer .navbar-collapse .navbar-nav .RadDockZone .RadDock .rdTable .rdMiddle .rdCenter .rdContent {
            display: flex;
            align-items: center;
            white-space: nowrap;
        }
/* header section ends here */

/* footer section starts here */
#footer-main.footer{
    position:relative!important;
    background:#fff!important;
}
#footer-main.footer .top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0;
}

    #footer-main.footer .top-section .newsletter-outer {
        display: flex;
        align-items: center;
    }

        #footer-main.footer .top-section .newsletter-outer p {
            color: #00263A;
            font-size: 24px;
            line-height: 28px;
            padding-right: 30px;
            white-space: nowrap;
        }

@media (max-width: 1920px) {
    #footer-main.footer .top-section .newsletter-outer p {
        font-size: calc(24px + (24 - 24) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .top-section .newsletter-outer p {
        font-size: calc(24px + (24 - 24) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .top-section .newsletter-outer p {
        font-size: calc(18px + (24 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .top-section .newsletter-outer p {
        font-size: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .top-section .newsletter-outer p {
        font-size: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .top-section .newsletter-outer p {
        font-size: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(28px + (28 - 28) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(28px + (28 - 28) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(22px + (28 - 22) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(22px + (22 - 22) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(22px + (22 - 22) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(22px + (22 - 22) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .top-section .newsletter-outer p {
        line-height: calc(22px + (22 - 22) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .top-section .newsletter-outer .email-form {
    position: relative;
}

    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        color: #B5ABA3;
        border-color: #B7ABA2;
        font-size: 18px;
        line-height: 22px;
        min-width: 300px;
        height: 56px;
        font-family: "nakheel", "nakheelregular_text";
        padding-right: 30px;
        border-radius: 0;
    }

@media (max-width: 1920px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        font-size: calc(18px + (18 - 18) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        font-size: calc(16px + (16 - 16) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        font-size: calc(16px + (16 - 16) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        font-size: calc(16px + (16 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        font-size: calc(16px + (16 - 16) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(16px + (16 - 16) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(22px + (22 - 22) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(20px + (22 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(20px + (20 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(20px + (20 - 20) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        line-height: calc(20px + (20 - 20) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .top-section .newsletter-outer .email-form .form-control::placeholder {
    color: #B5ABA3;
    font-family: "nakheel", "nakheelregular_text";
}

#footer-main.footer .top-section .newsletter-outer .email-form .subscribe-btn {
    position: absolute;
    right: 20px;
    top: 13px;
    border: 0;
    height: 30px;
    width: 30px;
    background: white;
}

    #footer-main.footer .top-section .newsletter-outer .email-form .subscribe-btn img {
        height: 100%;
        min-height: 100%;
        width: 100%;
        min-width: 100%;
    }

#footer-main.footer .top-section .newsletter-outer .email-form .error,
#footer-main.footer .top-section .newsletter-outer .email-form #waitingMessage,
#footer-main.footer .top-section .newsletter-outer .email-form .text-success {
    display: inline-block;
    margin-top: 10px;
}

#footer-main.footer .top-section .social-outer {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

    #footer-main.footer .top-section .social-outer li {
        list-style: none;
    }

        #footer-main.footer .top-section .social-outer li p {
            margin: 0;
            font-size: 18px;
            line-height: 22px;
            color: #00263A;
            font-family: "nakheel", "nakheelregular_text";
            margin-right: 10px;
        }

@media (max-width: 1920px) {
    #footer-main.footer .top-section .social-outer li p {
        font-size: calc(18px + (18 - 18) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .top-section .social-outer li p {
        font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .top-section .social-outer li p {
        font-size: calc(16px + (16 - 16) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .top-section .social-outer li p {
        font-size: calc(16px + (16 - 16) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .top-section .social-outer li p {
        font-size: calc(16px + (16 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .top-section .social-outer li p {
        font-size: calc(16px + (16 - 16) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(16px + (16 - 16) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(22px + (22 - 22) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(20px + (22 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(20px + (20 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(20px + (20 - 20) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .top-section .social-outer li p {
        line-height: calc(20px + (20 - 20) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .top-section .social-outer li:not(:last-child) {
    padding-right: 20px;
}

#footer-main.footer .top-section .social-outer li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

    #footer-main.footer .top-section .social-outer li a img {
        height: 36px;
        width: 36px;
        border-radius: 50%;
    }

#footer-main.footer .mid-section .accordion .accordion-item {
    border: 0;
}

#footer-main.footer .mid-section .accordion .section-head {
    background: #F3F4F5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 36px;
    padding-bottom: 36px;
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(36px + (36 - 36) * ((100vw - 1600px) / (1920 - 1600)));
        padding-bottom: calc(36px + (36 - 36) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(36px + (36 - 36) * ((100vw - 1440px) / (1600 - 1440)));
        padding-bottom: calc(36px + (36 - 36) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(36px + (36 - 36) * ((100vw - 1280px) / (1440 - 1280)));
        padding-bottom: calc(36px + (36 - 36) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(36px + (36 - 36) * ((100vw - 1024px) / (1280 - 1024)));
        padding-bottom: calc(36px + (36 - 36) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(30px + (36 - 30) * ((100vw - 768px) / (1024 - 768)));
        padding-bottom: calc(30px + (36 - 30) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(30px + (30 - 30) * ((100vw - 480px) / (768 - 480)));
        padding-bottom: calc(30px + (30 - 30) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head {
        padding-top: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
        padding-bottom: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .section-head .logo-section {
    display: flex;
    align-items: center;
}

    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        height: 30px;
        max-width: 200px;
        border-right: 1px solid #59595C;
        display: flex;
        margin-right: 30px;
        padding-right: 30px;
    }

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(30px + (30 - 30) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(30px + (30 - 30) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(26px + (30 - 26) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(26px + (26 - 26) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(26px + (26 - 26) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(22px + (26 - 22) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        margin-right: calc(22px + (22 - 22) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(30px + (30 - 30) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(30px + (30 - 30) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(26px + (30 - 26) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(26px + (26 - 26) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(26px + (26 - 26) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(22px + (26 - 22) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        padding-right: calc(22px + (22 - 22) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo img {
    height: 30px;
    min-height: 30px;
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
        height: 24px;
    }

        #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo img {
            height: 24px;
            min-height: 24px;
        }
}

#footer-main.footer .mid-section .accordion .section-head .logo-section p {
    margin: 0;
    color: #59595C;
    font-size: 16px;
    line-height: 20px;
    font-family: "nakheel", "nakheelregular_text";
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .logo-section p {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .section-head .mobile-menus {
    display: none;
}

#footer-main.footer .mid-section .accordion .section-head .contact {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

    #footer-main.footer .mid-section .accordion .section-head .contact li {
        list-style: none;
    }

        #footer-main.footer .mid-section .accordion .section-head .contact li a {
            text-decoration: none;
            color: #00263A;
            margin-right: 60px;
            text-transform: uppercase;
        }

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(30px + (60 - 30) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(20px + (30 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(15px + (20 - 15) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(15px + (15 - 15) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(10px + (15 - 10) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(10px + (10 - 10) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a {
        margin-right: calc(10px + (10 - 10) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .section-head .contact li a img {
    max-height: 15px;
    margin-right: 10px;
}

#footer-main.footer .mid-section .accordion .section-head .contact li a span {
    font-size: 14px;
    line-height: 18px;
    font-family: "nakheel", "nakheelregular_text";
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        font-size: calc(14px + (14 - 14) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        font-size: calc(14px + (14 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        font-size: calc(12px + (14 - 12) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        font-size: calc(12px + (12 - 12) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        font-size: calc(12px + (12 - 12) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        font-size: calc(10px + (12 - 10) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(10px + (10 - 10) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(16px + (18 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(16px + (16 - 16) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(14px + (16 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(12px + (14 - 12) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .contact li a span {
        line-height: calc(12px + (12 - 12) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .section-head .btn-accordian {
    text-transform: uppercase;
    width: 234px;
    height: 48px;
    border: 1px solid #00263A;
    background: none;
    border-radius: 0;
    padding: 0 20px;
    justify-content: center !important;
}

    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: 16px;
        line-height: 20px;
        color: #00263A;
        font-family: "nakheel", "nakheelregular_text";
        letter-spacing: 2px;
    }

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .section-head .btn-accordian span {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .section-head .btn-accordian .expand {
    display: none;
}

#footer-main.footer .mid-section .accordion .section-head .btn-accordian.collapsed .expand {
    display: inline-block;
}

#footer-main.footer .mid-section .accordion .section-head .btn-accordian.collapsed .collaps {
    display: none;
}

#footer-main.footer .mid-section .accordion .accordion-body {
    padding: 0;
    padding-top: 60px;
    padding-bottom: 30px;
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(55px + (60 - 55) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(50px + (55 - 50) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(45px + (50 - 45) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(40px + (45 - 40) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(40px + (40 - 40) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(40px + (40 - 40) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .accordion-body {
        padding-top: calc(40px + (40 - 40) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .accordion-body ul {
    padding: 0;
}

    #footer-main.footer .mid-section .accordion .accordion-body ul.parent {
        display: flex;
        justify-content: space-between;
    }

    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        color: #00617f;
        font-size: 18px;
        line-height: 22px;
        font-family: "nakheel", "nakheelbold_text";
        margin-bottom: 30px;
    }

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        font-size: calc(18px + (18 - 18) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        font-size: calc(16px + (16 - 16) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        font-size: calc(16px + (16 - 16) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        font-size: calc(16px + (16 - 16) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        font-size: calc(16px + (16 - 16) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(16px + (16 - 16) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(22px + (22 - 22) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(20px + (22 - 20) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(20px + (20 - 20) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(20px + (20 - 20) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(20px + (20 - 20) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(20px + (20 - 20) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .title {
        line-height: calc(20px + (20 - 20) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
    color: #59595C;
    font-size: 16px;
    line-height: 20px;
    font-family: "nakheel", "nakheelbold_text";
    margin-bottom: 20px;
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        font-size: calc(16px + (16 - 16) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        font-size: calc(14px + (14 - 14) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        font-size: calc(14px + (14 - 14) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        font-size: calc(14px + (14 - 14) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        font-size: calc(14px + (14 - 14) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(14px + (14 - 14) * ((100vw - 320px) / (480 - 320)));
    }
}

@media (max-width: 1920px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(20px + (20 - 20) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(18px + (20 - 18) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(18px + (18 - 18) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(18px + (18 - 18) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(18px + (18 - 18) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(18px + (18 - 18) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    #footer-main.footer .mid-section .accordion .accordion-body ul .sub-title {
        line-height: calc(18px + (18 - 18) * ((100vw - 320px) / (480 - 320)));
    }
}

#footer-main.footer .mid-section .accordion .accordion-body ul li {
    list-style: none;
    border-left: 1px solid #e5e9eb;
    padding-left: 20px;
}

    #footer-main.footer .mid-section .accordion .accordion-body ul li.split-2 .submenus {
        columns: 2;
        column-gap: 30px;
    }

    #footer-main.footer .mid-section .accordion .accordion-body ul li.split-3 .submenus {
        column-gap: 30px;
        columns: 3;
    }

    #footer-main.footer .mid-section .accordion .accordion-body ul li ul {
        margin-bottom: 30px;
    }

        #footer-main.footer .mid-section .accordion .accordion-body ul li ul li {
            padding-left: 0;
            border-left: 0;
            margin-right: 0;
        }

    #footer-main.footer .mid-section .accordion .accordion-body ul li a {
        text-decoration: none;
        color: #B5ABA3;
        font-size: 14px;
        line-height: 18px;
        font-family: "nakheel", "nakheelregular_text";
    }

        #footer-main.footer .mid-section .accordion .accordion-body ul li a:not(:last-child) {
            margin-bottom: 10px;
        }

@media (max-width: 1024px) {
    #footer-main.footer {
        overflow: hidden;
    }

        #footer-main.footer .top-section {
            flex-direction: column;
            padding-bottom: 30px;
        }

            #footer-main.footer .top-section .inner {
                width: 100%;
            }

            #footer-main.footer .top-section .newsletter-outer {
                flex-direction: column;
                width: 100%;
                margin-bottom: 30px;
            }

                #footer-main.footer .top-section .newsletter-outer p {
                    padding: 0;
                    margin-bottom: 20px !important;
                }

                #footer-main.footer .top-section .newsletter-outer .email-form {
                    width: 100%;
                }

                    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
                        height: 48px;
                    }

                    #footer-main.footer .top-section .newsletter-outer .email-form .subscribe-btn {
                        top: 10px;
                    }

            #footer-main.footer .top-section .social-outer {
                flex-wrap: wrap;
                justify-content: center;
            }

                #footer-main.footer .top-section .social-outer li:not(:last-child) {
                    padding-right: 15px;
                }

        #footer-main.footer .mid-section .accordion .section-head {
            background: white;
            padding-top: 0;
            padding-bottom: 0;
        }

            #footer-main.footer .mid-section .accordion .section-head .custom-container.d-flex {
                flex-direction: column-reverse;
                align-items: center;
            }

            #footer-main.footer .mid-section .accordion .section-head .logo-section {
                flex-direction: column;
                align-items: center;
                background: #F3F4F5;
                padding: 20px 0;
                position: relative;
            }

                #footer-main.footer .mid-section .accordion .section-head .logo-section::after, #footer-main.footer .mid-section .accordion .section-head .logo-section::before {
                    content: "";
                    width: 100vw;
                    height: 100%;
                    background: #F3F4F5;
                    position: absolute;
                    left: 100%;
                    bottom: 0;
                }

                #footer-main.footer .mid-section .accordion .section-head .logo-section:before {
                    left: auto;
                    right: 100%;
                }

                #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo {
                    height: 30px;
                    width: 138px;
                    margin: 0 0 12px 0;
                    padding: 0;
                    border: 0;
                }

                    #footer-main.footer .mid-section .accordion .section-head .logo-section .brand-logo img {
                        width: 100%;
                        min-width: 100%;
                        height: 100%;
                        min-height: 100%;
                    }

                #footer-main.footer .mid-section .accordion .section-head .logo-section p {
                    text-align: center;
                }

            #footer-main.footer .mid-section .accordion .section-head .mobile-menus {
                padding: 30px 0;
                display: block;
            }

                #footer-main.footer .mid-section .accordion .section-head .mobile-menus ul {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: center;
                }

                    #footer-main.footer .mid-section .accordion .section-head .mobile-menus ul li {
                        list-style: none;
                    }

                        #footer-main.footer .mid-section .accordion .section-head .mobile-menus ul li:not(:last-child) {
                            margin-right: 5px;
                        }

                            #footer-main.footer .mid-section .accordion .section-head .mobile-menus ul li:not(:last-child) a {
                                border-right: 1px solid #B5ABA3;
                                padding-right: 5px;
                            }

                        #footer-main.footer .mid-section .accordion .section-head .mobile-menus ul li a {
                            color: #B5ABA3;
                            font-size: 14px;
                            line-height: 18px;
                            text-decoration: none;
                            font-family: "nakheel", "nakheelregular_text";
                        }

            #footer-main.footer .mid-section .accordion .section-head .contact li a img {
                max-height: 16px;
                height: 16px;
                width: 16px;
            }

            #footer-main.footer .mid-section .accordion .section-head .btn-accordian {
                display: none !important;
            }

        #footer-main.footer .mid-section .accordion .accordion-body {
            display: none;
        }
}

@media (max-width: 567px) {
    #footer-main.footer .top-section .social-outer li:first-child {
        padding: 0;
        width: 100%;
    }

        #footer-main.footer .top-section .social-outer li:first-child p {
            text-align: center;
            margin-bottom: 20px;
            margin-right: 0;
        }

    #footer-main.footer .top-section .newsletter-outer form {
        width: 100%;
    }

    #footer-main.footer .top-section .newsletter-outer .email-form .form-control {
        min-width: 100%;
    }

    #footer-main.footer .top-section .d-flex.flex-wrap.justify-content-center.justify-content-lg-end {
        width: 100%;
    }

    #footer-main.footer .mid-section .accordion .section-head .contact {
        flex-direction: column;
    }

        #footer-main.footer .mid-section .accordion .section-head .contact li {
            margin-bottom: 5px;
            height: 24px;
        }

            #footer-main.footer .mid-section .accordion .section-head .contact li a {
                margin: 0;
            }

                #footer-main.footer .mid-section .accordion .section-head .contact li a span {
                    font-size: 12px !important;
                }
}

#footer-main.footer .top-section .RadDockZone {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #footer-main.footer .top-section .RadDockZone .RadDock .rdContent {
        display: flex;
    }

    #footer-main.footer .top-section .RadDockZone .RadDock + .RadDock .rdContent {
        justify-content: end;
    }

#footer-main.footer .mid-section .section-head .RadDockZone .RadDock + .RadDock {
    display: none;
}

#footer-main.footer .mid-section .section-head .RadDockZone .RadDock .rdContent {
    display: flex;
}

#footer-main.footer .mid-section .section-head .d-flex.align-items-center .RadDock .rdContent {
    display: flex;
    align-items: center;
}

#footer-main.footer .mid-section .section-head .d-flex.align-items-center .btn-accordian {
    white-space: nowrap;
}

#footer-main.footer .mid-section .accordion-body .parent .RadDockZone {
    display: flex;
}
/* footer ends here */

body {
    font-family: "nakheel", "nakheelregular_text";
    overflow-x: hidden;
}

.custom-container {
    margin-left: 160px;
    margin-right: 160px;
}

@media (max-width: 1920px) {
    .custom-container {
        margin-left: calc(100px + (160 - 120) * ((100vw - 1600px) / (1920 - 1600)));
        margin-right: calc(100px + (160 - 120) * ((100vw - 1600px) / (1920 - 1600)));
    }
}

@media (max-width: 1600px) {
    .custom-container {
        margin-left: calc(80px + (0 - 80) * ((100vw - 1440px) / (1600 - 1440)));
        margin-right: calc(80px + (0 - 80) * ((100vw - 1440px) / (1600 - 1440)));
    }
}

@media (max-width: 1440px) {
    .custom-container {
        margin-left: calc(60px + (80 - 60) * ((100vw - 1280px) / (1440 - 1280)));
        margin-right: calc(60px + (80 - 60) * ((100vw - 1280px) / (1440 - 1280)));
    }
}

@media (max-width: 1280px) {
    .custom-container {
        margin-left: calc(40px + (60 - 40) * ((100vw - 1024px) / (1280 - 1024)));
        margin-right: calc(40px + (60 - 40) * ((100vw - 1024px) / (1280 - 1024)));
    }
}

@media (max-width: 1024px) {
    .custom-container {
        margin-left: calc(40px + (40 - 40) * ((100vw - 768px) / (1024 - 768)));
        margin-right: calc(40px + (40 - 40) * ((100vw - 768px) / (1024 - 768)));
    }
}

@media (max-width: 768px) {
    .custom-container {
        margin-left: calc(30px + (40 - 30) * ((100vw - 480px) / (768 - 480)));
        margin-right: calc(30px + (40 - 30) * ((100vw - 480px) / (768 - 480)));
    }
}

@media (max-width: 480px) {
    .custom-container {
        margin-left: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
        margin-right: calc(30px + (30 - 30) * ((100vw - 320px) / (480 - 320)));
    }
}

@media(max-width:1024px) {
    #header-main.header-section .bottom-header .navbar .navbar-collapse {
        padding-bottom: 100px;
    }

    #header-main.header-section .bottom-header .mobile-view-menus .dropdown {
        position: static;
    }

    #header-main.header-section .bottom-header .mobile-view-menus {
        display: flex;
        flex-direction: column;
    }
}