﻿.switch-box {
    display: none;
}

footer .copyright-area {
    text-align: center;
}

.mainLogo, .mainTitle {
    display: inline-table;
    color: white;
    font-size: small;
    vertical-align: middle;
}

.main-nav nav .navbar-brand, .main-nav nav .navbar-brand {
    width: auto !important;
}

.nav-item.lang {
    margin-top: 30px;
}

.mainLogo img {
    width: 80px;
}

.main-nav, .navbar.navbar-expand-md.navbar-light {
    padding-top: 0;
    padding-bottom: 0;
}

.banner-area-two .banner-item .banner-right img {
    bottom: -64px !important;
    z-index: 1 !important;
    width: 69%;
    text-align: center;
    transform: rotateY(-180deg);
}

.banner-right {
    text-align: center;
}

@font-face {
    font-family: "DroidArabicKufi";
    src: url("../fonts/DroidArabicKufi.eot"); /* IE9 Compat Modes */
    src: url("../fonts/DroidArabicKufi.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    /* url("../fonts/DroidArabicKufi.otf") format("opentype"), Open Type Font */
    url("../fonts/DroidArabicKufi.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DroidArabicKufi.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DroidArabicKufi.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DroidArabicKufi.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DroidArabicKufi-Bold";
    src: url("../fonts/DroidArabicKufi-Bold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/DroidArabicKufi-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    /* url("../fonts/DroidArabicKufi-Bold.otf") format("opentype"),  Open Type Font */
    url("../fonts/DroidArabicKufi-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DroidArabicKufi-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DroidArabicKufi-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DroidArabicKufi-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../fonts/NotoKufiArabic-Regular.eot');
    src: url('../fonts/NotoKufiArabic-Regular.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/NotoKufiArabic-Regular.woff2') format('woff2'), 
        url('../fonts/NotoKufiArabic-Regular.woff') format('woff'), 
        url('../fonts/NotoKufiArabic-Regular.ttf') format('truetype'), 
        url('../fonts/NotoKufiArabic-Regular.svg#../fonts/NotoKufiArabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.RegistrationForm .BDC_CaptchaImageDiv + a {
    display: none !important;
    opacity: 0;
}

.title-img-one {
    background-image: url("../img/BannerBG8.jpg");
    background-position: center bottom;
}
.b1.title-img-one {
    background-image: url("../img/New-imgs/BannerBG1.jpg");
    background-position: center top;
}
.b2.title-img-one {
    background-image: url("../img/New-imgs/BannerBG2.jpg");
    background-position: center bottom;
}
.b3.title-img-one {
    background-image: url("../img/New-imgs/BannerBG3.jpg");
    background-position: center bottom;
}
.b4.title-img-one {
    background-image: url("../img/New-imgs/BannerBG4.jpg");
    background-position: center center;
}
.b5.title-img-one {
    background-image: url("../img/New-imgs/BannerBG5.jpg");
    background-position: center center;
}
.b6.title-img-one {
    background-image: url("../img/New-imgs/BannerBG6.jpg");
    background-position: center bottom;
}
.b7.title-img-one {
    background-image: url("../img/New-imgs/BannerBG7.jpg");
    background-position: center center;
}
/* Container div styling */
.fade-background {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    /*z-index: -1;*/
}

/* Each background image */
.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: fadeEffect 93s ease-in-out infinite; /* 7 images x 13s each */
    background-size: cover;
    background-position: center bottom;
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: darken;
}

/*.banner-img-one {
    background-image: url("../img/BannerBG10.jpg");*/
    /*background-color: rgba(0,0,0,.5);
    background-blend-mode: color;
}*/
    /* Background images */
.bg-image:nth-child(1) {
    background-image: url('../img/New-imgs/BannerBG1.jpg');
    animation-delay: 0s;
}

.bg-image:nth-child(2) {
    background-image: url('../img/New-imgs/BannerBG2.jpg');
    animation-delay: 13s;
}

.bg-image:nth-child(3) {
    background-image: url('../img/New-imgs/BannerBG3.jpg');
    animation-delay: 26s;
}

.bg-image:nth-child(4) {
    background-image: url('../img/New-imgs/BannerBG4.jpg');
    animation-delay: 39s;
}

.bg-image:nth-child(5) {
    background-image: url('../img/New-imgs/BannerBG5.jpg');
    animation-delay: 52s;
}

.bg-image:nth-child(6) {
    background-image: url('../img/New-imgs/BannerBG6.jpg');
    animation-delay: 65s;
}

.bg-image:nth-child(7) {
    background-image: url('../img/New-imgs/BannerBG7.jpg');
    animation-delay: 78s;
}

/* Keyframe animation for fading */
/*@keyframes fadeEffect {
    0%, 10.5%, 100% {*/ /* Image is invisible before fade-in and after fade-out */
        /*opacity: 0;
    }

    2%, 89.5% {*/ /* Fade in for 2 seconds */
        /*opacity: 1;
    }
}*/
@keyframes fadeEffect {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    20% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}



.contact-form-four .location-item {
    min-height: 120px;
}

.contact-wrap {
    color: #333;
}

    .contact-wrap span {
        color: #ff0000;
    }

    .contact-wrap .btn-secondary {
        margin-bottom: 20px;
    }

    .contact-wrap .form-group .nice-select.open .list, .contact-wrap .form-group .nice-select .list {
        background-color: #fff !important;
        max-height: 250px;
        overflow-y: auto;
    }

    .contact-wrap .form-group .form-control {
        line-height: 45px;
    }

.Validator {
    /*display: block !important;*/
}

.help-item {
    color: #000;
}

.help-shape img {
    opacity: .5;
    bottom: 20px !important;
}
.help-shape.AboutAnim img {
    opacity: 0.2;
    bottom: auto !important;
    top: 10%;
    width: 26%;
}


.uploadFile {
    background-color: #f4f4f4;
    color: #808080;
    padding: 0 5px;
}

.absoluteBtn {
    position: relative;
}

    .absoluteBtn .btn.btn-secondary {
        position: absolute;
        top: 10px;
    }

.AddedLink .form-control {
    border: none !important;
    background-color: #f2f1f1 !important;
    margin-top: 20px;
    padding:;
    color: #848484 !important;
}

.form-group.form-inline.AddedLink {
    margin-bottom: 20px !important;
}

.RegTabs {
    background-color: #b69d74;
    padding: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border: 3px solid #fff;
}

.d-table {
    position: relative;
    z-index: 1;
}

.help-left {
    max-width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

    .help-left::before {
        background-color: rgba(0,0,0, .7) !important;
        background-image: url(../img/values.jpg);
        background-blend-mode: luminosity;
        background-size: 100%;
    }

.help-item {
    z-index: 1000;
    position: relative;
}

    .help-item .help-right .help-inner-left ul li {
        /*color: #fff !important;*/
        font-weight: normal !important;
    }

    .help-item .help-right h2 {
        color: #b69d74 !important;
    }

    .help-item .help-right {
        /*margin-left: 0 !important;
        margin-right: 0 !important;*/
    }

.side-links a.contact-btn::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: 0.5s all ease;
    background-color: #242323;
}

.side-links a.contact-btn::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: 0.5s all ease;
    background-color: #242323;
}

.w60 {
    max-width: 60% !important;
}

.contact-wrap .form-group .form-control {
    font-family: initial !important;
}

.modal-content {
    color: #000 !important;
}

.navbar-brand {
    margin-right: 0 !important;
    margin-left: 0 !important;
}



/* CustomDropDownMenu-wrapper */

.CustomDropDownMenu-wrapper {
    position: relative;
    display: inline-block;
}

    /* Main link styling */
    .CustomDropDownMenu-wrapper .menu-link {
        font-weight: 500;
        color: #ffffff;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 16px;
        text-transform: capitalize;
        position: relative;
        transition: 0.5s all ease;
        padding: 15px 0;
    }

    /* Dropdown menu */
    .CustomDropDownMenu-wrapper .dropdown {
        -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
        position: absolute;
        top: 100%;
        left: 0;
        right: auto;
        width: 250px;
        border-radius: 5px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        overflow: hidden;
        max-height: 0;
        background: #242323;
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
    }




    /* Show dropdown on hover */
    .CustomDropDownMenu-wrapper:hover .dropdown {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px; /* Adjust based on the number of items */
    }

    .CustomDropDownMenu-wrapper .dropdown a:hover, .CustomDropDownMenu-wrapper .dropdown a:focus, .CustomDropDownMenu-wrapper .dropdown a.active {
        color: #b69d74;
        letter-spacing: 1px;
    }

        .CustomDropDownMenu-wrapper .dropdown a:hover:before, .CustomDropDownMenu-wrapper .dropdown a:focus:before, .CustomDropDownMenu-wrapper .dropdown a.active:before {
            display: none;
        }

    .CustomDropDownMenu-wrapper .dropdown a {
        font-size: 16px;
        text-transform: capitalize;
        position: relative;
        transition: 0.5s all ease;
        display: block;
        padding: 9px 15px;
        color: #fff
    }

        .CustomDropDownMenu-wrapper .dropdown a:hover {
            color: #b69d74;
        }

        .CustomDropDownMenu-wrapper .dropdown a:before {
            position: absolute;
            content: "";
            width: 7px;
            height: 7px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            bottom: -12px;
            transform: rotate(45deg);
            transition: 0.5s all ease;
            opacity: 0;
            animation: a-one 5s linear infinite;
            background-color: #b69d74;
        }

        .CustomDropDownMenu-wrapper .dropdown a:hover, .CustomDropDownMenu-wrapper .dropdown a:focus, .CustomDropDownMenu-wrapper .dropdown a.active {
            color: #b69d74;
        }

            .CustomDropDownMenu-wrapper .dropdown a:hover:before, .CustomDropDownMenu-wrapper .dropdown a:focus:before, .CustomDropDownMenu-wrapper .dropdown a.active:before {
                opacity: 1;
            }


/*.expertise-area-two .expertise-item ul li {
    min-height: 165px;
}*/

#Branches {
    height: 0;
}
.contact-wrap .form-group  ol {
    margin-top: 15px !important;
}
a:contains("BotDetect") {
    display: none;
}
.btn.btn-danger.Close {
    padding: 0.10rem .45rem;
}
.contact-wrap .form-group.form-inline .Close {
    top: 25% !important;
}
.slider-bottom-wrap p {
    color: #000;
}
section.timeLine {
    background-color: #f7f7f7;
    padding: 50px 0 70px;
}
.hint {
    color: #fff;
    background-color: rgba(1, 32, 57, 0.9);
    padding: 20px;
}
.blog-area {
    background: url(../img/copmBG.png) repeat-x center bottom;
}
.blog-item .blog-inner {
    background-color: #fff;
}


.branches .accordion-item{
    background: transparent;
}

.branches .accordion-button {
    color: #b69d74;
    font-weight: bold;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #b69d74;
}

    .branches .accordion-button:focus {
        border: 1px solid #b69d74 !important;
        box-shadow: none!important;
    }
.branches .accordion-button:not(.collapsed) {
    color: #b69d74;
    font-weight: bold;
    background-color: transparent;
    box-shadow: none;
}


    .branches .accordion-button::after {
        filter: brightness(0) saturate(100%) invert(74%) sepia(28%) saturate(547%) hue-rotate(8deg) brightness(89%) contrast(92%);
    }

.branches .accordion-body{
    padding: 0;
}

.branches .accordion-header {
    margin-bottom: 10px;
}

.branches .accordion li {
    margin-bottom: 10px;
    list-style-type: disc;
}

.RegistrationPage label {
    margin-bottom: 10px!important;
}

.RegistrationPage .btn.btn-danger.Close {
    padding: 0px 5px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

.uploadBtn .uploadFile {
    padding: 5px 5px;
    cursor: pointer;
}

.uploadBtn .btn-secondary {
    margin-bottom: 5px;
}

.uploadImage input {
    background-color: #f5f5f5;
    padding: 5px;
    cursor: pointer;
 
    
}

.checkBox input{
    margin:0 5px;
}

.RegistrationPage .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
    float: none;
    text-align: right !important;
}

h4.announcment{
    text-align: center;
    font-size:18px;
    padding:15px;
}

h4.announcment span{
    color:#333;
}

.selectBranch .list{
    width: 100%;
}
.alert-warning {
    margin-bottom: 30px !important;
    text-align:center;
}
    .alert-warning a {
        text-decoration: underline;
        font-weight: bold;
        color: #664d03;
    }
.counter-item .counter-inner span {
    font-weight: bold;
    font-size: 30px;
    line-height: 10px;
    color: #9b8259;
}
body {
    height: 100%;
}
.Content {
    min-height: 88vh;
}