
.page-content ol{
    list-style: revert;
    padding: revert;
}
.page-content ul{
    list-style: revert;
    padding: revert;
}

.page-content .app-sec-list-content li{
    list-style: none;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right, #pojo-a11y-toolbar.pojo-a11y-toolbar-left{
    top:250px !important;
}

.dotjo-color{
    color: #14cf78;
}

.broad-box{
    height: 100% !important;
}

.to-bottom{
    position: absolute;
    bottom: -5px;
}

.to-end{
    position: absolute;
    bottom: 0px;
}



.real-estate-box p{
    margin-bottom: 40px;
}
.service-item-box p{
    margin-bottom: 60px;
}
.to-bottom-account-btn{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.outline-border-none{
    outline: none;
    border: none;
}

.add_row_sec{position: relative;text-align: center;}
.add_row_sec a {display: inline-block;}
.add_row_sec img{ width:25px;}
.add_row_sec h5{position: relative;color: rgba(0 24 113 / 0.50);font-size: 18px;margin: 15px 0;}
.add_row_sec button{
    background: #fff;
    border: 0px;
}

.iti{
    width: 100%;
}
[lang="ar"] .iti__country-list{
    /*left: 0;*/
    text-align: right;
}

[lang="ar"] .send-btn {
    left: 5px;
    right: unset;
}

.website-color{
    color: #005da9;
}

.add-item_group.btn.color-main.font-bold{
    border: 1px solid  #005da9;
}

[lang="ar"] .form-check .form-check-input{
    float: right;
    margin-right: -7px;
    margin-left: 10px;
}

[lang="ar"] .form-control.is-invalid, [lang="ar"] .was-validated .form-control:invalid{
    padding-left: calc(1.5em + 0.75rem);
    padding-right: 1rem;
    background-position: left calc(0.375em + 0.1875rem) center;
}

[lang="ar"] .form-control.is-valid, [lang="ar"] .was-validated .form-control:valid{
    padding-left: calc(1.5em + 0.75rem);
    padding-right: 1rem;
    background-position: left calc(0.375em + 0.1875rem) center;
}

[lang="ar"] .form-select.is-invalid:not([multiple]):not([size]), [lang="ar"] .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), [lang="ar"] .was-validated .form-select:invalid:not([multiple])[size="1"]{
    padding-left: 4.125rem;
    padding-right: 1rem;
    background-position: left 0.75rem center, center left 2.25rem;
}

[lang="ar"] .form-select.is-valid:not([multiple]):not([size]), [lang="ar"] .form-select.is-valid:not([multiple])[size="1"], [lang="ar"] .was-validated .form-select:valid:not([multiple]):not([size]), [lang="ar"] .was-validated .form-select:valid:not([multiple])[size="1"]{
    
    padding-left: 4.125rem;;
    padding-right: 1rem;
    background-position: left 0.75rem center, center left 2.25rem;

}


[lang="ar"] .iti--allow-dropdown .iti__flag-container, [lang="ar"] .iti--separate-dial-code .iti__flag-container{
    left: auto;
    right: 0;
}
[lang="ar"] .iti .form-control{
    padding-right: 6rem;
}

.btn-style-apply{
    color: #005DA9;
}

.mid-menu{
    padding: 15px;
}

.top-header-menu{
    width: 20px;
}

#search-append .news-box h6{
    color: #3081BB;
}

[lang="ar"] .range-data-text{
    direction: ltr;
}
.finance-amount-text, .arabic-vr .finance-amount-text p{
    font-size: 18px;
}

.clock-icon{
    width: 25px;
    height: 25px;
    background-size: contain;
    background-image: url("/images/clock.png");
    background-repeat: no-repeat;
}


.loan-calculator-boxslide{
    position: relative;
}

.finance-amount-custom-input{
    position: absolute;
    right: 0;
    top: -55px;
    width: 100px;
}

.arabic-vr .finance-amount-custom-input{
    left: 0;
    right: unset;
}

.slider-container {display: flex;align-items: center;justify-content: center;}
.range-slider-container {position: relative;width: 480px;margin-right: 12px;margin-left: 12px;}
.range-slider {width: 100%;width: 100%;height: 6px;border-radius: 5px;background: #d3d3d3;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;border: none;}
.slider-value {position: absolute;top: -30px;transform: translateX(-50%);font-size: 14px;font-weight: 700;color: #015da8;margin-left: 25px;width: 85px;}
.years {margin-left: 40px;}
.years-two {margin-right: 40px;}

.arabic-vr .years, .arabic-vr .years-two{
    display: flex;
    flex-direction: row-reverse;
}

.range-slider:hover {opacity: 1;}

.slider-container button {border: none;width: 34px;height: 34px;line-height: 30px;border-radius: 6px;background-color: #08262e;color: white;font-size: 17px;font-weight: 500;}

/* ========= Range Slider arabic ============ */
.slider-containerar {display: flex;align-items: center;justify-content: center;}
.range-slider-containerar {position: relative;width: 480px;margin-right: 12px;margin-left: 12px;}

.range-slider-ar {width: 100%;direction: rtl; width: 100%;/* -webkit-appearance: none; */width: 100%;height: 6px;border-radius: 5px;background: #d3d3d3; outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;cursor: pointer;}
.slider-valuear {position: absolute;top: -30px;transform: translateX(-50%);font-size: 14px;font-weight: 700;color: #015da8;margin-right: 25px;width: 120px;font-family: 'Open Sans', sans-serif;}

.slider-containerar button {border: none; width: 34px; height: 34px;line-height: 32px;border-radius: 6px;background-color: #08262e;color: white;font-size: 17px;font-weight: 500; }
@media only screen and (max-width:320px) {
    .slider-containerar button { width: 61px; height: 35px;}
    .slider-container button {width: 61px;height: 35px;}
}

.subtitle-ul{
    list-style: revert !important;
    margin: revert !important;
    padding: revert !important;
}

.subtitle-ul li{
    padding: 0px 0px 0px 0px !important
}

body, html {
	position: relative;
}

[lang="ar"] .iti .form-control {
    direction: rtl;
}

@media only screen and (max-width:475px) {
    .g-recaptcha {
        transform:scale(0.7);
        transform-origin:0 0;
    }
}

@media only screen and (max-width:325px) {
    .g-recaptcha {
        transform:scale(0.5);
        transform-origin:0 0;
    }
}

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

    .social-box li {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .arabic-vr .social-box li {
        line-height: 35px;
    }

    .font-mobile-10px{
        font-size: 10px;
    }

    .flex-mobile-100{
        flex: 0 0 100% !important;
    }
    .form__radio-group{
        border-left: 0px;
    }

}

.arabic-vr .top-icon-social {
    float: unset;
}

.search-input-box-sec .input-box button{
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    padding: 0px;
}

.arabic-vr .finance-icon{
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.arabic-vr .helping-form .helping-form-li input.need-help-phone-input{
    padding: unset;
    padding-right:6rem;
}

/*.helping-form .helping-form-ul{*/
/*    height: 40px;*/
/*}*/

.invalid-feedback{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}


.career-form .form-group label{
    font-size: 13px;
}
.annual-report-box h4{
    height: 50px;
}
.btn-main-color{
    color: #fff;
    background-color: #005DA9;
    border-color: #005DA9;
}
.file-caption .input-group{
    align-items: stretch;
}

.input-group .btn{
    height: 100%;
}
.map-contact-box li{
    font-size: 14px;
}

/*.file-input-new{*/
/*    margin-top: 20px;*/
/*}*/

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    text-align: center;
}

@media screen and (max-width: 728px){
    header{
        position: sticky;
        top: 0 !important;
        z-index: 1000;
        width: 100%;
    }

    .search-panel{
        height: 100vh;
    }
}

.arabic-vr #sestek-chat-input{
    padding-left: unset;
    padding-right: 95px !important;
}

.dropdown-menu{
    position: relative;
}

#cssmenu ul ul li a.dropdown-item{
    border-bottom: unset;
}

.head_btm_menu .dropend .dropdown-toggle::after{
    top: 15px;
}

.title h2 {
    font-size: 32px;
    color: #005DA9;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.arabic-vr .accordion-button{
    text-align: right; 
}

.arabic-vr .sestek-chat-input{
    text-align: right;
}

#sestek-chat-header .rightBlock {
    z-index: 999;
}

#sestek-chatbot-form{
    background-image: url('../images/chatbot-background.jpg') !important;
    /*background-size: 130% 180% !important;*/
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.mobile-chat #sestek-chatbot-form-wrapper{
    height: 100%;
}

section.padding-top{
    padding-top: 30px;
}
/* chat display */
a.chat-cursor 
{
    cursor: pointer;
}
.img-display-none{
    display: none;
}
/* currency exchange page */
img.size-dimension{
    width: 25px;
    height: 25px;
}

/* table style class */
.border-class{
    border-style: solid;
     border-width: 1px;
     border-color: rgb(0, 0, 0);
}
/* mobile chat style class */
.bottom-20{
    bottom: 20px;
}
.bottom-3{
    bottom: 3px;
}
/* career web form width */ 
.career-form-box-width{
    max-width: 70% !important;
}
/* zakat-calculation */ 
div.allignment{
    text-align: right; 
    margin-top: 31px
}
/* profile - org */ 
.margin-bottom{
    margin-bottom: 20px;
}
.hidden-dev{
    display: none;
}

#cssmenu ul ul {
    top: 30px;
}

.helping-form-li .mb-3{
    margin-bottom: 0rem !important;
}
.btn-style-help{
    padding: 12px 18px;
}

.arabic-vr .arrow-right-item i{
    transform: scaleX(-1) translateX(50%);
}


.twitter-footer-icon svg{
    width: 20px;
}


.top-icon-social li:hover svg path{
    fill: white;

}

.social-box li:hover svg path{
    fill: white;

}

.file-caption-icon{
    padding: 12px 5px !important;
}

.career-form-box .checkbox:before{
    display: none;
}

.flex-mobile-100 .mb-3{
    margin-bottom: 0px !important;
}

.form__radio-button:after{
    background-color: #005da9;
}
.form__radio-button{
    border: 1px solid #005da9;
}

    .loading-pointer {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #005295;
        width: 100px;
        height: 100px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .loading-pointer-2 {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #005295;
        width: 200px;
        height: 200px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }




@media only screen and (max-width: 767.98px){
    #cssmenu ul ul{
        top: unset;
    }
    #cssmenu.small-screen>ul{
        position: relative;
    }
    header{
        position: relative;
    }
}

.copy-iban{
    padding: 0rem 1rem;
    color: #005da9;
}


.buisness .bannercontent-up .border-left.title:before{
    background: white !important;
}
.buisness h5 , .buisness p {
    color: #0F2447 !important;
}
.buisness .title h1 , .buisness .title h2,.buisness .title p{
    color: white;
}

.buisness .bannercontent-up p>span {
color: white;
}
.map-frame-custom{
height: 200px;
padding-bottom: 1rem;
}
