/* Regular400  Medium500   SemiBold600   Bold 700 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-SemiBold.eot');
    src: url('../fonts/GillSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSans-SemiBold.woff2') format('woff2'),
        url('../fonts/GillSans-SemiBold.woff') format('woff'),
        url('../fonts/GillSans-SemiBold.ttf') format('truetype'),
        url('../fonts/GillSans-SemiBold.svg#GillSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Medium.eot');
    src: url('../fonts/GillSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSans-Medium.woff2') format('woff2'),
        url('../fonts/GillSans-Medium.woff') format('woff'),
        url('../fonts/GillSans-Medium.ttf') format('truetype'),
        url('../fonts/GillSans-Medium.svg#GillSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans.eot');
    src: url('../fonts/GillSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSans.woff2') format('woff2'),
        url('../fonts/GillSans.woff') format('woff'),
        url('../fonts/GillSans.ttf') format('truetype'),
        url('../fonts/GillSans.svg#GillSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'GESSTwoLight';
    src: url('../fonts/GESSTwoLight.eot');
    src: url('../fonts/GESSTwoLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GESSTwoLight.woff2') format('woff2'),
        url('../fonts/GESSTwoLight.woff') format('woff'),
        url('../fonts/GESSTwoLight.ttf') format('truetype'),
        url('../fonts/GESSTwoLight.svg#GESSTwoLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GESSTwoMedium';
    src: url('../fonts/GESSTwoMedium.eot');
    src: url('../fonts/GESSTwoMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GESSTwoMedium.woff2') format('woff2'),
        url('../fonts/GESSTwoMedium.woff') format('woff'),
        url('../fonts/GESSTwoMedium.ttf') format('truetype'),
        url('../fonts/GESSTwoMedium.svg#GESSTwoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GESSTwoBold';
    src: url('../fonts/GESSTwoBold.eot');
    src: url('../fonts/GESSTwoBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GESSTwoBold.woff2') format('woff2'),
        url('../fonts/GESSTwoBold.woff') format('woff'),
        url('../fonts/GESSTwoBold.ttf') format('truetype'),
        url('../fonts/GESSTwoBold.svg#GESSTwoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root{

    --homepage-banner:url(../images/hero-1-bg.jpeg);
    --homepage-banner-responsive:url(../images/hero-1-bg.jpeg);
    --homepage-about-background:url(../images/h-about-bg.jpeg);
    --homepage-webform-background:url(../images/tab-bg.jpg);
    --header-image-background:url(../images/about_banner.jpg);
    --training-form-background: url(../images/about2.jpeg);
    --about-corporate-background: url(../images/about2.jpeg);
    --popup-background-image:url(../images/modal_iphone.jpg);
    --success-footer-background-color: #0083bf;
    --accordion-list-border-color: #121212;
    --loan-color:#D0112B;
    --header-image-loan-inner:url(../images/retail_loan_inner_banner.jpg);
    --main-color-cookies:#0083BF;
}

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight: 600;font-family: 'Gill Sans';}
h2 {font-size:25px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight: 600;font-family: 'Gill Sans';}
h3 {font-size:24px;color:#000; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight: 600;font-family: 'Gill Sans';}
h4 {font-size:22px;color:#000; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight: 600;font-family: 'Gill Sans';}
h5 {font-size:20px;color:#000; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: 'Gill Sans';}
h6 {font-size:18px;color:#000;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:600;font-family: 'Gill Sans';}


.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer50px {clear:both;line-height:0;font-size:0;overflow:hidden;height:50px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}


body {overflow-x:hidden;color:#8A8C8F;font-size:16px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: 'Gill Sans';background-color:#fff;font-weight: 500;}

p{color:#8A8C8F;font-size:16px;line-height:1.4;  margin:0px 0px 20px 0px;font-family: 'Gill Sans';font-weight: 500;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#A2AAB1 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#A2AAB1 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#A2AAB1 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#A2AAB1 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;border-color:transparent;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;}


/* BUTTON SECTION */
.btn-style-one {border: 1px solid #0083bf;background: #0083bf;color: #fff;border-radius: 30px;width:150px;height:40px;display: inline-block;transition: 0.5s ease;font-size: 15px;line-height: 36px;}
.btn-style-one:hover {border: 1px solid #0083bf;background: transparent;color: #0083bf;}
.btn-style-two {border: 1px solid #0083bf;border-radius: 30px;display: inline-block;transition: 0.5s ease;min-width: 150px;height: 40px;text-align: center;line-height: 36px;background: transparent;color: #0083bf;}
.btn-style-two:hover {background: #0083bf;color: #fff;}
.search-btn {border: 1px solid #0083bf;border-radius: 50%;color: #0083bf;background: transparent;width: 40px;height: 40px;font-size: 18px;transition: 0.5s ease;display: flex;align-items: center;justify-content: center;}
.search-btn:hover {background: #0083bf;color: #fff;}
.search-btn:focus {border: 1px solid #0083bf;}
.btn-style-three{border:1px solid #fff;background:#fff;border-radius: 30px;padding: 10px 30px;display: inline-block;transition: 0.5s ease;color: #0083bf;}
.btn-style-three:hover{background-color: transparent;color: #fff;}
.btn-style-four{border: 1px solid #fff;border-radius: 30px;padding: 10px 30px;display: inline-block;transition: 0.5s ease;color: #fff;}
.btn-style-four:hover{background-color: #fff;color: #0083bf;}
.btn-style-five {border: 1px solid #121212;border-radius: 30px;display: inline-block;transition: 0.5s ease;min-width: 150px;height: 40px;text-align: center;line-height: 36px;background: transparent; color: #121212;}
.btn-style-five:hover{border: 1px solid var(--loan-color);background: var(--loan-color);color: #fff;}
.btn-style-six {border: 1px solid var(--loan-color);background: var(--loan-color);border-radius: 30px;display: inline-block;transition: 0.5s ease;min-width: 150px;height: 40px;text-align: center;line-height: 36px;color: #fff;}
.btn-style-six:hover{border: 1px solid #121212;color: #121212;background: transparent;}


.btn-style-six.cl-yellow {background: #EDC775;border: 1px solid #edc775;color: #121212;}
.btn-style-six.cl-yellow:hover{color: #121212;border: 1px solid #121212;background-color: transparent;}
.btn-style-five.cl-yellow:hover{background: #EDC775;border: 1px solid #edc775;color: #121212;}

.btn-style-four.cl-red:hover{color: #D0112B;}
.btn-style-three.cl-red{color: #D0112B;}
.btn-style-three.cl-red:hover{color: #fff;}
.btn-style-four.color-black:hover{color: #121212;}
.btn-style-three.color-black{color: #121212;}
.btn-style-three.color-black:hover{color: #121212;}
/* PADDING SECTION */
.ptb-50{padding: 50px 0;}
.pb-100{padding-bottom: 100px;}
.mb-20{margin: 0 0 20px 0;}
.pb-50{padding-bottom: 50px;}
.pt-50{padding-top: 50px;}
.color-light {color: #0083bf;margin: 0 0 8px 0;}
.pt-20{padding-top:20px;}
.color-black{color: #121212;}

/* ===============================Header CSS=============== */
.fixedhead{position: fixed;top:0px;animation:slide-down 0.7s;opacity:1;width: 100%;background:#fff;z-index: 999;left:0px;padding:0px 0px;box-shadow: 0 1px 7px 0 rgba(0,0,0,.12);}    
.header-sticky.fixedhead{ background:rgb(255 255 255);}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/* Top Menu CSS*/
.top-icon ul{display: flex;}
.top-icon li {display: flex;color: #fff;font-size: 14px;font-family: 'Gill Sans';font-weight: 500;align-items: center;position: relative;}
.top-icon li:hover a {text-decoration: underline;}
.top-icon li:first-child:after {position: absolute;background: #fff;width: 1px;height: 35px;top: -4px;right: 0px;content: '';}
.top-icon li a {color: #fff;padding: 0px 10px 0px 10px;}
.top-menu-navbar ul li {display: inline-block;color: #fff;text-transform: uppercase;padding: 0px 10px 0 10px;font-family: 'Gill Sans';font-weight: 500;font-size: 13px;position: relative;}
.top-menu-navbar ul li a{color: #fff;position: relative;border-bottom: 2px solid #0083BF;}
.top-menu-navbar ul li:hover a{border-bottom: 2px solid #fff;padding-bottom: 3px;}
.top-menu-navbar ul li.active a {border-bottom: 2px solid #fff;padding-bottom: 3px;}
.top-menu {background: #0083BF;padding: 10px 0;}
.top-icon-social{float: right;}
.top-icon-social li {display: inline-block;padding: 0px 0px 0px 15px;color: #fff;font-size: 15px;}
.top-icon-social li a{color: #fff;}
.top-icon-social li:hover a {color: #87c8ff;}
.top-menu-flex {display: flex;justify-content: space-between;align-items: center;}
.top-logo img {width: 150px;}
.mobile-menu #cssmenu li a {text-transform: uppercase;}
.mobile-menu{display: none;}
/* .top-logo {width: 17%;} */

/* Middle Menu CSS*/
.mid-menu {background: #fff;padding: 15px 0;box-shadow: 0px 0.2px 25px rgb(182 182 182 / 10%);}
.mid-menu-flex {display: flex;justify-content: space-between;align-items: center;}
.mid-menu-navbar ul li {display: inline-block;text-transform: uppercase;padding: 0 10px 0 10px;font-size: 13px;}
.mid-menu-navbar ul li a{border-bottom: 2px solid transparent; padding: 0 0 3px 0;}
.mid-menu-navbar ul li:hover a {color: #0083bf;border-bottom: 2px solid #0083bf;}
.mid-menu-navbar ul li.active a {border-bottom: 2px solid #2F88C2;color: #2F88C2;}
.search-box-btn {display: flex;justify-content: space-between;align-items: center;gap: 25px;}


/* Banner Section CSS */
.banner-sec{background-image: var(--homepage-banner) ;background-size: cover;padding: 70px 0;min-height: 480px;background-repeat: no-repeat;}
.b-head-title{font-size: 30px;color: #0083bf;text-transform: uppercase;font-family: 'Gill Sans', sans-serif;font-weight: bold;}
.banner-title{margin-left: 30px; margin-right: 30px;}
.banner-title p{color: #121212;font-size: 22px;}
.lock-div {padding-top: 30px;display: flex;align-items: center;}
.lock-div a {color: #0083bf;text-decoration: underline;margin: 0px 0 0 10px;}
.lock-div a:hover {text-decoration: none;}

/* NEWS TICKER CSS  */
.acme-news-ticker {background: #fff;position: relative;height: 45px;border: 1px solid #0083bf;margin-top: 45px; }
.acme-news-ticker-label {background: #0083bf;padding: 10px 10px 10px 90px;width: auto;float: left;margin-right: 15px;line-height: normal;height: 100%;color: #fff; }
.acme-news-ticker-box {height: 100%;padding-top: 10px;overflow: hidden; }
.acme-news-ticker-box ul {width: 100% !important;list-style-type: none !important;padding: 0;margin: 0; }
.acme-news-ticker-box ul li a {text-decoration: none; }
.acme-news-ticker-controls {display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;height: 100%;right: 0;top: 0; }
.acme-news-ticker-controls button {height: 100%;background: rgb(0 131 191 / );padding: 0;width: 40px;border-color: rgb(0 131 191 / );border-style: solid;border-width: 0 0 0 1px;cursor: pointer;display: inline-block; }
.acme-news-ticker-controls button:hover {background: rgb(12 126 179 / ); }
.acme-news-ticker-controls button.acme-news-ticker-arrow {margin: 0;display: inline-block;position: relative; }
.acme-news-ticker-controls button.acme-news-ticker-arrow:after {border-color: #0083bf;content: '';display: inline-block;height: 8px;left: 50%;position: absolute;top: 50%;width: 8px;border-bottom: 5px solid #0083bf;border-right: 5px solid #0083bf;border-top: 5px solid transparent;border-left: 5px solid transparent;}
.acme-news-ticker-controls button.acme-news-ticker-pause {position: relative;display: inline-block; }
.acme-news-ticker-controls button.acme-news-ticker-pause:before {position: absolute;content: "\f04c";width: 10px;height: 10px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 15px;font-family: 'Font Awesome 5 Pro'; color: #0083bf; }
.acme-news-ticker-controls button.acme-news-ticker-pause.intro:before{content: "\f04b";}
.acme-news-ticker-controls button:focus {
    outline-style: none;
    box-shadow: none;
    border-color: initial;
}
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {-webkit-transform: translate(-50%, -50%) rotate(135deg);-ms-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg); }
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {-webkit-transform: translate(-50%, -50%) rotate(315deg);-ms-transform: translate(-50%, -50%) rotate(315deg);transform: translate(-50%, -50%) rotate(315deg); }
[lang ="ar"] .acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {-webkit-transform: translate(-50%, -50%) rotate(315deg);-ms-transform: translate(-50%, -50%) rotate(315deg);transform: translate(-50%, -50%) rotate(315deg); }
[lang ="ar"] .acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {-webkit-transform: translate(-50%, -50%) rotate(135deg);-ms-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg); }
.acme-news-ticker-box ul li { position: relative;padding: 0 0 0 20px;}
.acme-news-ticker-box ul li:before {position: absolute;content: '';background: #0083bf;width: 10px;height: 10px;left: 0;top: 7px;border-radius: 50%;}

/* Home About CSS */
.about-sec{text-align:center;background-image:  var(--homepage-about-background);background-size: cover;position: relative;background-repeat: no-repeat;}
.about-sec:before {position: absolute;content: '';width: 100%;height: 100%;background: rgb(255 255 255 / 88%);left: 0;top: 0;}
.title-all h2 span{padding: 0px 70px;text-transform: uppercase;font-size: 25px;}
.about-sec .container-fluid{position: relative;}
.title-all{position: relative;text-align: center;z-index: 1;}
.title-all p {max-width: 1051px;margin: 0 auto 20px auto;}
.title-all h2 {color: #0083bf;position: relative;display: inline-block;}
.title-all h2:before {background: #0083bf;width: 50px;height: 3px;content: '';position: absolute;left: 0px;top: 15px;border-radius: 5px;}
.title-all h2:after {background: #0083bf;width: 50px;height: 3px;content: '';position: absolute;right: 0px;top: 15px;border-radius: 5px;}
.about-box {background: #fff;padding: 30px 15px;box-shadow: 0 0 30px rgb(182 182 182 / 30%);border-radius: 5px;height: 100%;}
.about-box img {width: 60px;margin-bottom: 20px;transition: 0.5s ease;}
.about-box:hover img{transform: rotate(360deg);}
.about-box h5 {text-transform: uppercase;}
.about-box h5 a {color: #000;}
#counter-box {display: flex;justify-content: center;align-items: center;overflow: hidden;}
#counter-box span {font-size: 25px;position: relative;top: -5px;left: -5px;color: #000;}
.about-sub-box {background: #0083BF;border-radius: 5px;padding: 40px 10px;}
.about-sub-box.mt{margin: 15px 0 0 0px;}
.about-sub-box.mb{margin: 0 0 15px 0px;}
.about-sub-box h6 {margin-bottom: 0;text-align: center;color: #fff;font-weight: 500;font-family: 'Gill Sans';}
.play-icon{z-index: 9999999999;position: relative;}

/* SERVICE SECTION CSS */
.service-box {background: #fff;box-shadow: 0 0 10px rgb(182 182 182 / 30%);border-radius: 5px;height: 100%;position: relative;}
.service-box img{border-top-left-radius: 5px;border-top-right-radius: 5px;width: 100%;}
.service-box-content {padding: 25px 15px;}
.service-box .service-box-content h4{ transition: 0.5s ease;}
.service-box:hover .service-box-content h4{color: #0083bf;}
/*.service-sec .owl-carousel .owl-stage-outer{padding: 15px 6px 15px 5px;}*/
.overlay-img{position: relative;}
.overlay-img:after {
    position: absolute;
    content: '';
    background: rgb(0 0 0 / 34%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/* PARTNERS CSS */
.partners-carousel {padding: 30px 0;}

/* FOOTER CSS */
.footer-sec {background: #fff;border-bottom: 10px solid #0083bf;background-image: url(../images/footer-bg.jpeg);background-size: cover;background-repeat: no-repeat;background-position: top right;}
.footer-title li {color: #3B3A3C;padding-bottom: 3px;margin-bottom: 5px;}
.footer-connect {/*display: flex;*/ align-items: flex-start;margin-bottom: 12px;}
.footer-connect img{width: 20px;margin-right: 10px;}
.footer-connect p, .footer-connect a {color: #3B3A3C;}
.footer-connect p{margin-bottom: 0;}
.footer-head {font-size: 18px;color: #0083bf;font-weight: 700;font-family: 'Gill Sans';position: relative;margin-bottom: 30px;text-transform: uppercase;}
.footer-head span {padding-left: 40px;}
.footer-head:before {position: absolute;content: '';background: #0083bf;width: 30px;height: 3px;left: 0;top: 10px;border-radius: 5px;}
.footer-title a:hover, .footer-title li:hover {text-decoration: underline;}
.footer-title p{color: #3B3A3C;}
.scan-code img{width: 70px;}
.download-app-sec img{width: 130px;}
.download-app-sec {margin-bottom: 20px;}
.social-box {text-align: center;padding: 35px 0;position: relative;}
.social-box li {display: inline-block;margin: 0 8px 0 5px;border: 1px solid #0083bf;border-radius: 50%;width: 40px;height: 40px;line-height: 37px;color: #0083bf;transition: 0.5s ease;cursor: pointer;}
.social-box li a{color: #0083bf;}
.social-box ul {position: relative;z-index: 99;padding: 0px 30px;}
.social-box ul:before {position: absolute;content: '';background: #0083bf;width: 37%;height: 3px;top: 18px;left: 0;border-radius: 5px;z-index: 0;}
.social-box ul:after {position: absolute;content: '';background: #0083bf;width:37%;height: 3px;top: 18px;right: 0;border-radius: 5px;z-index: 0;}
.social-box li:hover {background: #0083bf;}
.social-box li:hover a{color: #fff;}
.bootom-footer {text-align: center;}
.bootom-footer img {width: 150px;margin-bottom: 20px;}
.bootom-footer p, .bootom-footer a {color: #3B3A3C;}
.bootom-footer li {display: inline-block;}
.bootom-footer li a {text-decoration: underline;padding: 0px 20px;}
.bootom-footer li a:hover {text-decoration: none;}

/* FIXED SIDEBAR ICON CSS */
.side-icon-fixed {position: fixed;top: 30%;right: 0;z-index: 9;}
.side-icon-fixed li  {background: #0083bf;margin: 0 0 10px 0;padding: 8px;}
.side-icon-fixed li img {width: 25px;}
.side-icon-fixed li:first-child {background: #EDC775;margin-bottom: 30px;}
.side-icon-fixed li:first-child:hover a>span{    background: #EDC775;}
.side-icon-fixed li:hover a>span{visibility: visible;right: 41px;opacity: 1;background-color: #0083bf;} 
.side-icon-fixed li a span {line-height: 43px;right: 60px;position: absolute;text-align: center;width: 120px;visibility: hidden;transition-duration: 0.5s;z-index: 1;opacity: 0;margin: -8px 2px 0 0;color: #fff;}

/* SEARCH INNER PAGE CSS */
.search-bg {background-image: url(../images/search-bg.png);background-size: cover;background-repeat: no-repeat;padding: 50px 0;}
.banner-inputform {max-width: 600px;background: #fff;padding: 12px 20px;position: relative;margin: 0 auto;border: 1px solid #0083bf;border-radius: 30px;margin-top:30px;}.title-team {text-transform: uppercase;}
.banner-inputform input {border: none;color: #adadad;font-weight: 500;font-size: 18px;width: 100%;}
.inner-search-btn {transition: all .3s ease;position: absolute;padding: 8px 30px;right: 8px;top: 5px;background: #2F88C2;font-weight: 500;font-size: 16px;color: #fff;border-radius: 30px;border: 1px solid transparent;transition: 0.5s ease;}
.inner-search-btn:hover{color: #0083bf;background-color: transparent;border: 1px solid #0083bf;}
.title-box h3 {text-transform: uppercase;color: #0083bf;}
.title-box p{color: #000;font-weight: 700;}
.title-all h3{margin: 0 0 25px 0;}

/* MODAL LOADER CSS */
.popup_content {background-image: var(--popup-background-image);background-repeat: no-repeat;background-size: cover;background-position: right;min-height: 500px;}
.modal-title{max-width: 540px;}
.modal-title h1{text-transform: uppercase; color: #0083bf;}
.modal-body {padding:0 50px;}
.modal-app-title span{font-weight: 700;}

/* ABOUT INNER PAGE CSS */
.inner_about_sec {background-image: var(--header-image-background);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;min-height: 275px;}
.inner-title {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);margin: auto;text-align: center;    max-width: 1129px;}
.inner-title h1 {color: #fff;text-transform: uppercase;}
.inner-title p{color: #fff;font-size: 22px !important;}
.about-title H2 {color: #0083bf;}
.about-img img {border-radius: 5px;width: 100%;}
.about-img  {position: relative;}

.video-play-button {display: block;top: 50%;left: 50%;width: 90px;height: 90px;transform: translate(-50%, -50%);position: absolute;text-align: center;}
.video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 90px;height: 90px;background: #fff;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;}
.video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 90px;height: 90px;background: #fff;border-radius: 50%;animation: pulse-border 2200ms ease-out infinite;}
.video-play-button span {width: 90px;display: inline-block;position: relative;z-index: 3;font-size: 30px;left: 0px;color: #fff;line-height: 90px;
background: #0083bf;height: 90px;border-radius: 50%;}
@keyframes pulse-border {
	0% {
	  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	  opacity: 1;
	}
	100% {
	  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	  opacity: 0;
	}
  }
.about-mission-sec{text-align: center;}
.mission-box {padding: 20px;border: 1px solid rgb(18 18 18 / 15%);height: 100%;border-radius: 5px;transition: 0.5s ease;}
.mission-box P{transition: 0.5s ease-in-out;}
.mission-box h4 {color: #0083bf;}
.mission-box:hover{border: 1px solid #0083bf; }
.mission-box:hover p{color: #121212;}
.focus-grid-box {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 20px;}
.about-corporate{background: var(--about-corporate-background);padding: 50px 0;background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 5px;position: relative;margin: 0 0;}
.about-corporate:after { background: rgb(0 0 0 / 42%);content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 5px;}
.about-corporate-two{background: var(--training-form-background);padding: 50px 0;background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 5px;position: relative;}
.about-corporate-two:after { background: rgb(255 255 255 / 70%);content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 5px;}
.title-all_two{position: relative;z-index: 1;}
.title-all_two p {max-width: 1051px;margin: 0 auto 20px auto;color: #fff;}
.title-all_two h2 {color: #fff;position: relative;display: inline-block;}
.title-all_two h2:before {background: #fff;width: 50px;height: 3px;content: '';position: absolute;left: 0px;top: 15px;border-radius: 5px;}
.title-all_two h2:after {background: #fff;width: 50px;height: 3px;content: '';position: absolute;right: 0px;top: 15px;border-radius: 5px;}
.title-all_two h2 span{padding: 0px 70px;text-transform: uppercase;font-size: 25px;}
.about-count-inner {padding: 20px;}
.about-count-inner img{width: 60px;margin-bottom: 20px;transition: 0.5s ease;}
.team-box {display: flex;justify-content: space-between;align-items: center;background: #fff;box-shadow: 0 0 35px rgb(182 182 182 / 20%);padding:25px 30px;border-radius: 5px;height: 100%;}
.team-title img {width: 70px;}
.team-img{border: 2px solid #0083bf;padding: 10px;border-radius: 50%;flex: 0 0 70px;display: inline-block;}
.team-title {display: flex;align-items: center;gap: 15px;}
.title-team h4{color: #0083bf;margin-bottom: 0;}
.success-btn-flex {display: flex;justify-content: space-between;align-items: center;}
.success-btn-flex p{margin: 0;}
.success-title h4{text-transform: uppercase;color: #fff;margin: 0 0 10px 0;}
.success-title p {margin: 0;color: #fff;}
.bg-yellow .success-title h4{color: #121212;}
.bg-yellow .success-title p {color: #121212;}
.success-footer-sec{background-image: url(../images/line-bg.png);background-color: var(--success-footer-background-color);padding: 40px 0;}
.success-footer-sec.bg-red{background-color: #D0112B;}
.success-footer-sec.bg-yellow{background-color: #EDC775;}
.success-btn-flex p{color: #fff;}
.success-btn-flex p.color-black{color:#121212;}
.focus-box {position: relative;padding: 20px 20px 0 20px;box-shadow: 0 0 35px rgb(182 182 182 / 20%);background: #fff;border-radius: 5px;height: 100%;}
.focus_black {position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);opacity:0.04;width: 155px;}
.focus-box img.first-image {width: 50px;margin: 0 0 20px 0;}
.sub-title-span{color: #121212;margin: 0 0 40px 0;display: inline-block;font-weight: 600;font-size: 20px;}


/* inner bg */

.inner_bg_sec{background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;min-height: 315px;}
.branch_outreach {background-image: url(../images/branch_outreach_banner.jpg);}
.news{background-image: url(../images/news_banner.jpg);}
.contact-bg{background-image: url(../images/contact_banner.jpg);}
.complaint-bg{background-image: url(../images/complaint_banner.jpg);}
.career-bg{background-image: url(../images/career_banner.jpg);}
.retails-loans-inner{background-image: var(--header-image-loan-inner);}

/* OUR TEAM  */
.inner_team_sec {background-image: url(../images/team_banner.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;min-height: 315px;}
.team-data-box {text-align: center;background: #fff;box-shadow: 0 0 30px rgb(182 182 182 / 23%);padding: 20px;border-radius: 5px;border: 1px solid transparent;transition: 0.5s ease;min-height: 150px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.team-data-box:hover {border: 1px solid #0083bf;}
.team-data-box p{transition: 0.5s ease;}
.team-data-box:hover p{color: #121212;}
.team-data-box h4 {margin: 0 0 10px 0;text-transform: uppercase;color: #0083bf;}
.team-data-box span {display: inline-block;margin: 0 0 10px 0;color: #121212;font-weight: 600;font-family: 'Gill Sans';}
.text-black{color: #121212;}

/* OUR STORIES NEWS */
.story-news-details {border: 1px solid rgb(18 18 18 / 15%);padding: 20px;border-radius: 5px;}
.story-news-details h4 {text-transform: uppercase;color: #0083bf;}
.story-news-details img{border-radius: 5px;    margin: 0 0 15px 0;}
.story-date {padding: 0 0 20px 0;}
.story-date li {display: inline-block;}
.story-date a {color: #C3161C;padding: 0 10px 0 0px;}
.story-date a i {font-size: 24px;padding: 0 10px 0 0;position: relative;top: 3px;}
.note-news {background: rgb(138 140 143 / 8%);padding: 20px 20px;margin: 0 0 20px 0;position: relative;}
.note-news span {display: inline-block;text-align: center;font-size: 28px;color: #121212;font-family: 'Gill Sans';font-style: italic;font-weight: 500;}
.note-news i {top: 0;position: absolute;left: 32px;font-size: 113px;color: rgb(138 140 143 / 20%);z-index: 0;}
.br-b {border-bottom: 1px solid rgb(18 18 18 / 20%);}
.social-flex-news {display: flex;justify-content: normal;align-items: center;padding: 20px 0 0;}
.social-icon-news li {display: inline-block;padding: 0px 5px;}
.social-icon-news li a {background: rgb(138 140 143 / 8%);color: #8A8C8F;width: 35px;height: 35px;display: inline-block;text-align: center;line-height: 35px;border-radius: 50%;transition: 0.5s ease;   }
.social-icon-news li a:hover {background: #0083bf;color: #fff;}
.social-text p {margin: 0;color: #0083bf;font-size: 22px;}
.recent-post-box {background: rgb(138 140 143 / 8%);padding:20px 20px 5px;border-radius: 5px;margin: 0 0 20px 0;}
.sector-box{padding:20px 20px 5px;}
.recent-post-title h4 {border-bottom: 1px solid #121212;margin: 0;padding: 0 0 15px 0;position: relative;color: #0083bf;text-transform: uppercase;}
.recent-post-title h4:before {position: absolute;background: #0083bf;content: '';width: 60px;height: 4px;bottom: -1px;left: 0;}
.recent-post-man {display: flex;justify-content: space-between;align-items: center;gap: 10px;margin: 15px 0 15px 0;}
.post-m-img {flex: 0 0 112px;}
.post-m-img img{border-radius: 3px;width: 100%;}
.post-m-title ul {padding: 0 0 5px 0;display: flex;justify-content: space-between;align-items: center;}
.post-m-title li {display: inline-block;}
.post-m-title li a {color: #c3161c;font-size: 13px;font-weight: 700;}
.post-m-title li a i{padding: 0 5px 0 0;font-size: 20px;}
.post-m-title p{color: #121212;font-size: 19px;margin: 0 0 10px 0;}
.post-m-title span{font-size: 14px;display: inline-block;line-height: 18px;}
.sector-list li {padding: 15px 0 0 30px;display: flex;justify-content: space-between;position: relative;}
.sector-list li:after {position: absolute;content: '';background: #0083bf;left: 0;width: 15px;height: 15px;bottom: 4px;}
.sector-list li a {color: #121212;}
.sector-list li span{color: #121212;}
.success-story-box {height: 100%;background: #fff;box-shadow: 0 0 25px rgb(182 182 182 / 20%);border-radius: 5px;position: relative;padding: 0 0 30px 0;}
.post-story-title {padding: 15px;}
.post-m-title {width: 100%;}
.post-story-title p{padding: 0px 0 10px 0;}
.post-story-title .btn-style-two {position: absolute;bottom: 20px;}
.post-story-img img {border-top-left-radius: 5px;border-top-right-radius: 5px;width: 100%;}
.post-story-title ul {display: flex;justify-content: space-between;align-items: center;margin: 0 0 10px 0;}
.post-story-title li {display: inline-block;}
.post-story-title li a {color: #c3161c;font-size: 15px;font-weight: 700;}
.post-story-title li a i {padding: 0 5px 0 0;font-size: 18px;}
.news-box {display: flex;gap: 20px;padding: 15px;border: 1px solid rgb(18 18 18 / 15%);border-radius: 5px;height: 100%;position: relative; align-items: center;}
.news-box-without-border{display: flex;gap: 20px;padding: 15px;height: 100%;position: relative;}
.news-box-img {flex: 0 0 260px;}
.news-box-img img {border-radius: 5px;width: 100%;}
.news-box-content span i {font-size: 25px;padding: 0 10px 0 0;}
.news-box-content span {color: #2F88C2;display: flex;align-items: center;margin: 0 0 10px 0;}
.news-box-content h6 {color: #0083BF;margin: 0 0 10px 0;}
.news-box-content .btn-style-two {position: absolute; bottom: 20px;}
.news-box-content p {padding: 0 0 20px 0; margin: 0px;}

/*   BRANCHES OUT REACH CSS */
.filter-boxing ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; background: #fff;box-shadow: 0 0 25px rgb(182 182 182 / 25%);padding: 15px 15px;gap: 10px;}
.filter-boxing ul li {flex: 1 1 auto;}
.filter-boxing ul li:last-child{flex: 0;}
.branch-address {display: flex;border: 1px solid rgb(18 18 18 / 15%);padding: 20px;border-radius: 5px;height: 100%;    justify-content: space-between;}
.branch-add-content {padding: 0 10px 0 0;}
.branch-add-map {position: relative;flex: 0 0 200px;}
.branch-add-content h6 {color: #0083bf;}
.branch-add-map iframe{width: 100%;border-radius: 5px;height: 100%;}
.form__radio-group {display: block;border: 1px solid #121212;border-radius: 5px;height: 45px;}
.form__radio-input {display: none;}
.form__label-radio {cursor: pointer;position: relative;color: #1D2A42;font-weight: normal !important;display: block;padding: 10px 10px;padding-bottom: 10px;}
.form__radio-button {height: 26px;width: 26px;border: 1px solid #121212;border-radius: 50%;display: inline-block;position: absolute;right: 10px;top: 8px;background-color: #fff;}
.form__radio-input:checked ~ .form__label-radio .form__radio-button::after {opacity: 1;}
.form__radio-button::after {content: "";display: block;height: 13px;width: 13px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #bbbfc6;opacity: 0;transition: opacity 0.2s;}
.filter-search i {position: absolute;top: 12px;left: 12px;}
.filter-search {position: relative;}
.filter-search input {padding: 0 0 0 34px;}
.fancy-select {border: 1px solid rgba(0,0,0,.1);height: 45px;background-color: #fff;width: 100%;padding: 10px 10px;border-radius: 5px;appearance: none;background-image: url(../images/down-arrow.png);background-repeat: no-repeat;background-size: 20px;background-position: 94% 50%;cursor: pointer;font-size: 14px;color: #212842;border: 1px solid #1D2A42;}
.filter-box-1{flex: 0 0 80px!important;}
.filter-box-1 h6{margin: 0;color: #0083bf;}

.paging-box .pagination {display: flex;align-items: center;justify-content: center;gap: 16px;}
.paging-box .pagination .pages {display: flex;flex-direction: row;gap: 20px;}
.paging-box .pagination .page {height: 40px;width: 40px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 10px;border: 2px solid #1D2A42;font-family: 'Gill Sans' !important;}
.paging-box .pagination .page:hover {background-color: #2F88C2;color: #fff;border: 2px solid transparent;}
.paging-box .pagination .page.active {background-color: #2F88C2;color: #fff;border: 2px solid transparent;}
.paging-box .pagination .btn {background-color: #1D2A42;height: 40px;width: 40px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #fff;}
.paging-box .pagination .btn:hover {background-color: #2F88C2;color: #fff;}

/* CONTACT US CSS */
.con-call-box {padding: 20px 0 0 0;}
.con-call-box li{display: flex;align-items: center;gap: 15px;margin: 0 0 20px 0;}
.con-call-box li:last-child{align-items: flex-start;}
.con-icon {background: #0083bf;padding: 10px 10px;border-radius: 5px;    flex: 0 0 45px;    display: inline-block;}
.con-icon img {width: 25px;filter: invert(1);}
.con-text p{margin: 0;}
.con-text p, .con-text a {color: #121212;}
.con-text a {text-decoration: underline;}
.con-text a:hover{text-decoration: none;}
.contact-form {background: #fff;box-shadow: 0 0 40px rgb(182 182 182 / 20%);padding: 30px 30px;border-radius: 5px;}
.contact-title h3 {color: #0083bf;text-transform: uppercase;padding: 0 0 15px 0;position: relative;font-weight: 500;}
.contact-title h3:before {position: absolute;content: '';background: #0083bf;bottom: 0;left: 0;width: 50px;height: 3px;border-radius: 5px;}
.con-content label{color: #121212;}
 label span{color: #EC0D0D;font-weight: 700;}
.con-content .form-control {background-color: rgb(18 18 18 / 4%);border: none;}
.cm-radius .form-control{border-radius: 30px;}
.con-content .form-select {background-color: rgb(18 18 18 / 4%);border: none;height: 45px;}
.con-content textarea{background-color: rgb(18 18 18 / 4%);border: none;resize: none;width: 100%;border-radius: 5px;padding: .375rem .95rem;}
.robot img {width: 290px;margin: 0 0 20px 0;}
.complaint-bor {padding: 20px 20px 0px 20px;border: 1px solid rgb(18 18 18 / 40%);border-radius: 5px;}
.complaint-bor p {color: #121212;margin: 0 0 8px 0;}
.resp-complaint-list li {padding: 0 0 10px 20px;position: relative;}
.resp-complaint-list li:before {position: absolute;content: '';background: #0083bf;left: 0;width: 10px; height: 10px;border-radius: 50%;top: 5px;}
.bank-cal-icon ul {display: grid;grid-template-columns: repeat(3,1fr);}
.bank-cal-icon ul li{display: flex;align-items: center;gap: 10px;margin: 0 10px 20px 0;}


/* SUCCESS STORY CSS */
.white-box-filter {display: inline-flex;align-items: center;background: #fff;box-shadow: 0 3px 12px 0px rgb(0 0 0 / 8%);border-radius: 5px;padding: 20px;color: #2F88C2;margin-bottom: 40px;}
.white-box-filter li {display: inline-block;margin: 0px 20px 0px 0px;}
.white-box-filter .fancy-select {width: 170px;}

.career-form {background: #fff;box-shadow: 0 0 30px rgb(182 182 182 / 20%);border-radius: 5px;padding: 25px 15px;}
.border{border: 1px solid rgb(18 18 18 / 20%);}
textarea{resize: none;}
.car-radio-group.active {color: #87c778;border-color: #87c778 !important;}
.car-radio-group {display: inline-block;margin-right: 40px;}
.car-radio-input {display: none;}
.car-radio-group.active .car-label-radio {color: #121212;}
.car-label-radio {font-size: 18px;cursor: pointer;position: relative;padding-left: 30px;color: #121212;font-weight: normal !important;padding-bottom: 0 !important;display: block;padding-top: 2px;}
.car-radio-group.active .car-radio-button {border: 1px solid #2F88C2;}
.car-form-title p {color: #121212;font-size: 19px;}
.car-radio-button {height: 20px;width: 20px;border: 1px solid #121212;border-radius: 50%;display: inline-block;position: absolute;left: 0;top: 5px;background-color: #fff;}
.car-radio-input:checked ~ .car-label-radio .car-radio-button::after {opacity: 1;}
.car-radio-button::after {content: ""; display: block;height: 10px;width: 10px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #2F88C2;opacity: 0;transition: opacity 0.2s;}
.cur-emp-head {margin: 0 0 20px 0;color: #000;}

.file-up {display: inline-block;background-color: #00833C;color: white;cursor: pointer;border-radius: 33px;width: 150px;height: 35px;line-height: 35px;text-align: center;}
.upload-file-box {padding: 20px 0;}
/* .upload-file-box span{color: rgb(18 18 18 / 70%);} */
.upload-head label {color: #121212;}
.upload-file {display: flex;align-items: center;gap: 30px;padding: 0 0 20px 0;}
.form-check label{color: #121212;}
.training-btn{display: inline-block;}
.digital-font{margin-bottom: 25px;font-weight: 700;}

.accordion-list-box .accordion-item {background-color: #fff;border: 1px solid var(--accordion-list-border-color);margin: 0 0 20px 0;border-radius: 5px;}
.accordion-list-box .accordion-button::after {left: 15px;position: absolute;}
.accordion-list-box .accordion-button {padding: 12px 50px 12px;border: 0;font-weight: 700;border-radius: 5px;}
.accordion-list-box .accordion-button::after {background-image: url(../images/down-arrow.png); }
.accordion-list-box .accordion-button:not(.collapsed)::after {background-image: url(../images/down-arrow.png);transform: rotate(-180deg);} 
.accordion-list-box .accordion-button:not(.collapsed) {color: #121212;background-color: #fff;box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);}
.accordion-list-box .accordion-button:focus{outline: none;box-shadow: none;} 

.accordion-list-box.br-red .accordion-item {background-color: #fff;border: 2px solid #D0112B;margin: 0 0 20px 0;border-radius: 5px;}
.accordion-list-box.br-red .accordion-button::after {background-image: url(../images/down-arrow-red.png); }
.accordion-list-box.br-red .accordion-button:not(.collapsed)::after {background-image: url(../images/down-arrow-red.png);transform: rotate(-180deg);} 

.accordion-list-box.br-yellow .accordion-item {background-color: #fff;border: 2px solid #EDC775;margin: 0 0 20px 0;border-radius: 5px;}
.accordion-list-box.br-yellow .accordion-button::after {background-image: url(../images/down-arrow-yellow.png); }
.accordion-list-box.br-yellow .accordion-button:not(.collapsed)::after {background-image: url(../images/down-arrow-yellow.png);transform: rotate(-180deg);} 

.loan-list li{display: flex;align-items: center;gap: 15px;color: #121212;margin: 0 0 15px 0;text-align: left;}
.loan-list li img{width: 30px;}
.loan-list {padding: 0 0 35px 0;}
.btn-loans-box {position: absolute;bottom: 0px;left: 50%;gap: 15px;display: flex;transform: translate(-50%, -50%);display: block;
width: 100%;}
.indvisual-loan-inner{padding: 30px 0;background-color: #F4F4F4;text-align: center;}
.indvisual-loan-inner p{color: #121212;}
.indi-loan-box {display: flex;align-items: center;gap: 10px;background: #fff;box-shadow: 0 0 30px rgb(182 182 182 / 30%);border-radius: 5px;padding: 25px 25px;height: 100%;}
.indi-img {flex: 0 0 60px;background: var(--loan-color);border-radius: 50%;padding: 10px;display: inline-block;}
.indi-img img {width: 50px;}
.indi-text p {margin: 0;color: #1E1E1E;font-weight: 600;}
.indi-flex-music{display: flex;align-items: center;gap: 20px;}
.indi-text-list{display: flex; align-items: center;gap: 10px;}
.indi-text-list li {position: relative;padding: 0 0px 0 15px;color: #1E1E1E;}
.indi-text-list li:before {position: absolute;content: '';background: var(--loan-color);width: 10px;height: 10px;left: -2px;top: 5px;border-radius: 50%;}
.indi-text-list p {flex: 0 0 160px;}
.indi-text {width: 100%;}
.know-icon {position: relative;flex: 0 0 270px;}
.know-icon img {border-radius: 5px;width: 100%;}
/* .know-icon:after {position: absolute;content: '';background: rgb(18 18 18 / 35%);width: 100%;height: 100%;left: 0;top: 0;border-radius: 5px;} */
.know-youtube-icon{display: block;top: 50%;left: 50%;width: 90px;height: 90px;transform: translate(-50%, -50%);position: absolute;text-align: center;z-index: 2;}
.know-youtube-icon.small-box {width: 50px;height: 50px;}
.know-box-station {display: flex;gap: 20px;padding: 15px;border: 1px solid rgb(18 18 18 / 15%);border-radius: 5px;height: 100%;position: relative;align-items: center;}

.switch {position: relative;display: inline-block;width: 60px;height: 34px;margin: 0;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #0083bf;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #0083bf;}
input:focus + .slider {box-shadow: 0 0 1px #0083bf;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}


#msform {position: relative;margin-top: 20px;}
#msform fieldset:not(:first-of-type) {display: none}


#progressbar li {list-style-type: none;font-size: 12px;width: 25%;float: left;position: relative;padding-bottom:20px;}
#progressbar #account:before {content: "1"}
#progressbar #personal:before {content: "2"}
#progressbar #payment:before {content: "3"}
#progressbar #confirm:before {font-family: FontAwesome;content: "4"}
#progressbar li:before {width: 50px;height: 50px;line-height: 45px;display: block;font-size: 18px;color: #008FD5;background: #fff; border:1px solid #008FD5;border-radius: 50%;margin: 0 0 10px 0;padding: 2px; text-align:center;font-family: 'Roboto', sans-serif; font-weight: 400;margin:0 auto 10px auto}
ul#progressbar li:after {content: '';width: 100%;height: 2px;border-top: 2px solid rgb(18 18 18 / 10%);position: absolute;left:50%;top: 25px;z-index: -1; max-width:100%;}
#progressbar li.active:before {background: #0083bf; color:#fff;}
#progressbar {display: flex;align-items: center;justify-content: center;text-align: center;}
ul#progressbar li:last-child:after{display:none;}
#progressbar li.active:after{border: 1px solid #0083bf;}
.pro-txt-cl h6, .pro-txt-cl p {margin-bottom: 10px;color: #8A8C8F;}
#progressbar li.active .pro-txt-cl h6{color: #0083bf;}
#progressbar li.active .pro-txt-cl p{color: #121212;}
fieldset {background: #fff;box-shadow: 0 0 25px rgb(182 182 182 / 28%);border-radius: 5px;padding: 20px 30px;text-align: center;}
.question-radio-group {display: block;border: 1px solid rgb(18 18 18 / 10%);border-radius: 5px;height: 45px;}
.question__radio-input {display: none;}
.question-label-radio {cursor: pointer;position: relative;font-weight: normal !important;display: block;padding: 10px 10px 0px 25px;padding-bottom: 10px;}
.question-radio-button {height: 26px;width: 26px;border: 1px solid #8A8C8F;border-radius: 50%;display: inline-block;position: absolute;left: 10px;top: 8px;background-color: #fff;}
.question__radio-input:checked ~ .question-label-radio .question-radio-button::after {opacity: 1;}
.question-radio-button::after {content: "";display: block;height: 13px;width: 13px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #0083bf;opacity: 0;transition: opacity 0.2s;}

.form__group {display: grid;grid-template-columns: repeat(5, 1fr);gap: 10px;margin: 20px 0 20px 0;}
.question-radio-group.active {color: #0083bf;border-color: #0083bf !important;}
.question-radio-group.active label.question-label-radio {color: #0083bf !important;}
.question-radio-group.active .question-radio-button {border: 1px solid #0083bf;}
.phd{transition: 0.5s ease;}
.toggle-div {text-align: center;display: flex;align-items: center;justify-content: center;}
.toggle-div span { color: #8A8C8F; text-transform: uppercase;padding: 0 15px;font-size: 18px;}
.toggle-div .cl input:checked{color: #0083bf;}
.tab-bg {background: var(--homepage-webform-background);height: 150px;background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: -120px;}
/* =================================================== */

.success-footer-sec .success-btn-flex {max-width: 380px;margin-left: auto;}
.white-box-filter h6{ color:#0083BF;margin: 0;}
.social-icon-news {margin: 0px 0px 0px 10px;}
.btn-loans-box a{ margin: 0px 10px;}
.partner-img img {opacity: 0.5;}
.partner-img:hover img {opacity:1;}
.partners-carousel{margin-bottom: 30px;}

/*=========================== Arabic ===========================*/

body.body_arabic{direction:rtl;text-align:right;font-size:15px;font-family: 'GESSTwoLight';font-weight: 300 !important;}

body.body_arabic p, body.body_arabic .top-menu-navbar ul li
{font-size:15px;font-family: 'GESSTwoLight'; font-weight: 300 !important;}


body.body_arabic h1,body.body_arabic h2,body.body_arabic h3,body.body_arabic h4,body.body_arabic h5,body.body_arabic h6, body.body_arabic .inner-title p,body.body_arabic .team-data-box span, body.body_arabic .social-text p, body.body_arabic .note-news span, body.body_arabic .accordion-list-box .accordion-button,body.body_arabic .loan-list li
{font-family: 'GESSTwoMedium'; font-weight: 500 !important;}



body.body_arabic .eng-font1,body.body_arabic .sector-list li span, body.body_arabic div.maudio .audio-control .time-keep
{font-family: 'Gill Sans'!important;font-weight: normal!important;margin: 0;}

body.body_arabic .eng-font2
{font-family: 'Gill Sans'!important;font-weight: 500!important;}

body.body_arabic .eng-font3
{font-family: 'Gill Sans'!important;font-weight: 600!important;}



body.body_arabic ul#progressbar li::after {left:inherit;right: 50%;}
body.body_arabic .side-icon-fixed{ right: inherit; left: 0px;}
body.body_arabic .side-icon-fixed li:hover a > span {right: inherit; left: 46px;}
body.body_arabic .banner-sec {background-image: var(--homepage-banner);	background-size: cover;}	
body.body_arabic .lock-div a { margin: 0px 10px 0 0px;}	
body.body_arabic .top-icon li:first-child::after {left: 0px; right: inherit;}	
body.body_arabic .top-icon-social li {padding: 0px 15px 0px 0px;}	
body.body_arabic .footer-connect img {margin-right: 0px;margin-left: 10px;}
body.body_arabic .footer-head::before {right: 0;}
body.body_arabic .footer-head span {padding-left: 0px;padding-right: 40px;}
body.body_arabic .social-box li {line-height: 40px;}
body.body_arabic .question-radio-button { left: inherit; right: 10px;}
body.body_arabic .acme-news-ticker-controls{ right: inherit; left: 0px;}
body.body_arabic .acme-news-ticker-label {float: right;margin-left: 15px; margin-right: 0px;padding: 10px 60px 10px 10px;}
body.body_arabic .acme-news-ticker-box ul li::before,body.body_arabic .sector-list li::after, body.body_arabic .recent-post-title h4::before,body.body_arabic  .resp-complaint-list li::before
{right: 0; left: inherit;}
body.body_arabic .acme-news-ticker-box ul li {padding: 0 20px 0 0px;}
body.body_arabic .popup_content {background-image: var(--popup-background-image);}
body.body_arabic .success-footer-sec .success-btn-flex {max-width: 380px;margin-right: auto;margin-left: 0;}
body.body_arabic .contact-title h3::before {left: inherit;right: 0;}
body.body_arabic .con-content .form-select{background-position: 15px;}
body.body_arabic .fancy-select{background-position: 15px;}
body.body_arabic .post-story-title li a i {padding: 0 0px 0 5px;}
body.body_arabic .white-box-filter li {margin: 0px 0px 0px 20px;}
body.body_arabic .sector-list li {padding: 15px 30px 0 0px;}
body.body_arabic .post-m-title li a i {padding: 0 0px 0 5px;}
body.body_arabic .story-date a {padding: 0 0px 0 10px;}
body.body_arabic .story-date a i {padding: 0 0px 0 10px;}
body.body_arabic .note-news i{left: inherit;right: 32px;}
body.body_arabic .social-icon-news {margin: 0px 10px 0px 0px;}
body.body_arabic .branch-add-content {padding: 0 0px 0 10px;}
body.body_arabic .form__radio-button{ right: inherit; left: 10px;}
body.body_arabic .filter-search input {padding: 0 34px 0 0;}
body.body_arabic .filter-search i {left: 0; right: 12px;}
body.body_arabic .filter-box-1 h6 {white-space: nowrap;}
body.body_arabic .form-check .form-check-input {float: right;margin-left: 10px;margin-right: 0px;}
body.body_arabic .car-radio-group {margin-right: 0px;margin-left: 40px;}
body.body_arabic .resp-complaint-list li {padding: 0 20px 10px 0px;}
body.body_arabic .bank-cal-icon ul li { margin: 0 0px 20px 10px;}
body.body_arabic .news-box-content span i {padding: 0 0px 0 10px;}
body.body_arabic .accordion-list-box .accordion-button::after {left: inherit;right: 15px;}
body.body_arabic .loan-list li{ text-align: right;}
body.body_arabic div.maudio .audio-control .time-keep{ margin: 0px 10px;}
body.body_arabic .indi-text-list li {padding: 0 15px 0 0px;}
body.body_arabic .indi-text-list li::before {left: inherit;right: -2px;}
body.body_arabic .banner-inputform input{ text-align: left;}


.mobile-banner{display: none;}
.mobile-banner-img{width: 100%;padding: 0;margin-bottom: 20px;}
@media only screen and (min-width:1401px) and (max-width:1500px) {

    .mobile-banner{display: none;}
    .mobile-banner-img{width: 100%;padding: 0;margin-bottom: 20px;}

}
@media only screen and (min-width:1301px) and (max-width:1400px) {


}
@media only screen and (min-width:1200px) and (max-width:1300px) {


}
@media only screen and (min-width:992px) and (max-width:1199px) {
/* .mid-menu-navbar {padding-left: 16px;} */
.branch-add-map iframe {height: auto;}
.form__group {grid-template-columns: repeat(4, 1fr);}
}
@media only screen and (min-width:768px) and (max-width:991px) {
h1{font-size:32px;}
h2 {font-size:30px;}
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:16px;}
.team-data-box h4{font-size: 20px;}
.top-icon-social{display: none;}
.top-menu-navbar ul li {padding: 0px 5px 0 5px;font-size: 12px;}
.mid-menu-navbar {padding-left: 10px;}
.btn-style-one {white-space: nowrap;}
.search-box-btn {gap: 10px}   
.search-btn i{font-size: 15px;}
.mid-menu-navbar ul li {padding: 0 5px 0 5px;font-size: 11px;}
.top-logo img {width: 110px;}
.banner-sec {background-position: top right 24%;}
.about-box {margin: 0 0 20px 0;}
.about-sub-box {padding: 20px 10px;}
.about-sub-box.mt {margin: 0px 0 20px 0px;}
.social-box ul:before {width: 210px;}
.social-box ul:after {width: 210px;}
.focus-grid-box {grid-template-columns: repeat(3, 1fr); }
.con-text .d-flex{display: block!important;}
.bank-cal-icon ul {grid-template-columns: repeat(2, 1fr);}
.filter-boxing ul li {padding: 0px 0px 20px 0px;}
.branch-address {display: block;}
.branch-add-content {padding: 0 0 20px 0;}
.success-btn-flex {display: block;text-align: center;}
.success-btn-flex p {margin: 10px 0;}
.social-box:before {width: 30%;}
.social-box:after {width: 30%;}
.know-box-station{display: block;}
.news-box{display: block;}
.indi-text-list{display: block;}
ul#progressbar li:after { left: 50%;}
.form__group {grid-template-columns: repeat(3, 1fr);}
.question-label-radio {padding: 10px 0px 10px 34px;}
.modal-title {max-width: 335px;}
.modal-title h1 {font-size: 20px;}
.search-btn {width: 30px;height: 30px; }
.top-logo {flex: 0 0 100px;}
.btn-style-one {width: 120px;height: 35px;}
.team-title {display: block;}
.news-box-img img {margin: 0 0 20px 0;}
.news-box-content p {padding: 0 0 60px 0;}
.know-youtube-icon {width: 50px;height: 50px;}
.know-icon {margin: 0 0 20px 0;}

}
@media only screen and (max-width:767px) {
h1{font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:21px;}
h4 {font-size:20px;}
h5 {font-size:19px;}
h6 {font-size:18px;}
.top-menu-navbar {display: none;}
.mid-menu-navbar {display: none;}
.top-icon-social{display: none;}
.top-logo {flex: 0 0 114px;margin: 0 10px 0 0px;}
.search-btn {padding: 3px 7px;}
.search-btn i{font-size: 14px;}
.btn-style-one {white-space: nowrap;padding: 5px 12px;width: auto;}
.search-box-btn {gap: 10px;}
.side-icon-fixed{display: none;}
.banner-sec{
    background-image: linear-gradient( rgb(255 255 255 / 42%) 100%, rgb(153 153 153 / 50%)100%), var(--homepage-banner-responsive);
    background-position: top right 24%;
    background-size: 100% 100%;
    min-height:340px;
}
.mobile-banner{display: block;}
.acme-news-ticker-label {padding: 10px;width: 100%;text-align: center;}
.b-head-title {font-size: 22px;}
.banner-title p {font-size: 16px;}
.lock-div a {color: #000000;}
.title-all h2 span {padding: 0px 0px;font-size: 20px;}
.title-all h2:before {display: none;}
.title-all h2:after {display: none;}
.title-all_two h2 span {padding: 0px 0px;font-size: 20px;}
.title-all_two h2:before {display:none;}
.title-all_two h2:after {display: none;}
.about-box {margin: 0 0 20px 0;}
.about-sub-box {padding: 20px 10px;}
.about-sub-box.mt {margin: 0px 0 20px 0px;}
.rev_mob_subbox{display: flex;flex-direction: column-reverse;}
.social-box ul:after{display: none;}
.social-box ul::before{display: none;}
.mobile-menu{display: block;}
.service-box {margin: 0 0 20px 0;}
.popup_content {border:0;background-position: top right 12%;background: linear-gradient( rgb(255 255 255 / 50%) 100%, rgb(153 153 153 / 50%)100%), var(--popup-background-image) !important;}
.modal-body {padding: 20px 10px;}
.modal.fade .modal-dialog{transform: translate(0);}
.modal-title p{color: #000;}
.mb-20{margin:0 0 20px 0!important;}
.focus-grid-box {grid-template-columns: repeat(1, 1fr);}
.team-btn{flex: 0 0 80px;}
.btn-style-four {padding: 7px 10px;}
.btn-style-three {padding: 7px 10px;}
.title-all p {padding: 0px 10px;}
.inner_team_sec { min-height: 370px;}
.team-box {padding: 25px 15px;display: block;text-align: center;}
.ptb-50 {padding: 30px 0;}
.inner-title p {font-size: 18px;}
.con-text .d-flex{display: block!important;}
.bank-cal-icon ul {grid-template-columns: repeat(1,1fr);}
.news-box {display: block;}
.know-box-station{display: block;}
.news-box-img img{margin: 0 0 20px 0;}
.news-box-content p {padding: 0 0 60px 0;}
.paging-box .pagination {gap: 10px;}
.paging-box .pagination .pages {gap: 5px;}
.white-box-filter .fancy-select {width: 100%;}
.white-box-filter li {display: inline-block;margin: 0px 0px 10px 0px !important;width: 100%;}
.filter-boxing ul li {padding: 0px 0px 20px 0px;width: 100%;}
.branch-address {display: block;}
.branch-add-content {padding: 0 0 20px 0;}
.social-box:before{display: none;}
.social-box:after{display: none;}
.indi-text-list {display: block;}
.title-team {padding: 10px 0px;}
.indi-loan-box {display: block;text-align: center;}
.indi-text p {text-align: center;}
.indi-flex-music{display: block;}
.indi-text-list li{text-align: left;}
#progressbar li:before {width: 35px;height: 35px;line-height: 30px;}
ul#progressbar li:after {left: 50%;top: 16px;}
.pro-txt-cl h6, .pro-txt-cl p {font-size: 14px;}
.form__group {grid-template-columns: repeat(1, 1fr);}
.video-play-button {width: 60px;height: 60px;}
.video-play-button:before{ width: 60px;height: 60px;}
.video-play-button:after {width: 60px;height: 60px;}
.know-youtube-icon {width: 50px;height: 50px;}
.know-icon {margin: 0 0 20px 0;}
body.body_arabic .banner-sec{background-position: top left 24%;}
.social-box ul {padding: 0px 0px;}
.acme-news-ticker{ display: none;}	
.search-box-btn .btn-style-one{ font-size: 12px;padding: 5px 6px; height: auto;line-height: 20px;}	
.search-btn{width: 30px;height: 30px;}	
.inner-title p {font-size: 18px !important;}	
.inner-title{padding: 0px 15px;}	
body.body_arabic .success-footer-sec .success-btn-flex {margin-right: 0;margin-left: 0;}	
body.body_arabic .branch-add-content {padding: 0 0px 20px 0px;}		
.btn-loans-box a {margin: 0px 5px;font-size: 14px;min-width: 120px;}	
	
	
}

@media only screen and (min-width: 768px) {.acme-news-ticker {margin-top: 0; } }
@media only screen and (min-width:575px) and (max-width:768px) {
.acme-news-ticker-label {position: absolute;top: -45px; } 
.acme-news-ticker-box {padding-left: 10px;padding-right: 120px; }
.focus-grid-box {grid-template-columns: repeat(2, 1fr);}
body.body_arabic .acme-news-ticker-box {padding-left: 120px;padding-right: 10px; }
}
@media only screen and (max-width: 575px) {
.acme-news-ticker-label {position: absolute;top: -45px; }
.acme-news-ticker-box {padding-left: 10px;padding-right: 120px; }
.team-title {display: block;}
body.body_arabic .acme-news-ticker-box {padding-left: 120px;padding-right: 10px; }    
    
}
@media only screen and (max-width: 430px) {
.switch {width: 80px;}
.toggle-div span{padding: 0;}
}


input,textarea {-webkit-user-select:text;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.back-to-top {width: 40px;height: 40px;line-height: 40px;text-align: center;background: #ffffff;position: fixed;bottom: 30px;right: 30px;text-decoration: none;color: #000;font-size: 25px;display: none;z-index: 999;box-shadow: 0 0 20px #c7c7c7b8;border-radius: 50%;}




.banner-mobile{ display: none !important;}
.bannerframe .owl-dots {bottom: 30px;}

@media only screen and (max-width:767px) {
.banner-mobile{ display: block !important; margin-bottom: 20px;}	
.banner-sec{ background: none !important; padding-top: 0px;}		
}



.footer-blue{ background-color: #2F88C2; padding: 10px 0px; text-align: center; color: #fff;}
.calculator-body{ position: relative; padding: 30px 0px;}

.calculator-ad{background: #fff;box-shadow: 0 0 40px rgb(182 182 182 / 20%);}
.calculator-area{background: #fff;box-shadow: 0 0 40px rgb(182 182 182 / 20%);padding: 30px 30px;}
.calculator-area-list{ position: relative;}
.calculator-area-list li{ position: relative; padding: 0px 0px 0px 15px; margin-bottom: 6px; color: #121212;}
.calculator-area-list li:before{ width: 7px; height: 7px; border-radius: 50%; background-color: #0083BF; left: 0px;  top:7px;content:''; position: absolute; left: 0px;}

.calculator-result{display: grid; grid-template-columns: 1fr 1fr 1fr ; column-gap: 20px;margin: 0px 0px 30px 0px;}
.calculator-result-box{ border:2px solid #0083BF; border-radius: 5px; text-align: center; padding: 20px 10px;}
.calculator-result-box h3{ margin: 0px;font-weight: 600; color: #0083BF;}
.calculator-result-box p{ margin: 0px 0px 10px 0px; color: #121212;}
.calculator-form label{ color: rgba(18,18,18,0.5);font-size: 18px;}
.calculator-form .form-control, .calculator-form .form-select{ border: 1px solid rgba(18,18,18,0.2); border-radius: 35px;min-height: 45px;font-size: 16px;}
.calculator-form .col-md-6{ margin:0px 0px 20px 0px;}
.calculator-slider h5{ margin: 0px 0px 25px 0px; font-weight: normal;}
.calculator-rangeslide-btm{ display: flex; align-items: center; justify-content: space-between; color: rgba(18,18,18,0.3);margin-top:15px;}
.calculator-slider{ margin-bottom: 20px;}

.calculator-rangeslide .container {height: 8px;margin: 0 auto 20px auto;background-color: #e7e7e7; padding: 0;}
.dragger {width: 40px;height: 40px;color: #0083bf;font-weight: 600;background-color: #fff;border-radius: 25px;border: 2px solid #0083bf;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.dragging {background-color: #0083bf;box-shadow: inset 0px 0px 20px #222; color: #fff;}
.progress {width: 0px;background-color: #0083bf;}



.preview4:after{ position: absolute; content: ''; left: 0px; width: 100%; height: 8px; background: url("../images/line-grid.png") repeat;}
body.body_arabic .calculator-slider h5{ font-weight: normal !important;font-family: 'GESSTwoLight';}
body.body_arabic .calculator-form .form-select{ background-position: 15px;}
body.body_arabic .calculator-rangeslide-btm,body.body_arabic .dragger,body.body_arabic .mb_sliderValueLabel
{font-family: 'Gill Sans'!important;font-weight: normal!important;}
body.body_arabic .calculator-area-list li {padding: 0px 15px 0px 0px;}
body.body_arabic .calculator-area-list li::before { left: inherit; right: 0px;}
body.body_arabic .calculator-result-box p{font-family: 'GESSTwoMedium'; font-weight: 500 !important;}
.mb_sliderBar:after{ position: absolute; content: ''; left: 0px; width: 100%; height: 8px; background: url("../images/line-grid.png") repeat;}





.range-data-text {display: flex;justify-content: space-between;}




@media only screen and (max-width:767px) {
.calculator-result{grid-template-columns: 1fr; }
.calculator-result-box{margin-bottom:20px;}
.calculator-ad{ margin-top:30px;}	
	
}