@font-face {
    font-family: "Noto Sans";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Regular.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans Black";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Black.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans BlackItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-BlackItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans Bold";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Bold.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans BoldItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-BoldItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans ExtraBold";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-ExtraBold.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans ExtraBoldItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-ExtraBoldItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans ExtraLight";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-ExtraLight.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans ExtraLightItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-ExtraLightItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans Italic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Italic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans Light";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Light.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans LightItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-LightItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans Medium";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Medium.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans MediumItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-MediumItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans NotoSans-Regular";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Regular.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans SemiBold";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-SemiBold.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans SemiBoldItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-SemiBoldItalic.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans Thin";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-Thin.woff")format("woff");
}
@font-face {
    font-family: "Noto Sans ThinItalic";
    src: url("/../Style%20Library/BurganBank/Assets/Fonts/Noto/NotoSans-ThinItalic.woff")format("woff");
}
.stickyBtn.helpMeBtn {
    display:none !important;
}
/*For chatbot*/
#burganIframe {
    bottom:50px !important;
}
/*For Navigation Cursor Pointer*/
.aboutSubNavWrapper .navWrapper .navLink>a {
    cursor: pointer;
}
.Subscribebox.grayLine {
    display:none !important;
    border:10px #000 dotted;
}
 .compare-box-bot a{
    font-size: 13px !important;
}
#CompareCardHTML .btn_.orange{
    cursor: pointer !important;
}
#aspnetForm .ms-signInLink{display: none !important}
body {
  font-family: "Noto Sans" ;
   font-style: normal;
   font-weight: 400;
    background: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #333333;
}
div#CompareCardDetailHTML {
    background-color: #fff;
}
div#SearchBox input {
    width: 88%;
    outline: none;
    height: 40px;
    border: none;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 400 !important;
      margin: 0px 0px 0px 0px;
}

.BenefitsSection .item__wrapper .item div, .BenefitsSection .item__wrapper .item p{
    font-weight: 400 !important;
}
div#BenefitsHTML a{
    color:#EA933E !important;
}

.compare-card-box {   display: grid;}
.callBox.grayLine span.call:nth-child(2), .date {
    font-family: "Noto Sans" !important;
}
.compare-box-bot .compare-box-details-box-button a{
    font-size: 13px !important;
    text-align: center;
}
.ms-srch-sb-searchLink {
    background-color: #0d669c;
    background: url('../images/search-icon-1.svg') center center no-repeat;
    border-radius: 25px;
    padding:14px !important;
    margin-top:5px;
}
.ms-srch-sb-searchLink:hover {
    background-color: #0d669c;
    border-radius: 25px;
    padding:14px !important;
    margin-top:5px;
}
.searchBox > div{
    width:100% ;
}
div#SearchBox .ms-srch-sb-searchLink img{display:none !important;}
/* .headerWrapper .header {
    position: relative !important;
    z-index: 10;
} */

div#RewardsHTML .contentCol ul li{
    margin:0px 0px 5px 20px;
}
div#RewardsHTML .contentCol ul li::marker{
    color:#ea933e; font-size:20px
}
.BenefitsSection .item p{
    font-family: 'Noto Sans', sans-serif !important;   
    font-weight: 400 !important;
    color: #333333 !important;
    word-break: break-all;
}
div#BenefitsHTML .contentCol ul li{
    margin:0px 0px 5px 20px;
}
div#BenefitsHTML .contentCol ul li::marker{
    color:#ea933e; font-size:20px
}
.BenefitsSection .item .listItem{
        font-weight: 400 !important;
}
.signUp_seps_wrapper .content__Wrapper .listItem{
    font-weight: 400 !important;
}
div#topNavBar .langBox {cursor: pointer !important;}
a {
    color: #151515;
    text-decoration: none;
}
.aboutSubNavWrapper .navWrapper .navLink > a{
    font-size: 15px;
}
div#BenefitsHTML a {
    word-break: break-all;
}
.card-data-box ul li{
    vertical-align: top;
}
.container_fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
}
.contentBox p{
        font-weight: 400 !important;
}
.hidenavigation {
    display: none;
}
.row_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.container_ {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

select, input, textarea {
    font-family: 'Noto Sans', sans-serif;
}
h3{font-weight: bold;}
@media (min-width: 576px) {
    .container_ {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container_ {
        max-width: 720px;
    }
   
     
}

@media (min-width: 992px) {
    .container_ {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container_ {
        max-width: 1140px;
    }
    




}

@media (min-width: 1360px) {
    .container_ {
        max-width: 1280px;
    }
    



    .compare-card-box {   display: grid ;}
}
.tab{cursor: pointer}
select {
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    cursor: pointer;
}

option:hover {
    background: #EA933E !important;
}

.btn_ {
    height: 42px;
    font-size: 16px;
    padding-left: 20px;
    white-space: nowrap;
    font-weight: 600;
    position: relative;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important
}

.btn_::after {
    width: 11px;
    margin-left: .6em;
    height: 20px;
    display: inline-block;
    content: '';
    background: url('../images/btn-arrow-white.svg') no-repeat center center;
    background-size: cover;
    position: absolute;
}

.btn_.black {
    background: rgba(0, 0, 0, .6);
}

.btn_.black::after {
    content: '';
    background: url('../images/btn-orange-arrow.svg') no-repeat;
    background-size: contain;
}

.btn_.blue {
    background: #009EDE;
}

.btn_.orange {
    background: #EA933E;
}

.btnGroup {
    display: flex;
    gap: 30px;
    margin-top: 20px;
}

.btnGroup.center {
    justify-content: center;
}



img {
    display: block;
}
.NewxBox .img {
    width:30%;
    float:left;
}
.NewxBox .Listnews {
    width:68%;
    float:right;
    margin-top:0px !important;
    padding:0px !important;
    display: inline-flex;
    margin-bottom: 0px;
}
.NewxBox .Listnews li {
       margin-top:0px !important; padding:0px !important;
}
.NewxBox {  
    padding: 20px;
    list-style: none;
    border: 1px solid rgba(115, 115, 115, 0.2);
    margin-top: 10px;
    display: inline-block;
    background-color: #fff;
}
.NewxBox ul.Listnews, .Press-center-Wrapper .ListEvent, .Press-center-Wrapper .ListEvent li {
    margin-bottom:0px !important;
}




.custom_select {
    position: relative;
}

.custom_select select {
    display: none;
}

.select_selected {
    background: url('../images/login-select-arrow.svg') no-repeat calc(100% - 15px);
}

.select_selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: none;
}

.select_selected.select_arrow_active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select_items div, .select_selected {
    color: #ffffff;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
}

.select_items div {
    color: #333333;
}

.select_items {
    position: absolute;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 3px;
}

.select_hide {
    display: none;
}

.select_items div:hover, .same_as_selected {
    background-color: #EA933E;
}


@media (min-width: 1441px) {
    .container_ {
        max-width: calc(100% - 120px);
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    



    .btn_ {
        height: 48px;
        min-width: 160px;
        font-size: 18px;
        padding-right: 2.305em;
    }

    .btn_::after {
        right: 1.0429em;
        width: 12px;
        height: 1em;
    }

    
}

@media (max-width: 1440px) {
    .btn_ {
        height: 42px;
        min-width: 150px;
        font-size: 16px;
        padding-right: 2.505em;
    }
    



    .btn_::after {
        right: 1.0429em;
        width: 10px;
        height: 1em;
    }

    .rs_skip rsbtn .rsbtn.mega_toggle .rsbtn_tooltoggle{
        height: 28px;
    }
}

@media (max-width: 1200px) {
    .btn_{
        height: 40px;
        min-width: 130px;
        font-size: 14px;
    }
    .colWrapperBox .col .contentBox .iconWrap .item .text {
        font-size: 16px !important;
    }
    


}

@media (max-width: 767px) {
    .btn_.full_width {
        min-width: 100%;
        justify-content: flex-start;
    }
   
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
.compare-card-box { display: block;}
.compare-card-head{    margin-top:0px !important;}
.compare-box-details-box {        display: block;}
.compare-box-details-box-button{    width:100% !important;}
#CompareCardDetailHTML > div:nth-child(1){     width:100% !important;}
.CompareCardsSection .cardWrapper .closeCompair{    top:5px !important;        right: 5px !important;}


 .card-box-bot a:before{
    bottom: inherit !important;
    top:4px !important;
}
    .featureMainBoxWrapper .contentBox .moreFeatureBtn {
    display: inline-table !important;
}
.flotingTab .tabBox:hover .tab .text{
    padding-right: 0px !important;
}

    .colWrapperBox .col .contentBox .iconWrap{
    display:inherit !important; 
}
.colWrapperBox .col .contentBox .iconWrap .item{
    margin-bottom:20px;
}
.rs_skip rsbtn .rsbtn.mega_toggle .rsbtn_tooltoggle{
    height: 28px;
}


}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.headerWrapper {
    width: 100%;
}

.header {
   
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    width: 100%;
}

.header .topNavBar {
    min-width: 100%;
    background: #F2F6FB;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.header .navWrappr {
    display: flex;
    flex-flow: row;
    justify-content: end;
    align-items: center;
}

.header .navWrappr ul {
    list-style: none;
    display: flex;
}

.header .navWrappr ul a {
    display: flex;
    padding: 2px 16px;
    font-size: 16px;
    font-weight: 300;
    color:#333333;
}

.header .navWrappr ul li.active a {
    color: #EA933E;
}

.header .navWrappr ul li a:hover {
    color: #EA933E;
}

.header .navWrappr .listenBox {
    border-left: 1px solid rgba(112, 112, 112, .6);
    padding: 0px 20px;
    display: flex;
}

.header .navWrappr .listenBox .skipListen {
    display: none;
    font-size: 16px;
    color: #4E5E62;
    font-weight: bold;
    visibility: hidden;
}

.header .navWrappr .langBox {
    border-left: 1px solid rgba(112, 112, 112, .6);
    padding: 0px 0px 0px 20px;
    display: flex;
    align-items: center;
}

.header a {
    text-transform: capitalize;
}

.header .mainNavWrapper {
    min-width: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    position: relative;
}

.header .mainNavWrapper .WrapperBox {
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .mainNavWrapper .WrapperBox .brandWrapper {
    display: flex;
    align-items: center;
}

.header .mainNavWrapper .WrapperBox .brand {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.header .mainNavWrapper .mainNavBox {
    display: flex;
    height: 100%;
}

.header .mainNavWrapper .mainNavBox .linkItem {
    padding: 0px 20px;
}

.header .mainNavWrapper .mainNavBox .linkItem>a {
    font-size: 20px;
    font-weight: 600;
    padding-top: 32px;
    padding-bottom: 32px;
    white-space: nowrap;
    height: calc(100% - 10px);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    color : #151515;
    text-decoration: none;
}

.header .mainNavWrapper .mainNavBox .linkItem>a:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url('../images/navArrow.svg') no-repeat center center;
    background-size: contain;
}

.header .mainNavWrapper .searchWrapper {
    width: 45%;
    display: flex;
    justify-content: space-between;
}

.header .mainNavWrapper .searchWrapper .searchBox {
    background: #ffffff;
    height: 42px;
    width: calc(100% - 270px);
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7px;
}

.header .mainNavWrapper .searchWrapper .searchBox input {
    width: 100%;
    outline: none;
    height: 40px;
    border: none;
    font-size: 16px;
    font-weight: 100 !important;
    padding-left: 10px;
}

.header .mainNavWrapper .searchWrapper .searchBox .serchIcon {
    display: flex;
    align-items: center;
    order: 2;
    width: 32px;
    height: 32px;
    position: relative;
}

.header .mainNavWrapper .searchWrapper .searchBox .serchIcon::before {
    content: '';
    background: url('../images/search-icon-1.svg') center center no-repeat;
    background-size: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
}


.header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper {
    width: calc(100% - 50px);
    order: 1;
}

.header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchGroupBox .searchIcon {
    display: none;
}

.header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchedData {
    display: none;
}


.header .mainNavWrapper .onlineBankingBox {
    width: 255px;
    height: 42px;
    background: #EA933E;
    border: 1px solid #F78E1E;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.header .mainNavWrapper .onlineBankingBox .loginBox {
    width: calc(100% - 0px);
    height: 35px;
}

.header .mainNavWrapper .onlineBankingBox .loginBox select {
    height: 35px;
    width: 100%;
    background: url('../images/login-select-arrow.svg') no-repeat calc(100% - 15px);
    color: #ffffff;
    font-size: 16px;
    border: none;
    font-weight: 300;
    padding: 0 15px;
    outline: none;
    -webkit-appearance: none;
    
}
.header .mainNavWrapper .onlineBankingBox .loginBox select option{color: #333333;-webkit-appearance: none;}
.header .mainNavWrapper .onlineBankingBox .loginBox select option:hover,.header .mainNavWrapper .onlineBankingBox .loginBox select option:checked{
    background: #EA933E !important;
    color: #333 !important;
    background-color: #EA933E !important;
}
.header .mainNavWrapper .onlineBankingBox .loginBtn {
    height: 35px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, .62);
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    padding-right: 15px;
}

.header .navigationWrapper {
    width: 100vw;
    background: #016AAA;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 3;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: 300ms ease-in-out;
}

.header .colWrapper {
    min-width: 100%;
    display: flex;
}

.header .colWrapper .col {
    width: calc(100% / 6);
    padding: 15px;
    color: #ffffff;
}

.header .colWrapper .col .headText {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .4em;
    color: #F78E1E;
    padding-top: 7px;
}
.header .colWrapper .col .headText a{color: #F78E1E;font-size:16px}
.header .colWrapper .col .link {
    margin-bottom: 10px;
}

.header .colWrapper .col .link a {
    font-size: 15px;
    line-height: 1.6em;
    display: flex;
    /* font-weight: 500; */
    color: #ffffff;
    font-weight: 600;
    text-decoration: none
}

.header .colWrapper .col .link ul {
    padding-left: 15px;
    margin-bottom: 15px;
}

.header .colWrapper .col .link ul li a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 100;
    color: #ffffff;
}

.headerWrapper .header {
    position: fixed;
    z-index: 10;
}

.headerWrapper {
    min-height: 77px;
}

body.activeTopBar .headerWrapper {
    min-height: 145px;
}

.burgarMenu {
    height: 20px;
    width: 34px;
    display: flex;
    flex-flow: column;
    position: relative;
    justify-content: space-around;
    display: none;
}

.burgarMenu span {
    width: 100%;
    height: 3px;
    background: #EA933E;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.burgarMenu span:nth-child(1) {
    top: 0;
}

.burgarMenu span:nth-child(2) {
    top: 50%;
}

.burgarMenu span:nth-child(3) {
    top: 100%;
}

.header .navigationWrapper .container_ {
    position: relative;
}

.header .navigationWrapper .container_ .bannerBox {
    position: relative;
    display: flex;
    display: none;
    gap: 10px;
    bottom: 0;
    right: 0;
}

.header .navigationWrapper .container_ .bannerBox .item {
    max-width: 300px;
}

.header .navigationWrapper .container_ .bannerBox .item img {
    width: 100%;
}

.header .mainNavWrapper .mainNavBox .langBox {
    display: none;
}

.header .mainNavWrapper .mainNavBox .onlineBankingBox {
    display: none;
}

.header .mainNavWrapper .mainNavBox .navWrappr {
    display: none;
}

.mainMenuTab {
    height: 60px;
    background: rgba(255, 255, 255, .20);
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    line-height: 60px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
    display: none;
}

.mainMenuTab:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 15px;
    background: url('../images/btn-arrow-white.svg') no-repeat center center;
    transform: rotate(180deg);
}

.mobMenuHeading {
    font-size: 20px;
    line-height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    color: #ffffff;
    font-weight: 600;
    display: none;
}

.flotingTab {
    position: fixed;
    /* top: 200px; */
    top:40%;
    right: 100px;
    width: 0;
    padding: 20px 0;
    z-index: 1;
}

.flotingTab .tabBox {
    width: 40px;
    min-height: 40px;
    position: relative;
    margin: 10px;
}

.flotingTab .tabBox .tab {
    position: absolute;
    display: flex;
    right: 0;
    align-items: center;
    background: transparent;
    border-radius: 40px;
}

.flotingTab .tabBox .tab .icon {
    height: 35px;
    width: 35px;
    margin: 5px 5px;
    border-radius: 50%;
    background: #00A1E4;
    position: relative;
}

.flotingTab .tabBox .tab .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.flotingTab .tabBox .tab .text {
    font-size: 17px;
    line-height: 35px;
    height: 35px;
    white-space: nowrap;
    max-width: 0;
    overflow: hidden;
    transition: 100ms all ease-in-out;
    opacity: o;
}

.flotingTab .tabBox:hover .tab {
    background: #ffffff;
}

.flotingTab .tabBox:hover .tab .text {
    max-width: 350px;
    padding-right: 20px;
    opacity: 1;
    transition: 300ms all ease-in-out;
}

.flotingTab .tabBox:nth-child(2) .tab {
    flex-flow: column;
    border-radius: 20px;
}

.flotingTab .tabBox:nth-child(2) .tab .text {
    color: #016AAA;
}

.flotingTab .tabBox .subTabWrapper {
    display: none;
    width: 100%;
    right: 0;
}

.flotingTab .tabBox .subTabWrapper .item {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.flotingTab .tabBox .subTabWrapper .item .i {
    height: 40px;
    width: 40px;
    background: #ffffff;
    border-radius: 40px;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flotingTab .tabBox .subTabWrapper .item .i img {
    max-width: 80%;
}

.flotingTab .tabBox .subTabWrapper .item .t {
    font-size: 14px;
    font-weight: 200;
    text-align: center;
}

.flotingTab .tabBox:hover .subTabWrapper {
    display: flex;
    gap: 20px;
}

.flotingTab .tabBox:nth-child(2):hover .tab {
    background: #ffffff;
    padding: 20px;
}

.flotingTab .tabBox:nth-child(2):hover .tab .icon {
    display: none;
}

.menuActive .burgarMenu span:nth-child(1) {
    transform: rotate(45deg) translate(-7px, 18px);
    ;
}

.menuActive .burgarMenu span:nth-child(3) {
    transform: rotate(-45deg) translate(-4px, -22px);
}

.menuActive .burgarMenu span:nth-child(2) {
    display: none;
}

@media (min-width: 991px) {
    .header .mainNavWrapper .mainNavBox .linkItem:hover .navigationWrapper {
        opacity: 1;
        max-height: 1500px;
    }
   

    .header .mainNavWrapper .mainNavBox .linkItem>a:hover {
        border-bottom: 5px solid #00A1E4;
    }

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

    .header .colWrapper .col .link ul li a:hover, .header .colWrapper .col .link a:hover {
        color: #EA933E;
    }
}

@media (max-width: 1440px) {
    body.activeTopBar .headerWrapper {
        min-height: 127px;
    }

    .header .topNavBar ul a {
        font-size: 14px;
        padding: 2px 10px;
    }

    .header .topNavBar .listenBox {
        height: 23px;
    }

    .header .topNavBar .listenBox img {
        height: 100%;
        width: initial;
    }

    .header .topNavBar .langBox {
        font-size: 18px;
        font-weight: 100;
    }

    .header .mainNavWrapper .WrapperBox .brand {
        width: 200px;
    }

    .header .mainNavWrapper .WrapperBox .brand img {
        width: 100%;
    }

    .header .mainNavWrapper .mainNavBox .linkItem a {
        font-size: 15px;
        font-weight: 600;
    }

    .header .mainNavWrapper .searchWrapper {
        width: 51%;
        justify-content: flex-end;
        gap: 0 10px;
    }

    .header .mainNavWrapper .searchWrapper .searchBox {
        height: 38px;
    }

    .header .mainNavWrapper .searchWrapper .searchBox input {
        height: 30px;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .serchIcon {
        width: 32px;
        height: 32px;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .serchIcon img {
        width: 100%;
    }

    .header .mainNavWrapper .onlineBankingBox {
        height: 38px;
    }

    .header .mainNavWrapper .onlineBankingBox .loginBox select, .header .mainNavWrapper .onlineBankingBox .loginBtn {
        font-size: 14px;
    }

    .header .mainNavWrapper .WrapperBox {
        min-height: 77px;
    }

    .header .mainNavWrapper .onlineBankingBox {
        width: 230px;
    }

    .header .mainNavWrapper .onlineBankingBox .loginBox {
        width: calc(100% - 0px);
    }

    .header .mainNavWrapper .mainNavBox .linkItem>a {
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .header .mainNavWrapper .mainNavBox .linkItem>a:after {
        height: 8px;
        width: 12px;
        background-size: contain;
    }

    .header .mainNavWrapper .mainNavBox .linkItem.active>a {
        border-bottom-color: #00A1E4;
    }

    .header .colWrapper .col .headText {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .header .topNavBar ul a{font-size: 12px;}
    .header .mainNavWrapper .mainNavBox .linkItem {
        padding: 3px 10px;
    }

    .header .mainNavWrapper .searchWrapper .searchBox {
        width: calc(100% - 240px);
    }

    .productItemWrapper .itemWrapper .content {
        width: calc(100% - 80px);
        left: 40px;
    }
     .header .mainNavWrapper .onlineBankingBox .loginBox select, .header .mainNavWrapper .onlineBankingBox .loginBtn {
        font-size: 14px;
    }
    .header .mainNavWrapper .searchWrapper .searchBox input{font-size: 14px}
    .header .mainNavWrapper .onlineBankingBox { height: 32px;width: 200px;}
    .header .mainNavWrapper .searchWrapper .searchBox {height: 33px;}
    .header .mainNavWrapper .searchWrapper .searchBox .serchIcon{width:26px}
    .mainFooterSection .helpMeWrapper .stickyBtn {font-size: 15px;}
 

    .mainFooterSection .helpMeWrapper .ask {flex: 1 0 97px;}
    .mainFooterSection .helpMeWrapper .ask span img {width: 100px}
    .mainFooterSection .helpMeWrapper .ask span{justify-content: center}
    .mainFooterSection .helpMeWrapper .helpMeBtn::after{font-size: 2em}
    .colWrapperBox .col .contentBox .iconWrap .item .icon {
        width: 55px !important;
        height: 55px !important;
    }
    .header .mainNavWrapper .onlineBankingBox .loginBox select{padding:0px 10px;background: url(../images/login-select-arrow.svg) no-repeat calc(100% - 7px);}
}
.card-box-image img {
    height:146px
}
@media (max-width:990px) {
div#TabTypeRewards  {
    display: block;
}
.compare-box-details-box .compare-box-bot.compare-box-details-box-button {
      width:100% !important;
}
.featureMainBoxWrapper .contentBox .moreFeatureBtn{
    display: inline !important;
}
div#SearchBox input {
    width: 81%;
}
div#TabTypeRewards  .tab{
    display: inline-block;
    min-width: 50px;
    padding: 0px 10px 0px 10px;
    margin: 10px !important;
}
div#TabType .tab{padding:0px 9px 0px 9px;}
    div#mainNavBox .linkItem a{
    display: block;
}
div#BenefitsHTML 
a.knowMore {
    display: block;
    text-align: right;
}
.card-box-head ul{
        width: 52% !important;
}
#BenefitsHTML .contentCol div{
    word-break: break-all;
}
#BenefitsHTML .contentCol  p{
        word-break: break-all;
}

div#mainNavBox .linkItem a:after{
    display: inline-block;
    text-align: right;
    float: right;
}
    .header .mainNavWrapper .mainNavBox .linkItem>a {
        padding-top: 5px;
        padding-bottom: 7px;
        display: flex;
        justify-content: space-between;
    }

    .header .mainNavWrapper .mainNavBox {
        position: absolute;
        width: 100vw;
        left: 0;
        max-height: 0;
        overflow: hidden;
        background: #ffffff;
        flex-flow: column;
        padding: 0px 15px;
        transition: all 700ms ease-in-out;
        top: 100%;
        z-index: 2;
        height: initial;
    }
    .stickyBtn {
         background-color: transparent !important;
    }

    body.menuActive {
        overflow-y: hidden;
    }

    body.menuActive .header .mainNavWrapper .mainNavBox {
        display: block;
        height: calc(100vh - 77px);
        overflow-y: auto;
        padding: 0 15px 0 15px;
        max-height: 1500px;
    }

    body.menuActive .header .mainNavWrapper .mainNavBox.active {
        overflow-y: hidden;
    }

    .header .mainNavWrapper .onlineBankingBox {
        display: none;
    }

    .header .mainNavWrapper .searchWrapper {
        justify-content: flex-end;
        align-items: center;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper {
        position: fixed;
        width: 100vw;
        height: 0;
        max-height: 0;
        top: 77px;
        left: 0;
        overflow: hidden;
        transition: height 700ms ease-in-out;
        background: #016AAA;
        padding: 0px 20px;
        z-index: 3;
        transition: all 300ms ease-in-out;
    }

    body.activeSearch {
        overflow: hidden;
    }

    body.activeTopBar .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper {
        height: calc(100vh - 127px);
        top: 127px;
    }

    body.activeSearch .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper {
        left: 0;
        max-height: 1000px;
        padding: 40px 20px;
        height: calc(100vh - 77px);
    }

    body.activeSearch .header .mainNavWrapper .searchWrapper .searchBox .serchIcon::before {
        content: '';
        background: url('../images/search-icon-close.svg') center center no-repeat;
        background-size: 100%;
        z-index: 1;
    }

    body .header .mainNavWrapper .searchWrapper .searchBox .serchIcon::after {
        content: '';
        height: 0px;
        transition: all 300ms ease-in-out;
    }

    body.activeSearch .header .mainNavWrapper .searchWrapper .searchBox .serchIcon::after {
        content: '';
        height: 60px;
        background: #0069AA;
        width: 100%;
        top: 50%;
        position: absolute;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper input {
        background: none;
        color: #ffffff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 0;
        line-height: 40px;
        height: 40px;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchGroupBox {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ffffff;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchGroupBox input {
        width: calc(100% - 50px);
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchGroupBox .searchIcon {
        display: block;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchedData {
        width: 100%;
        margin-top: 20px;
        display: block;
        color: #ffffff;
    }

    .header .mainNavWrapper .searchWrapper .searchBox .searchFieldWrapper .searchedData * {
        padding: 5px 0;
        font-weight: 100;
    }

    .header .mainNavWrapper .searchWrapper .searchBox {
        width: initial;
        padding: 0;
        border: none;
        position: relative;
    }

    .header .topNavBar .navWrappr ul {
        display: none;
    }

    .header .navWrappr .listenBox .skipListen {
        display: block;
    }

    .header .topNavBar .langBox {
        display: none;
    }

    .header .topNavBar .listenBox {
        padding: 0;
        border: none;
        flex: 1;
        justify-content: space-between;
    }

    .header .mainNavWrapper .mainNavBox .linkItem {
        width: 100%;
    }

    .header .mainNavWrapper .mainNavBox .linkItem {
        padding: 10px 10px;
        border-bottom: 1px solid #dddddd;
    }

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

    .header .mainNavWrapper .mainNavBox .onlineBankingBox {
        display: flex;
    }

    .burgarMenu {
        display: block;
    }

    body.menuActive .burgarMenu {}

    .header .navWrappr {
        background: #F2F6FB;
        padding-top: 14px;
        padding-bottom: 10px;
    }

    .header .navWrappr>ul {
        flex-flow: column;
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .header .navWrappr>ul>li {
        border-bottom: 1px solid rgba(33, 33, 33, .3);
    }

    .header .navWrappr ul li.arrow>a::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 8px;
        background: url('../images/navArrow.svg') no-repeat center center;
        background-size: contain;
        transform: translateY(10px);
    }

    .header .navWrappr ul li>a {
        padding: 10px 10px;
        width: 100%;
        justify-content: space-between;
    }

    .header .navWrappr ul li .subMenuWrapper {
        position: fixed;
        width: 100%;
        left: -100%;
        background: #016AAA;
        transition: all 300ms ease-in-out;
        padding: 0 15px;
        overflow-y: auto;
    }

    .header .navWrappr ul li.active .subMenuWrapper {
        left: 0;
        z-index: 2;
    }

    .header .navWrappr ul li .subMenuWrapper a {
        padding: 0 0px;
    }

    .header .navWrappr ul li .subMenuWrapper ul li {
        list-style-type: disc;
    }

    .header .navWrappr ul li .subMenuWrapper ul li a {
        font-weight: 100;
    }

    .header .mainNavWrapper .mainNavBox .navWrappr {
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 120px;
    }

    .header .mainNavWrapper .mainNavBox .linkItem .navigationWrapper {
        left: -100%;
        position: fixed;
        transition: left 300ms ease-in-out;
        max-height: initial;
        opacity: 1;
        overflow-y: auto;
    }

    .header .mainNavWrapper .mainNavBox .linkItem.active .navigationWrapper {
        left: 0;
        z-index: 2;
    }

    .header .colWrapper {
        flex-flow: column;
    }

    .header .colWrapper .col {
        width: 100%;
        padding: 15px 0;
    }

    .mainMenuTab {
        display: block;
    }

    .mobMenuHeading {
        display: block;
    }

    .header .mainNavWrapper .mainNavBox .langBox {
        display: block;
        margin-bottom: 20px;
        color: #0069AA;
    }

    .header .colWrapper .col .link.arrow {
        position: relative;
    }

    .header .colWrapper .col .link.arrow:after {
        content: '';
        position: absolute;
        background: url('../images/btn-arrow-white.svg') no-repeat center center;
        background-size: cover;
        height: 12px;
        width: 8px;
        right: 15px;
        top: 6px;
    }

    .header .colWrapper .col .link ul {
       
       display: block ;

    }

    .header .colWrapper .col .link.active ul {
        display: block;
    }

    .header .mainNavWrapper .mainNavBox .flotingTab {
        position: relative;
        top: initial;
        right: initial;
        display: flex;
        flex-flow: column;
        z-index: 0;
    }

    .header .navigationWrapper .container_ .bannerBox {
        position: relative;
        top: initial;
        margin-bottom: 20px;
    }

    .header .mainNavWrapper .mainNavBox .flotingTab .tabBox .tab .text {
        max-width: initial;
        opacity: 1;
        color: #333333;
    }

    .header .mainNavWrapper .mainNavBox .flotingTab .tabBox {
        width: 100%;
    }

    .header .mainNavWrapper .mainNavBox .flotingTab .tabBox .tab {
        right: initial;
        left: 0;
    }

    .flotingTab .tabBox .subTabWrapper {
        display: none;
    }

    .header .mainNavWrapper .mainNavBox .flotingTab .tabBox .tab {
        display: flex;
        position: absolute;
        flex-flow: row;
    }

    .header .colWrapper .col .link.active.arrow:after {
        transform: rotate(90deg);
    }

    .header .colWrapper .col .headText {
        font-size: 20px;
    }

    .header .mainNavWrapper .mainNavBox .linkItem a {
        font-size: 18px;
    }

    .header .colWrapper .col .link ul li a {
        font-size: 16px;
    }

    .header .colWrapper .col .link a {
        font-size: 18px;
    }

    body.activeTopBar .headerWrapper {
        min-height: 127px;
    }

    .headerWrapper .header .topNavBar {
        display: none;
    }

    body.activeTopBar .headerWrapper .header .topNavBar {
        display: block;
    }

    .headerWrapper .header .mainNavWrapper .mainNavBox .linkItem .navigationWrapper {
        height: calc(100vh - 77px);
        top: 77px;
    }

    body.activeTopBar .headerWrapper .header .mainNavWrapper .mainNavBox .linkItem .navigationWrapper {
        height: calc(100vh - 127px);
        top: 127px;
        padding-bottom: 70px;
    }

    .headerWrapper .header .navWrappr ul li .subMenuWrapper {
        height: calc(100vh - 77px);
        top: 77px;
    }

    body.activeTopBar .headerWrapper .header .navWrappr ul li .subMenuWrapper {
        height: calc(100vh - 127px);
        top: 127px;
    }
    .mainFooterSection .helpMeWrapper .ask {flex:none}





    .flotingTab {
    width: 100% !important;
}
.flotingTab .subTabWrapper {
   margin:-25px 0px 0px 0px;
}
.flotingTab .tab {
    width: 100% !important;
}
.flotingTab .subTabWrapper .item {
    display: inline-block;
    width: 50%;
    float: right;
}

.flotingTab .text {
    width: 50%;
}
.tabBox:hover{
    margin-bottom:40px;
}


.flotingTab 
.tabBox:nth-child(2) .icon{
    width:35px !important; height:35px !important;
}


}

@media (max-width:575px) {
    .header .mainNavWrapper .mainNavBox .onlineBankingBox {
        width: 100%;
    }
    .compare-box-details-box .compare-box-bot.compare-box-details-box-button {
      width:100% !important;
}
    .mainFooterSection .helpMeWrapper .stickyBtn {font-size: 14px;}
    div#SearchBox input {
    width: 57%;
        margin-left: -10px;
}
.flotingTab .tabBox:hover .tab .text{
    padding-right: 0px !important;
}
.colWrapperBox .col .contentBox .iconWrap{
    display:inherit !important; 
}
.colWrapperBox .col .contentBox .iconWrap .item{
    margin-bottom:20px;
}
.compare-card-box { display: block;}
.compare-card-head{    margin-top:0px !important;}
.compare-box-details-box {        display: block;}
.compare-box-details-box-button{    width:100% !important;}

.CompareCardsSection .cardWrapper .closeCompair{    top:5px !important;        right: 5px !important;}

}




.cardCrausal {
    width: 100%;
    margin: 3% 0 0 0;
    max-width: 760px;
}

.cardCrausal .cardItem {
    max-width: 250px;
    padding: 10px;
}

.cardCrausal .cardItem .cardImg {
    max-width: 150px;
    margin-bottom: 10px;
}

.cardCrausal .cardItem .text {
    font-size: 14px;
    color: #0993DC;
    line-height: 1.214em;
}

.cardCrausal .cardItem .btnGroup {
    opacity: 0;
}

.cardCrausal .cardItem:hover .btnGroup {
    opacity: 1;
}

.cardCrausal .cardItem .btn_ {
    height: 33px !important;
    font-size: 14px;
    min-width: initial;
    padding-left: 10px;
    padding-right: 20px;
    border: none;
    margin-left: -10px;
}

.cardCrausal .cardItem .btn_::after {
    right: 6px;
    height: .8em;
}

.cardCrausal.active {
    display: block;
}

.cardCrausal .slick_dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.cardCrausal .slick_dots li {
    width: 40px;
}

.cardCrausal .slick_dots li button {
    width: 100%;
}

.cardCrausal .slick_dots li button:before {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 1);
}

.cardCrausal .slick_dots li.slick_active button:before {
    background: rgba(234, 120, 60, 1);
    opacity: 1;
}

.cardCrausal .slick_dotted.slick_slider {
    margin-bottom: 15px;
}

@media (max-width:767px) {
    .cardCrausal .slick_list {
        padding: 0 20% 0 0 !important;
    }
    .compare-box-details-box .compare-box-bot.compare-box-details-box-button {
      width:100% !important;
}
.compare-card-box { display: block;}
.compare-card-head{    margin-top:0px !important;}
.compare-box-details-box {        display: block;}
.compare-box-details-box-button{    width:100% !important;}

.CompareCardsSection .cardWrapper .closeCompair{    top:5px !important;        right: 5px !important;}
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
    .featureMainBoxWrapper .contentBox .moreFeatureBtn {
    display: inline-table !important;
}
.flotingTab .tabBox:hover .tab .text{
    padding-right: 0px !important;
    width: 65%;
}

    .RewardsSection .boxWrapper .itemBox .contentCol h4::after{
            width: calc(60% + 80px) !important;
    }
    #BenefitsHTML .contentCol div{
    word-break: break-all;
}
.BenefitsSection .boxWrapper .itemBox .contentCol p {
    min-width: inherit !important;
    margin-left: inherit !important;
}
#BenefitsHTML .contentCol  p{
        word-break: break-all;
}
    .BenefitsSection .boxWrapper .itemBox .contentCol h4::after {
    width: calc(66% + 80px) !important;
}
.colWrapperBox .col .contentBox .iconWrap{
    display:inherit !important; 
}
.colWrapperBox .col .contentBox .iconWrap .item{
    margin-bottom:20px;
}

    .cardCrausal .cardItem .cardImg {
        max-width: 100%;
    }

    .cardCrausal .cardItem .cardImg img {
        width: 100%;
        height: initial;
    }

    .header .mainNavWrapper .WrapperBox .brand {
        width: 173px;
        display: flex;
        align-items: center;
    }

    .cardCrausal .cardItem .btnGroup {
        opacity: 1;
    }
}

.tabBox .text a, .subTabWrapper .t a{
    color:#00a1e4;
}

.productItemWrapper {
    display: flex;
    min-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    padding-top: 15px;
}

.productItemWrapper .itemWrapper {
    position: relative;
    width: calc(50% - 8px);
}

.productItemWrapper .itemWrapper .imgWrapper {
    position: relative;
}

.productItemWrapper .itemWrapper .imgWrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.productItemWrapper .itemWrapper .imgWrapper img {
    width: 100%;
    height: initial;
}

.productItemWrapper .itemWrapper .content {
    position: absolute;
    bottom: 40px;
    width: calc(100% - 200px);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.productItemWrapper .itemWrapper .content h3 {
    font-size: 30px;
    line-height: 1.375em;
    color: #ffffff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    padding-bottom: 5px;
}

.productItemWrapper .itemWrapper .content p {
    font-size: 18px;
    line-height: 1.100em;
    margin-bottom: 1em;
    color: #ffffff;
}

.productItemWrapper .itemWrapper .content .linkGrpup {
    color: #EA933E;
    font-size: 20px;
    line-height: 1.125em;
    margin-bottom: 1em;
}

.productItemWrapper .itemWrapper .content .linkGrpup a {
    display: inline-block;
    color: #ffffff !important;
}

.productItemWrapper .itemWrapper.full-width .content .textGroup::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 60px;
    background: #009EDE;
    left: -20px;
    top: 1em;
}

.innerPageBanner {
    display: flex;
    min-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}

.innerPageBanner .banner {
    position: relative;
    width: 100%;
    ;
}

.innerPageBanner .banner .imgWrapper {
    position: relative;
}

.innerPageBanner .banner .imgWrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: .5;
}

.innerPageBanner .banner .imgWrapper img {
    width: 100%;
    height: initial;
}

.innerPageBanner .banner .content {
    position: absolute;
    bottom: 40px;
    width: 100%;
    left: 0;
    z-index: 1;
    color: #ffffff;
}

.innerPageBanner .banner .content .container_ {
    margin-left: auto;
    margin-right: auto;
}

.innerPageBanner .banner .content .textGroup {
    width: 100%;
    position: relative;
    font-size: 42px;
    padding-left: 0.540em;
    max-width: 50%;
}

.innerPageBanner .banner .content .textGroup h3 {
    font-size: 1em;
    line-height: 1.360em;
        color: #fff;
    font-weight: 600;

}

.innerPageBanner .banner .content .textGroup p {
    font-size: 0.440em;
    line-height: 1.273em;
    font-weight: 400;
}

.innerPageBanner .banner .content .textGroup::before {
    content: '';
    width: 7px;
    height: 63px;
    position: absolute;
    top: .3em;
    left: 0;
    background: #009EDE;
}

.innerPageBanner .banner .content .cardImg {
    height: 239px;
}

.innerPageBanner .banner .content .cardImg img {
    height: 100%;
}

@media (max-width: 1600px) {
    .innerPageBanner .banner .content .textGroup  {
      font-size: 40px
  }
  .innerPageBanner .banner .content .textGroup::before{height: 57px}
}

@media (max-width: 1440px) {
    .innerPageBanner .banner .content .textGroup {
        font-size: 36px;
    }

    .innerPageBanner .banner .content .textGroup::before {
        content: '';
        width: 6px;
        height: 56px;
    }

    .innerPageBanner .banner .content .cardImg {
        height: 190px;
    }

    .innerPageBanner .banner .content .textGroup p {
        font-size: 0.611em;
    }
}

@media (max-width: 990px) {
    .innerPageBanner .banner .content .textGroup {
        font-size: 30px;
        max-width: initial;
    }
.featureMainBoxWrapper .contentBox .moreFeatureBtn{
    display: inline !important;
}
    .innerPageBanner .banner .content .cardImg {
        height: 170px;
    }
}

@media (max-width: 767px) {
    .innerPageBanner .banner .content {
        position: relative;
        bottom: initial;
        padding: 10px 0 20px 0;
        background: #F2F6FB;
    }
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
    .featureMainBoxWrapper .contentBox .moreFeatureBtn {
    display: inline-table !important;
}


    .colWrapperBox .col .contentBox .iconWrap{
    display:inherit !important; 
}
.colWrapperBox .col .contentBox .iconWrap .item{
    margin-bottom:20px;
}
div#SearchBox input {
    width: 63%;
    margin-left: -15px;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
}
    .innerPageBanner .banner .content .textGroup {
        font-size: 28px;
    }

    .innerPageBanner .banner .content .textGroup h3 {
        color: #00A1E4;
    }

    .innerPageBanner .banner .content .textGroup p {
        color: #2C2929;
    }

    .innerPageBanner .banner .content .textGroup::before {
        height: 48px;
    }

    .innerPageBanner .banner .content .cardImg {
        height: initial;
        width: 60%;
        position: absolute;
        bottom: 120%;
    }

    .innerPageBanner .banner .content .cardImg img {
        width: 100%;
        height: initial;
    }
}



.bradeCrumbWrapper {
    width: 100%;
}

.bradeCrumbWrapper .container_ {
    position: relative;
}

.bradeCrumbWrapper ul {
    padding: 5px 16px;
    list-style: none;
    position: absolute;
    display: flex;
    z-index: 1;
}

.bradeCrumbWrapper ul li {
    display: inline;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bradeCrumbWrapper ul li+li:before {
    padding: 8px;
    color: #FFFFFF;
    content: "/\00a0";
    display: inline-flex;
}

.bradeCrumbWrapper ul li a {
    color: #ffffff;
    text-decoration: none;
}

.bradeCrumbWrapper ul li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.About_Burgan_Bank {
    padding-top: 60px;
    padding-bottom: 60px;
}

.About_Burgan_Bank .contentWrapper {
    display: flex;
    min-width: 100%;
    align-items: center
}

.About_Burgan_Bank .contentWrapper .iconBox {
    display: flex;
    align-items: flex-start;
}

.About_Burgan_Bank .contentWrapper .iconBox img {
    width: 100%;
    height: initial;
}

.About_Burgan_Bank .contentWrapper .text {
    padding: 0 50px;
}

.About_Burgan_Bank .contentWrapper .text h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.133em;
    margin-bottom: 0.767em;
}
input#searchNews {
    min-width: 232px;
}

.About_Burgan_Bank .contentWrapper .text p {
    font-size: 16px;
    line-height: 1.571em;
}

.About_Burgan_Bank .contentWrapper .btnBox {
    display: flex;
    align-items: center;
}

.featureItem .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
    background: #ffffff;
    position: relative;
    flex: 0 0 80px;
}

.featureItem .icon img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 65%;
}

.featureItem .text {
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    font-weight: 400;
}

@media (min-width: 1441px) {
    .About_Burgan_Bank .contentWrapper .iconBox {
        flex: 0 0 150px;
    }
}

@media (max-width: 1440px) {
    .featureItem .text {
        font-size: 16px;
    }

    .featureItem .icon {
        width: 70px;
        height: 70px;
        flex: 0 0 70px;
    }
}

@media (max-width: 1440px) {
    .About_Burgan_Bank {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .About_Burgan_Bank .contentWrapper .text h3 {
        font-size: 22px;
    }

    .About_Burgan_Bank .contentWrapper .text p {
        font-size: 14px;
    }

    .About_Burgan_Bank .contentWrapper .iconBox {
        width: 106px;
    }

    .About_Burgan_Bank .contentWrapper .iconBox img {
        width: 106px;
    }

    .productItemWrapper .itemWrapper.full-width .content h3 {
        font-size: 30px;
    }

    .productItemWrapper .itemWrapper.full-width .content p {
        font-size: 18px;
    }

    .productItemWrapper .itemWrapper .content h3 {
        font-size: 28px;
    }

    .productItemWrapper .itemWrapper .content p {
        font-size: 16px;
    }

    .productItemWrapper .itemWrapper .content .linkGrpup {
        font-size: 16px;
    }

    .productItemWrapper .itemWrapper .content .cardImg {
        height: 200px;
    }
}



@media (max-width:767px) {
    .bradeCrumbWrapper {
        display: none;
    }
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}

    .productItemWrapper .itemWrapper {
        width: 100%;
        background: #F2F6FB;
    }

    .About_Burgan_Bank .contentWrapper {
        flex-flow: column;
        gap: 15px;
    }

    .About_Burgan_Bank .contentWrapper .text {
        padding: 0 0;
    }

    .productItemWrapper .itemWrapper.full-width .content h3 {
        color: #00A1E4;
        font-size: 28px;
        text-shadow: none;
    }

    .productItemWrapper .itemWrapper.full-width .content p {
        color: #2C2929;
    }

    .productItemWrapper .itemWrapper.full-width .content::before {
        top: 50%;
        transform: translateY(-50%);
        height: 50px;
        left: 0;
    }

    .productItemWrapper .itemWrapper .content {
        width: 100%;
        max-width: 540px;
        padding: 15px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
    }

    .productItemWrapper .itemWrapper .content .cardImg {
        height: initial;
    }
}

.footerSection {
    background: #F2F6FB;
}

.footerSection .SubscribeSection {
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    min-width: 100%;
    justify-content: space-between;
    align-items: center;
}

.footerSection .SubscribeSection .callBox {
    font-size: 26px;
    display: flex;
    align-items: center;
}

.footerSection .SubscribeSection .callBox .call {
    font-size: 1em;
    font-weight: 600;
    color: #333333;
}

.footerSection .SubscribeSection .callBox .no {
    font-size: 1.600em;
    color: #527992;
}

.footerSection .SubscribeSection .Subscribebox {
    display: flex;
    width: calc(100% - 630px);
    justify-content: space-evenly;
    align-items: center;
    position: relative;
}

.footerSection .SubscribeSection .Subscribebox .text {
    font-size: 26px;
    font-weight: 600;
}

.footerSection .SubscribeSection .Subscribebox .searchWrapper {
    height: 45px;
    width: calc(100% - 450px);
    display: flex;
}

.footerSection .SubscribeSection .Subscribebox .searchWrapper input {
    width: calc(100% - 60px);
    font-size: 18px;
    font-weight: 100;
    padding: 0 20px;
    color: #527992;
    border: 1px solid #ACACAC;
    background: transparent;
    outline: none;
}

.footerSection .SubscribeSection .Subscribebox .searchWrapper .arrowBtn {
    width: 45px;
    height: 45px;
    background: url('../images/btn-arrow-white.svg') center center no-repeat #009EDE;
    position: relative;
}

.footerSection .SubscribeSection .D__line {
    height: 40px;
    width: 0;
    border-right: 1px solid rgba(112, 112, 112, 0.22);
}

.footerSection .linkBoxWrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid rgba(82, 121, 146, .3);
    border-bottom: 1px solid rgba(82, 121, 146, .3);
}

.footerSection .linkBoxWrapper .col {
    width: calc(100% / 6);
    padding: 15px;
}

.footerSection .linkBoxWrapper .col .headText {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1.164em;
}
.footerSection .linkBoxWrapper .col .headText a{color:#333333 ;font-size: 18px;text-decoration: none}

.footerSection .linkBoxWrapper .col .linkGroup .link {
    margin-bottom: 13px;
}

.footerSection .linkBoxWrapper .col .linkGroup .link a {
    font-size: 17px;
    line-height: 1.200em;
    display: flex;
    font-weight: 300;
    text-decoration: none !important;
    color: #151515 !important;
}

.footerSection .socialSection {
    padding-top: 25px;
    padding-bottom: 25px;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
}

.footerSection .socialSection .appCol {
    display: flex;
    align-items: center;
}

.footerSection .socialSection .text {
    font-size: 18px;
    margin-right: 40px;
}

.footerSection .socialSection .appCol img {
    margin-right: 15px;
}

.footerSection .socialSection .socialLinkGroup {
    display: flex;
    align-items: center;
}

.footerSection .socialSection .socialLinkGroup a {
    margin-left: 15px;
}

.bottomSec {
    background: #527992;
    padding-top: 25px;
    padding-bottom: 25px;
}

.bottomSec .group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottomSec .group p {
    color: #F2F6FB;
    font-size: 16px;
}

.bottomSec .group p a {
    color: #F2F6FB;
}

.helpMeSection {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 2;
}

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

.helpMeWrapper .stickyBtn {
    display: inline-flex;
    align-items: center;
    padding: 0 1em;
    line-height: 1em;
    background: #00A1E4;
    color: #ffffff;
    white-space: nowrap;
    font-size: 17px;
    border-radius: 10px;
    min-height: 2.810em;
}

.helpMeWrapper .helpMeBtn::after {
    content: '+';
    display: inline-flex;
    font-size: 2.5em;
    margin-left: .3em;
}

.helpMeWrapper .ask {
    background-color: transparent !important;
    /* background: #EA933E; */
    flex: 1 1 140px;
    padding-right: 2px
}

.helpMeWrapper .ask span {
    display: inline-flex;
    flex: 0 0 35px;
    margin-right: 5px;
    margin-top: 3px;
}

.helpMeWrapper .ask span img {
    width: 100px;

    height: 100px;
    position: relative;
    top: 6px;
}

/* body.FAA_popup .helpMeSection  { z-index: 4; }
    body.FAA_popup .helpMeWrapper .ask { opacity: 0; visibility: hidden;  } */
@media (max-width:1200px){
    .helpMeWrapper .ask {
    flex: 1 0 107px;
}
}

@media (max-width: 990px) {
    .helpMeWrapper .ask {
        flex: 0 0 100px;
          padding-right: 18px
    }

    .helpMeWrapper .ask span {
        flex: 0 0 27px;
    }

    .CompareCardsSection.active{
        bottom: 60px;
    }
  
}



.findAnAccountPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: url('../images/find-an-account-img.png') no-repeat right bottom #F2F6FB;
    z-index: 3;
    max-height: 0;
    overflow: hidden;
    transition: all 700ms ease-in-out;
}

body.FAA_popup {
    overflow: hidden;
}

body.FAA_popup .findAnAccountPopup {
    max-height: 2000px;
    overflow-y: auto;
}

.findAnAccountPopup .popupWrapper {
    padding: 10vh 0;
    width: 100%;
    min-height: 700px;
    position: relative;
}

.findAnAccountPopup .popupWrapper .contentBox {
    max-width: 660px;
    position: relative;
}

.findAnAccountPopup .popupWrapper .contentBox h3 {
    font-size: 36px;
    padding: .3em 0;
    line-height: 1.361em;
    color: #009EDE;
}

.findAnAccountPopup .popupWrapper .contentBox p {
    font-size: 16px;
    padding: .3em 0;
}

.findAnAccountPopup .popupWrapper .contentBox h4 {
    font-size: 24px;
    line-height: 1.375em;
    padding: .3em 0;
    font-weight: 600;
}

.findAnAccountPopup .popupWrapper .contentBox .stepWrapper {
    width: 90%;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: space-between;
    position: relative;
}

.findAnAccountPopup .popupWrapper .contentBox .stepWrapper .step {
    height: 25px;
    width: 25px;
    background: #CDD6DE;
    color: #527992;
    font-size: 12px;
    display: flex;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.findAnAccountPopup .popupWrapper .contentBox .stepWrapper .step.active {
    background: #EA933E;
    color: #ffffff;
}

.findAnAccountPopup .popupWrapper .contentBox .stepWrapper:before {
    content: '';
    background: url('../images/line-bg.svg') repeat-x center center;
    top: 50%;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
}

.findAnAccountPopup .popupWrapper .contentBox .selectWrapper {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #D6D6D6;
    background-color: rgb(244, 244, 244);
}

.findAnAccountPopup .popupWrapper .contentBox .selectWrapper .select_selected {
    background: url('../images/select-arrow-orange.svg') no-repeat calc(100% - 10px) center;
    color: #333333;
}

.findAnAccountPopup .popupWrapper .contentBox .selectWrapper select {
    width: 100%;
    height: 35px;
    border: 1px solid #D6D6D6;
    padding: 0 20px;
    background: url('../images/select-arrow-orange.svg') no-repeat calc(100% - 10px) center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-weight: 100;
}

.findAnAccountPopup .popupWrapper .contentBox .closeFAA {
    position: absolute;
    top: -30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.findAnAccountPopup .popupWrapper .contentBox .closeFAA:before {
    content: '+';
    font-size: 2em;
    color: #EA933E;
    display: inline-flex;
    margin-right: .3em;
    transform: rotate(45deg);
}

.findAnAccountPopup .popupWrapper .contentBox .linkWrapper {
    margin-top: 70px;
}

.findAnAccountPopup .popupWrapper .contentBox .linkWrapper h5 {
    font-size: 22px;
    font-weight: 400;
}

.findAnAccountPopup .popupWrapper .contentBox .linkWrapper .linkBox {
    margin-top: 2em;
}

.findAnAccountPopup .popupWrapper .contentBox .linkWrapper .linkBox a {
    font-size: 16px;
    color: #009EDE;
    padding: 3px 10px;
    margin: 3px 0;
    display: inline-flex;
    border-right: 1px solid #CDD6DE;
}

.findAnAccountPopup .helpMeWrapper {
    position: absolute;
    right: 3%;
    bottom: 10px;
}

.findAnAccountPopup .helpMeWrapper .helpMeBtn::after {
    transform: rotate(45deg);
}

.findAnAccountPopup .popupWrapper .contentBox {
    max-width: 800px;
    width: 100%;
}

.findAnAccountPopup .radioBtnWrap {
    display: flex;
    gap: 0 20px;
    flex: 0 0 100%;
    flex-wrap: wrap;
}

.findAnAccountPopup .radioBtnWrap .radioBtnBox {
    display: flex;
    margin: 0.5rem;
}

.findAnAccountPopup .radioBtnWrap .radioBtnBox .label-text {
    font-size: 18px;
    font-weight: 100;
}

.findAnAccountPopup .radioBtnWrap .radioBtnBox .radio-label {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 100;
}

.findAnAccountPopup .radioBtnWrap .radioBtnBox input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.findAnAccountPopup .radioBtnWrap .radioBtnBox input[type=radio]+.radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #CDD6DE;
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.findAnAccountPopup .radioBtnWrap .radioBtnBox input[type=radio]:checked+.radio-label:before {
    background-color: #EA933E;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border: 1px solid #EA933E;
}

.findAnAccountPopup .contentGroup {
    overflow-x: auto;
}

.findAnAccountPopup .contentGroup .colGroup {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed #999999;
    padding: 10px 0;
}

.findAnAccountPopup .contentGroup .colGroup .colG {
    flex: 0 0 100%;
    display: flex;
}

.findAnAccountPopup .contentGroup .colGroup .rowHeading {
    flex: 0 0 100%;
    font-size: 16px;
    font-weight: 600;
    color: #AFAFAF;
    line-height: 1.375em;
}

.findAnAccountPopup .contentGroup .colGroup .col {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    flex: 1 0 270px;
    padding: 5px 0;
}

.findAnAccountPopup .contentGroup .colGroup .col p, .CompareCardsSection .cardWrapper .contentGroup .colGroup .col li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.357em;
    color: #2C2929;
}

.findAnAccountPopup .contentGroup .colGroup .col ul {
    list-style: none;
}

.findAnAccountPopup .contentGroup .colGroup .col ul li {
    padding-left: 20px;
    position: relative;
    line-height: 2em;
}

.findAnAccountPopup .contentGroup .colGroup .col ul li::before {
    content: '';
    height: 4px;
    width: 4px;
    border-radius: 5px;
    background: #00A1E4;
    position: absolute;
    left: 0;
    top: 1em;
}

.findAnAccountPopup .contentGroup .colGroup .col h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.375em;
    color: #0993DC;
}

.findAnAccountPopup .contentGroup .colGroup .btnGroup {
    gap: 20px;
}

.findAnAccountPopup .contentGroup .colGroup .btnGroup .btn_ {
    min-width: calc(50% - 20px);
    font-size: 14px;
    height: 40px;
    padding: 0 25px 0 15px;
}

.findAnAccountPopup .contentGroup .colGroup .btnGroup .btn_::after {
    right: .5em;
}

@media (max-width:767px) {
    .findAnAccountPopup .contentGroup .colGroup .col h5 {
        font-size: 18px;
    }
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}

    .findAnAccountPopup .contentGroup .colGroup .col p, .CompareCardsSection .cardWrapper .contentGroup .colGroup .col li {
        font-size: 16px;
    }
}



@media (min-width: 1441px) {
    .helpMeSection {
        bottom: 70px;
    }

    .findAnAccountPopup {
        height: calc(100vh - 158px);
        top: 158px;
    }
}

@media (max-width: 1440px) {
    .footerSection .SubscribeSection .callBox {
        font-size: 22px;
    }

    .footerSection .SubscribeSection .Subscribebox .text {
        font-size: 22px;
    }

    .footerSection .SubscribeSection .Subscribebox .searchWrapper {
        height: 42px;
        width: calc(100% - 320px);
    }

    .footerSection .SubscribeSection .Subscribebox .searchWrapper .arrowBtn {
        height: 42px;
        width: 42px;
        background: url('../images/btn-arrow-white.svg') no-repeat center center #00A1E4;
    }

    .footerSection .SubscribeSection .Subscribebox {
        width: calc(100% - 460px);
    }

    .footerSection .SubscribeSection, .footerSection .linkBoxWrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footerSection .linkBoxWrapper .col .headText {
        font-size: 16px;
    }

    .footerSection .linkBoxWrapper .col .linkGroup .link a {
        font-size: 15px;
    }

    .footerSection .socialSection .text {
        font-size: 16px;
        margin-right: 10px;
    }

    .footerSection .socialSection .appCol .text {
        font-size: 16px;
        margin-right: 40px;
    }

    .bottomSec .group p {
        font-size: 15px;
    }

    .bottomSec {
        padding-top: 23px;
        padding-bottom: 23px;
    }

    .footerSection .socialSection .socialLinkGroup a img {
        height: 38px;
        width: 38px;
    }

    .footerSection .SubscribeSection .Subscribebox .searchWrapper input {
        font-size: 15px;
        width: calc(100% - 40px);
    }

    .helpMeWrapper .stickyBtn {
        font-size: 15px;
    }

    .findAnAccountPopup {
        height: calc(100vh - 127px);
        top: 127px;
    }

    .footerSection .socialSection .appCol img {
        max-height: 39px;
        width: initial;
        height: initial;
    }
}

@media (max-width:990px) {
    .footerSection .SubscribeSection .callBox {
        font-size: 20px;
    }

    .footerSection .SubscribeSection .Subscribebox .text {
        font-size: 20px;
    }

    .productItemWrapper .itemWrapper .content {
        left: 40px;
        width: calc(100% - 80px);
    }

    .productItemWrapper .itemWrapper .content h3 {
        font-size: 24px;
    }

    .productItemWrapper .itemWrapper .content .cardImg {
        height: 120px;
    }

    .About_Burgan_Bank {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width:990px) {

    .footerSection .SubscribeSection {
        flex-flow: column;
        gap: 15px 0;
    }

    .footerSection .SubscribeSection .Subscribebox {
        width: 100%;
    }

    .footerSection .SubscribeSection .Subscribebox .text {
        white-space: nowrap;
    }

    .footerSection .linkBoxWrapper .col {
        width: calc(100% / 3);
    }

    .findAnAccountPopup {
        height: calc(100vh - 77px);
        top: 77px;
        background-size: contain;
    }

    body.activeTopBar .findAnAccountPopup {
        height: calc(100vh - 127px);
        top: 127px;
    }

    .findAnAccountPopup .popupWrapper .contentBox h3 {
        font-size: 26px;
    }

    .findAnAccountPopup .popupWrapper .contentBox h4 {
        font-size: 22px;
    }

    .findAnAccountPopup .popupWrapper .contentBox .linkWrapper {
        margin-top: 30px;
    }

    .findAnAccountPopup .popupWrapper {
        padding-top: 40px;
        background: url('../images/find-an-account-img.png') no-repeat right bottom #F2F6FB;
        background-size: contain;
        padding-bottom: 60%;
    }

    .helpMeWrapper .stickyBtn {
        font-size: 14px;
    }

    .helpMeSection {
        background: transparent;
        padding: 10px;
        width: 100vw;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

    .footerSection .SubscribeSection .D__line {
        display: none;
    }

    .bottomSec {
        padding-bottom: 80px;
    }
}



@media (max-width:767px) {
    .helpMeWrapper .stickyBtn {
        min-height: 48px;
    }
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}

    .productItemWrapper .itemWrapper .content {
        left: 0;
        width: calc(100% - 10px);
    }

    .footerSection .SubscribeSection .Subscribebox {
        flex-flow: column;
    }

    .footerSection .SubscribeSection .Subscribebox .searchWrapper {
        width: 100%;
    }

    .footerSection .linkBoxWrapper {
        flex-flow: column;
    }

    .footerSection .linkBoxWrapper .col {
        width: 100%;
        padding: 0 15px;
    }

    .footerSection .linkBoxWrapper .col .linkGroup {
        display: none;
    }

    .footerSection .linkBoxWrapper .col .headText {
        margin-top: .8em;
        margin-bottom: .8em;
        position: relative;
    }

    .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;
        right: 0;
        transform: rotate(0);
    }

    .footerSection .linkBoxWrapper .col.active .linkGroup {
        display: block;
    }

    .footerSection .SubscribeSection {
        align-items: baseline;
        gap: 50px 0;
    }

    .footerSection .SubscribeSection .Subscribebox {
        align-items: baseline;
        gap: 10px 0;
    }

    .footerSection .grayLine {
        position: relative;
    }

    .footerSection .grayLine:after {
        content: '';
        position: absolute;
        width: 100%;
        bottom: -25px;
        border-bottom: 1px solid rgba(70, 70, 70, .22);
        left: 50%;
        transform: translateX(-50%);
    }

    .footerSection .SubscribeSection .btnBox, .footerSection .SubscribeSection .callBox {
        width: 100%;
    }

    .footerSection .SubscribeSection .btnBox::after {
        display: none;
    }

    .footerSection .socialSection {
        flex-flow: column;
        gap: 40px 0;
    }

    .footerSection .socialSection .text {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .footerSection .socialSection .appCol {
        flex-wrap: wrap;
        gap: 20px 0;
        justify-content: center;
    }

    .footerSection .socialSection .socialLinkGroup {
        flex-wrap: wrap;
        gap: 10px 0;
        justify-content: center;
    }

    .footerSection .socialSection .socialLinkGroup .text {
        width: 100%;
    }

    .bottomSec .group {
        flex-wrap: wrap;
        gap: 40px 0;
        justify-content: center;
    }

    .bottomSec .grayLine:after {
        border-color: rgba(255, 255, 255, .22);
    }

    .footerSection .linkBoxWrapper .col.active .headText.arrow:after {
        transform: rotate(180deg);
    }

    .footerSection .linkBoxWrapper .col .headText {
        font-size: 18px;
    }

    .footerSection .linkBoxWrapper .col .linkGroup .link a {
        font-size: 16px;
        line-height: 1.438em;
    }

    .footerSection .linkBoxWrapper .col .linkGroup .link {
        margin-bottom: 10px;
    }

    .footerSection .socialSection .appCol .text {
        margin-right: initial;
    }

    .helpMeWrapper .stickyBtn {
        white-space: normal;
    }

    .findAnAccountPopup .popupWrapper .contentBox .linkWrapper h5 {
        color: #0069AA;
    }

    .findAnAccountPopup .popupWrapper .contentBox .linkWrapper .linkBox {
        margin-top: initial;
        margin-left: -10px;
    }

    .findAnAccountPopup .popupWrapper .contentBox .linkWrapper .linkBox a {
        margin: 3px 0;
        padding: 0 10px;
    }

    .findAnAccountPopup .helpMeWrapper {
        right: initial;
        left: 15px;
        max-width: 180px;
    }
}

.BenefitsSection {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width:767px) {
    .featureMainBoxWrapper .tabWrap .tab {
        padding-left: 10px;
    }
.WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
    .BenefitsSection {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.featureMainBoxWrapper .tabWrap .tab {
    margin-left: 20px !important;
}

p {
    font-weight: 300 ;
}

@media (max-width:767px) {
    .featureMainBoxWrapper .tabWrap .tab {
        margin-left: 10px !important;
    }
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
}
.eligibilitySection .accordionGroup .groupContent .accordionBox .tabBox.active .contentBox{overflow-y: auto}
.BenefitsSection .item p::before{margin-top:0px}
.card-box-bot a,.debit-box-bot a,.credit-box-bot a {padding-right: 20px !important;font-size: 16px !important}
.card-box-image img ,.debit-box-lower ul li img,.credit-box-lower ul li img {max-width: 100%;}
.card-box-lower ul li,.debit-box-lower ul li ,.credit-box-lower ul li {padding: 5px 11px !important;}
.card-box-lower,.debit-box-lower, .credit-box-lower {
    padding: 15px 20px 0 20px !important;
}

.WinnerSection .filterWrap p{margin: 0px}
.ms-rtestate-field p, p.ms-rteElement-P{margin: auto}
.ms-rtestate-field h3, h3.ms-rteElement-H3{line-height: auto;}
.eligibilitySection .accordionGroup .groupContent .content .list::before{top:0.65em !important;    height: 17px !important;}
.BenefitsSection .boxWrapper .itemBox .contentCol h4{font-weight:600 !important; margin-bottom: 0.833em !important;}
.BenefitsSection .boxWrapper .itemBox .contentCol p{margin-bottom: 0.73em !important;font-size: 18px !important}
.BenefitsSection .boxWrapper .itemBox .knowMore{font-size: 21px !important}
.contect__sec .item__Wrap .item__box:last-child .text__box .subTxt{font-size: 14px !important}
.contect__sec .item__Wrap .item__box{align-items: center !important}
.contect__sec .list__item{color:#0093de !important; font-weight: normal !important; font-size: 20px !important;cursor: pointer;}
.contect__sec .list__item::after {
    content: '';
    height: .5em;
    width: .5em;
    margin-left: .3em;
    transform: rotate(-45deg);
    border-right: 1px solid #EA933E;
    border-bottom: 1px solid #EA933E;
    display: inline-block;
    font-size: 16px;
}
.BenefitsSection h4{color:#333333};
.CompareCardsSection .cardWrapper .contentGroup .colGroup .col p{margin-left: 0px !important}
.mainColWrapperBox .colWrapperBox .col:first-child{align-self:  flex-start}
.eligibilitySection .accordionGroup .groupContent .content .list{font-size: 20px !important}
.eligibilitySection .accordionGroup .groupContent .content .list{font-size: 20px !important}
.eligibilitySection .accordionGroup .Go_To_Other_Page{font-size: 20px !important}

/* .BenefitsSection{gap:40px 20px !important} */
.contect__sec .item__Wrap .item__box .text__box .subTxt{font-size: 22px !important} 
.contect__sec .item__Wrap .item__box .text__box .label{font-size: 18px !important}
.contect__sec .item__Wrap .item__box .icon__box {
    width: 73px !important;
    height: 73px !important;
    flex: 0 0 73px !important;
}
.contect__sec .item__Wrap .item__box .icon__box img {
    width: 80% !important;
}
.card-box-item p a,.debit-box-item p a,.credit-box-item p a{font-size: 17px !important;line-height: 23px !important;margin: 0px 0 8px 0 !important}
.card-box-item p ,.debit-box-item p ,.credit-box-item p {font-size: 16px !important;line-height: 21px !important}
.card-data-box ul li h5,.debit-box-item ul li h5,.credit-box-item ul li h5 {font-size: 16px !important;line-height: 21px !important;}
.card-box-item ul li p,.debit-box-item ul li p,.credit-box-item ul li p {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 5px;
}
.card-box-nav label,.debit-box-nav label,.credit-box-nav label{font-size: 17px !important}
.card-box-nav label + input[type="checkbox"]:last-child,.debit-box-nav label + input[type="checkbox"]:last-child,.credit-box-nav label + input[type="checkbox"]:last-child{margin-top:11px}
.card-data,.debit-data,.credit-data{min-height: 120px !important}
.card-box-lower ul li img,.debit-lower ul li img,.credit-box-lower ul li img{max-width: 90%}

.colWrapperBox .col .contentBox h3{font-size: 32px !important;margin-bottom: 0.2em !important}
.colWrapperBox .col .contentBox .iconWrap .item .text{font-size:20px !important}

.colWrapperBox .col .contentBox .iconWrap .item .icon{ width: 75px !important;height: 75px !important}
.colWrapperBox .col .contentBox .iconWrap .item .icon img{width: 70% !important}

.filterWrapper .selectWrap select{height: 40px !important}
.featureMainBoxWrapper .tabWrap .tab{font-size: 26px !important;padding-top: 6px !important;padding-bottom: 4px !important }
.eligibilitySection .accordionGroup .groupTab, .eligibilitySection .accordionGroup .tabText{font-size: 26px !important;}
.item_Box_Wrapper .item__Box .icon-wrap,.download-box .icon-box{flex: 0 0 60px !important}
.contect__sec .item__Wrap .item__box:last-child .text__box .subTxt{font-size: 18px !important;}
.BenefitsSection .tabGroupWrapper .tabGroup .tab{font-size: 20px !important}
.featureMainBoxWrapper h3{font-size: 32px !important}
.DrawsSection .sectionHeading{font-size: 40px !important;    margin-bottom: .3em !important}
.BenefitsSection .boxWrapper .itemBox .knowMore {font-size: 18px !important;}
.aboutSubNavWrapper .navWrapper .navLink{font-size: 18px !important}
.quick_link_wrapper .heading h4{color: #333333; font-weight: 600}
.aboutSubNavWrapper .navWrapper .navLink > a{text-decoration: none}
.aboutSubNavWrapper .navWrapper .navLink .subNavBox2 .navLink2{font-size:16px;}
.aboutSubNavWrapper .navWrapper .navLink .subNavBox2 .navLink2 a{text-decoration: none}
@media (max-width: 1600px){
    .card-box-bot a,.debit-box-bot a{font-size: 14px !important;}
    .credit-box-lower a{font-size: 14px !important;}
}

@media (max-width: 1440px){
    .BenefitsSection .item p::before{margin-top:3px}
    .contect__sec .item__Wrap .item__box:last-child .text__box .subTxt{font-size: 16px !important;}
    .BenefitsSection .boxWrapper .itemBox .knowMore {font-size: 16px !important;}
    .BenefitsSection .boxWrapper .itemBox .contentCol p{margin-bottom: 0.53em !important;font-size: 16px !important}
    .eligibilitySection .accordionGroup .groupContent .content .list{font-size: 18px !important}
    .contect__sec .item__Wrap .item__box .text__box .subTxt {font-size: 20px !important;}
    .contect__sec .item__Wrap .item__box .icon__box {
    width: 65px !important;
    height: 65px !important;
    flex: 0 0 65px !important;
}
.card-box-item p a,.credit-box-item p a,.debit-box-item p a{font-size: 16px !important;line-height: 22px !important;margin: 0px 0 5px 0 !important}
 .card-box-item p ,.credit-box-item p ,.debit-box-item p {font-size: 14px !important;line-height: 16px !important}
 .card-data-box ul li h5 ,.credit-box-item ul li h5 ,.debit-box-item ul li h5{font-size: 14px !important;line-height: 18px !important;}
.card-box-item ul li p, .credit-box-item ul li p ,.debit-box-item ul li p{
    font-size: 12px !important;
    line-height: 17px !important;
}
.card-box-nav label,.credit-box-nav label,.debit-box-nav label{font-size: 15px !important}
.card-data,.credit-data,.debit-data{min-height: 65px !important}
.colWrapperBox .col .contentBox h3{font-size: 28px !important}
.colWrapperBox .col .contentBox .iconWrap .item .text{font-size:18px !important}
.filterWrapper .selectWrap select{height: 35px !important}
.eligibilitySection .accordionGroup .Go_To_Other_Page{font-size: 18px !important}
.featureMainBoxWrapper .tabWrap .tab{font-size: 24px !important;}
.eligibilitySection .accordionGroup .groupTab, .eligibilitySection .accordionGroup .tabText{font-size: 22px !important;}
.BenefitsSection .tabGroupWrapper .tabGroup .tab{font-size: 18px !important}
.featureMainBoxWrapper h3{font-size: 28px !important}
.DrawsSection .sectionHeading{font-size: 36px !important}
.aboutSubNavWrapper .navWrapper .navLink{font-size: 16px !important}
}
 #EligibilityHTML div.list{
    font-family: 'Noto Sans', sans-serif !important;   
    font-weight: 400 !important;
    color: #333333 !important;
}   
.batc .items p {
     font-family: 'Noto Sans', sans-serif !important;   
    font-weight: 400 !important;
    color: #333333 !important;
}
.accordionGroup .list{
      font-family: 'Noto Sans', sans-serif !important;   
    font-weight: 400 !important;
    color: #333333 !important;
}
.BenefitsSection .item p{
    font-family: 'Noto Sans', sans-serif !important;   
    font-weight: 400 !important;
    color: #333333 !important;
    word-break: break-all;
}
@media (max-width: 1200px){
    .card-box-lower ul li img,.debit-box-lower ul li img ,.credit-box-lower ul li img{ aspect-ratio: 1/1; width: 95%;}
    .eligibilitySection .accordionGroup .groupContent .content .list::before{top:0.6em !important;}
    .contect__sec .item__Wrap .item__box .text__box .label{font-size: 16px !important}
     
    
}
@media(max-width:990px){
    .contect__sec .list__item{font-size: 18px !important}
    .mainColWrapperBox .colWrapperBox .col:first-child { align-self: center;}
    .eligibilitySection .accordionGroup .groupContent .content .list{font-size: 16px !important}
    /* .BenefitsSection{gap:30px 20px !important} */
    .contect__sec .item__Wrap .item__box .text__box .subTxt {font-size: 18px !important;}
    .colWrapperBox .col .contentBox h3{font-size: 24px !important;margin-bottom: 0.2em !important}
    .colWrapperBox .col .contentBox .iconWrap .item .text{font-size:16px !important}
    .featureMainBoxWrapper .tabWrap .tab{font-size: 20px !important;}
    .eligibilitySection .accordionGroup .groupTab, .eligibilitySection .accordionGroup .tabText{font-size: 18px !important;}
    .BenefitsSection .tabGroupWrapper .tabGroup .tab{font-size: 16px !important}
    .DrawsSection .sectionHeading{font-size: 26px !important}
   
}
@media(max-width:767px){
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
    .BenefitsSection .tabGroupWrapper .tabGroup {padding-left: 15px !important;padding-right: 15px !important;}
    .BenefitsSection .tabGroupWrapper .tabGroup .tab{width: max-content !important}
    .colWrapperBox .col .contentBox .iconWrap .item {flex: 1 !important;max-width: 100% !important} 
    .eligibilitySection .accordionGroup .groupContent .content .list::before{ height:16px !important}
    .BenefitsSection .boxWrapper .itemBox .contentCol {width: 100%;}
    .BenefitsSection .boxWrapper .itemBox .knowMore{margin-left: -70px !important}
     .BenefitsSection .tabGroupWrapper .tabGroup .tab{font-size: 15px !important}
      .featureMainBoxWrapper h3{font-size: 24px !important}
}
@media(max-width:576px){
.WinnerSection .filterWrap .selectWrap{flex: 1 1 42% !important;}
.WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
.btnGroup{gap:15px}
.colWrapperBox .col .contentBox{padding-left: 0px !important;padding-right: 0px !important}
.item_Box_Wrapper .item__Box .icon-wrap,.download-box .icon-box {flex: 0 0 45px !important;}
}
@media (max-width: 425px){
    .WinnerSection .tabWrapper .tab {
    padding: 7px 7px !important;
}
    .item_Box_Wrapper .item__Box .icon-wrap,.download-box .icon-box {
        flex: 0 0 40px !important;
    }
}



@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.footerSection .linkBoxWrapper .col .linkGroup {
    display: block !important;
}
}

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

@media (max-width: 1200px){
.mainFooterSection .helpMeWrapper .ask span img {
    width: 100px;
    top: 4px;
    position: relative;
}

.helpMeWrapper .ask span {
    justify-content: right;
    margin-top: 10px;
}
}





.CompareCardsSection .cardWrapper .cardGroup .cardItem.add {
        display: block !important;
    }

.compare-box-data{
    height: 40px;
}

.BenefitsSection .item p {
   word-break: break-word;
}


.cardWrapper .compare-card-box{
    display: flex;
    width:100%;
}

.compare-box-item .debit-box-image img{
    width: 75%;
}

.compare-card-box .compare-box-item{
    width: 25%;
    margin-right: 3%;
}

.container_fluid .CompareCardsSection .cardWrapper .headDiv{
    flex: 0 0 0px;
}

.compare-card-box .compare-card-head{
    margin-top: 0px;
}

.cardWrapper .compare-box-details-box{
    display: flex;
    gap: 3%;
}

.CompareCardsSection .cardWrapper .cardGroup{
    width: 90%;
}

.CompareCardsSection > div{
    margin-top: 10px;
}

#compareboxDetails .cardWrapper > div{
     width: 86%;
}

.compare-box-details-box > div {
    width: 28%;
}



@media (max-width: 768px){

    .cardWrapper .compare-card-box{
        display: flex;
        width:100%;
    }

    #compareboxDetails .cardWrapper > div{
        width: 86%;
    }

    .compare-box-item .debit-box-image img{
        width: 75%;
    }

    .compare-card-box .compare-box-item{
        width: 25%;
        margin-right: 3%;
    }

    .container_fluid .CompareCardsSection .cardWrapper .headDiv{
        flex: 0 0 0px;
    }

    .compare-card-box .compare-card-head{
        margin-top: 0px;
        position: relative;
        top: 100px;
        right: 30px;
    }

    .cardWrapper .compare-box-details-box{
        display: flex;
        gap: 3%;
    }

    .card-box-bot a:before{
        bottom: inherit;
        top:4px;
    }
    .compare-card-box { display: block;}
    .compare-card-head{    margin-top:0px;}
    .compare-box-details-box {        display: block;}
    .compare-box-details-box-button{    width:100% ;}

    .CompareCardsSection .cardWrapper .closeCompair{
        top:5px;
        right: 5px;
    }

    .compare-box-details-box div {
        width: 30%;
        display: inline-flex;
    }

    .compare-box-item .compare-box-bot{
        margin-top: 40px;
    }

    .compare-box-details-box > div {
        width: 100%;
    }

}

@media (max-width: 576px) {
    .cardWrapper .compare-card-box{
        display: block;
        width:100%;
    }

    .compare-box-item .debit-box-image img{
        width: 75%;
    }

    .compare-card-box .compare-box-item{
        width: 100%;
        margin-right: 0%;
    }

    .container_fluid .CompareCardsSection .cardWrapper .headDiv{
        flex: 0 0 0px;
    }

    .compare-card-box .compare-card-head{
        margin-top: 0px;
    }

    .cardWrapper .compare-box-details-box{
        display: block;
        gap: 0%;
    }

    .cardWrapper .compare-box-details-box > div {
        margin-top: 10px;
    }

    .CompareCardsSection .cardWrapper .cardGroup{
        width: 90%;
    }

    .CompareCardsSection > div{
        margin-top: 10px;
    }

    .compare-box-details-box > div {
        width: 100%;
    }



    .card-box-bot a:before{
        bottom: inherit ;
        top:4px;
    }
    .compare-card-box { display: block;}
    .compare-card-head{    margin-top:0px ;}
    .compare-box-details-box {        display: block;}
    .compare-box-details-box-button{    width:100%}

    .CompareCardsSection .cardWrapper .closeCompair{    top:5px ;        right: 5px ;}
}


@media (max-width: 480px){

    .cardWrapper .compare-card-box{
        display: block;
        width:100%;
    }

    .compare-card-box .compare-card-head {
        margin-top: 0px;
        position: relative;
        top: 0px;
        right: 0px;
    }

    .compare-box-item .debit-box-image img{
        width: 75%;
    }

    .compare-card-box .compare-box-item{
           width: 100%;
    }

    .container_fluid .CompareCardsSection .cardWrapper .headDiv{
        flex: 0 0 0px;
    }

    .compare-card-box .compare-card-head{
        margin-top: 0px;
    }

    .cardWrapper .compare-box-details-box{
        display: block;
        gap: 0%;
    }

    .cardWrapper .compare-box-details-box > div {
        margin-top: 10px;
    }

    .CompareCardsSection .cardWrapper .cardGroup{
        width: 90%;
    }

    .CompareCardsSection > div{
        margin-top: 10px;
    }

    .compare-box-details-box > div {
        width: 100%;
    }


}

.stickySubNavWrapper .subMenuChildLinks {
    position: relative;
    font-size: 16px;
}

.subMenuChildLinks .subNavBox2 .navLink2 a {
    text-decoration: none;
}