﻿@font-face {
    font-family: "GE SS Text Bold";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/GE%20SS/GE%20SS%20Text%20Bold.woff")format("woff");
}
@font-face {
    font-family: "GE SS Text Light";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/GE%20SS/GE%20SS%20Text%20Light.woff")format("woff");
}
@font-face {
    font-family: "GE SS Text Medium";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/GE%20SS/GE%20SS%20Text%20Medium.woff")format("woff");
}
@font-face {
    font-family: "GE SS Text UltraLight";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/GE%20SS/GE%20SS%20Text%20UltraLight.woff")format("woff");
}
.card-box-bot a:after {
    background:inherit !important;
}
/*For Navigation Cursor Pointer*/
.aboutSubNavWrapper .navWrapper .navLink>a {
    cursor: pointer;
}
.card-box-bot a:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 17px;
    left: 0;
    top: 0;
    background: url(/Style%20Library/BurganBank/Assets/images/right-arrow.png) no-repeat calc(100% - 4px) center;
    margin: auto;
    bottom: 0;
    padding-left:5px;
        transform: rotate(
-180deg
);}

.card-box-bot a{
     padding-left:15px !important;
}
body{
      font-family: "GE SS Text Light" !important;
}
.ar { direction: rtl; }

.RewardsSection .tabGroupWrapper .tabGroupRewards .tab:not(:last-child):before {
    content: '';
    left: -20px;
    width: 0;
    position: absolute;
    border-left: 1px solid #707070 !important;
    height: 100%;
}

.RewardsSection .tabGroupWrapper .tabGroupRewards .tab:not(:last-child):after {
    content: '';
    right: -20px;
    width: 0;
    position: absolute;
    border-right: 0px solid #707070 !important;
    height: 100%;
}

.ar  .header .navWrappr .langBox { padding: 0 20px 0 0; border-left: none; border-right: 1px solid rgba(112,112,112,.6); }
.ar .header .navWrappr .listenBox { border-left: none; border-right: 1px solid rgba(112,112,112,.6); }
.ar .header .mainNavWrapper .WrapperBox .brand  { margin-left: 20px; margin-right: initial; }
.ar .select-selected:after { right: initial; left: 10px; }
.ar .select-selected{ background-position: 15px center; }
.ar .header .mainNavWrapper .onlineBankingBox .loginBtn { padding-right: 15px; padding-left: 15px; border-left: none;  border-right: 1px solid rgba(255,255,255, .62);}
h2, h3, .ms-h2, .ms-h3, .ms-headerFont, p, div, span {
        font-family: "GE SS Text Light" !important;
}
#CardsHTML .card-box-bot a{
    font-size:13px !important;
    text-align: right;
}
.searchBox {
    margin-right: -10px;
    margin-left: 10px;
}
.ar .btn_ { padding-right: 20px; padding-left: 2.505em;} 
.ar .btn_::after { left: 1.0429em; right: initial; margin-left: initial; margin-right: .6em; transform: rotate(180deg); }
.ar .helpMeWrapper .ask span { margin-left: 5px; margin-right: initial; }
.helpMeWrapper .helpMeBtn::after { margin-right: 0.3em; margin-left: initial; }
.ar .helpMeWrapper { padding: 10px; }
.ar .helpMeWrapper .stickyBtn {margin-left: -20px;} /*Chatbot*/
.ar .helpMeSection { right: initial; left: 0px; padding: 15px; }
.ar .footerSection .SubscribeSection .Subscribebox .searchWrapper .arrowBtn { transform: rotate(180deg);}
.ar .footerSection .socialSection .text { margin-right: initial; margin-left: 10px; }
.ar .header .colWrapper .col .link ul { padding-left: initial; padding-right: 15px; }
.ar .mainMenuTab:before { order: 2; }
.ar .header .colWrapper .col .link.arrow:after { right: initial; left: 15px; transform: rotate(180deg); }
.ar .header .mainNavWrapper .mainNavBox .linkItem > a { align-items: center; }
.ar .header .mainNavWrapper .mainNavBox .linkItem a { align-items: center; }

.header .mainNavWrapper .onlineBankingBox .loginBox select {
    height: 35px;
    width: 100%;
    background: url('../images/login-select-arrow.svg') no-repeat calc(15% - 15px) !important;
    color: #ffffff;
    font-size: 16px;
    border: none;
    font-weight: 300;
    padding: 0 15px;
    outline: none;
    -webkit-appearance: none;
}

.selectWrapper select {
   padding-right:30px !important;
}
.ar .header .mainNavWrapper .onlineBankingBox .loginBtn{
   width:149px !important; font-size:13px;
}
.header .mainNavWrapper .onlineBankingBox{
    width:348px !important;
}
select#userselection {
    padding-right: 10px !important;
     padding-left: 30px !important;
}
select#userselectionMobile  {
    padding-right: 10px !important;
     padding-left: 30px !important;
}
div#mainNavBox .linkItem a:after {
 
     float: left !important; 
}
/* .ar .header .mainNavWrapper .mainNavBox .linkItem > a:after {
    transform: rotate(180deg) !important;
    
} */
.header .mainNavWrapper .mainNavBox .linkItem>a:after{
position: relative;
    top: 12px;
    right: 8px;
}
.header .colWrapper .col .link ul {
    padding-left: 15px;
    margin-bottom: 7px !important;
}
.header .colWrapper .col .link {
    margin-bottom: 5px !important;
}
.header .colWrapper .col .link ul li a {
    font-size: 13px !important;
    line-height: 20px !important;
}
.ar .header .mainNavWrapper .mainNavBox .flotingTab { width: initial; }
.ar .header .mainNavWrapper .mainNavBox .flotingTab .tabBox .tab { left: 0; }
.ar .footerSection .SubscribeSection .Subscribebox { align-items: flex-start; gap: 20px; align-items: center;}
@media (min-width: 991px){
.ar .flotingTab { left: 40px; right: initial; }
.ar .flotingTab .tabBox .tab { right: initial; left: 0; flex-direction: row-reverse; }
.ar .flotingTab .tabBox:nth-child(2) .tab { flex-flow: column; }
}
@media (max-width: 990px){
    .ar .header .mainNavWrapper .mainNavBox .flotingTab { width: initial; }
    .ar .header .mainNavWrapper .mainNavBox .flotingTab .tabBox .tab { left: initial; }
    .ar .header .mainNavWrapper .mainNavBox .linkItem > a:after { transform: rotate(180deg); }
}

.ar .leadership-item:first-child, .leadership-item:last-child { padding: 10px; }
.ar .SustainabilitySection .Sustainability_wrapper .contentWrap { padding-right: initial; padding-left: 90px; }
.ar .innerPageBanner .banner .content .textGroup::before { left: initial; right: 0; }
.ar .innerPageBanner .banner .content .textGroup { padding-right: 0.54em; padding-left: initial; }
.ar .featureMainBoxWrapper .contentBox .featureBox .featureItem .text { padding: 10px 10px 10px 100px; text-align: right; } 
.ar .featureMainBoxWrapper .contentBox .featureBox .featureItem .or { left: 20px; right: initial; }
.ar .colWrapperBox .colGroup .col .contentBox ul li { padding-right: 40px; padding-left: initial; }
.ar .colWrapperBox .colGroup .col .contentBox ul li::before { right: 0; left: initial; transform: rotate(180deg); }
.ar .eligibilitySection .accordionGroup .Go_To_Other_Page { left: 10px; right: initial; }
.ar .eligibilitySection .accordionGroup .Go_To_Other_Page:after { transform: rotate(45deg); }

.ar .featureMainBoxWrapper .contentBox .morefeature .item p { padding-right: 40px; padding-left: initial; }
.ar .featureMainBoxWrapper .contentBox .morefeature .item p::before { right: 0; left: initial; }

.ar .BenefitsSection .boxWrapper .itemBox .knowMore::after { transform: rotate(135deg);}

.ar .BenefitsSection .item p { padding-left: initial; }
.ar .BenefitsSection .item p::before { left: initial; right: -40px; }
.ar .WinnerSection .tabWrapper .tab:not(:last-child) { border-right: none; border-left: 1px solid #707070; }
.ar .WinnerSection .winnerBox .contentWrap { background: url('../images/winn-icon-bg-ar.svg') right center no-repeat #ffffff; background-size: contain; }
.ar .eligibilitySection .accordionGroup .groupContent .content .list { padding-left: initial; padding-right: 15px; } 
.ar .eligibilitySection .accordionGroup .groupContent .content .list::before { left: initial; right: 0; }
.ar .eligibilitySection .accordionGroup .groupTab::before { margin-right: initial; margin-left: 10px; }
.ar .corporate-main .download-center-inner {justify-content: initial;}
.ar .Board_of_DirectorsWrapper .itemGroupWrapper .itemWrapper .item .BiographyBtn::after { right: initial; left: 20px; }
.ar .Board_of_DirectorsWrapper .itemGroupWrapper .contentWrapper .closeBOD { right: initial; left: 50px; }
.ar .AllnewsWrapper .allistnews .hedding .dropdown select { background: url('../images/icon-arrow.svg') no-repeat 10px center;}
.ar .CompareCardsSection .cardWrapper .closeCompair { right: inherit !important; left: 20px; }
.ar .CompareCardsSection .cardWrapper .cardGroup .cardItem .close { right: initial; left: 25px; }
.ar .Press-center-Wrapper .ListEvent li .date { float: right; margin-left: initial; margin-right: 25px;  }
.ar .Press-center-Wrapper .ListEvent li .text { padding-left: initial; padding-right: 25px; }
.ar .Press-center-Wrapper .ListEvent li .date::before { left: initial; right: -25px; }
.ar .credit-box-bot a { margin: 0 0 0 15px; }

.ar .filterWrapper .selectWrap select { background: #fff url('../images/down-arrow.png')no-repeat 15px center;}


/* set 2 */

.ar .signUp_seps_wrapper .content__Wrapper ul li::before { left: initial; right: -15px; }
.ar .signUp_seps_wrapper .content__Wrapper .contentBox .featureWrapper .text { padding-left: initial; padding-right: 20px; }
.ar .eligibilitySection .accordionGroup .groupContent .accordionBox .tabBox .tab::after { right: initial; left: 10px; }
.ar .eligibilitySection .accordionGroup .groupContent .accordionBox .tabBox .contentBox ul li::before { left: initial; right: 0; }
.ar .eligibilitySection .accordionGroup .groupContent .accordionBox .tabBox .contentBox ul li { padding-left: initial; padding-right: 15px; }
.ar .CookiesPopupBox .contentBox h3 span { margin-right: initial; margin-left: 10px; }
.ar .CookiesPopupBox .contentBox li { padding: 5px 50px 5px 0px; }
.ar .CookiesPopupBox .contentBox li .radioBtnBox { left: initial; right: 0; }
.ar .subNavBox2 .navLink2 .subNavBox3 { left: initial; right: 100%; }
.ar .subNavBox2 .navLink2.arrow:after { right: initial; left: 10px; transform: rotate(180deg) translateY(50%); }
.ar .subNavBox2 .navLink2 a { padding: 7px 25px 7px 35px; }
.ar .BenefitsSection .item { padding-left: initial; padding-right: 40px; }
.ar .BenefitsSection .item .listItem::before { left: initial; right: 0; transform: translateX(40px); }
.ar .contect__sec .item__Wrap .item__box .icon__box { margin-right: initial; margin-left: 20px; }
.ar .Board_of_DirectorsWrapper .itemGroupWrapper .contentWrapper .contentBox .colGroup ul { padding: 0 15px 0 0; }
.ar .BenefitsSection .tabGroupWrapper .tabGroup .tab:not(:last-child):after { right: initial; left: -20px; }
.ar .item_Box_Wrapper .item__Box .data .text-box { padding-right: initial; padding-left: 20px; }
.ar .filter_Wrap .selectBox select { background: url(../images/select-arrow.svg) no-repeat 15px center; background-size: 15px;}
.ar .naneIcon, .ar .civilIdIcon, .ar .emailIcon, .ar .phoneIcon, .ar .textAreaIcon { background-position-x: 10px; }
.ar .mapWrapper .addressListWrap .addressList .listItem { padding-left: initial; padding-right: 60px; background: url(../images/listMapIcon-ar.svg) no-repeat right top;}
.ar .mapWrapper .mapWrap { right: 39%; left: initial; }
.ar .aboutSubNavWrapper .navWrapper .navLink > a { border-right: initial; border-left: 1px solid rgba(255,255,255,.4);}
.ar .tabWrapper .tab:not(:last-child) { border-left: 1px solid #707070; border-right: none; }
.ar .filterWrapper .selectWrap select { background: #fff url('../images/down-arrow.png')no-repeat 15px center;}
.ar .findAnAccountPopup .contentGroup .colGroup .btnGroup .btn_  {padding: 0 15px 0 35px;}
.ar .findAnAccountPopup .contentGroup .colGroup .btnGroup .btn_::after { right: initial; }
.ar .findAnAccountPopup .popupWrapper .contentBox .selectWrapper .select-selected { background-position: 10px center; }
.ar .findAnAccountPopup .popupWrapper .contentBox .linkWrapper .linkBox a { border-right: none; border-left: 1px solid #CDD6DE;; }
@media (max-width: 990px){
.ar .header .navWrappr .listenBox  { border-right: none; }
}

/* .ar .subMenuChildLinks { direction: ltr; } */

.ar .BenefitsSection h4::after { right: 0px;}
.ar .contect__sec .list__item::after { transform: rotate(
135deg
);}

.card-box-item .card-box-nav{
        text-align: left !important;
}
.card-box-item .card-box-nav 
input {
        margin-right:10px;
}
@media (max-width: 767px){
    .footerSection .linkBoxWrapper .col .headText.arrow:after { right: initial;left: 0px }

    .footerSection .linkBoxWrapper .col .headText.arrow:after {
        content: '';
        background: url('../images/down-arrow-blue.svg') no-repeat center center;
        height: 20px;
        width: 20px;
        background-size: 13px;
        position: absolute;
        top: 0px;
        left: 0 !important;
        right:inherit !important;
        transform: rotate(0);
    }

    .ar .header .mainNavWrapper .mainNavBox .linkItem > a:after {transform: rotate(90deg);}

    .ar .CompareCardsSection .cardWrapper .cardGroup .cardItem .close{
            left: 25px;
    }
}

.card-inner-box-main .card-box-bot a {
    display: inline-block;
    width: 50%;
    font-size: 19px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    background: #F78E1E;
    margin: 0px 0px 0px 15px;
    padding: 7px 10px;
    position: relative;
    text-align: left;
}

.card-inner-box-main .card-box-bot a:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 17px;
    left: 0;
    top: 0px;
    background: url(/Style%20Library/BurganBank/Assets/images/right-arrow.png) no-repeat calc(100% - 4px) center;
    margin: auto;
    bottom: 0;
    padding-left: 5px;
    transform: rotate( 
-180deg
 );
}

.compare-box-item .compare-box-bot a {
    display: inline-block;
    width: 50%;
    font-size: 19px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    background: #F78E1E;
    margin: 0px 0px 0px 15px;
    padding: 7px 10px;
    position: relative;
    text-align: center !important;
}

.compare-box-details-box .compare-box-bot a{
    margin: 0px 0px 0px 15px;
    text-align: center !important;
}

@media (max-width: 575px){
    .helpMeWrapper {
       justify-content: flex-end !important;
    }
}

.helpMeWrapper {
    display: flex;
    gap: 0 15px;
    justify-content: flex-end !important;
}

@media (max-width: 990px) {
    .CompareCardsSection.active{
        bottom: 90px;
    }
  
}
@media (max-width: 1441px) {
.ar .btn_ {
    height: 42px;
    min-width: 190px !important; 
    font-size: 16px;
    padding-right: 2.505em;
}}
.rsbtn .rsbtn_play{
        padding-left: 60px;
}

.card-box-item .card-box-bot{
        padding: 0px 14px;
}

