@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
/*font-family: 'Open Sans', sans-serif;Regular 400  Medium 500  Semi-bold 600  Bold 700*/
/*.home_boxes_icon [class*="col-lg-6"] {margin-bottom: 30px;}*/
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GE SS Text';
    src: url('../fonts/GESSTextBold-Bold.eot');
    src: url('../fonts/GESSTextBold-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GESSTextBold-Bold.woff2') format('woff2'),
        url('../fonts/GESSTextBold-Bold.woff') format('woff'),
        url('../fonts/GESSTextBold-Bold.ttf') format('truetype'),
        url('../fonts/GESSTextBold-Bold.svg#GESSTextBold-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

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


:root {
	--mobile-banner-image: '';
    --banner-image: '';
    --main-color-cookies:#003876;
  }

select::-ms-expand { display: none; }
img{max-width:100%;height:auto;}
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:50px;margin:0px 0px 20px 0px;padding:0px;line-height: 1.1;font-family: 'Myriad Pro'; font-weight:600;color:#2D2D2D;}
h2 {font-size:28px;margin:0px 0px 15px 0px;padding:0px;line-height: 1;font-family: 'Myriad Pro'; font-weight:600;color:#003876;}
h3 {font-size:26px;margin:0px 0px 15px 0px;padding:0px;line-height: 1.1;font-family: 'Myriad Pro'; font-weight:600;color:#003876;}
h4 {font-size:26px;margin:0px 0px 15px 0px;padding:0px;line-height: 1.1;font-family: 'Myriad Pro'; font-weight:600;color:#2D2D2D;}
h5 {font-size:20px;margin:0px 0px 15px 0px;line-height: 1.2;font-family: 'Myriad Pro'; font-weight:600;color:#2D2D2D;}
h6 {font-size:18px;margin:0px 0px 15px 0px;line-height: 1.2;font-family: 'Myriad Pro'; font-weight:600;color:#2D2D2D;}

.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;}
.spacer-grid {clear:both;line-height:0;font-size:0;overflow:hidden;height:26px; background:url(../images/grid.gif) repeat-x left top; margin:0px 0px 0px 0px;width:100%; border:none;}

h2 a:hover,h3 a:hover,h4 a:hover{ text-decoration:underline;}
.house_banner_sec_flex{position: relative;display: flex;align-items: center;justify-content: center;}
.house_banner_sec_img{position: relative;}


.bannercontent-up{ position:absolute; z-index:1; top: 50%;  transform: translateY(-50%);right:200px; max-width:550px;}
.bannercontent-up h1{ color:#005295; font-size:30px; margin-bottom:10px;}
.bannercontent-up p{  font-size:22px;}

.bannercontent-up.bluecolor h1{ color:#005295; max-width:400px;}
.bannercontent-up.bluecolor p{ }
body.arabic-version .bannercontent-up{ right:inherit; left:200px;}

body.arabic-version .bannercontent-up h1 {font-size:26px;}
body.arabic-version .bannercontent-up p, body.arabic-version .photogallery-thumb-content h4, body.arabic-version .hover_form_sec_inner_head h3, body.arabic-version .retails_card_tab_head nav > div a.nav-item.nav-link, body.arabic-version .house_loan_sec_single_img_heading h4, body.arabic-version .visa_card_sec_img_cont_sec p
{font-size: 16px;}

body {
	overflow-x:hidden;
	color:#1D1D1B;
	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: 'Myriad Pro';font-weight: normal;
	background-color:#fff;
}

p{color:#1D1D1B;font-size:16px;line-height:1.4;  margin:0px 0px 20px 0px;font-family: 'Myriad Pro';font-weight: normal;}
ul, ol {list-style: none;margin: 0;padding: 0;}
.stlnan > * {list-style:auto;}
a:hover{ text-decoration:none;}

::-webkit-input-placeholder {color:#B3B3B3 !important; opacity:1 !important;font-family: 'Myriad Pro';}
::-moz-placeholder {color:#B3B3B3!important; opacity:1 !important;font-family: 'Myriad Pro';}
:-ms-input-placeholder {color:#B3B3B3!important; opacity:1 !important;font-family: 'Myriad Pro';}
:-moz-placeholder {color:#B3B3B3!important; opacity:1 !important;font-family: 'Myriad Pro';}

:focus, button:focus {outline-style:none;box-shadow:none;/*border-color:transparent;*/}
*:focus {outline: none;}
input:focus{outline:none;}

.pagetitle{ position:relative; text-align:left; padding:0px 0px 70px 0px; }
.pagetitle h2{line-height: 1.1; font-size:51px;color:#fff;padding:0px; margin:0px 0px 0px 0px;}

img{max-width:100%;height:auto; outline:none;}
a{outline:none;border:none;unicode-bidi: embed;direction:ltr;}
.pb-20px{padding-bottom:20px !important;}

h2.title1{ font-size:60px;}
.container-fluid {padding-right: 75px; padding-left: 75px;}

.head_border{position: relative;height: 13px;background: #0091DA;width: 100%;}
.bank_logo_sec{position: relative;padding:10px 0;}
.bank_logo_sec_main{position: relative;}
.bank_logo_sec_left{position: relative;}
.bank_logo_sec{border-bottom: 1px solid #828282;}
.bank_logo_sec_right{position: relative;}
.bank_logo_sec_right ul{float: right;display: block;}
.bank_logo_sec_right ul li{display: inline-block;padding: 0 0 0 20px;}
.bank_logo_sec_right ul li .language-change{}
.bank_logo_sec_right ul li a{color: #003876;font-size: 16px;}
.bank_logo_sec_right ul li.language-change{font-family: 'GE SS Text'; font-weight:500;}
.bank_logo_sec_main .row{align-items:  center;}
.head_bottom{position: relative;padding: 25px 0;}
.head_bottom_left{position: relative;}
.head_bottom_left ul{display: block;}
.head_bottom_left ul li{display: inline-block;padding-right: 40px;position: relative;}
.head_bottom_left ul li a{color: #828282;font-weight: 500;position: relative;}
.head_bottom_left ul li a.active{color: #003876;}
.head_bottom_left ul li a:hover{color: #003876;}
.head_bottom_left ul li:after {content: '';position: absolute;top: 0;right: 20px;height: 100%;width: 1px;
    background: #003876;}
.head_bottom_right{position: relative;}
.head_bottom_right ul{display: block;float: right;}
.head_bottom_right ul li{display: inline-block;padding-left: 40px;position: relative;}
.head_bottom_right ul li:first-child a{color: #003876;font-weight: 500;position: relative;}
.head_bottom_right ul li:last-child a{color: #0091DA;font-weight: 500;position: relative;}
.head_bottom_right li i{padding-left: 10px;font-size: 14px;}
.head_bottom_right ul li a:hover{opacity:0.6;}


.banner_sec{position: relative;margin-bottom: 0px; background:url(../images/banner1.jpg) no-repeat center top; background-size: cover; padding:50px 0px;}
.banner_sec_main{position: relative;/*background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important*/}
.banner_sec_cont{position: relative;}
.banner_sec_cont_inner h2{position: relative;font-size: 32px;color: #fff;font-weight: bold;margin: 0 0 25px 0;}
.banner_sec_cont_inner{position: relative;}
.banner_sec_cont_main {}
.banner_sec_cont_inner h1{position: relative;font-size: 45px;font-weight: 600;color: #fff;}
.learn_btn{position: relative;padding: 12px 40px; border: 1px solid #FFFFFF;border-radius: 5px;  background-color: rgba(255,255,255,0);font-size: 16px;color: #fff;font-weight: 600;display: inline-block;}
.learn_btn:hover{background: #fff;}
#banner_slide .owl-dots { display: flex;position: relative; bottom: 30px;justify-content: center;width: 100%;}
#banner_slide .owl-dot.active {height: 2px;width: 30px;background: #fff;display: inline-block;}
#banner_slide .owl-dot{background: #90929C;height: 2px;width: 30px;margin: 0 5px;}

.invest_banner{position: relative;padding: 10px 0;}
.invest_banner_main{position: relative;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;}
.invest_banner_main_sec{position: relative;}
/* .invest_banner_single{position: relative;background: url(../images/sofa-pic.png);background-position: center center;background-size: cover;background-repeat: no-repeat;height: 100%;} */
.banner_sec_cont_inner_left{position: relative;padding: 0px 130px;}
.banner_sec_cont_inner_left_cont{position: relative;padding-top: 20px;text-align: center;}
.banner_sec_cont_inner_left_cont p{font-size: 20px;color: #fff;font-weight: 600;}
.banner_sec_cont_inner_left_cont p i{font-size: 25px;padding-right: 15px;}
.invest_banner_single_cont{position: relative;padding: 90px 40px 90px 0px;}
.invest_banner_single_cont h4{ font-weight:normal; color:#003876;}  
.invest_banner_single_cont a{color: #003876;font-weight: 400;}
.invest_banner_single_cont a:hover{ text-decoration:underline;}
.invest_banner_single_cont a i{padding-left: 10px;font-size: 16px;}
/* .invest_banner_single_second{background: url(../images/card-pic.png);background-position: center center;background-size: cover;background-repeat: no-repeat;} */
.invest_banner_single_second h4{font-size: 24px; color: #fff;font-weight: 400;}
.invest_banner_single_second a{color: #fff;font-weight: 400;}
.invest_banner_single_second a i{padding-left: 10px;font-size: 16px;}
.credit_card_sec{position: relative;margin: 0;background: #e7f4fb;padding:30px 0;}
.credit_card_sec_main{position: relative;}
.credit_card_sec_right{position: relative;width:60%;margin: 0 auto;}
.credit_card_sec_right img{max-height: 350px;}
.card_nav {}
.credit_card_sec_left{position: relative;}
.credit_card_sec_left h3{font-size:28px;font-weight: 500;color: #003876;margin-bottom: 30px;}
.credit_card_sec_main .row{align-items: center;}
.card_nav nav a.nav-item{padding: 12px 25px;margin-right: 15px;text-align: center;color: #003876;background: #e1e7eb;border: 1px solid #e1e7eb;border-radius: 5px;}
.card_nav nav a.nav-item.active{color: #fff;background: #003876;border: 1px solid #003876;}
.tab_cont_sec{position: relative;margin: 30px 0 0 0;}
.tab_cont_sec_first{padding: 0 20% 0 0;}
.tab_cont_sec_first h5{color: #003876;font-size: 22px;font-weight: 500;line-height: 1.4;}
.tab_cont_sec_first p{color: #003876;font-weight: 500;line-height: 1.4;margin-bottom: 30px;}
.tab_cont_sec_first a{color: #0091DA;transition: 0.5s ease-in-out;}
.tab_cont_sec_first a:hover{color: #003876;}
.tab_cont_sec_first a i{padding-left: 10px;font-size: 16px;}
.credit_card_sec_new{position: relative;background: #fff;padding: 20px 0;}
.new_card_nav{max-width: 550px;}
nav.new_card_nav a.nav-item{padding: 12px 10px;margin-right: 15px;text-align: center;color: #003876;background: #fff;border: 1px solid #fff;border-radius: 5px;}
.accounts_cards_main{position: relative;background: #e7f4fb;padding: 40px 0;}
.accounts_cards_single_img{border-radius: 10px 10px 0 0;}
.accounts_cards_single_img img{border-radius: 10px 10px 0 0;}
.sec_2{background: url(../images/laptop-img1.png);padding: 100px 0;background-size: cover;background-position: center center;}
.accounts_cards_single{position: relative;border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);height: 100%;background: #fff;}
.learn_more_btn{color: #0091DA;transition: 0.5s ease-in-out;}
.learn_more_btn:hover{color: #003876;}
.learn_more_btn i{padding-left: 10px;font-size: 16px;}
.accounts_cards_single_cont{padding: 20px;background: #fff;border-radius: 0 0 10px 10px;}
.accounts_cards_single_cont h4{position: relative; color: #003876;font-size: 20px;font-weight: normal;margin-bottom: 10px;}
.accounts_cards_single_cont p{color: #003876;font-size: 16px;font-weight: normal;min-height:90px; margin-bottom:0px;}
.news_sec{position: relative;background: #e7f4fb;padding:40px 0;}
.news_sec_cont{position: relative;margin-bottom: 20px 0 0 0;}
.news_sec_cont h2{font-size:28px; color: #003876;margin-bottom: 30px;font-weight: normal;}
.news_sec_single{position: relative;}
.news_sec_single_img{border-radius: 10px;}
.news_sec_single_img img{border-radius: 10px;}
.news_sec_single_cont h4{font-size:18px;font-weight: 500;color: #003876;margin: 0 0 15px 0;}
.news_sec_single_cont p{font-size: 16px;color: #003876;}
.news_sec_single_cont{position: relative;margin: 15px 0 0 0;}
.news_new{background: url(../images/news1.png);background-position: center center;background-size: cover;}
.promotions_sec{position: relative;padding: 40px 0;}
.promotions_sec_main{position: relative;}
.promotions_sec_left{position: relative;}
.promotions_sec_left h4{font-size:28px;color: #003876;margin-bottom:40px;font-weight: 500;}
.promotions_sec_left p{color: #003876;font-weight: 500;}
.promotions_sec_right{position: relative;}
.promotions_sec_right_card{position: relative;*display: grid;*grid-template-columns: 1fr 1fr 1fr;*grid-gap: 20px;}
.promotions_sec_right_card_single{position: relative;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);}
.promotions_sec_right_card_single_img{}
.promotions_sec_right_card_single_img img{border-radius: 4px 4px 0 0;}
.promotions_sec_right_card_single_cont{padding: 15px;margin: 5px;}
.promotions_sec_right_card_single_cont p{color: #003876;margin: 0;}
.ftr_sec{position: relative;padding:30px 0 20px 0;}
.ftr_sec_main{position: relative;}
.ftr_sec_single{position: relative;padding-bottom:20px;}
.ftr_sec_single h4{color: #003876;font-size: 24px;font-weight: bold;}
.ftr_sec_single ul li{padding-bottom:2px;}
.ftr_sec_single ul li a{  color: #003876;font-weight: normal;font-size: 16px;}
.ftr_sec_single ul li a:hover{ text-decoration:underline;}
.ftr_sec_single_social{position: relative;padding-top: 0px;}
.ftr_sec_single_social ul li{display: inline-block;margin-right: 10px;}
.ftr_sec_single_social ul li a {position: relative;background: #000; color: #fff;font-weight: 300;width: 36px; height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
.ftr_sec_single_appstore{position: relative;padding-top: 20px;}
.ftr_sec_single_appstore ul li{display: inline-block;margin-right: 10px;width: 30%;}
.ftr_sec_single_social ul li a:hover{ background-color:#003876;}
.head_btm_main{display: flex;align-items: center;justify-content: space-between;}
.menu_sec_main{position: relative;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.menu_sec_single{position: relative;}
.menu_sec_main{position: relative;padding: 20px;}
.menu_sec_single h4{color: #003876;font-size: 18px;font-weight: 600;}
.menu_sec_single ul li{display: inline-block;padding-bottom: 5px;}
.menu_sec_single ul li a{ color: #2D2D2D;font-size: 16px;padding:0 !important;}
.menu_sec_single ul li:after{display: none;}
.credit_card_sec_main.loan-calc{}

/*Inner PAGE*/

.inner_banner_main{position: relative;background: #e7f4fb;height: 230px;}
.inner_banner_main .container{ height:100%;}
.inner_banner{position: relative;display: flex;align-items: center;justify-content: center;height: 100%;}
.inner_banner_cont{position: relative;text-align: center;}
.inner_banner_cont h6{color: #007AC0;font-size: 20px;font-weight: 500;}
.inner_banner_cont h4{color: #003876;font-size: 32px;font-weight: 600;}
.inner_banner_cont p{color: #2D2D2D;font-weight: 500; margin:0px auto; max-width:1050px;}

.loans_main_sec{position: relative;}
.loans_main_sec_single{position: relative;margin: 30px 0 0 0;}
.loans_main_sec_single_img{background-size: cover !important;height: 350px;background-repeat: no-repeat !important;background-position: right top !important;border-radius: 10px;}
.loans_main_sec_single_img_cont{display: flex;align-items: center;justify-content: flex-start;height: 100%;}
.loans_main_sec_single_img_cont_para{padding-left: 50px;} 
.loans_main_sec_single_img_cont_para h4{font-size: 30px;color: #003876;font-weight: 500;margin-bottom: 25px;}
.loans_main_sec_single_img_cont_para h6{font-size: 20px;color: #007AC0;font-weight: 500;margin-bottom: 25px;}
.loans_main_sec_single_img_cont_para p{font-size: 20px;color: #2D2D2D;font-weight: 500;margin-bottom: 25px;}
.btns_comb{position: relative;}
.btns_comb li{display: inline-block;margin: 0 20px 0 0;}
.apply_btn {min-width: 120px;text-align: center;display: inline-block;color: #fff;font-size: 16px;font-weight: 500;background: #003876;padding:8px 20px;border-radius: 5px;transition: 0.5s ease-in-out;}
.apply_btn:hover{background: #fff;color: #003876;}
.learn_new_btn{color: #0091DA;transition: 0.5s ease-in-out;}
.learn_new_btn i{font-size: 16px;padding-left: 12px; position:relative; top:2px;}
.learn_new_btn:hover{text-decoration: underline;}
.wht_col{color: #fff !important;}
.bg_wht{background: transparent;border: 1px solid #fff;}
.just_cont{justify-content: space-between;flex:0 0 100%;}
.ftr_bg{background: #F4F4F4;}
.ftr_sec_single h5{color: #003876;font-size: 22px;}
.copy_sec{text-align: right;color: #828282;margin: 0;font-size: 15px;margin-top: -20px;}


.savings_acc{position: relative;}
.savings_acc_single{position: relative;margin: 30px 0 0 0;border-radius: 10px;background: #e7f4fb;display: grid;align-items: center;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.savings_acc_single_cont{position: relative;padding: 0 90px 0 40px;}
.savings_acc_single_img{position: relative;}
.savings_acc_single_cont h4{color: #003876;margin-bottom: 20px;font-weight: normal;font-size: 23px;}
.savings_acc_single_cont p{color: #007AC0;font-size: 20px;margin-bottom: 20px;}
.savings_acc_single_cont h6{color: #2D2D2D;font-weight: normal;margin-bottom: 20px;}
.bg_color{background: #fff;}
.brdr_rgt img{border-radius: 0 10px 10px 0;}
.brdr_lgt img{border-radius: 10px 0 0 10px;}
.news_sec_main{position: relative;padding: 30px 0;}
.news_sec_main_sec{position: relative;}
.news_img{padding: 120px}
.news_pagination{position: relative;padding: 15px 0;border-top: 1px solid #979797;}
.news_pagination ul{display: block;}
.news_pagination ul li{display: inline-block;margin-right: 15px;font-size: 18px;color: #828282;}
.news_pagination ul li a{height: 25px;width: 25px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 16px;color: #828282;}
.news_pagination ul li a:hover{background: #0091DA;color: #fff;}
.news_pagination ul li a.active{background: #0091DA;color: #fff;}

.jkb_sponsers{position: relative;padding: 30px 0;}
.jkb_sponsers_main{position: relative;}
.jkb_sponsers_main h3{font-size: 28px;color: #003876;margin-bottom: 20px;text-align: center;}
.jkb_sponsers_cont p{color: #2D2D2D;line-height: 1.4;}
.new_padd{padding: 160px 0;}
.tab-content{ padding-top:0px;}

.photo_gallery_sec{position: relative;padding: 40px 0;}
.photo_gallery_sec_main{position: relative;}
.photo_gallery_sec_single{position: relative;margin: 0 0 30px 0;}
.photo_gallery_sec_single:after{ position:absolute; z-index:1; content:''; top:0; left:0; width:100%; height:100%;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);}
.photo_gallery_sec_single_cont{position: absolute;bottom: 20px;left: 20px; z-index:2;}
.photo_gallery_sec_single_cont h5{font-size: 20px;color: #fff;font-weight: 500;margin: 0;}
.photo_gallery_sec_single_cont h5 a{font-size: 20px;color: #fff;font-weight: 500;margin: 0;}

.comp_sec{position: relative;padding: 30px 0;}
.comp_sec_main{position: relative;}
.comp_sec_left{position: relative;}
.comp_sec_left p{color: #2D2D2D;}
.comp_sec_left p span{font-weight: 600;}
.comp_sec_left p a{color: #2D2D2D;}
.comp_sec_left p a:hover{ text-decoration:underline;color: #2D2D2D;}
.comp_sec_right{position: relative;}
.comp_sec_right img{ border-radius:10px;}
.form_sec_comp{position: relative;background: #e7f4fb;padding: 15px 25px;border-radius: 5px;}
.form_sec_comp_single{position: relative;margin-bottom: 20px;}
.form_sec_comp_single label{color: #2D2D2D;font-size:16px;font-weight: 500;margin-bottom: 10px;}
.form_sec_comp_single input{position: relative;width: 100%;height: 35px;border: 1px solid #B3B3B3;border-radius: 5px;padding-right: 15px;padding-left: 15px;color: #828282;font-size: 16px;}
.form_sec_comp_single input::-webkit-input-placeholder {color: #828282 !important; opacity:1 !important;font-family: 'Myriad Pro';}
.form_sec_comp_single input::-moz-placeholder {color: #828282 !important; opacity:1 !important;font-family: 'Myriad Pro';}
.form_sec_comp_single input:-ms-input-placeholder {color: #828282 !important; opacity:1 !important;font-family: 'Myriad Pro';}
.form_sec_comp_single input:-moz-placeholder {color: #828282 !important; opacity:1 !important;font-family: 'Myriad Pro';}
.form_sec_comp_single select{position: relative;width: 100%;height:35px;border: 1px solid #B3B3B3;border-radius: 5px;padding-left: 15px;padding-right: 15px;color: #828282;background: #fff url(../images/down-arrow.svg) no-repeat 96% center;background-size: 35px;}
.form_sec_comp_single textarea{position: relative;width: 100%;border: 1px solid #B3B3B3;border-radius: 5px;padding-left: 15px;padding-right: 15px;color: #828282;height: 110px;
resize: none;}
.form_sec_comp_single p{margin: 0 0 10px 0;font-size: 16px;font-weight: 500;color: #6e6e6e;}
.form_sec_comp_single img{width: 50%;}
.form_send_btn {display: inline-block; margin: 15px 0;background: #003876;font-size: 16px;color: #fff;
    font-weight: 500; padding: 8px 50px;border-radius: 5px;transition: 0.5s ease-in-out;}
.form_send_btn:hover{background: #fff;color: #003876;}

.board_memb_sec{position: relative;padding: 30px 0;}
.board_memb_sec_main{position: relative;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px;}
.board_memb_sec_single{display: flex; flex-direction: column; border-radius: 5px;background-color: #FFFFFF;box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);}
.board_memb_sec_single_img{position: relative; padding:5px;}
.board_memb_sec_single_img img{ border-radius:5px; width: 100%;}
.board_memb_sec_single_cont{position: relative;padding: 10px 15px 15px 15px;text-align: center; display: flex; flex-direction: column; flex-grow: 1; align-items: center;}
.board_memb_sec_single_cont h5{font-size: 2wpx;color: #2D2D2D;margin: 0 0 8px 0; font-weight:normal;}
.board_memb_sec_single_cont p{color: #003876;margin-bottom: 10px;}
.board_memb_sec_single_cont a {margin-top: auto;  display: inline-flex; align-items: center; color: inherit; }
.board_memb_sec_single_cont a i {margin-left: 5px;}
body.arabic-version .board_memb_sec_single_cont a {flex-direction: row-reverse;}
body.arabic-version .board_memb_sec_single_cont a i {margin-right: 5px; transform: rotate(180deg);}


.crown_family{position: relative;padding: 40px 0;}
.crown_family_main{position: relative;}
.crown_family_left{position: relative;}
.leftblue-title h5{color: #003876;font-size: 28px;font-weight: 500;}
.crown_family_main h5{color: #003876;font-size: 28px;font-weight: 500;}
.crown_family_left ul{display: block;}
.crown_family_left ul li {color: #2D2D2D;font-weight: 500;margin-bottom:7px;position: relative; padding-left: 18px;display: flex;align-items: center;}
.crown_family_left ul li:after {
    position: absolute;
    left: 0;
    content: '\f111';
    top: 9px;
    font-family: 'FONT AWESOME 5 PRO';
    font-weight: 900;
    font-size: 5px;
    display: flex;
}
.crown_family_left p{color: #003876;font-weight: 500;}
.crown_family_left p span{text-decoration: underline;}
.crown_family_right{position: relative;}
.crown_family_right_img{position: relative;margin-bottom: 20px;}
.crown_family_right_img img{border-radius: 5px;}
.app_btn{background:#003876;padding:8px 30px;color: #fff;border-radius: 5px;display: inline-block;}
.app_btn:hover{color: #fff;}
.coverage_sec{position: relative;}
.coverage_sec table{     border-spacing: 0 1em;}
.coverage_sec h5{color: #003876;font-size: 28px;font-weight: 500;}
.coverage_sec_table{position: relative;}
.coverage_sec_table thead tr td{color: #2D2D2D;font-weight: 500;padding-bottom: 15px;}
.coverage_sec_table tbody tr{box-shadow: 0 2px 4px 0 rgba(182,182,182,0.5);border-radius: 5px;}
.coverage_sec_table tbody tr td:first-child{border-radius: 5px 0px 0px 5px;}
.coverage_sec_table tbody tr td:last-child{border-radius: 5px 5px 0px 0px;}
.coverage_sec_table tbody tr td{margin:10px 0;padding: 10px 0;color: #003876;}
.coverage_sec_table thead tr td:first-child{padding-left: 20px;}
.coverage_sec_table tbody tr td:first-child{padding-left: 20px;}
.coverage_sec_table tbody tr:nth-child(odd) td{background-color: #E7F4FB;}
.coverage_sec_table tbody tr td p{margin:0;color: #003876;line-height:26px;}
.coverage_sec_table tbody tr td span{color: #373737;}
.annual_report_sec{position: relative;padding: 40px 0;}
.annual_report_sec_main{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.annual_report_sec_single{position: relative;margin-bottom: 0px;}
.annual_report_sec_single_img{border-radius: 10px;box-shadow: 0 0px 8px 0 rgba(182,182,182,0.5);}
.annual_report_sec_single_img img{border-radius: 10px;}
.annual_report_sec_single_cont{padding: 10px 0;text-align: center;}
.annual_report_sec_single_cont p{font-size:18px;color: #2D2D2D;font-weight: 500;margin-bottom: 0;}
.search_sec{position: relative;padding: 40px 0;}
.search_sec_main{position: relative;}
.search_sec_search{position: relative;margin-bottom: 30px;}
.search_sec_search input{border: 1px solid #B3B3B3;color: #2D2D2D;font-weight: 500;height: 42px;width: 100%;padding-left: 20px;}
.search_sec_search input::-webkit-input-placeholder {color: #2D2D2D !important; opacity:1 !important;font-family: 'Myriad Pro';}
.search_sec_search input::-moz-placeholder {color: #2D2D2D !important; opacity:1 !important;font-family: 'Myriad Pro';}
.search_sec_search input:-ms-input-placeholder {color: #2D2D2D !important; opacity:1 !important;font-family: 'Myriad Pro';}
.search_sec_search input:-moz-placeholder {color: #2D2D2D !important; opacity:1 !important;font-family: 'Myriad Pro';}
.search_sec_search button{border: none;position: absolute; top: 10px; right: 15px;background:none;}
.search_sec_search button i{font-size: 18px; color: #003876;font-weight: 500;}
.results_sec p{border-bottom: 1px solid #979797;padding: 0 0 10px 0;font-size: 20px;color: #2D2D2D;font-weight: 500;}
.installment_sec{position: relative;display: flex;align-items: center;margin-bottom: 30px;}
.installment_sec_left{flex: 0 0 130px;border-radius: 5px;margin-right: 30px;}
.installment_sec_left img{ border-radius:5px;}
.installment_sec_right{position: relative;}
.installment_sec_right h6{margin-bottom: 10px;font-size:18px;color: #2D2D2D;font-weight: 600;}
.installment_sec_right p{margin-bottom: 10px;color: #2D2D2D;font-weight: 500;}
.faq_sec_main{position: relative;padding: 30px 0;}
.faq_sec_main_cont{position: relative;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.faq_sec_main_cont_single{position: relative;}
.faq_sec_main_cont_single_faq{position: relative;}
.bank_text{color: #2D2D2D;*border-bottom: 1px solid #979797;padding-bottom: 15px;}

.faq {position: relative;}
.faq .card {border: none;background: none;margin-bottom: 14px;border-top: 1px solid #979797;border-radius: 0px;}
.faq .card .card-header {padding: 0px;border: none;background:none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.faq .card .card-header:hover {padding-left: 10px;}
.faq .card .card-header .faq-title {width: 100%;text-align: left;padding: 15px 50px 0px 0px;font-weight: normal;font-size:16px;color: #2D2D2D;text-decoration: none !important;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;cursor: pointer;margin: 0;position: relative;border: none;}
.faq .card .card-header:hover .faq-title{color: #2D2D2D;}
.faq .card .card-header .faq-title[aria-expanded="true"]{background: none;color: #003876;font-weight:600;}
.faq .card .card-header .faq-title .badge {display: inline-block;width: 20px;height: 20px;
  line-height: 14px;float: left;-webkit-border-radius: 100px;-moz-border-radius: 100px;
  border-radius: 100px;text-align: center;background: #18adf1;color: #fff;margin-right: 20px;}
.faq .card .card-body {padding: 20px 20px 20px 0px;font-weight: normal;
  font-size:16px;color: rgb(35 31 32 / 70%);line-height: inherit;}
.faq .card .card-body p { margin-bottom: 14px;font-weight: normal;color: #828282;}
.faq .card .card-body p  span{color: #2D2D2D;}
.faq-title:after {position: absolute;right: 0; top:5px;content: '\f067';font-family: 'FONT AWESOME 5 PRO';height: 100%;width:20px;background: none;text-align: center;color: #D8D8D8;font-weight: normal; font-size: 25px;display: flex; align-items: center;justify-content: center;transition: 0.5s ease-in-out;}
.faq .card .card-header .faq-title[aria-expanded="true"]:after{content: '\f068';color: #003876;}
.faq .card .card-header .faq-title[aria-expanded="true"] .faq-title{color: #003876;}

.types_of_insurance{position: relative;padding: 40px 0;}
.types_of_insurance_main .nav-item{color: #828282;font-size: 20px;border-bottom: 2px solid #d7d7d7;  padding-bottom: 20px;background:none;}
.types_of_insurance_main .nav-tabs .nav-link.active{color: #003876;font-size: 20px;border-bottom: 2px solid #003876;padding-bottom: 20px;background:none;}
.tab_sec_cont{position: relative;margin:0px 0 0;}
.tab_sec_cont_main{position: relative;}
.tab_right_img{position: relative;border-radius: 10px;}
.tab_right_img img{border-radius: 10px;}
.tab_sec_cont_main .row{align-items: flex-end;}
.tab_left_cont h5{position: relative;font-size: 24px;color: #003876;font-weight: 500;}
.tab_left_cont p{color: #828282;font-weight: 500;}
.tab_left_cont h6{color: #2D2D2D;font-size: 18px;font-weight: 500;}
.tab_left_cont h6 a{text-decoration: underline;}
.blue_apply{color: #fff;background: #003876;border-radius: 5px;padding: 6px 32px;margin: 5px 0 15px 0;display: inline-block;border: 1px solid #003876;}
.blue_apply:hover{background:#fff;color: #003876;}

.insurance-icons{ margin-top:70px;}
.insurance-box{ text-align:center; padding:20px 20px 20px 20px;box-shadow: 0 4px 4px 0 rgba(182,182,182,0.4);}
.insurance-box p{ color:#828282; min-height:110px; margin:0px; padding-top:20px; line-height:1.3;}
.insurance-icons [class*="col-md-6"] {margin-bottom: 30px;}
.card-right{padding-left:120px;}

.credicard-accordion-main .card {border: 0;border-top: 1px solid #0091DA; padding:10px 0px 10px;border-radius: 0px;}
.credicard-accordion-main .card .card-header {border: 0;padding: 0;}
.credicard-accordion-main .card .card-header .btn-header-link {color: #005295;display: block;text-align: left;font-size:16px;padding: 0px;}
.credicard-accordion-main .card .card-header .btn-header-link:after {content: "\f068";font-family: 'Font Awesome 5 Pro';float: right; font-size:18px; font-weight:normal; color:#007AC0;}
.credicard-accordion-main .card .card-header .btn-header-link.collapsed {color: #007AC0;}
.credicard-accordion-main .card .card-header .btn-header-link.collapsed:after {content: "\f067";}
.credicard-accordion-main .card .collapse {border: 0;}
.credicard-accordion-main .card .collapse.show {}
.allpage-gap{ position:relative; padding:60px 0px;}
.allpage-gap.smallgap{padding:30px 0px;}
.creditcards-main{background-color:#e7f4fb; padding:30px 50px; border-radius:5px; border:1px solid #E7F4FB; margin-bottom:30px;box-shadow: 0 0px 5px 0 rgb(182 182 182 / 50%)}
.creditcards-main p{ color:#2D2D2D; }
.accordion{ margin-bottom:5px;}
.compare-sec .checkbox {display: inline-block;cursor: pointer;font-size: 14px; margin-right:100px; line-height:18px; color: #2D2D2D;font-weight: normal;}
.compare-sec input[type=checkbox]{display:none;}
.checkbox:before {margin-top: -5px;content: "";display: inline-block;width: 18px;height: 18px;vertical-align:middle;background-color: #fff;color: #003876;margin-right:8px; border:1px solid #003876;}
.compare-sec input[type=checkbox]:checked + .checkbox:before {content: "\2713";font-size: 14px;line-height: 20px;padding-left: 5px;}
.credica-cards-page .container .creditcards-main:nth-child(even){ background:#fff; border:1px solid #fff;}
.compare-sec {position: relative;padding: 0px 30px;}
.checkmarkk {position: absolute;top:7px;left: 0;height: 20px;width: 20px;background-color: #fff;border: 1px solid #005295;border-radius: 0px;}
.checkmarkk:after{content: "\f00c";position: absolute;display: none;font-family: 'Font Awesome 5 Pro';font-size: 12px;font-weight: normal;color: #005295; top: 1px; left: 3px;}
.compare-sec input:checked ~ .checkmarkk:after {display: block !important;}
.compare-sec .checkbox:before{display: none;}
.add_panel {display: none !important;}



/*=========================== Compare Fixed ===========================*/


.compare_btmfix {position: fixed;bottom: 0px;left: 0px;right: 0px;width: 100%;margin: 0 auto;max-width: 920px;z-index: 9999999;box-shadow: 0px -5px 7px 0px rgb(169 169 169 / 50%);}
.compare_btmfix .compare_btmfixorangebtn {font-size: 18px;color: #005295;border: none;background-color: #F7F7F7;width: 100%;display: block;padding: 10px 1px 10px 50px;border-bottom: none;}
.compare_btmfix .compare_btmfixorangebtn i {display: inline-block;margin-right: 20px;font-size: 28px;color: #373737;font-weight: normal;}
.compare_btmfix .card {border-radius: 0px;background-color: #ffffff;padding:25px;border: none;}
.compare_btmfix .card ul {display: flex;}
.compare_btmfix .card ul li {display: inline-block;border: 1px solid #ffffff; margin-right: 15px;background-color: #f1f3f4;text-align: center;position: relative;padding: 15px 5px;width: 200px !important;*width: auto;vertical-align: middle;margin-bottom:0px;height: 150px;}
.compare_btmfix .card ul li img {width: 100px;border-radius: 5px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;padding-bottom: 20px;}
.compare_btmfix .card ul li p {font-size: 14px; line-height:14px;color:#005295;margin:10px 0px 45px;overflow:hidden;}
.compare_btmfix .card ul li a i {color: #373737;}
.compare_btmfix .card ul li i {position: absolute;right: 10px; top: 10px;    font-size: 12px;color: #373737;font-weight: normal;}
.compare_btmfix .card ul li a i:hover {color: #c8b18b;}
.compare_btmfix .card ul li.blank {border: 1px dashed #DEDEDE;color: #F3F3F3;font-weight: normal;font-size: 60px;line-height: 100px;height: 140px;display: none;}
.compare_btmfix .card ul li.lastbtn {background: none;border: none;padding: 0px;margin: 0px 0px 0px 20px;   text-align: left;display: flex;align-items: center;}
.compare_btmfix .card ul li.lastbtn .btn-style-one {padding: 8px 10px;margin-top: 0px; min-width:120px; text-align: center; font-size:14px;}
.compare_btmfix .card ul li.add_panel p{ color:#7D7D7D;}
/* [data-toggle="collapse"] .fas:before {content: "\f077";} */
/* [aria-expanded="true"] .fas:before {content: "\f077";} */
/* [data-toggle="collapse"].collapsed .fas:before {content: "\f077";} */





/*=========================== Compare Table ===========================*/

.compare-cards-table h5{color:#003876; margin:0px;font-size: 16px;}
.compare-cards-table .spacertd{}
.compare-cards-table tr:last-child td{border:none;}
.compare-card-td{}
.compare-card-td img{ width:150px;margin-bottom:20px;}
.compare-choosecard{border:1px dashed #979797; width:200px; height:200px; padding:20px; display:flex; align-items:center; justify-content:center; text-align:center; color:#828282;}
.compare-choosecard p{ color:#828282; margin:0px;}
.compare-choosecard i{ color:#e3e3e3; font-size:40px; font-weight:normal;}
.compare-card-td .checkbox{ margin:0px;}
.compare-card-td input[type="checkbox"]:checked + .checkbox::before {line-height: 16px;padding-left: 2px;}

/*=========================== Loan Details ===========================*/

.loandtls-rightsidetable{ background-color:#e7f4fb; padding:20px; border-radius:5px;}
.loandtls-rightsidetable td{ font-weight:600; color:#003876; padding:5px;}
.loandtls-rightsidetable th{ font-weight:600; color:#2D2D2D; font-size:26px; padding:5px;}
.loandtls-rightsidetable .table td{ border-top:0px;}
.loandtls-rightsidetable table{ width:85%;}
.loandtls-leftside{margin-top:80px;}
.loandtls-leftside h4{ font-weight:normal; color:#003876; margin-bottom:25px;font-size: 22px;}
.loandtls-leftside h6{ font-weight:normal; color:#007AC0; margin-bottom:25px;}
.loandtls-leftside ul{position:relative;}
.loandtls-leftside ul li{ padding-bottom:10px; position: relative; padding-left:20px;}
.loandtls-leftside ul li:before{ position:absolute; left:0px; top:10px; content:''; width:5px; height:5px; border-radius:50%; background-color:#2D2D2D;}
.loandtls-leftside small{ display:block;font-size: 16px !important;padding-bottom: 20px;}
.loandtls-rightside img{ border-radius:5px;}


/*=========================== Find Us ===========================*/

.searchfor{ position: relative; padding:0px 0px 20px 0px; border-bottom:1px solid #b4b4b4;}
.searchfor ul{display: flex;align-items: center; width:100%;}
.searchfor li{/*flex: auto; */display:inline-block; color:#828282; margin:0px 40px 0px 0px;position: relative;}
.searchfor li:last-child{margin:0px 10px 0px 0px;}
.searchfor li:first-child{color:#2D2D2D;}
.searchfor select{ min-width:450px;}
.searchfor .checkbox{ margin:0px  !important;padding-left: 30px;}
.searchfor .checkbox::before{border: 1px solid #B3B3B3; border-radius:4px;}
.searchfor .checkmarkk{top:3px;}

.branch-atm{ background-color:#e7f4fb; border-radius:5px;border:1px solid #E7F4FB; margin-bottom:20px;box-shadow: 0 0px 3px 0 rgb(182 182 182 / 50%); padding:15px 15px;}
.branch-atm h5{ color:#003876; font-weight:600; font-size:18px;margin: 0px 0px 5px 0px;}
.branch-atm .distance{ text-align:right; font-weight:600;}
.branch-atm li{ position:relative; padding-left:25px; margin-bottom:5px; display:block;}
.branch-atm li i{ position:absolute; left:0px; top:3px; font-weight:normal;}
.branch-atm li i.fa-circle{font-weight:bold; font-size:4px; top:10px;left:8px;}
.getdirectionbtn{ position:relative; color:#003876;font-size:18px; display: inline-flex; align-items: center;}
.getdirectionbtn i{ margin:0px 0px 0px 30px; font-size:22px;}
.getdirectionbtn:hover{ color:#333;}

.branch-atm p{ position:relative; padding-left:25px; margin-bottom:25px; display:block;}
.branch-atm p i{ position:absolute; left:0px; top:5px; font-weight:normal;}

.fa-user-headset{position:absolute; left:-15px; top:0px; font-size:20px;}

.branch-atm:nth-child(even){background: #FFF}

.searchfor .checkbox::before {width: 18px;height: 18px;}
.searchfor input[type="checkbox"]:checked + .checkbox::before {line-height: 17px;padding-left: 2px;}
.searchfor .form-control {height: 38px;}

/*=========================== Awards ===========================*/

.awards-page .nav-tabs,.awards-page nav{ position: relative;}
.awards-page nav:after{ position: absolute; content:'';width:100%; height:2px; background-color:#a9a9a9; top:15px; z-index:1;}
.awards-page .nav-fill .nav-item{ position:relative;padding-top: 34px;}
.awards-page .nav-fill .nav-item:after{ position: absolute; content:''; width:22px; height:22px; border-radius:50%; background-color:#d8d8d8; border:1px solid #a9a9a9; left:0px; right:0px; margin:0 auto;top: 4px;z-index: 2;}
.awards-boxmain [class*="col-md-4"] {margin-bottom: 30px;}
.awards-box{height:100%;box-shadow: 0 2px 2px 0 rgb(182 182 182 / 50%); padding:15px 15px 15px 15px; text-align:center; border-radius:5px;}
.awards-boximg img{ width:80px;}
.awards-box p{ color:#828282;}
.awards-box h6{ color:#2D2D2D; font-weight:normal; margin:20px 0px; font-size:16px;}
.row.awards-boxmain {margin-top: 50px;}
.awards-page .nav-fill .nav-item.active:after{background-color:#003876; border-color:#003876;}


/*=========================== Button ===========================*/

.bluelink{ color:#0091DA; font-size:16px;}
.bluelink:hover{ color:#828282;}

.btn-style-one{color: #fff;font-size:16px; border:none;padding:6px 30px;background:#003876; transition: 0.5s ease-in-out; display:inline-block; border-radius:5px; white-space:nowrap;}
.btn-style-one:hover{background:#007AC0;color: #fff; text-decoration:none;}

.btn-style-two{color: #007AC0;font-size:16px; border:1px solid #007AC0;padding:10px 10px;background:#fff; transition: 0.5s ease-in-out; display:inline-block; border-radius:5px; white-space:nowrap; width:150px; text-align:center;line-height: 16px;}
.btn-style-two:hover{background:#007AC0;color: #fff; text-decoration:none;}


/*=========================== Search ===========================*/

.fullScreen{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #000000d4;display: none;z-index: 99;}
.inputBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;padding: 2px;border-radius: 3px;box-shadow : inset 0 0.25rem 0.125rem 0 rgb(0 0 0 / 5%);display: flex;}
.inputBox input{height: 60px;width: 500px;border: none;outline: none;font-size:14px;color: #4a4a4a; padding-left: 15px;}
.inputBox button{border: none;background-color: transparent;vertical-align: middle;cursor: pointer;transition: 0.5s;color: #0091DA;margin: 0px 10px;}
.inputBox button:hover{transform: rotate(360deg);}
.inputBox button i{ font-size: 30px}
.closeBtn {height: 50px;width: 50px;background-color: #0091DA;position: absolute;top: 62px;left: 42px;cursor: pointer;border-radius: 50%;text-align: center;line-height: 50px;
color: #fff;font-size: 20px;font-weight: 500;}
.closeBtn:hover{transform: rotate(180deg); opacity:0.7;}


.footer-mobil-section{ display:none;}
.ftr_sec_main{display:block;}
.loan-mob-image{ display:none;}
.mobilemode{ display:none;}
.mobilemode{ display:none;}
.desktopmode{ display:inline-block;}

.myaccordion {margin: 0px auto 10px; }
.myaccordion .card,.myaccordion .card:last-child .card-header {border: none;    background:transparent;}
.myaccordion .card-header {border-bottom-color: #EDEFF0;background: transparent;padding: 0; border:none; border-bottom:1px solid #c9cad4;}
.myaccordion .fa-stack {font-size: 18px;width: 1.5em;}
.myaccordion .btn {width: 100%;font-weight: 600;color: #003876;padding: 0;}
.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {text-decoration: none;}
.myaccordion li + li {margin-top: 10px;}
.myaccordion .card-header i{ font-weight:normal; color:#003876;}
.myaccordion h6{ border:none; padding:0px; margin:0px;font-size: 16px;}
.myaccordion .card-body{ padding:20px 0 0 0 ;}
.myaccordion .card-body ul{ margin-bottom:20px;}


.image-radius1 img,.loan-mob-image img{ border-radius:10px;}
.table-design1::-webkit-scrollbar {-webkit-appearance: none;}
.table-design1::-webkit-scrollbar:vertical {width: 0px;}
.table-design1::-webkit-scrollbar:horizontal {height: 8px;}
.table-design1::-webkit-scrollbar-thumb {background-color:#fe5804;border-radius: 10px;border: 0px solid #ffffff;cursor:pointer;}
.table-design1::-webkit-scrollbar-track {border-radius: 10px;  background-color: #f9fafb; }
.table-design1 {scrollbar-width: thin;scrollbar-color: #0091da #f9fafb;}
.table-design1::-webkit-scrollbar {width: 10px;}
.table-design1::-webkit-scrollbar-track {background: #f9fafb;}
.table-design1::-webkit-scrollbar-thumb {background-color: #0091da;border-radius: 20px;border: 2px solid #0091da; cursor:pointer;}
.types_of_insurance_main .tab-content{padding-top: 30px;}

.loandtls-rangeslider .loan-calculator-boxslide {padding-right: 150px;}
.crown_family_left ul li,.loandtls-leftside ul li { margin-left:20px;}
.mid-slider{display:none !important;}


.nav-item.displayinline.btn-style-two{color: #007AC0;font-size: 16px;border: 1px solid #007AC0;border-radius: 5px !important;}
.nav-item.displayinline.btn-style-two:hover{color: #fff;}


.axgmap {
    width: 100%;
    height: 1200px;
    border: solid 1px #ccc;
}

.gm-style-iw.gm-style-iw-c {
    max-width: 400px !important;
    max-height: 700px !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 30px 30px 10px 30px !important;
}

.axgmap h5 {
    color: #00263E;
    font-size: 24px;
    margin: 0px 0px 5px 0px;
}

.axgmap p {
    color: #434343;
    font-size: 16px;
    line-height: 30px;
    margin: 0px;
}

.axgmap ul {
    margin-top: 10px;
    margin-bottom: 30px;
}

.axgmap li {
    position: relative;
    font-size: 16px;
    color: #00263E;
    padding: 5px 0px 0px 46px;
    margin: 0px 0px 20px 0px;
}

.axgmap li i {
    position: absolute;
    left: 0px;
    top: -4px;
    background-color: #003876;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.axgmap li.telp a {
    text-decoration: none;
}

.axgmap li.telp a:hover {
    text-decoration: underline;
}

.axgmap li a {
    text-decoration: underline;
}

.axgmap li a:hover {
    text-decoration: none;
}

.axgmap li:last-child {
    margin-bottom: 0px;
}

.gm-style .gm-style-iw-d {
}

.col-lg-12.savings_acnt_sec4.mb-2 p, .col-lg-12.savings_acnt_sec4.mb-2 li {
    color: #636363;
}
.nav-item.nav-link.displayinline.active.btn-style-two{ display:none !important;}
/*==================== Arabic =====================*/



body.arabic-version{direction: rtl;text-align: right;font-family: 'GE SS Text' !important; font-weight:300 !important;}
body.arabic-version p,body.arabic-version .savings_acc_single_cont h6,body.arabic-version button
{font-family: 'GE SS Text' !important; font-weight:300 !important;}



body.arabic-version input, body.arabic-version optgroup, body.arabic-version select, body.arabic-version textarea,body.arabic-version h1,body.arabic-version h2,body.arabic-version h3,body.arabic-version h4,body.arabic-version h5,body.arabic-version h6, body.arabic-version .loan-calculator-box-content small, body.arabic-version .bank_logo_sec_right ul li a, body.arabic-version .learn_more_btn, body.arabic-version .loan-calculator-box-title, body.arabic-version .loandtls-rightsidetable th
{font-family: 'GE SS Text' !important; font-weight:500 !important;}


body.arabic-version .learn_btn, body.arabic-version .invest_banner_single_cont a, body.arabic-version .checkbox, body.arabic-version .credicard-accordion-main .card .card-header .btn-header-link, body.arabic-version .form_sec_comp_single label,body.arabic-version .crown_family_left ul li, body.arabic-version .loandtls-rightsidetable td
{font-family: 'GE SS Text' !important; font-weight:300 !important;}

body.arabic-version .card_nav nav a.nav-item, body.arabic-version .ftr_sec_single h5
{font-family: 'GE SS Text' !important; font-weight:bold !important;}


body.arabic-version .banner_sec_cont_inner h1
{font-family: 'Open Sans'!important; font-weight:700!important;}

body.arabic-version .fontstyle1
{font-family: 'Open Sans'!important; font-weight:600!important;}


body.arabic-version .loan-calculator-box-content,body.arabic-version .fontstyle2,body.arabic-version .fontstyle3
{font-family: 'Open Sans', sans-serif;}

body.arabic-version .language-change, body.arabic-version .setVal input, body.arabic-version .mb_sliderValueLabel, body.arabic-version .setVal, body.arabic-version .bank_logo_sec_right ul li.language-change a, body.arabic-version .news_pagination ul
{font-family: 'Myriad Pro' !important;}

body.arabic-version .copy_sec, body.arabic-version .loan-calculator-box-content, body.arabic-version .branch-atm .distance
{text-align:left;}

body.arabic-version .credicard-accordion-main .card .card-header .btn-header-link
{text-align:right;}


body.arabic-version .credit_card_sec_right
{text-align:center;}

body.arabic-version .ftr_sec_single ul li a{font-size:14px;}

body.arabic-version .credicard-accordion-main .card .card-header .btn-header-link::after
{float:left;}

body.arabic-version .faq-title::after {right: inherit;left: 0;}
body.arabic-version .branch-atm li i,body.arabic-version  .crown_family_left ul li::after, body.arabic-version .loandtls-leftside ul li::before {left: inherit;right: 0;}
body.arabic-version .tab_cont_sec_first {padding: 0 0% 0 20%;}
body.arabic-version .card_nav nav a.nav-item {margin-left: 15px;margin-right:0;}
body.arabic-version .head_bottom_right li i, body.arabic-version .tab_cont_sec_first a i, body.arabic-version .learn_more_btn i, body.arabic-version .invest_banner_single_cont a i
{padding-left: 0px;padding-right: 10px;}
body.arabic-version .bank_logo_sec_right ul {float: left;}
body.arabic-version .invest_banner_single_cont {padding: 90px 400px 90px 0px;}
body.arabic-version .invest_banner_single_second a i {padding-left:0px;padding-right:10px;}
body.arabic-version .loan-calculator-box.interestrate small a i {padding-left: 0px;padding-right: 10px;}
body.arabic-version .head_bottom_right ul li {padding-left: 0px;padding-right: 40px;}
body.arabic-version .learn_new_btn i {padding-left:0px;padding-right: 12px;}
body.arabic-version .brdr_rgt img {border-radius:10px 0px 0px 10px;}
body.arabic-version .brdr_lgt img{border-radius: 0px 10px 10px 0px;}
body.arabic-version .news_pagination ul li {margin-left: 15px;margin-right:0px;}
body.arabic-version .checkbox::before {margin-right:0px;margin-left: 8px;}
body.arabic-version .compare-cards-table .spacertd {padding-right: 100px;padding-left:0px;}
body.arabic-version .compare-card-td input[type="checkbox"]:checked + .checkbox::before {text-align: center;}
body.arabic-version .checkbox {margin-right: 0px;margin-left: 125px;}
body.arabic-version input[type="checkbox"]:checked + .checkbox::before {padding-left: 0;text-align: center;}
body.arabic-version .card-right {padding-left:0px;padding-right: 120px;}
body.arabic-version .form_sec_comp_single select{ background-position:10px top;}
body.arabic-version .faq .card .card-header .faq-title {text-align: right;padding: 15px 0px 0px 50px;}
body.arabic-version select.form-control{ background-position:10px 10px;}
body.arabic-version .branch-atm li {padding-left: 0px;padding-right: 25px;}
body.arabic-version .getdirectionbtn i {margin: 0px 30px 0px 0px;}
body.arabic-version .getdirectionbtn { flex-direction: row-reverse; }
body.arabic-version .branch-atm li i.fa-circle {left:0px;right: 8px;}
body.arabic-version .branch-atm p {padding-left: 0px;padding-right: 25px;}
body.arabic-version .branch-atm p i {left: inherit; right:0px;}
body.arabic-version .crown_family_left ul li {padding-left:0px;padding-right: 18px;}
body.arabic-version .coverage_sec_table tbody tr td:first-child {padding-left:0px;padding-right: 20px;}
body.arabic-version .loans_main_sec_single_img_cont_para {padding-left:0px;padding-right: 50px;}
body.arabic-version .loans_main_sec_single_img {background-position: left !important;}
body.arabic-version .loandtls-leftside ul li {padding-left:0px;padding-right: 20px;}
body.arabic-version .photo_gallery_sec_single_cont {left: inherit;right: 20px;}
body.arabic-version .installment_sec_left {margin-right: 0px;margin-left: 30px;}
body.arabic-version .search_sec_search button {right: inherit;left: 15px;}
body.arabic-version .inputBox input {padding-left: 0px;padding-right: 15px;}
body.arabic-version .inputBox button{transform: rotate(180deg);}
body.arabic-version .closeBtn{ line-height:55px;}
body.arabic-version .loandtls-rangeslider .loan-calculator-boxslide {padding-left: 150px;padding-right: 0px;}
body.arabic-version .crown_family_left ul li,body.arabic-version .loandtls-leftside ul li { margin-left:0px;margin-right:20px;}
body.arabic-version .learn_new_btn i{ position:relative; top:2px;}
body.arabic-version .search_sec_search input{ padding-left:0px; padding-right:20px;}
body.arabic-version .bank_logo_sec_right ul li {padding: 0 20px 0px 0;}
body.arabic-version .searchfor li {margin: 0px 0px 0px 40px;}

body.arabic-version .compare_btmfix .card ul li {margin-right: 0; margin-left:15px;}
body.arabic-version .compare_btmfix .compare_btmfixorangebtn {padding: 10px 50px 10px 1px;}
body.arabic-version .compare_btmfix .compare_btmfixorangebtn i {margin-right:0px; margin-left:20px;}
body.arabic-version .compare_btmfix .card ul li {margin-right: 0;margin-left: 15px;}
body.arabic-version .checkmarkk{ left:inherit; right:0px;}
body.arabic-version .searchfor .checkbox{padding-left:0px;padding-right: 30px;}
body.arabic-version .searchfor .checkmarkk {top: 0px;}
body.arabic-version .visacredit_contenticon ul li img, body.arabic-version .branch_right_greybox_content li i, body.arabic-version .axgmap li i {left: inherit;right: 0px;}
body.arabic-version .axgmap li {padding: 0px 46px 0px 0px;}



@media only screen and (min-width:1801px) and (max-width:3400px) {

    .home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}
}
@media only screen and (min-width:1401px) and (max-width:1500px) {
    .bannercontent-up {right: 150px;}
    .home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}

}
@media only screen and (min-width:1301px) and (max-width:1400px) {
    .home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}    
.searchfor select {min-width: 320px;}
body.arabic-version .invest_banner_single_cont { padding: 50px 300px 50px 0px;}
.bannercontent-up {right: 100px;}
.bannercontent-up.retialbanner{right: 160px;}
.bannercontent-up {max-width: 500px;}
body.arabic-version .bannercontent-up.bluecolor {right: inherit;left:100px;}

}
@media only screen and (min-width:1200px) and (max-width:1300px) {
    .home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}    
.searchfor select {min-width: 300px;}
body.arabic-version .invest_banner_single_cont { padding: 50px 300px 50px 0px;}
.banner_sec_cont_inner {padding:60px 0px;}
.bannercontent-up {right:50px;}
.bannercontent-up.retialbanner{right: 160px;}
.bannercontent-up {max-width: 500px;}
body.arabic-version .bannercontent-up.bluecolor {right: inherit;left:100px;}

}
@media only screen and (min-width:991px) {
.banner_sec_cont_inner {padding:100px 0px;}
.bannercontent-up{display: none;}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}    
/*body {font-size:16px;}
p{font-size:16px;}
h1 {font-size:60px;}
h2 {font-size:34px;}
h3 {font-size:30px}
h4 {font-size:24px;}*/

body.arabic-version .bannercontent-up {right: inherit;left:130px;}
body.arabic-version .bannercontent-up.bluecolor {right: inherit;left:120px; max-width:400px;}



.container-fluid {padding-right: 50px;padding-left: 50px;}
.invest_banner_single_cont{padding: 40px 40px 40px 0px;}
.savings_acc_single{grid-template-columns: 1fr 1fr;}
.savings_acc_single_cont{padding: 15px;}
.board_memb_sec_main{grid-template-columns: 1fr;}
.credit_card_sec_main .row .col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.credit_card_sec_right {width:70%;}
.new_card_nav { width: 100%;}
.accounts_cards_single { height: 100%; background: #fff;}
.accounts_cards_single_cont p {min-height: 100px;}
.promotions_sec_right_card_single_cont {min-height: 75px;}
.news_sec_cont .row .col-lg-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.news_sec_single{margin-bottom: 20px;}
.faq_sec_main_cont {grid-template-columns: 1fr; grid-gap: 15px;}
.annual_report_sec_main {grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.searchfor select {min-width: 200px;}
.btn-style-two{width: 100px;}
.nav-fill .nav-item{ font-size:14px;}
.awards-page .nav-fill .nav-item::after {width: 22px;height: 22px;}
.awards-page .nav{flex-wrap: inherit;overflow: auto;padding-bottom: 20px;}
.board_memb_sec_main {grid-template-columns: 1fr 1fr 1fr;}
body.arabic-version .invest_banner_single_cont {padding: 50px 140px 50px 0px;}
.banner_sec_cont_inner {padding:60px 0px;}



}
@media only screen and (min-width:768px) and (max-width:991px) {
.home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}
h3{ font-size:26px;}	
h4{ font-size:22px;}	
h5 {font-size: 18px;}


.bannercontent-up {right: 100px;max-width: 420px;}
.bannercontent-up h1 {font-size: 20px;}
.bannercontent-up p {font-size: 14px;line-height: 16px;margin-bottom: 10px;}




body.arabic-version .bannercontent-up {right: inherit;left: 0;}
body.arabic-version .bannercontent-up.bluecolor {right: inherit;left:40px; max-width:320px;}
body.arabic-version .bannercontent-up.retialbanner{right: inherit;left:100px;}



.container-fluid {padding-right:25px;padding-left: 25px;}
.tab_cont_sec_first p,.inner_banner_cont p,.inner_banner_cont h6,.creditcards-main p{ font-size:16px;}	
.container-fluid{padding-right:20px; padding-left:20px;}
.bank_logo_sec_left {text-align: center;margin: 0 0 10px 0;}
.bank_logo_sec_right ul {float: none;text-align: right;}
.head_bottom_left ul {text-align: center;}
.head_bottom_left ul li {padding-left: 0px;margin-bottom: 20px;}
.head_bottom_right ul{float: none;text-align: center;}
.banner_sec_cont_inner {flex: 0 0 100%;}
.banner_sec_cont_inner_left {padding: 0px 50px;}
.banner_sec_cont_inner h2 {font-size: 20px;margin: 0 0 10px 0;}
/*.banner_sec_cont_inner h1{display: none;}*/
.learn_btn {padding: 10px 30px;font-size: 14px;}
#banner_slide .owl-dot{width: 15px;}
#banner_slide .owl-dot.active{width: 15px;}
.head_bottom {padding: 15px 0;}
.head_bottom_right ul li{padding: 0 10px;}
.invest_banner_single{background-size: cover;}
.invest_banner_single_cont{padding:50px 40px 50px 0px;}
.card_nav nav a.nav-item{margin:5px;}
.tab_cont_sec_first {padding: 0;}
.new_card_nav {width: 100%;}
.accounts_cards_single{height: 100%;background: #fff;}
.accounts_cards .row .col-md-6{margin-bottom: 30px;}
.news_sec_single {margin: 0 0 30px 0;}
.copy_sec{margin-top: 20px;text-align: center;}
.head_bottom_left ul li a{font-size: 16px;}
#banner_slide .owl-dots{display: none;}
.promotions_sec_right{display: inline-block;margin-top: 20px;}
.ftr_sec_single_social ul li{margin-bottom: 10px;}
.savings_acc_single{grid-template-columns: 1fr;border-radius: 0px;}
.savings_acc_single_cont{padding: 15px;}
.board_memb_sec_main{grid-template-columns: 1fr;}
.faq_sec_main_cont {grid-template-columns: 1fr; grid-gap: 15px;}
.invest_banner_single_second h4 {font-size: 20px;}
.annual_report_sec_main {grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;}
.card-right{padding-left: 0px; padding-top:0px;}
body.arabic-version .card-right {padding-left:0px;padding-right:0px;}
.creditcards-main {padding: 30px 30px;}
.checkbox {margin-right: 55px;}
body.arabic-version .checkbox {margin-right: 0px;margin-left: 55px;}
.card-right{padding-left: 0px; padding-top:30px;}
body.arabic-version .card-right {padding-left:0px;padding-right: 0px;}
.compare-cards-table .spacertd {padding-left: 0px;}
body.arabic-version .compare-cards-table .spacertd {padding-right: 0px;padding-left:0px;}
.compare-cards-table {overflow: auto;}
.compare-cards-table td{ min-width:150px;}
.table th,.table td {padding: .75rem .8rem .75rem .8rem;}
.compare-choosecard {width: 150px;height: 150px;}
.searchfor select {min-width: 200px;}
.btn-style-two{width:100px;}
.fa-user-headset{ display:none;}
.getdirectionbtn{ margin:20px 0px;}
.searchfor ul{ display:block;}
.searchfor li {margin: 0px 0px 10px 0px !important; display:block;}
.searchfor select{ min-width: 100%;}
.nav-fill .nav-item{ font-size:14px;}
.awards-page .nav-fill .nav-item::after {width: 22px;height: 22px;}
.awards-page .nav{flex-wrap: inherit;overflow: auto;padding-bottom: 20px;}
.board_memb_sec_main {grid-template-columns: 1fr 1fr 1fr;}
.types_of_insurance_main .nav{flex-wrap:initial;}
body.arabic-version .invest_banner_single_cont { padding: 30px 200px 30px 0px;}
.displayinline {display: inline-block !important; margin-right:10px !important;}
.searchfor li.listitem{ display:inline-block; margin:0px 10px 15px 0px !important;}
.searchfor.compare-sec .nav-tabs{ display:inline-block;}
body.arabic-version .searchfor .btn-style-two {width: 140px;}
body.arabic-version .displayinline {margin-right: 0px !important;margin-left: 10px !important;}
.nav-item.displayinline.btn-style-two{ padding:10px 15px;}



}



img.desktop-banner {display:block !important;}
img.mobile-banner {display:none !important;}


@media only screen and (max-width:767px) {
.home-banner{background:var(--mobile-banner-image) no-repeat center top; background-size: cover;}
h3{ font-size:26px;}	
h4{ font-size:22px;}	
h5 {font-size: 18px;}
p,body{font-size:14px;}	
img.desktop-banner {display:none !important;}

.bannercontent-up{ position:relative;top: 0;transform: translateY(-0%); right:0px; width:100%; padding:20px;text-align: center;}
.bannercontent-up h1{font-size: 24px;}
.bannercontent-up p{  font-size:16px; margin-bottom:12px;}
body.arabic-version .bannercontent-up {right: inherit;left: 0;}
body.arabic-version .bannercontent-up h1 {font-size: 22px;}


img.mobile-banner {display:block !important;}
.tab_cont_sec_first p,.inner_banner_cont p,.inner_banner_cont h6,.creditcards-main p{ font-size:16px;}	
.tab_cont_sec_first h5{ font-size:20px;}
.container-fluid{padding-right: 15px; padding-left: 15px;}
.bank_logo_sec_left {text-align: center;margin: 0 0 10px 0;}
.bank_logo_sec_right ul {float: none;text-align: center;}
.head_bottom_left ul {text-align: center;}
.head_bottom_left ul li {padding-left: 0px;margin-bottom: 20px;}
.head_bottom_right ul{float: none;text-align: center;}
.banner_sec_cont_inner h2 {font-size:14px;margin: 0 0 10px 0;}
.banner_sec_cont_inner h1{display: none;}
.learn_btn {padding:4px 15px;font-size: 14px;}
#banner_slide .owl-dot{width: 15px;}
#banner_slide .owl-dot.active{width: 15px;}
.head_bottom {padding: 15px 0;}
.head_bottom_right ul li{padding: 0 5px;}
.invest_banner_main {grid-template-columns: 1fr;grid-gap: 10px;}
.invest_banner_single{background-size: cover;}
.invest_banner_single_cont{padding: 35px 15px !important;}
.invest_banner_single_cont h4 {font-size: 14px;line-height: inherit;margin:0 0 10px 0;}
.invest_banner_single_cont a{font-size: 14px;white-space: nowrap;}
.invest_banner_single_second h4{font-size: 12px;line-height: inherit;margin:0 0 10px 0;}
.card_nav nav a.nav-item{margin:5px;}
.tab_cont_sec_first {padding: 0;}
.new_card_nav {width: 100%;}
.accounts_cards_single{margin-bottom: 30px; height:auto;}
.news_sec_single {margin: 0 0 30px 0;}
.copy_sec{margin-top: 20px;text-align: center !important;}
.head_bottom_left ul li a{font-size: 16px;}
#banner_slide .owl-dots{display: none;}
.promotions_sec_right{display: inline-block;margin-top: 20px;}
.inner_banner_cont{padding: 0 15px;}
.savings_acc_single{grid-template-columns: 1fr;border-radius: 0px;}
.savings_acc_single_cont{padding: 15px;}
.board_memb_sec_main{grid-template-columns: 1fr;}
.faq_sec_main_cont {grid-template-columns: 1fr; grid-gap: 15px;}
.installment_sec_left { margin-right:15px; margin-bottom: 15px;flex: 0 0 120px;}
.installment_sec_right h6{ font-size:16px;}
.annual_report_sec_main {grid-template-columns: 1fr 1fr;grid-gap: 10px;}
.coverage_sec{overflow: scroll;}
.card_nav .nav{flex-wrap: initial;}
.inner_banner_cont h4 {font-size: 26px;}
.loans_main_sec_single_img_cont_para {padding-left:0px; padding-top:15px;}
.loans_main_sec_single_img {height:auto;background: none !important;}
.loans_main_sec_single_img_cont .wht_col{ color:#007AC0 !important;}
.loans_main_sec_single_img_cont p.wht_col{ color:#2D2D2D !important;}
.loans_main_sec_single_img_cont .bg_wht{background: #003876;border: 1px solid #003876;}
.loan-mob-image{ display:block;}
.creditcards-main {padding:20px 20px;}
.checkbox{margin-right:0px;}
body.arabic-version .checkbox {margin-right: 0px;margin-left: 0px;}
.card-right{padding-left: 0px; padding-top:30px;}
body.arabic-version .card-right {padding-left:0px;padding-right:0px;}
.compare-cards-table .spacertd {padding-left: 0px;}
body.arabic-version .compare-cards-table .spacertd {padding-right: 0px;padding-left:0px;}
.compare-cards-table {overflow: auto;}
.compare-cards-table td{ min-width:150px;}
.table th,.table td {padding: 1.25rem .8rem 1.25rem .8rem;}
.compare-choosecard {width: 150px;height: 150px;}
.loandtls-leftside {margin-top:0px;}
.searchfor ul{ display:block;}
.searchfor li {margin: 0px 0px 10px 0px !important; display:block;}
.searchfor select{ min-width: 100%;}
.branch-atm p {margin-bottom:5px;}
.displayinline {display: inline-block !important; margin-right:10px !important;}
.searchfor .btn-style-two{width: 100px;}
.fa-user-headset{ display:none;}
.getdirectionbtn{ margin:20px 0px;}
.branch-atm {padding: 20px 15px;}
.nav-fill .nav-item{ font-size:14px;padding: 6px 25px;}
.card_nav nav a.nav-item {padding: 6px 5px;}
.awards-page .nav-fill .nav-item::after {width: 22px;height: 22px;}
.awards-page .nav{flex-wrap: inherit;overflow: auto;padding-bottom: 20px;}
.header_border.homeheader {padding: 10px 0px 20px;position: relative;}
.promotions_sec_left h4 {margin-bottom:10px;}
.footer-mobil-section{ display:block;}
.ftr_sec_main{display:none;}
.brdr_rgt img,.brdr_lgt img{border-radius:0px;}
.types_of_insurance_main .nav-tabs .nav-link.active {font-size:16px;}
.types_of_insurance_main .nav-item {font-size: 16px;padding:10px 15px;}
.types_of_insurance_main .nav{flex-wrap:initial;white-space: nowrap;overflow: auto; padding-bottom:20px;}
.inputBox {width: 90%;}
.loans_main_sec_single .btns_comb{ padding-bottom:20px;}
.coverage_sec_table tbody tr td{ min-width:120px;}
.table-design1 {overflow: auto;}
.inner_banner_main{ height:auto; padding:15px 0px; }
.savings_acc_single_img img{ border-radius:10px !important;}
.news_sec {padding: 20px 0 0;}
.promotions_sec_right_card_single_cont {padding:5px;}
body.arabic-version .card_nav nav a.nav-item {margin-left: 5px;font-size: 11px;}
body.arabic-version .invest_banner_single_cont{ padding-right:150px !important; padding-left:0px !important;}
body.arabic-version .news_pagination ul li {margin-left: 15px;margin-right:0px;}
body.arabic-version .loans_main_sec_single_img_cont_para {padding-right: 15px;}
body.arabic-version .installment_sec_left {margin-left:15px;}
body.arabic-version .loandtls-rangeslider .loan-calculator-boxslide {padding-right: 0px;padding-left:0px;}
.loandtls-rangeslider .loan-calculator-boxslide {padding-right: 0px;}
.form_sec_comp{ margin-bottom:30px;}
.creditcards-main .btn-style-one{padding: 6px 15px; margin:0px 10px;}
.searchfor li.listitem{ display:inline-block; margin:0px 10px 15px 0px !important;}
body.arabic-version .searchfor li.listitem{ display:inline-block; margin:0px 0px 15px 10px;}
body.arabic-version .bank_logo_sec_right ul{ float:none;}
.news_sec_single_img{ margin-bottom:20px;}
.tab_left_cont {padding-bottom: 20px;}
.mobilemode{ display: inline-block;float: right;position: absolute;top: 10px;right: 0;}
.desktopmode{ display:none;}
body.arabic-version .mobilemode{ display: inline-block;float: left;position: absolute;top: 10px;left: 0; right:inherit;}
.loandtls-rightsidetable td {padding: 5px !important;}
.types_of_insurance_main .tab-content {padding-top:30px;}
.navbar.navbar-expand-md.navbar-dark.navbar-default{ display:none !important;}
body.arabic-version .invest_banner_single_cont.padd-rightarabic1{padding-right: 150px !important;}
.banner_sec_cont_main,.banner_sec_cont{ display:block;}
.banner_sec_cont_inner{ text-align:center;}
.banner_sec {padding: 20px 0px;}
.bank_logo_sec_right ul li:first-child{ margin:0px !important; padding:0px !important;}
.setVal input{ font-size:14px !important;}
.setVal{ padding-top:15px !important;}
.promotions_sec_right{ display:none;}
.mid-slider{display:block !important; padding-top:20px;}
.promotions_sec .container-fluid.pr-0{ padding-left:15px !important; padding-right:15px !important;}
.promotions_sec .container-fluid.pl-0{ padding-left:15px !important; padding-right:15px !important;}
.mid-slider.owl-carousel.owl-rtl{ overflow:hidden !important;}

.compare_btmfix .compare_btmfixorangebtn {font-size: 16px;padding: 10px;}
.compare_btmfix .card {padding: 15px;}
.compare_btmfix .card ul li {display: block;padding: 10px;width:48% !important;float: left;margin-right: 0;min-height: inheritheight; min-height:180px;}
.add_panel {width: auto !important;height: auto;}
.compare_btmfix .card ul li p { font-size: 15px; margin: 10px 0px 15px;}
.compare_btmfix .compare_btmfixorangebtn i {margin-right: 15px;font-size: 18px;}
.add_panel i {font-size: 50px !important;margin: 0 0 12px 0;right: 0 !important;top: 12px !important;}
.compare_btmfix .card ul li.lastbtn {min-height: auto;display: block;text-align: center;margin-top: 20px;width: 100% !important; margin-left:0px;height: auto;}
.compare_btmfix .card ul {overflow: scroll;height: 230px;overflow-x: hidden;    width: 100%;}
.compare_btmfix .card ul {display: block;}
.searchfor .checkmarkk {top: 0px;}
.searchfor.compare-sec .nav-tabs{ display:inline-block;}
body.arabic-version .searchfor .btn-style-two {width: 120px;}
body.arabic-version .displayinline {margin-right: 0px !important;margin-left: 10px !important;}
.nav-item.displayinline.btn-style-two{ padding:10px 15px;}

}




@media only screen and (min-width:360px) and (max-width:500px) {
body.arabic-version .invest_banner_single_cont{ padding-right:220px !important; padding-left:0px !important;}
.home-banner{background:var(--mobile-banner-image) no-repeat center top; background-size: cover;}
}

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:#1e317a;position:fixed;bottom:0px;right:0px;text-decoration:none;color:#fff;font-size:14px;display:none;z-index:999;}
.back-to-top:hover {opacity:.6;filter:alpha(opacity=60)}
.back-to-top:focus, .back-to-top:hover {color:#fff!important}


.annual_report_sec .nav-item.nav-link{padding: 10px 5px;}
.annual_report_sec .nav-item.nav-link.active{background-color:#003876; color:#fff; border-radius:5px;}
.annual_report_sec #nav-tab{ margin-bottom:30px;}


@media only screen and (min-width:768px) and (max-width:991px) {
.annual_report_sec #nav-tab {white-space: nowrap;overflow: auto;}
.annual_report_sec nav {white-space: nowrap;}
.annual_report_sec #nav-tab {flex-wrap: inherit;padding-bottom: 20px;margin-bottom: 20px;}
.annual_report_sec .nav-item.nav-link {padding: 10px 15px;}
.annual_report_sec_single_cont p {font-size: 16px;}

.home-banner{background:var(--banner-image) no-repeat center top; background-size: cover;}

}
@media only screen and (max-width:767px) {
.annual_report_sec #nav-tab {white-space: nowrap;overflow: auto;}
.annual_report_sec nav {white-space: nowrap;}
.annual_report_sec #nav-tab {flex-wrap: inherit;padding-bottom: 20px;margin-bottom: 20px;}
.annual_report_sec .nav-item.nav-link {padding: 10px 15px;}
.annual_report_sec_single_cont p {font-size: 16px;}
.home-banner{background:var(--mobile-banner-image) no-repeat center top; background-size: cover;}

}

.comp_sec_left ul {
    list-style: disc;
    margin-inline-start: 30px;
}

.table-design1.page-content .table td {
    unicode-bidi: embed;
    direction: ltr;
}

.setVal input{
    width: 150px !important;
}

 @media (max-width: 767px) {
     .arabic-version .credit_card_sec_right img {
         width: 270px !important;
         height: 301px !important;
         transform: translateX(107px);
        max-width: 1000px;
        max-height: 400px;

    }
}

@media (max-width: 767px) {
    .english-version .credit_card_sec_right img {
        width: 270px !important;
        height: 301px !important;
        transform: translateX(-76px);
        max-width: 1000px;
        max-height: 400px;

    }
}

@media screen and (min-width: 768px){
    .tab-pane .credit_card_sec_right img{
        width: 367px;
        height: 416px!important;
        object-fit: cover;
        object-position: 0;
        max-width: 1000px;
        max-height: 431px;
    }
}