﻿


@media screen and (min-width:1200px){
.section-banner .holder-right > div:first-child, .section-banner .holder-right > div:nth-child(2){height:50%;}
.section-banner .loyalty-program{height:50%;}

}

#feedbackForm .form-error-custom {
    left: unset !important;
    right: 40px !important;
}

.sidebar-menu .box-holder.sidebar-select-bank {
    align-self: center;
    padding: 12px 12px;
}

.home .section-reports .awards-title {
    font-size: 21px !important;
}


#feedbackForm .btn-wrapper .btn-red {
    font-family: Tahoma !important;
}

#feedbackForm .first-note .ar {
    text-align: left !important;
}

.footer .addthis_inline_share_toolbox {
    clear: both;
    margin-top: -20px;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
}

.header .social-icons .addthis_inline_share_toolbox {
    clear: both;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
}

.section-products-services .item .accordion-link.empty-accordion:before, .section-products-services .item .accordion-link.empty-accordion:after{
    content: none;
}

.section-products-services .item .accordion-link:not(.collapsed):after {
    content: none;
}

.bahrain .section-transparency-awareness .item-column.item-text .btn-pdf.ar {
    font-family: Tahoma;
    font-size: 17px;
    text-align: right;
}

.home .section-reports .holder-featured-article .feature.is-arabic .press-date {
    direction: ltr !important;
    text-align: right !important;
}

.find-us .filter-branch, .find-us select.filter{
    text-transform: capitalize !important;
}

.footer .list-call .title{
    width: 144px !important;
}

/*.contact-us.feedback-page .section-transparency-awareness.feedback-text-info-section .items .item .item-column:last-child .holder .description {
    direction: rtl !important;
}*/
/*.contact-us.feedback-page .section-transparency-awareness.feedback-text-info-section .items .item .item-column:last-child .holder .description li:before{
    right: -12px;
    transform: rotate(180deg);
}*/

.contact-us.feedback-page .items .item .item-column:not(.only-one-child):last-child .holder .description.ar {
    direction: rtl !important;
}

@media (max-width:1530px) {
    .home .section-reports .holder-featured-article {
        padding: 5px 0 !important;
    }
}

@media (min-width:1531px) and (max-width:1760px) {
    .home .section-reports .holder-featured-article {
        padding: 10px 0 !important;
    }
}

.transparency-and-awareness .list-tab.container {
    padding: 0 !important;
}

.property-list .property .property-img-wrapper .property-img {
    width: 100%;
    position: relative;
    padding-bottom: 25px;
}
.property-list .property .property-img-wrapper {
    cursor: pointer;
    margin-top: -25px;
    width: 111%;
    margin-left: -24px;
}

.re-owned-properties-inquiry .re-owned-details .property-location-link a {
    text-decoration: underline;
    color: #c40e00;
}

.re-owned-properties-inquiry .re-owned-details .holder-swiper {
    padding-bottom: 10px;
    width: 113%;
    margin-top: -29px;
    margin-left: -24px;
    margin-right: -24px;
}

.re-owned-properties-inquiry .re-owned-details .holder-swiper .news-image{
    width: 100%;
}

.re-owned-properties-inquiry .re-owned-details .holder-swiper .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 2;
}

.re-owned-properties-inquiry .re-owned-details .holder-swiper .gallery-thumbs .swiper-wrapper{
    width: 60%;
}


    .re-owned-properties-inquiry .re-owned-details .holder-swiper .gallery-thumbs .swiper-slide {
        width: Calc(100%/3) !important;
        height: 100%;
        opacity: 0.7;
    }

    .re-owned-properties-inquiry .re-owned-details .holder-swiper .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.re-owned-properties-inquiry .re-owned-details .holder-swiper .thumbs-overlay {
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    /*background-color: #33333375;*/
    z-index: 1;
    box-shadow: inset 0px -86px 40px -30px #282828;
}

.re-owned-properties-inquiry .re-owned-details .holder-swiper .fa-expand-arrows-alt{
    color: #fff;
    position: absolute;
    z-index: 10;
    font-size: 30px;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
}

.holder-swiper.full-screen {
    position: absolute;
    width: 70% !important;
    z-index: 1001;
    top: 100px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.gallery-overlay.full-screen {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
    background: #434141c2;
}

#galleryFullscreen-modal .modal-content {
    margin: auto;
    max-width: 90%;
    background: transparent;
    border: 0;
}

#galleryFullscreen-modal .modal-body {
    padding-top: 0;
    overflow: hidden;
}

#galleryFullscreen-modal .holder-popup-modal-swiper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 7px;
    height: 446px;
    overflow: hidden;
    display: block;
    position: relative;
    height: 777px;
}

#galleryFullscreen-modal .swiper-container {
    width: 79.5%;
    height: 100%;
    max-height: 709px;
}

#galleryFullscreen-modal .swiper-slide {
    height: 100%;
    max-height: 709px;
    width: 100% !important;
}
#galleryFullscreen-modal .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    max-width: unset !important;
}

#galleryFullscreen-modal .popup-fullpic-thumbs {
    position: absolute;
    bottom: 5px;
    left: calc(14%/1);
    padding: 0 7px;
    width: 71.9%;
    height: 14%;
    background: #fff;
    overflow: hidden;
    z-index: 1;
}

#galleryFullscreen-modal .popup-fullpic-thumbs .swiper-slide{
    padding: 5px 0;
    width: 16.3% !important;
    height: 100% !important;
}

#galleryFullscreen-modal .popup-fullpic-thumbs .swiper-slide
.holder-img-swiper-trail-updates-thumbs
{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid transparent;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#galleryFullscreen-modal .modal-header {
    position: relative;
    margin: auto;
    padding: 17px 3px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
    max-width: 78%;
    border-bottom: 0;
    color: #fff;
}

#galleryFullscreen-modal .modal-header .heading-wrapper {
        margin: 0 auto;
}

#galleryFullscreen-modal .modal-header button.close {
    position: initial;
    float: initial;
    margin: initial;
}

#propertyForm .properties-phone-numbers {
    text-transform: uppercase;
    font-size: 20px;
    color: #676767;
    font-weight: bold;
}

.pagination .page-item {
    display: inline-block !important;
}

.cards-landing .cards-portal-banner .holder-hero .container {
    max-width: 100%;
}
.cards-landing .cards-portal-banner .holder-hero .container .holder-cards-list{
    width: 100%;
    flex-wrap: initial;
}

.cards-landing .section-hero.cards-portal-banner .holder-cards:before {
    background-color: rgba(255, 255, 255, 0.94) !important;
}

.cards-landing .section-hero.cards-portal-banner .holder-cards-image {
    background-color: #464646 !important;
}
/*.cards-landing .section-hero.cards-portal-banner  .holder-cards-image .cards-image{
filter: brightness(0) invert(1) !important;
}*/ 
.cards-landing .section-hero.cards-portal-banner .cards-details{
    color: #464646 !important;
    font-weight: bold !important;
}

.cards-landing .section-hero.cards-portal-banner .cards-title {
    color: #464646 !important;
    font-size: 21px;
}

.cards-landing .cards-portal-banner .holder-hero .swiper-pagination {
    bottom: 179px !important;
}

.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown {
    position: relative;
    height: 55px;
    background-color: #e9e9e9;
    text-align: center;
}

.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown .cards-details{
    color: #464646 !important;
    font-weight: bold !important;
    padding-top: 20px;
    height: 100%;
    width: 80%;
    margin: auto;
    cursor: pointer;
}

.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown .cards-details.hide{
    display: none;
}
.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown .cards-details{
    display: block;
}

.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown .cards-details.selected-sub{
    color: #c40e00 !important;
    font-weight: bold !important;
}


.cards-landing .cards-portal-banner .holder-hero .container .keywords-values-wrapper,
.cards-landing .cards-portal-banner .holder-hero .container .keywords-values {
    position: relative;
    min-height: 200px;
    background-color: #e9e9e9;
    text-align: center;
    max-height: 800px;
    z-index: 3;
    flex-wrap: wrap;
}

.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown.open .cards-details {
    border-bottom: 1px solid #ffffff2e;
}

.cards-landing .cards-portal-banner .holder-hero .container .keywords-values {
    display: flex;
    flex-direction: column;
    max-height: 480px;
    padding-bottom: 25px;
    padding-top: 25px;
    align-content: space-evenly;
}
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-values p {
        /*padding-top: 10px;*/
        /*padding-bottom: 10px;*/
        color: #464646;
        font: 14px "Frutiger Light";
        letter-spacing: 1px;
        margin: 0 auto;
        /*cursor: pointer;*/
    }
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-values a {
        color: #464646;
        font: 14px "Frutiger Light";
    }
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-values a:hover{
        color: #888888;
    } 
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-values a.disable{
        color: #888888;
        opacity: 0.5;
    } 

.cards-landing .cards-portal-banner .holder-hero .container .keywords-values p:after {
    content: '';
    width: 40%;
    display: inline-block;
    border-bottom: 0.1em solid #ffffff17;
    display: block;
    margin: auto;
    z-index: 99;
    padding-top: 20px
}

.card-details .card-section-dropdown {
    position: absolute;
    display: block;
    height: auto;
    min-height: 200px;
    background-color: #e0e0e0;
    max-height: 800px;
    z-index: 3;
    flex-wrap: wrap;
    width: 290px;
    padding: 10px;
    margin-top: 20px;
}

.card-details .card-section-dropdown .card-dropdown-values{
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    color: #616161;
    font: 14px "Frutiger Light";
    letter-spacing: 1px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: bold;
}

.card-details .card-section-dropdown .card-dropdown-values:hover,
.card-details .card-section-dropdown .card-dropdown-values.active{
    color: #000000;
}

.card-details .card-section-dropdown .card-dropdown-values:after {
    content: '';
    width: 100%;
    display: inline-block;
    border-bottom: 0.1em solid #d4d2d2;
    display: block;
    margin: auto;
    z-index: 99;
    padding-top: 20px
}

.card-details .list-text .fas {
    margin-left: 5px;
    margin-right: 10px;
}

.card-details .section-notes {
    padding: 100px 0 0;
}

.listing-cards .card-item .image-card{
    width: 290px;
}

.card-details .card-holder.mutli-title-subtitle .section-features .features-column {
    padding: 0 !important;
}
.card-details .card-holder.mutli-title-subtitle .section-features .features-column .features {
        text-align: center !important;
        background: none !important;
        border-left: none !important;
        border-right: none !important;
        margin: auto !important;
        width: auto !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        max-width: none!important;
}

.card-details .card-holder.mutli-title-subtitle .section-features .features-column .features:after {
    left: unset !important;
    right: unset !important;
    top: 83px !important;
    border-bottom: 1px solid #a1a1a1 !important;
}

.card-details .card-holder.mutli-title-subtitle .section-features .features-column .features .features-desc {
        max-width: none!important;
}
.card-details .card-holder.mutli-title-subtitle .section-features .features-column .features .features-desc.title {
    font-size: 18px;
}
.card-details .card-holder.mutli-title-subtitle .section-features .features-column .features .features-desc.subtitle {
    font-size: 18px;
    color: #c40e00;
}

.card-details .card-holder.mutli-title-subtitle .section-features .features-list{
    padding: 0 !important;
}
.card-details .card-holder.mutli-title-subtitle .section-features{
    padding-top: 0 !important;
}

.card-details .card-holder.mutli-title-subtitle .section-notes.mutli-title-subtitle {
    padding: 28px !important;
}

.card-details .card-holder .img-error-holder .title-border-line {
    /*content: '';*/
    width: 100%;
    border-bottom: 1px solid #d4d2d2;
    display: block;
    margin: auto;
    padding-top: 30px;
    height: 2px;
}

.card-details .card-holder .img-error-holder .title-border-line:before {
    content: '';
    width: 51px;
    border-bottom: 1px solid #c40e00;
    display: block;
    margin: auto;
    padding-top: 0;
    height: 2px;
    transform: rotate(90deg);
    position: relative;
}


.card-details .card-holder.card-details-button .second-title {
    margin-top: 25px;
    color: #c40e00;
    font-size: 21px;
}

.card-details .card-holder.card-details-button .btn-red-border {
    width: 220px;
    margin: auto;
    margin-top: 50px;
}

.card-details .card-holder.card-details-button .btn-red-border .fa-download {
    margin-right: 12px;
}

.card-details .section-notes .note-desc {
    padding-top: 20px;
    line-height: 30px;
}
.card-details .card-holder.card-details-button .btn-red-border a{
    height: 50px;
}

.card-details .card-holder.mutli-title-img img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.card-details .card-holder.mutli-title-img .section-features .features-column .features:after {
    top: 170px !important;
}

.card-details .card-holder.mutli-title-img .section-features .features-column .features {
    padding: 40px 24px 17px 38px !important;
}


.card-details .holder-left-side {
    height: 100% !important;
    max-height: none !important;
}

.card-details .list-group {
    overflow-x: visible !important;
}

.card-details .list-group-item {
    position: relative !important;
}

.card-details .card-holder.multi-services .features-desc {
    font-size: 17px !important;
    color: #c40e00 !important;
    font-weight: bold !important;
}

.card-details .card-holder.multi-services .img-error-holder img {
    width: 20px;
    margin-bottom: 10px;
}

.card-details .card-holder.multi-services .section-features .features-column .features:after {
    content: none !important;
}



.cards-landing .cards-portal-banner .swiper-slide .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 673px;
    background-color: #ffffff45;
}

.section-listings .account-img {
    min-height: 325px !important;
}

.card-details .holder-left-side .card-slogan{
    font-size: 23px;
    text-transform: none;
    margin-bottom: 10px;
}

.listing-cards .section-card-details .image-card{
    max-width: 100% !important;
}

.listing-cards .section-card-details .item:nth-of-type(2), .listing-cards .section-card-details .card-item:nth-of-type(2),
.listing-cards .section-card-details .item:nth-of-type(3), .listing-cards .section-card-details .card-item:nth-of-type(3),
.listing-cards .section-card-details .item:nth-of-type(4), .listing-cards .section-card-details .card-item:nth-of-type(4) {
    width: 27.5% !important;
}

.listing-cards .section-card-details .card-item:first-child {
    padding: 0;
    text-align: left;
}
.compare-head-field {
    /*width: 100%;
    position: absolute;
    background: #ff000078;
    height: 20px;*/
    padding-top: 6px;
    padding-bottom: 6px;
    background: #f4f4f4;
    color: #c40e00;
    height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 16px;
}
.compare-sub-field {
    padding-left: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 36px;
    border-bottom: 1px solid #ececec;
    color: black;
    height: auto;
}

.listing-cards .section-card-details .card-item:nth-of-type(n+2) {
    padding: 0px;
}
.listing-cards .section-card-details .card-item {
    margin: 0px 0;
}

.listing-cards .section-card-details .card-info:nth-of-type(odd) {
    background-color: #ffffff;
}

.compare-sub-field .item-info {
    color: black !important;
}

.compare-cards .btn-light-gray {
    max-width: none !important;
    height: 37px;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 75%;
    background-color: #454545;
    border: none;
}
.compare-cards .btn-light-gray a{
    color: #ffffff;
}
.compare-cards .btn-light-gray:hover {
    background-color: #d4d4d4;
    border-bottom: 5px solid #454545 !important;
}
.compare-cards .btn-light-gray:hover a{
    color: #454545 !important;
}

.section-banner--home .holder-tab-2 .holder-content-image img {
    width: 50px;
    filter: brightness(1.4);
}
/*.section-banner--home .holder-tab-2 .holder-content-image:hover img {
    filter: brightness(0) invert(1);
}*/
.listing-cards .card-item .holder-button.card-currency {
    width: auto;
    max-width: 25%;
    background: #3a3a3a;
    color: #ffffff;
    padding: 0;
    justify-content: center;
    font-size: 16px;
    margin-left: 7px;
    margin-top: 7px;
}

.listing-cards .keywords-dropdown {
    position: relative;
    height: 55px;
    background-color: #e9e9e9;
    width: 350px;
    margin-bottom: 20px;
}

.listing-cards .keywords-dropdown .cards-details {
    color: #000000 !important;
    font-weight: bold!important;
    height: 100%;
    width: 100%;
    margin: auto;
    cursor: pointer;
    padding: 15px;
    font-size: 16px;
}
.listing-cards .keywords-dropdown .cards-details .fas{
        float: right;
}

.listing-cards .keywords-values-wrapper,
.listing-cards .keywords-values {
    position: relative;
    min-height: 200px;
    background-color: #e9e9e9;
    max-height: 800px;
    z-index: 3;
    padding-left: 10px;
}

.listing-cards.keywords-dropdown.open .cards-details {
    border-bottom: 1px solid #ffffff2e;
}

.listing-cards .keywords-values {
    padding-bottom: 25px;
    padding-top: 10px;
}
.listing-cards .keywords-values p {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #000000;
        font: 14px "Frutiger Light";
        letter-spacing: 1px;
        margin: 0 auto;
        cursor: pointer;
    }
    .listing-cards .keywords-values a {
        color: #000000;
        font: 14px "Frutiger Light";
    }
.listing-cards .keywords-values a:hover {
        color: #888888;
    }

/*.section-hero .holder-cards-list:not(.retail-landing) .cards-list .holder-cards-image:hover img {
    filter: none !important;
}*/
.section-services.cards-portal-landing-services .services-list {
    cursor: pointer;
}

.cards-landing .cards-portal-banner .holder-hero-details {
    color: #ffffff;
}
.card-details .list-group-item .list-text img {
    margin-right: 5px;
    opacity: 0.3;
    max-width: 22px !important;
}
.card-details .list-group-item.active .list-text img{
    opacity: 1!important;
}

.card-details .mutli-title-img .features .btn-red-border {
    margin: auto;
    margin-top: 20px !important;
    width: 35%;
}

.card-details .card-holder.mutli-title-img .section-features .features-column .features:after{
    content:none !important;
}

.listing-cards .what-are-we-offering-desc, .card-details .what-are-we-offering-desc {
    display: none !important;
}

.section-products-services .column.full-width{
    max-width: none !important;
}

.section-products-services .column .accordion-link:not(.collapsed):not(.empty-accordion) {
    color: #b80c0c;
    font-weight: bold !important;
}

.section-products-services .column .sub-item-wrapper.collapse.show {
    border-bottom: 1px solid #b80c0c59;
}

.section-products-services .column .accordion-link.empty-accordion .fa-file-pdf {
    color: #b80c0c;
}
.section-products-services .column .accordion-link.empty-accordion:hover a {
    color: #b80c0c;
}
.section-products-services .column {
    max-width: 335px;
}

.listing-cards .holder-card.holder-card-title {
    padding-bottom: 0 !important;
    border: none !important;
}

.cards-portal-banner .play-video {
    background: #ffffff12;
    z-index: 999;
    position: relative;
    width: 100%;
    height: 100%;
}

.cards-portal-banner .play-video .fa-play-circle{
    top: 35%;
    position: absolute;
    font-size: 100px;
    color: #ffffff;
    cursor: pointer;
    right: 47%;

}

.cards-portal-banner .container.video-wrapper {
    position: relative;
    height: 100%;
    z-index: 99;
    padding-top: 43px;
}

.cards-landing .fa-times-circle {
    position: absolute;
    right: 50%;
    z-index: 999;
    color: #c40e00;
    font-size: 35px;
    cursor: pointer;
}

.cards-landing .close-video {
    background: #ffffff12;
    z-index: 999;
    position: relative;
    width: 100%;
    height: 40px;
}

.card-details .holder-right-side.font-size-minus2 .features-title {
    font-size: 22px;
}
.card-details .holder-right-side.font-size-minus1 .features-title {
    font-size: 25px;
}
.card-details .holder-right-side.font-size-1 .features-title {
    font-size: 30px;
}
.card-details .holder-right-side.font-size-2 .features-title {
    font-size: 33px;
}

.card-details .holder-right-side.font-size-minus2 .note-desc {
    font-size: 12px;
}
.card-details .holder-right-side.font-size-minus1 .note-desc {
    font-size: 13px;
}
.card-details .holder-right-side.font-size-1 .note-desc {
    font-size: 17px;
}
.card-details .holder-right-side.font-size-2 .note-desc {
    font-size: 19px;
}

.card-details .holder-right-side.font-size-minus2 .features-desc {
    font-size: 12px;
}
.card-details .holder-right-side.font-size-minus1 .features-desc {
    font-size: 13px;
}
.card-details .holder-right-side.font-size-1 .features-desc {
    font-size: 16px;
}
.card-details .holder-right-side.font-size-2 .features-desc {
    font-size: 17px ;
}

.card-details .holder-right-side.font-size-minus2 .mutli-title-subtitle .features-desc {
    font-size: 15px !important;
}
.card-details .holder-right-side.font-size-minus1 .mutli-title-subtitle .features-desc {
    font-size: 16px !important;
}
.card-details .holder-right-side.font-size-1 .mutli-title-subtitle .features-desc {
    font-size: 20px !important;
}
.card-details .holder-right-side.font-size-2 .mutli-title-subtitle .features-desc {
    font-size: 21px !important;
}

.footer .section-socials .holder-newsletter .list-call .hotline-num .title-span {
    font-size: 24px !important;
}

.tab-feedback .complaint-icon-wrapper .ar-field {
    font-family: Tahoma !important;
}

.tab-feedback .feedback-wrapper .heading-buttons {
    margin-top: 20px;
    width: 100%;
}

.tab-feedback .feedback-wrapper .heading-buttons .btn-border-red{
    width: 100%;
    max-width: 270px;
    font-family: Tahoma;
    font-size: 20px;
    padding-bottom: 10px;
}

.tab-feedback .complaint-icon-wrapper .complaint-icon-title.ar-field {
    font-weight: bold;
}
.section-cta-country a {
    color: #000000;
}
.section-cta-country.section-cta-country-inverted a{
    color: #ffffff !important;
}
.section-cta-country.section-cta-country-inverted a:hover {
    color: #c40e00;
}

.holder-newsletter .list-join .link{
    cursor:pointer;
}

.cards-portal-banner .retail-landing .holder-cards-image:hover img,
.cards-portal-banner .retail-landing a:hover .holder-cards-image img {
    filter: brightness(0) invert(1) !important;
}

#galleryFullscreen-modal .form-content {
    background: #ffffff1f;
}

.section-hero .holder-cards-list.three-icons {
    width: 100% !important;
}

.section-hero .holder-cards-list.three-icons .cards-list {
        width: 33.33% !important;
}


@media screen and (min-width: 768px) {
    .re-owned-properties .property {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

}

.listing-cards .card-desc {
    position: relative;
    padding-right: 60px;
    margin-bottom: 25px;
    font-size: 14px;
    font-family: "Myriad Pro Regular";
    letter-spacing: .7px;
    color: #454545;
}

.listing-cards .card-title, .listing-cards .card-title a {
    color: #c40e00;
}

.section-listings .account-title {
    width: 100%;
}

.listing-cards .compare-error {
    width: 65% !important;
    color: #c40e00;
    display: none;
}

.listing-cards .compare-error.show {
    display: block !important;
}

.apply-modal .steps-list {
    width: 85% !important;
}

.apply-modal .application-steps .holder-action-btn button{
    float: right;
}
@media (min-width: 768px) {
    .footer .section-socials .holder-newsletter .list-call p {
        width: 182px !important;
        margin-bottom: 5px;
    }
}


    .cards-landing .section-services .services-title {
        padding: 21px 0 42px;
        font: 30px "Frutiger Bold";
        text-transform: uppercase;
    }

    .transparency-and-awareness .tab-feedback .feedback-holder:last-child {
        margin-top: 52px;
    }

    .order-receipt-print .holder-helper, .order-receipt-print .holder-buttons, .order-receipt-print #list-example {
        display: none !important;
    }

    .order-receipt-print .tabs-wrapper .content-holder {
        overflow-y: hidden;
    }

    .board-of-director .tabs-wrapper .card-holder.summary-pdf-section {
        min-height: 65px;
        height: auto;
    }

    @media (max-width: 767px) {
        .section-hero .holder-cards {
            margin-bottom: 0 !important
        }

        .footer .section-socials .holder-newsletter .list-call .title-span {
            display: block !important;
        }

        .footer .list-call .title {
            width: 125px !important;
            margin-bottom: 5px;
        }
        .section-hero .holder-info {
            position: initial !important;
        }

    }

    @media (min-width: 768px) {
        .icon-text-holder.cta a, .contact-us .holder-contact a {
            pointer-events: none !important;
        }
    }

    .list-call a {
        color: #ffffff;
    }

.card-details .holder-left-side .holder-image img {
    width: 300px;
}

@media (max-width: 767px){
    .home .section-banner {
        margin-bottom: 3px !important;
    }
    .section-hero .holder-cards-list.retail-landing {
        width: 100%;
        flex-wrap: initial;
    }
    .section-hero .cards-details {
        font-size: 9px;
        font-weight: bold;
    }
    .retail-banking .sub-item-container {
        padding-right: 0;
        padding-left: 0;
    }
    .retail-banking .holder-cards-list.retail-landing a {
        padding-right: 0;
        padding-left: 0;
        width: 33.33% !important;
    }
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown {
        z-index: 99;
    }
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-values {
        display: block !important;
        max-height: none !important;
    }
    .cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown .cards-details{
        font-size: 15px !important;
    }
    .listing-cards .section-cards .card-item:nth-of-type(1):before{
        content: '' !important
    }
    .listing-cards .section-cards .card-item{
        margin-top: 0;
    }
    .listing-cards .holder-card.holder-card-title{
        display:none;
    }
    .section-services.cards-portal-landing-services .holder-services-details {
        position: absolute;
        bottom: 0px;
        z-index: 2;
        padding: 0;
        width: 100%;
    }
    .section-services.cards-portal-landing-services .holder-services-details .services-desc  {
        font: 14px "Myriad Pro SemiBold";
    }
}

.card-details .addthis_inline_share_toolbox {
    clear: both;
    opacity: 0;
    overflow: hidden;
    width: 26px;
    height: 7px;
}

.section-bancassurance-banner .bancassurance-column:last-child p {
    margin-bottom: 24px;
    color: #fff;
    font: 21px "Myriad Pro Regular";
    letter-spacing: .6px;
}
.section-bancassurance-banner .bancassurance-column:last-child ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 19px;
    color: #fff;
}
    .section-bancassurance-banner .bancassurance-column:last-child ul li {
        position: relative;
        margin-bottom: 14px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
        max-width: 42%;
        font: 16px "Myriad Pro Regular";
    }
.section-bancassurance-banner .bancassurance-column:last-child li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: -20px;
    color: #fff;
    font-size: 29px;
    line-height: 15px;
}

.section-cta-country .holder-button a{
    color: #ffffff !important;
}

.reflections .section-markets{
    padding: 0 !important;
}

.reflections .section-daily-news .columns{
    padding-bottom:0 !important;
}

.reflections .international-markets .column{
    margin-bottom: 5px !important;
}

.sidebar .holder-tab-1 .holder-part1 .desc{
    padding-bottom:20px;
}
.sidebar .holder-tab-1 .holder-part1 .desc span {
    color:#ffffff !important
}


@media (max-width: 767px) {
    /*.checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) #list-example {
        display: none !important
    }*/
    .checking-account.wedding-account.consumer-loans.car-loan .scrollspy-example.content-holder {
        height: 100% !important;
    }

    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .tabs-wrapper-scrolled .list-holder {
        top: 120px !important;
    }
    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder {
        display: -webkit-inline-box;
    }
    .card-details .tabs-wrapper-scrolled .list-holder {
        top: 120px !important;
    }
    .card-details .tabs-wrapper .list-group-item {
        margin-right: 45px !important;
    }

    .card-details .card-section-dropdown {
        position: relative !important;
        width: 130% !important;
        min-height: 120px !important;
    }

    .tabs-wrapper-scrolled .content-holder {
        padding-top: 0 !important;
    }

    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .tabs-wrapper .content-holder {
        overflow: hidden !important;
    }

}

.checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .tabs-wrapper .list-group-item {
    margin-right: 35px !important;
}

@media (min-width: 768px) {
    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder {
        display: -webkit-inline-box;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder::-webkit-scrollbar {
        height: 10px;
        background: #eee;
        border-radius: 0px;
    }

    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder::-webkit-scrollbar-track {
        background: none;
        width: 20px;
        border: 0px;
    }

    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder::-webkit-scrollbar-thumb {
        border-radius: 0px;
        border: 0px;
        background: #ddd !important;
    }

    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder::-webkit-scrollbar-corner {
        display: none !important;
        border-radius: 0px;
    }

    .checking-account.wedding-account.consumer-loans.car-loan:not(.card-details) .list-group.list-holder::-webkit-scrollbar-button {
        width: 0px !important;
        height: 0px !important;
    }
}

main.loyalty-program .section-header-bg {
    background: none !important;
    height:0 !important;
}

.section-reports--home .item-report .news-link{
    cursor: pointer !important;
}

.section-header-bg .holder-moblie-tabs .list {
    height: 50px;
    align-items: center;
}
.section-header-bg .holder-moblie-tabs .list.active {
    background: #ffffff61;
    height: 50px;
    align-items: center;
}

header.header-2 .holder-link.menu a .icon-bar {
    border-color: #ffffff !important;
}
@media (min-width: 768px) {
    .find-us .section-find-us {
        min-height: 600px;
    }
}
@media (max-width: 767px) {
    .find-us .btn-direction-holder {
        width: 100%;
    }
}

main.insurance-plans .section-alternate .wrapper {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 450px !important;
}

.about-loyalty .irs .irs-single{
    opacity: 0;
}

main.insurance-plans .swiper-slide {
    height: 100% !important;
}

.about-loyalty .holder-filter-content {
    width: 230px;
    position: absolute;
    margin-left: 5%;
}

.about-loyalty .holder-filter-content .holder-filter .form-select{
        background: #f4f4f4 url(../images/arrow-down.png) top 50% right 15px no-repeat;
        background-size: 12px;
        cursor: pointer;
        padding: 11.8px 11px;
        margin-bottom: 15.8px;
        width: 93.1%;
        font-size: 15.3px;
        font-family: "Myriad Pro Regular";
        border: 0;
}

@media (max-width: 767px) {
    .header .top-header {
        display: none !important;
    }
}


@media (min-width: 1800px) {
    .card-details .holder-right-side .tabs-wrapper .list-group-item {
        margin-right: 60px !important;
    }
}
@media (min-width: 1441px) and (max-width: 1799px) {
    .card-details .holder-right-side .tabs-wrapper .list-group-item {
        margin-right: 25px !important; 
    }
}
@media (min-width: 768px) and (max-width: 1440px) {
    .card-details .holder-right-side .tabs-wrapper .list-group-item {
        margin-right: 15px !important;
    }
}

.card-details .kfs-btn a{
    width: 100%;
    height: 40px;
    padding-top: 12px;
}

@media (max-width: 767px) {
    .listing-cards .card-item.main-card-content {
        padding-top: 0 !important;
    }
}

.card-details .tab-item-wrapper {
    position: relative !important;
    display: contents !important;
}

.apply-modal.cards-apply-modal .steps-item, .apply-modal.other-loan-apply .steps-item {
    flex: 0 0 20% !important;
    max-width: 20% !important;
}

.apply-modal .application-heading-holder {
    background-position-x: center !important;
}

#v-pills-home .list-details li:before {
    content: '\f0da';
    position: relative;
    left: -13px;
    width: 10px;
    height: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#v-pills-profile .holder-tab-2 .looking-for_list {
    width: 30%;
    cursor: pointer;
    margin-bottom: 10px;
}

#v-pills-profile .holder-tab-2 .content-title {
    font-size: 14px !important;
}

#v-pills-messages .list-details .holder-details .details-desc {
    text-transform: none !important;
}

#v-pills-messages .list-details li:before {
    content: '\f0da';
    position: relative;
    left: -13px;
    width: 10px;
    height: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.transparency-and-awareness .tab-feedback .complaint-social-holder{
    max-width: 45px !important;
}

.sidebar-menu .sidebar-select-bank {
    width: 170px;
}

.sidebar-menu .sidebar-select-bank .down-caret {
    position: absolute;
    top: 37%;
    right: 7px;
}

.group-profile-two .section-banner-group-profile {
    height: 460px !important;
}

.group-profile-two .section-banner-group-profile .container .banner-title-profile{
   padding-top: 80px;
}

.group-profile-two .btn-scroll-down{
    display: none !important;
}

main.transparency-and-awareness.feedback-complaint .feedback-text-info-section  .container:before{
    content: none;
}

main.transparency-and-awareness.feedback-complaint .feedback-text-info-section .container .item .title {
    display: none;
}

header.header #insurance-plans h5, header.header #investment-banking h5{
    padding-top: 18px;
}

header.header #our-services-link a, header.header .card #our-services a {
    width: 100% !important;
}

.section-hero .swiper-slide.global-market-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(220, 220, 220, 0.37) !important;
}
.section-hero .swiper-slide:not(.global-market-banner):before {
    background-color: rgba(250, 250, 250, 0.2) !important;
}

.section-listings .listing-title, .section-listings .listing-title-mobile {
    text-transform: uppercase;
}

.cards-landing .holder-cards .holder-cards-list a:hover .holder-cards-image {
    background-color: white !important;
    border-color: #454545; 
}

.cards-landing .holder-cards .holder-cards-list a:hover .holder-cards-image img {
    /*filter: brightness(0.4) !important;*/
     filter: brightness(0.4) contrast(0.2) !important;
}

.home .section-services.section-services--home .container .holder-services .services .services-title.hovered-title {
    font-size: 17px !important;
}

.popWrap.cookiesDisclaimer .inner #disclaimerPop{
    margin-right: 50px !important;
}

.bahrain .section-products-services .holder-description .accordion-link.empty-accordion.only-title .fa-file-pdf {
    display: none !important;
}
.bahrain .section-products-services .holder-description .accordion-link.empty-accordion.only-title {
    cursor: default !important;
}

.section-form .holder-note .ar{
    direction: rtl !important;
}

.section-form .holder-note .btn-pdf-center {
    margin: auto;
    margin-top: 30px;
    width: 300px;
    height: 50px;
}

.section-form .holder-note .btn-pdf-center .fa-file-pdf{
    padding-left: 10px;
}

.section-form .holder-note.list-charges .holder-header{
    padding-bottom: 10px;
}

.feedback-text-info-section .item-column.only-one-child {
    max-width: 100% !important;
    direction: ltr !important;
}
.feedback-text-info-section .item-column.only-one-child .holder{
    text-align: left !important;
}

.feedback-text-info-section .item-column.only-one-child .description{
     direction: ltr !important;
     padding-left: 0px !important;
}

.section-transparency-awareness .btn-default.btn-red:active, .btn-default.btn-red:focus, .btn-default.btn-red:hover {
    color: #ffffff;
    background-color: #c40e00;
    border-bottom-color: #c40e00;
}

.cookies-modal.show {
    overflow-y: auto !important;
}

.other-loan-apply .application-steps,
#account-apply-modal .application-steps,
#visa-merchant-apply-modal .application-steps,
#sms-alert-apply-modal .application-steps {
    max-width: 100%;
    flex: 0 0 100%;
    padding-top: 15px;
}

.apply-modal.other-loan-apply .btn-close:after,
.apply-modal.other-loan-apply .btn-close:before,
#account-apply-modal .btn-close:after,
#account-apply-modal .btn-close:before,
#visa-merchant-apply-modal .btn-close:after,
#visa-merchant-apply-modal .btn-close:before,
#sms-alert-apply-modal .btn-close:after,
#sms-alert-apply-modal .btn-close:before {
    background: #000;
}

.other-loan-apply .application-steps .application-title,
#account-apply-modal .application-steps .application-title,
#visa-merchant-apply-modal .application-steps .application-title,
#sms-alert-apply-modal .application-steps .application-title {
    color: #c40e00 !important;
    padding-bottom: 25px;
}

.main-data-section .market-type-wrapper {
    display: block;
    width: 100%;
    max-width: 1326px;
    position: relative;
    margin: auto;
    height: 55px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.main-data-section .market-type-wrapper .market-btn{
    display: flex;
    width: 50%;
    position: relative;
    flex-direction: column;
    float: left;
    height: 100%;
    justify-content: center;
    color: #AAAAAA;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #F5F5F5;
}
.main-data-section .market-type-wrapper .market-btn:hover{
    background-color: #C40E00;
    color: #ffffff;
}

.main-data-section .market-type-wrapper .market-btn.selected{
    background-color: #C40E00;
    color: #ffffff;
    cursor: default;
}

/*.main-data-section .section-daily-news .columns {
    justify-content: center;
}

.main-data-section .section-daily-news .columns .column-text{
    width: 80%;
    text-align: center;
}

.main-data-section .section-daily-news .columns .column-text .holder-text .list-unstyled{
    font-size: 18px;
}

.main-data-section .section-daily-news .columns .column-text .holder-text .section-title {
    font-size: 26px;
    margin-bottom: 0px;
}

.main-data-section .section-daily-news .columns .column-text .holder-text .section-title:after {
    content: none !important;
}

.main-data-section .section-daily-news {
    border-bottom: 1px solid #DDDDDD;
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 35px;
}*/

.reflections .international-markets .column:nth-child(2) .holder-image{
    margin-top: 15px;
}
.reflections .international-markets .column {
    margin-bottom: 40px !important;
}

.reflections .international-markets .column.full-width,
.reflections .international-markets .column.full-width .image-table{
    width:  100% !important;
}

.reflections .international-markets .column:nth-child(2){
    margin-right: 0 !important;
}

.reflections .section-subtitle {
    font: normal 26px "Myriad Pro Regular" !important;
    color: #cb0a03 !important;
}

main.the-group .holder-group-content.full-width .holder-left {
    width: 100% !important;
    padding-right: 0 !important;
    border-right: none !important;
}
main.the-group .holder-group-content .holder-left .text-desc {
    font: 16px "Myriad Pro Regular";
    margin-top: 20px;
    color: #454545 !important;
}

main.the-group .holder-group-content .holder-left .text-desc strong {
    color: #c40e00;
    font-family: "Myriad Pro Bold";
    padding-top: 10px;
    font-size: 16px;
    letter-spacing: .65px;
    padding-bottom: 8px;
}

.transparency-and-awareness.feedback-complaint .list-tab.tab-feedback .feedback-items.desc.en {
    border-right: 1px #dfdfdf solid;
}

.transparency-and-awareness.feedback-complaint .list-tab.tab-feedback .feedback-items:not(.desc) {
    border-right: none !important;
}

.transparency-and-awareness.feedback-complaint .list-tab.tab-feedback .feedback-items.ar{
    direction: rtl !important; 
}

.transparency-and-awareness .feedback-items.ar li:before {
    margin-right: 0 !important;
    margin-left: 17px;
}
.transparency-and-awareness.feedback-complaint .list-tab.tab-feedback .feedback-items li {
    font: normal 16px "Myriad Pro Regular";
    color: #737373;
}

.transparency-and-awareness.feedback-complaint .list-tab.tab-feedback .feedback-items ul {
    text-align: initial;
}

.the-group .holder-left .holder-logo img {
    max-height: 155px !important;
}

.card-details .holder-checkbox.max-cards .checkbox-label:not(.card-checked){
    pointer-events: none !important;
}

.card-details .holder-left-side .holder-checkbox [type="checkbox"]:not(:checked) + .checkbox-label:before,
.card-details .holder-left-side .holder-checkbox [type="checkbox"]:checked + .checkbox-label:before {
    border: 1px solid;
    padding-left: 1px;
    padding-right: 1px;
}

.listing-cards.compare-cards .section-card-details {
    padding-top: 20px; 
}

.card-details .holder-checkbox {
    max-height: 350px;
    overflow-y: scroll;
}

.card-details .holder-checkbox::-webkit-scrollbar {
    width: 6px;
    position: absolute;
    right: 0;
}

.card-details .holder-checkbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.card-details .holder-checkbox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #7f7f7f;
}

.cards-landing .section-services .services-image,
.listing-cards .section-services .services-image,
.card-details .section-services .services-image {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.cards-landing .section-services .services-desc,
.listing-cards .section-services .services-desc,
.card-details .section-services .services-desc {
    font: 34px "Myriad Pro SemiBold";
    color: black;
}

.listing-cards .card-item .holder-button.card-currency {
    background: transparent;
    border: 1px solid #c3c3c3;
    color: #c3c3c3 !important;
}

.card-details .holder-left-side .holder-title:before{
    top:55% !important;
}

.card-holder.mutli-title-subtitle.mutli-title-img .donwnload-pdf a {
    color: #c40e00;
    text-decoration: none;
}

.card-holder.mutli-title-subtitle.mutli-title-img .donwnload-pdf a:hover {
    color: #c40e00;
    text-decoration: underline;
}

.card-details .holder-details .btn-default.btn-light-gray {
    border-color: #c40e00 !important;
}
.card-details .holder-details .btn-default.btn-light-gray a{
    color: #ffffff;
}


@media screen and (min-width: 768px){
    .btn-default.btn-light-gray:active, .btn-default.btn-light-gray:focus, .btn-default.btn-light-gray:hover {
        border-color: #ffffff !important;
        background-color: #ffffff !important;
    }
    .btn-default.btn-light-gray:active a, .btn-default.btn-light-gray:focus a, .btn-default.btn-light-gray:hover a {
        color: #c40e00 !important;
    }
}

.section-listings .listing-title, .section-listings .listing-title-mobile {
    font-family: "Myriad Pro SemiBold";
}

.listing-cards .holder-card .card-item.card-desc li:before {
    content: '\f0da';
    position: absolute;
    top: 0;
    left: -13px;
    width: 10px;
    height: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.listing-cards .holder-card .card-item.card-desc li {
    position: relative;
    margin-bottom: 18px;
    font-size: 15px;
    letter-spacing: -.2px;
}

.listing-cards .holder-card.holder-card-title.holder-card-fixed {
    position: sticky;
    top: 143px;
    z-index: 99;
    width: 100%;
    background: #f0f0f0d1;
}

.listing-cards .holder-card .compare-checkbox-wrapper {
   /*margin-left: 65px;*/
}

@media (min-width: 992px) {
    .listing-cards .holder-card .item.compare-title {
        text-align: center;
    }
    .listing-cards .section-cards .item:nth-of-type(3), .listing-cards .section-cards .card-item:nth-of-type(3) {
        width: 23.5%;
    }

    .listing-cards .section-cards .item:nth-of-type(2), .listing-cards .section-cards .card-item:nth-of-type(2) {
        width: 25.5%;
    }

    .listing-cards .section-cards .item:nth-of-type(4), .listing-cards .section-cards .card-item:nth-of-type(4) {
        text-align: center;
    }

    .listing-cards .section-cards .holder-radio .checkmark {
        /*left: 120px !important;*/
    }
    .listing-cards .section-cards .holder-radio {
        width: 100px;
        margin-left: 35%;
    }

    .listing-cards .compare-error {
        padding-right: 0 !important;
        text-align: center !important;
        padding-left: 50px !important;
    }
}

    .cards-landing .cards-portal-banner .swiper-slide.no-link {
        pointer-events: none !important;
    }

    .section-products-services .holder-description .accordion-body li:before {
        content: '';
        position: absolute;
        top: 12px;
        left: -10px;
        border-top: 4px solid transparent;
        border-left: 4px solid #c40e00;
        border-bottom: 4px solid transparent;
    }

    .section-products-services .holder-description .accordion-body li {
        position: relative;
    }

    .section-products-services .holder-description .accordion-body ul {
        margin-left: 25px;
    }


    .listing-cards .sub-keywords .keywords-values {
        max-height: 400px;
        overflow-y: auto;
    }

        .listing-cards .sub-keywords .keywords-values::-webkit-scrollbar {
            width: 6px;
            position: absolute;
            right: 0;
        }

        .listing-cards .sub-keywords .keywords-values::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }

        .listing-cards .sub-keywords .keywords-values::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #7f7f7f;
        }


        .cards-landing .cards-portal-banner .holder-hero .container .keywords-values::-webkit-scrollbar {
            width: 6px;
            position: absolute;
            right: 0;
        }

       .cards-landing .cards-portal-banner .holder-hero .container .keywords-values::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }

       .cards-landing .cards-portal-banner .holder-hero .container .keywords-values::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #7f7f7f;
        }
   

    .section-transparency-awareness.feedback-text-info-section .item-column .description li:before {
        content: '';
        position: absolute;
        top: 9px;
        left: -12px;
        border-top: 4px solid transparent;
        border-left: 4px solid #c40e00;
        border-bottom: 4px solid transparent;
    }

    .section-transparency-awareness.feedback-text-info-section .item-column .description li {
        position: relative;
    }

    .section-transparency-awareness.feedback-text-info-section .item-column .description ul {
        margin-left: 15px;
        line-height: 1.6;
    }

    .section-products-services .holder-description .sub-item-wrapper a {
        font-size: 14.5px;
    }

        .section-products-services .holder-description .sub-item-wrapper a:hover {
            color: #b80c0c;
        }

        .section-products-services .holder-description .sub-item-wrapper a .fa-file-pdf {
            color: #b80c0c;
        }

    .section-cta-country .holder .holder-button.lang-btn {
        right: 200px;
        position: absolute;
        width: 240px;
        top: 50px;
        z-index: 9;
    }

    .section-cta-country.arabic .branch-item h4 {
        text-align: right;
    }

    .section-cta-country.arabic .branch-item .cta-name,
    .section-cta-country.arabic .branch-item .cta-description,
    .section-cta-country.arabic .overlay-text {
        font-family: Tahoma !important;
        font-size: 15px !important;
    }

    .section-cta-country.arabic .branch-item .cta-label {
        font-family: Tahoma !important;
        font-size: 19px !important;
    }

    .section-cta-country.section-cta-country-alternate.hide {
        display: none !important;
    }

    .cards-portal-banner .keywords-dropdown {
        float: left;
        margin-bottom: 30px;
        width: 49%;
    }

        .cards-portal-banner .keywords-dropdown.sub-category {
            margin-left: 1.5%;
        }

    .listing-cards .keywords-wrapper {
        /*width: 100%;*/
        width: 50%;
        display: block;
    }

    @media screen and (min-width: 768px) {
        .cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown {
            width: calc(100%/4.2);
            margin-left: 1.1%;
        }
        .listing-cards .keywords-wrapper .keywords-dropdown {
            float: left;
            width: 48%;
        }

        .listing-cards .holder-card.holder-card-title {
            width: 100%;
        }

        .listing-cards .keywords-wrapper .keywords-dropdown.sub-keywords {
            margin-left: 2%;
        }

        .cards-landing .keywords-wrapper {
            width: 100%;
            display: block;
            height: 70px;
        }

        .cards-landing .cards-portal-landing-services {
            padding-top: 70px;
        }
    }

.keywords-dropdown.main-category .keywords-values-wrapper {
    display: none;
}
.keywords-dropdown.main-category.open .keywords-values-wrapper {
    display: block !important;
}

.keywords-dropdown.main-category.open {
   z-index: 100 !important;
}

.keywords-dropdown.main-category a {
    cursor: pointer;
}
.keywords-dropdown.main-category a.disable {
    pointer-events: none;
    cursor: default;
}
.keywords-dropdown.main-category a.selected {
    color: #c40e00 !important;
    font-weight: bold !important;
}
.cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown p .fa-chevron-down {
    float: right;
}

.cards-landing .cards-portal-banner .holder-hero .container .holder-button {
    margin-bottom: 15px;
}

    @media (max-width: 767px) {
        .cards-landing .keywords-wrapper {
            width: 100%;
            display: block;
        }

        .cards-portal-banner .keywords-dropdown {
            width: 100%;
            margin-left: 0 !important;
        }

        .listing-cards .keywords-dropdown, .listing-cards .keywords-wrapper {
            width: 100%;
            z-index: 999 !important;
        }

        .cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown.main-category .keywords-values-wrapper {
            z-index: 999 !important;
        }

        .cards-landing .cards-portal-banner .holder-hero .container .keywords-dropdown.sub-category {
            z-index: 8 !important;
        }
    }

    .cards-landing .cards-portal-banner .holder-hero .container .sub-category .keywords-values-wrapper {
        overflow-y: auto;
        max-height: 250px;
        height: 250px;
    }

    .cards-landing .cards-portal-banner .holder-hero .container .main-category .keywords-values-wrapper {
        max-height: 250px;
        height: 250px;
    }

    .cards-landing .cards-portal-banner .holder-hero .container .sub-category .keywords-values-wrapper::-webkit-scrollbar {
        width: 6px;
        position: absolute;
        right: 0;
    }

    .cards-landing .cards-portal-banner .holder-hero .container .sub-category .keywords-values-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    .cards-landing .cards-portal-banner .holder-hero .container .sub-category .keywords-values-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #7f7f7f;
    }

    .cards-landing .cards-portal-banner .holder-hero .container .sub-category .keywords-values {
        display: block !important;
    }

    .listing-cards .sub-keywords .keywords-values, .listing-cards .keywords-values-wrapper {
        max-height: 200px;
        height: 200px;
    }

.cards-landing .cards-portal-banner .holder-hero .container .keywords-values {
    max-height: 250px;
    height: 250px;
    display: block;
    overflow-y: auto;
    text-align: left;
    padding-left: 20px;
}

        .cards-landing .cards-portal-banner .holder-hero .container .keywords-values p {
            padding-top: 0px;
            /*padding-bottom: 12px;*/
        }


    .disclaimer .section-disclaimer {
        padding-top: 0 !important;
    }

        .disclaimer .section-disclaimer .holder-button {
            margin-top: 10px !important;
        }


    .main-data-section .section-daily-news {
        padding-bottom: 20px;
    }

    .main-data-section .market-type-wrapper {
        margin-bottom: 25px !important;
    }

    @media screen and (min-width: 768px) {
        .loyalty-program .section-item-list .holder-latest-gift .content,
        .loyalty-program .section-item-list .holder-featured-merchants .content {
            width: 24% !important;
        }
    }

     
    .loyalty-program .section-item-list .holder-latest-gift, .loyalty-program .section-item-list .holder-featured-merchants {
        width: 100% !important;
    }

    .reflections .international-markets .column.small-width {
        margin-right: 250px;
    }

    .redemption .loyalty-clear-filter {
        margin-bottom: 10px;
        text-decoration: underline;
        margin-left: 5px;
        cursor: pointer;
    }

    .header.header-2 .holder-right .navbar-brand {
        margin-right: 30px;
    }

        .header.header-2 .holder-right .navbar-brand .brand-logo {
            /*width: 30px;*/
            /*filter: invert(1);*/
            /*margin-top: 6px;*/
        }

    .loyalty-program #gifts .category:hover .cat-title {
        color: #b73e81 !important;
    }

    .loyalty-program #gifts .category:hover img {
        /*filter: drop-shadow(2px 4px 6px #b73e81);*/
        opacity: 0.8;
    }


    @media screen and (min-height: 550px) and (max-height: 700px) {
        body.KDev-state-home .section-banner.section-banner--home,
        body.KDev-state-home .holder-services,
        body.KDev-state-home .container-fluid.container-header {
            zoom: 0.85;
        }
    }

    .about-loyalty .holder-left-stats .title.long-title {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .about-loyalty .section-second-content .holder-left-stats {
        padding: 24px 10px 10px 45px !important;
    }

    .about-loyalty .holder-filter-content.sub-category {
        top: 260px;
    }


    .loyalty-program #insurance .category:hover .cat-title {
        color: #f48222 !important;
    }

    .loyalty-program #insurance .category:hover img {
        /*filter: drop-shadow(2px 4px 6px #b73e81);*/
        opacity: 0.8;
    }

    .loyalty-program #bills .category:hover .cat-title {
        color: #bbd631 !important;
    }

    .loyalty-program #bills .category:hover img {
        /*filter: drop-shadow(2px 4px 6px #b73e81);*/
        opacity: 0.8;
    }

    .loyalty-program #insurance .category img {
        width: 120px
    }

    .loyalty-program .section-category .cat-nav.cat-insurance .cat-tab.active .cat-title {
        color: #f48222 !important;
    }

    .loyalty-program .section-category .cat-nav.cat-bills .cat-tab.active .cat-title {
        color: #bbd631 !important;
    }

    .find-us .section-find-us select > option {
        /*background-color: rgb(105, 105, 105);
        color: #fff !important;*/
        background-color: rgb(218 218 218) !important;
        color: #000 !important;
    }

    .listing-cards .section-services .holder-services-details {
        bottom: 10px !important;
    }

    @media screen and (max-width: 991px) {
        .listing-cards .section-cards .card-item:nth-of-type(2):before {
            content: 'TARGET';
        }

        .listing-cards .section-cards .card-item:nth-of-type(3):before {
            content: 'KEY FEATURES';
        }

        .listing-cards .section-cards .card-item:nth-of-type(4):before {
            content: 'COMPARE';
        }
    }

    @media (max-width: 600px) {
        .listing-cards .section-cards .card-item:not(.main-card-content) {
            margin-left: 15px !important;
        }
    }

    @media (max-width: 767px) {
        .card-details .holder-checkbox {
            max-height: 170px;
        }
    }

    .card-details .holder-custom-select .btn-transparent-gray {
        border-color: #9b9b9b !important;
        border-bottom: 5px solid #c40e00 !important;
        background-color: #9b9b9b;
        justify-content: center;
    }

        .card-details .holder-custom-select .btn-transparent-gray a {
            font-size: 13.6px;
            letter-spacing: 0.7px;
            color: #fff;
            font-family: "Myriad Pro SemiBold";
        }

        .card-details .holder-custom-select .btn-transparent-gray:hover {
            background-color: #fff !important;
            border-color: #fff !important;
            border-bottom: 5px solid #c40e00 !important;
        }

            .card-details .holder-custom-select .btn-transparent-gray:hover a {
                color: #c40e00 !important;
            }

    .cx-side-button-group {
        top: 25% !important;
    }

    .cards-landing .section-services .services-title,
    .listing-cards .section-services .services-title {
        color: #464646 !important;
        font: 30px "Frutiger Bold" !important;
        letter-spacing: 1.25px;
    }

    .cards-landing .section-hero.cards-portal-banner .cards-title {
        font-size: 24px;
    }

    .card-details .holder-left-side .holder-checkbox [type="checkbox"]:not(:checked) + .checkbox-label:after,
    .card-details .holder-left-side .holder-checkbox [type="checkbox"]:checked + .checkbox-label:after {
        width: 17px;
        height: 17px;
        border: 1px #c40e00 solid;
        content: '';
        position: absolute;
        top: 10%;
        right: 0;
    }

    .card-details .holder-left-side .holder-checkbox [type="checkbox"]:checked + .checkbox-label:after {
        opacity: 0;
    }

    .card-details .compare-error {
        margin-bottom: 5px;
        font-size: 15px;
        font-family: "Myriad Pro Regular";
        letter-spacing: .7px;
        color: #c40e00;
        display: none;
    }

        .card-details .compare-error.show {
            display: block;
        }

    .listing-cards .btn-default.btn-transparent-gray:not(:hover) {
        border: 1px solid #858585;
        color: #545454;
    }

    .listing-cards .card-title, .listing-cards .card-title a {
        color: #000000;
    }

    .listing-cards .card-item .holder-button.card-currency {
        border: 1px solid #c3c3c3 !important;
        color: #858585 !important;
    }

    .section-bacnassurance-tabs .nav-link {
        text-transform: uppercase;
    }

    .find-us form.find-branch .filter:focus, .find-us form.find-branch .filter-branch:focus {
        background-color: rgba(255, 255, 255, 0.8) !important;
        color: #000;
    }

    .listing-cards .section-bacnassurance-tabs .section-text-info .holder-text-info li {
        position: relative;
        padding-left: 10px;
    }

        .listing-cards .section-bacnassurance-tabs .section-text-info .holder-text-info li:after {
            content: '';
            position: absolute;
            top: 8px;
            left: -7px;
            border-top: 4px solid transparent;
            border-left: 4px solid #c40e00;
            border-bottom: 4px solid transparent;
        }

    .awards .section-awards-details .column-text .award-title {
        max-width: 525px;
    }

    .cards-landing .section-hero .hero-image {
        object-fit: cover;
    }

    .card-holder .section-notes .note-desc ul li:before {
        content: '\f0da';
        position: relative;
        top: 0;
        left: -13px;
        width: 10px;
        height: 10px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #c40e00;
    }

    .card-holder .section-notes .note-desc ul {
        padding-left: 15px
    }

    /*.header-2 .cart-wrapper a {
    margin-right: 30px;
}*/
    .header-2 .cart-wrapper img.brand-logo {
        width: 30px;
        filter: invert(1);
        margin-top: 6px;
    }


    .header-2 .holder-right span {
        margin-left: 9px;
        font-size: 26px;
        color: #fff;
        font-family: "Myriad Pro SemiBold";
    }

    header.header-2 .loyalty-menu img.brand-logo {
        max-width: 240px;
    }

    .cl-font-red, .cl-font-red a, .item-info .cl-font-red {
        color: #c40e00 !important;
    }

    .footer .section-socials .holder-newsletter .list-iso:last-child .icon {
        width: 52px;
        -webkit-filter: none;
        filter: none;
    }

    .popWrap.cookiesDisclaimer .inner {
        display: block !important;
    }

    @media (min-width: 768px) {
        .get-dir-mobile {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .get-dir-desktop {
            display: none !important;
        }
    }

    .get-dir-desktop {
        left: 0;
        width: 100%;
        text-align: -webkit-center;
    }

    #cards-portal-popup-modal {
        overflow-x: hidden;
        overflow-y: auto;
        margin: auto;
    }

        #cards-portal-popup-modal .modal-dialog {
            max-width: 815px;
        }

        #cards-portal-popup-modal .modal-content {
            padding: 20px;
        }

            #cards-portal-popup-modal .modal-content .btn-close {
                position: absolute;
                right: 30px;
                top: 15px;
            }

                #cards-portal-popup-modal .modal-content .btn-close:after,
                #cards-portal-popup-modal .modal-content .btn-close:before {
                    background: #000;
                    height: 25px;
                }

        #cards-portal-popup-modal .card-portal-popup-img {
            width: auto;
            text-align: center;
        }

            #cards-portal-popup-modal .card-portal-popup-img img {
                width: 100%;
            }


    @media (max-width: 767px) {
        #cards-portal-popup-modal {
            top: 115px;
        }

            #cards-portal-popup-modal .modal-content .btn-close {
                left: 15px;
                right: auto;
                top: 0;
            }

                #cards-portal-popup-modal .modal-content .btn-close:after,
                #cards-portal-popup-modal .modal-content .btn-close:before {
                    height: 20px;
                }
    }

    .header .list-icons:nth-child(3) .icon-fa {
        color: rgb(29, 161, 242)
    }

    .the-group .holder-contents .text-desc ul li:before {
        content: '\f0da';
        position: relative;
        top: 0;
        left: -13px;
        width: 10px;
        height: 10px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #c40e00;
    }


    .the-group .holder-contents .text-desc ul li {
        padding-left: 25px;
    }

    .listing-cards .card-list-empty {
        margin-top: 200px;
    }

    .listing-cards .cards-title {
        font-size: 22px;
    }

    @media (max-width: 767px) {
        .listing-cards .cards-title {
            font-size: 19px;
        }
    }

    @media (min-width: 1307px) {
        .section-hero.cards-portal-banner .swiper-card-banner .holder-hero-details .holder-info {
            margin-left: 25%;
            margin-right: 25%;
        }
    }

    @media (min-width: 768px) and (max-width: 1306px) {
        .section-hero.cards-portal-banner .swiper-card-banner .holder-hero-details .holder-info {
            margin-left: 15%;
            margin-right: 15%;
        }
    }

    .listing-cards .card-item .image-card.card-portrait {
        width: 190px;
    }

    .blog-image {
        width: 100%;
        max-width: 200px;
    }

    .cards-landing .swiper-wrapper.swiper-wrap-card-portal .swiper-slide:before {
        content: none;
    }

    .header .list-icons:nth-child(2) .fa-instagram.icon-fa {
        border-radius: 7px;
        color: #fff;
        background: #d6249f;
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
        box-shadow: 0px 3px 10px rgba(0,0,0,.25);
    }

    .transparency-and-awareness .tab-feedback .complaint-icon-title {
        margin-top: 6px;
    }

    #feedbackForm .form-group .long-label {
        top: -20px;
    }

    .form-label {
        position: absolute;
        left: 10px;
        z-index: 1;
        padding: 5px 5px;
        background-color: #e0e0e0;
        border-radius: 15px;
    }

    	.subname{    font-family: "Frutiger Bold";font-size: 20px;margin-bottom:25px;
    color: #464646 ;text-align: center;position: relative;z-index: 1;padding-top: 22px;}
    .holder-cards + .subname{    padding-top: 24px;
        border-top: 1px solid #e9e9e9;margin-bottom:35px;
        margin-top: 39px;}
    @media (max-width:767px) {.subname{ font-size: 18px;margin-bottom:20px;}
    .KDev-state-cardsPortal .cards-landing .cards-portal-banner .holder-hero .swiper-pagination{bottom: auto!important;top:118px;}
}
    /* december 9 */
    .listing-cards.CardsTable {
        width: 100%;
    }

        .listing-cards.CardsTable .section-card-details .card-item {
            display: block !important;
        }

    .tableSwiper .screen {
        width: 100%;
        overflow: hidden;
    }

    .tableSwiper .swiper-slide {
        width: auto;
    }

    .listing-cards.CardsTable .holder-card.card-info {
        width: auto;
        flex-wrap: nowrap;
    }

    .listing-cards.CardsTable .prev {
        cursor: pointer;
        position: fixed;
        left: 10px;
        top: 180px;
        bottom: 0px;
        margin: auto;
        z-index: 2;
        outline: none;
        height: 50px;
        width: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .listing-cards.CardsTable .next {
        cursor: pointer;
        position: fixed;
        right: 10px;
        top: 180px;
        bottom: 0px;
        margin: auto;
        z-index: 2;
        outline: none;
        height: 50px;
        width: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .listing-cards.CardsTable .prev svg path, .listing-cards.CardsTable .next svg path {
            stroke: #454545;
        }

        .listing-cards.CardsTable .prev svg, .listing-cards.CardsTable .next svg {
            width: 20px;
            height: auto;
        }

    .listing-cards.CardsTable .swiper-button-lock, .listing-cards.CardsTable .swiper-button-disabled {
        display: none;
    }

    .listing-cards.CardsTable .section-card-details .card-item {
        width: 475px !important;
    }

    .KDev-state-cardsCompare footer {
        position: relative;
        z-index: 2;
    }

    .listing-cards.CardsTable .compare-head-field {
        height: auto;
        min-height: 35px;
        padding-top: 8px;
    }

    @media (min-width: 768px) {
        .listing-cards.CardsTable .section-card-details .card-item:nth-child(1) {
            width: 269px !important;
        }

        .listing-cards.CardsTable .section-card-details .card-item {
            width: 544px !important;
        }

            .listing-cards.CardsTable .section-card-details .card-item:nth-child(3):last-child {
                width: calc(50% - 135px) !important;
            }

            .listing-cards.CardsTable .section-card-details .card-item:nth-child(2):nth-last-child(2) {
                width: calc(50% - 135px) !important;
            }

            .listing-cards.CardsTable .section-card-details .card-item:nth-child(2):last-child {
                width: calc(100% - 269px) !important;
            }

        .tableSwiper.threeCols .swiper-slide {
            width: 100%;
        }

        .tableSwiper.threeCols .image-card {
            max-width: 95% !important;
            object-fit: contain;
        }

        .tableSwiper.twoCols .swiper-slide {
            width: 100%;
        }

        .tableSwiper.twoCols .image-card {
            max-width: 95% !important;
            object-fit: contain;
        }

        .listing-cards.CardsTable .compare-sub-field {
            padding-right: 15px;
        }
    }

    @media (min-width:1230px) {
        .tableSwiper.foorCols .swiper-slide {
            width: 100%;
        }

        .listing-cards.CardsTable .tableSwiper.foorCols .card-item {
            width: calc(33.3% - 90px) !important;
        }
    }



    @media (max-width: 1199px) and (min-width: 992px) {
        .listing-cards.CardsTable .section-card-details .card-title {
            font-size: 19px;
        }
    }

    @media (max-width: 991px) and (min-width: 768px) {
        .listing-cards.CardsTable .section-card-details .item-info {
            margin-top: 0px;
        }
    }

    @media (max-width:1350px) {
        .listing-cards.CardsTable .section-card-details .card-item {
            width: 338px !important;
        }
    }

    @media (max-width: 991px) {
        .listing-cards.CardsTable .section-card-details .card-item:nth-of-type(1):before, .listing-cards .section-card-details .item:nth-of-type(1):before {
            display: none;
        }

        .listing-cards.CardsTable .section-card-details .card-item:before {
            display: none;
        }
    }

    @media (max-width:767px) {
        .listing-cards.CardsTable .section-card-details .container-fluid {
            display: block;
        }

        .listing-cards.CardsTable .section-card-details .holder-card {
            flex: none;
            padding: 0px;
        }

        .listing-cards.CardsTable .section-card-details .item-info {
            margin-top: 0px;
            max-width: none;
        }

        .listing-cards.CardsTable .section-card-details .card-item {
            border-right: 1px solid #dfdfdf;
        }

        .listing-cards.CardsTable .section-card-details .card-item {
            text-align: center;
            margin-top: 0px;
        }

        .listing-cards.CardsTable .section-card-details .card-title {
            text-align: center;
        }

        .listing-cards.CardsTable .section-card-details .image-card {
            object-fit: contain;
            max-width: 113px !important;
            max-height: 144px;
        }

        .listing-cards.CardsTable .card-title {
            font-size: 15px;
            padding-bottom: 8px;
            padding-left: 9px;
            padding-right: 9px;
        }

        .listing-cards.CardsTable .section-card-details .card-item {
            width: 150px !important;
        }

        .listing-cards.CardsTable .section-card-details .item-info {
            font-size: 13px;
        }

        .listing-cards.CardsTable .section-card-details .holder-card:after {
            display: none;
        }

        .listing-cards.CardsTable .compare-sub-field {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            min-height: 49px;
        }

        .listing-cards.CardsTable .section-card-details .btn-default {
            margin: 11px auto !important;
            height: 33px;
        }

            .listing-cards.CardsTable .section-card-details .btn-default .btn {
                font-size: 13px;
            }

        .listing-cards.CardsTable .prev svg, .listing-cards.CardsTable .next svg {
            width: 15px;
            height: auto;
        }

        .listing-cards.CardsTable .compare-sub-field {
            padding-left: 6px;
            padding-right: 6px;
        }
    }



    @media (max-width: 767px) and (min-width: 499px) {
        .listing-cards.CardsTable .section-card-details .card-item:nth-child(3):last-child {
            width: calc(50% - 75px) !important;
        }

        .listing-cards.CardsTable .section-card-details .card-item:nth-child(2):nth-last-child(2) {
            width: calc(50% - 75px) !important;
        }

        .tableSwiper.threeCols .swiper-slide {
            width: 100%;
        }

        .tableSwiper.threeCols .image-card {
            max-width: 95% !important;
            object-fit: contain;
        }

        .tableSwiper.twoCols .swiper-slide {
            width: 100%;
        }

        .tableSwiper.twoCols .image-card {
            max-width: 95% !important;
            object-fit: contain;
        }

        .listing-cards.CardsTable .section-card-details .card-item:nth-child(2):last-child {
            width: calc(100% - 150px) !important;
        }
    }


    @media (max-width:500px) {
        .listing-cards.CardsTable .section-card-details .card-item {
            width: 120px !important;
        }

        .listing-cards.CardsTable .compare-head-field {
            min-height: 49px;
            display: flex;
            align-items: center;
        }

        .listing-cards.CardsTable .section-card-details .card-item:nth-child(3):last-child {
            width: calc(50% - 60px) !important;
        }

        .listing-cards.CardsTable .section-card-details .card-item:nth-child(2):nth-last-child(2) {
            width: calc(50% - 60px) !important;
        }

        .tableSwiper.threeCols .swiper-slide {
            width: 100%;
        }

        .tableSwiper.threeCols .image-card {
            max-width: 95% !important;
            object-fit: contain;
        }

        .tableSwiper.twoCols .swiper-slide {
            width: 100%;
        }

        .tableSwiper.twoCols .image-card {
            max-width: 95% !important;
            object-fit: contain;
        }

        .listing-cards.CardsTable .section-card-details .card-item:nth-child(2):last-child {
            width: calc(100% - 120px) !important;
        }
    }

    @media (min-width:616px) and (max-width:767px) {
        .tableSwiper.foorCols .swiper-slide {
            width: 100%;
        }

        .listing-cards.CardsTable .tableSwiper.foorCols .card-item {
            width: calc(33.3% - 50px) !important;
        }

            .listing-cards.CardsTable .tableSwiper.foorCols .card-item:nth-child(1) {
                width: 150px !important;
            }
    }


    @media (max-device-width:767px) {
        .listing-cards.CardsTable .section-card-details .item-info {
            letter-spacing: -0.5px;
            font-size: 12px;
        }

        .listing-cards.CardsTable .section-card-details .btn-default {
            padding-top: 3px;
            height: 32px;
        }
    }

    @media screen and (max-width: 767px) {
        .section-hero .holder-hero-details {
            padding-top: 10px !important;
        }

        .retail-banking .sub-item-container {
            margin-top: 20px;
        }

        .breadcrumbs-holder .customer-service-wrapper {
            display: block !important;
            height: 48px !important;
        }

        .breadcrumbs-holder .time-img-holder {
            width: 50px;
            height: 50px;
        }

            .breadcrumbs-holder .time-img-holder .img-time {
                width: 100%;
                height: 100%;
            }
    }

    .ebanking-apply-modal .section-thank-you {
        display: block;
    }

    #visa-merchant-apply-modal form .holder-note,
    #sms-alert-apply-modal form .holder-note {
        margin-top: 40px;
    }

    #visa-merchant-apply-modal form .part-title,
    #sms-alert-apply-modal form .part-title {
        margin-top: 40px;
        border-bottom: 1px solid #dbd7d7;
        padding-bottom: 10px;
        margin-bottom: 25px;
        padding-top: 55px;
    }

    #sms-alert-apply-modal form .steps-form-column:nth-child(1) .part-title:nth-child(1) {
        padding-top: 0px !important;
        margin-top: 10px;
    }

    #visa-merchant-apply-modal form .holder-note .form-note,
    #sms-alert-apply-modal form .holder-note .form-note {
        font-size: 17px;
        font: 17px "Myriad Pro Light";
    }

    #visa-merchant-apply-modal textarea.form-field {
        max-height: none;
    }

    .form-group.text-field-checkbox .form-controls {
        width: 65%;
        float: left;
    }

        .form-group.text-field-checkbox .form-controls:last-child {
            width: 14% !important;
            margin-left: 20%;
            margin-top: 30px;
        }

            .form-group.text-field-checkbox .form-controls:last-child input.custom-checkbox {
                cursor: pointer;
                top: 33px !important;
            }

    .smsTableTitle {
        color: #CA110E;
        font-size: 13px;
        font-weight: bold;
    }

    .smsTablePackage {
        color: #CA110E;
        font-size: 12px;
        font-weight: bold;
        padding-left: 2px;
    }

    #smsTable tr {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
        margin: 0;
        height: auto;
        color: #666666;
    }

    #smsTable .form-controls {
        margin-top: 0 !important;
    }

        #smsTable .form-controls input.custom-checkbox,
        #smsTable .form-controls select {
            top: unset;
            cursor: pointer;
        }

    .steps-form-column:last-of-type #smsTable .form-group:first-child {
        margin-bottom: 10px !important;
    }

    #smsTable .form-group .form-controls:last-child {
        width: 100% !important;
        margin-left: 0 !important;
    }

        #smsTable .form-group .form-controls:last-child input,
        #smsTable .form-group .form-controls:last-child select {
            margin-top: 10px;
            margin-left: 5px;
            max-height: 25px;
        }

    #sms-alert-apply-modal .steps-form-column:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #sms-alert-apply-modal .steps-form-column:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mobile-space {
        display: none;
    }

    @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

        table, thead, tbody, th, td, tr {
            display: block;
        }

        #smsTable tbody tr:first-child {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        tr {
            /*margin: 0 0 1rem 0 !important;*/
        }

            tr:nth-child(odd) {
                background: #e0e0e0;
                text-align: center;
            }

        #smsTable tbody tr:not(first-child) td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            height: 35px;
        }

            #smsTable tbody tr:not(first-child) td:not(.table-border):before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 0;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }

        #smsTable tbody tr td:nth-of-type(1):not(.table-border):before {
            content: "";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #smsTable tbody tr td:nth-of-type(2):not(.table-border):before {
            content: "Full Account number";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #smsTable tbody tr td:nth-of-type(3):not(.table-border):before {
            content: "Enable";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #smsTable tbody tr td:nth-of-type(4):not(.table-border):before {
            content: "Cost";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #smsTable tbody tr td:nth-of-type(5):not(.table-border):before {
            content: "Alert type";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #smsTable tbody tr td:nth-of-type(6):not(.table-border):before {
            content: "Limit";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #smsTable tbody tr td:nth-of-type(7):not(.table-border):before {
            content: "Notification Time";
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
        }



        .table-border {
            display: none !important;
        }

        #sms-alert-apply-modal .steps-form-column:nth-child(1) {
            flex: 0 0 100%;
            max-width: 100%;
        }

        #sms-alert-apply-modal .steps-form-column:nth-child(2) {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 30px;
        }

        .smsTablePackage:first-child {
            padding-left: 0 !important;
            width: 100% !important;
        }

        .smsTablePackage:not(first-child) {
            padding-left: 5% !important;
        }

        #smsTable .form-group .form-controls:last-child input, #smsTable .form-group .form-controls:last-child select {
            margin-top: 0 !important;
            margin-left: 0 !important;
        }

        .hide-limit {
            display: none !important;
        }

        .mobile-space {
            display: block;
        }

            .mobile-space.cost:after {
                content: "$2.5/ month";
                height: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: bold;
            }

            .mobile-space.cost span, .hidden-limit {
                display: none;
            }

        .smsTablePackage {
            padding-top: 10px;
        }
    }

    @media (min-width: 1024px) {
        #smsTable select {
            padding: 5px 4px 4px;
            width: 110px;
            max-height: 50px !important;
            height: 100%;
        }
    }

    .form-controls-dd {
        height: 35px;
    }

    #account-apply-modal form .part-title {
        border-bottom: 1px solid #dbd7d7;
        padding-bottom: 10px;
        margin-bottom: 25px;
    }

        #account-apply-modal form .part-title:first-child {
            padding-top: 20px;
            border-bottom: 1px solid #dbd7d7;
            padding-bottom: 10px;
            margin-bottom: 25px;
        }


    #visa-merchant-apply-modal .steps-form-column {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #visa-merchant-apply-modal form .part-title {
        border-bottom: 1px solid #dbd7d7;
        padding-bottom: 10px;
        margin-bottom: 25px;
    }

        #visa-merchant-apply-modal form .part-title:first-child {
            padding-top: 0;
            border-bottom: 1px solid #dbd7d7;
            padding-bottom: 10px;
            margin-bottom: 25px;
            margin-top: 0;
        }

    #sms-alert-apply-modal form .part-title {
        margin-top: 0px;
        padding-top: 50px;
    }

        #sms-alert-apply-modal form .part-title:first-child p,
        #sms-alert-apply-modal form .part-title.part-title-sms-alert p {
            color: #222;
            font: 400 125%/1.4 "Frutiger Regular" !important;
        }

        #sms-alert-apply-modal form .part-title.part-title-sms-alert {
            padding-top: 0;
            border-bottom: 1px solid #dbd7d7;
            padding-bottom: 10px;
            margin-bottom: 0;
            margin-top: 0;
        }

    .smsTablePackage {
        padding-left: 15px;
        padding-right: 15px;
    }

    .online-banking .online-banking-tab .wrapper-button:first-child {
        margin-bottom: 50px;
    }

    .online-banking.scrolled .section-hero-banner .btn-red-border {
        margin-top: 70px;
    }

    @media screen and (max-width: 767px) {
        .online-banking .section-hero-banner .btn-red-border {
            margin-top: 35px !important;
        }
    }

    #visa-merchant-apply-modal .steps-form-row:nth-child(2) {
        margin-top: 0;
    }

    #visa-merchant-apply-modal form .to-be-filled {
        padding-top: 0 !important;
    }

    .property-sort {
        font: 16px "Myriad Pro Regular";
        margin-bottom: 10px;
    }

    .property-list .property .property-img-wrapper .property-img {
        height: 330px;
        object-fit: cover;
    }

    .re-owned-properties-inquiry .re-owned-details .holder-swiper .news-image {
        height: 460px;
        object-fit: contain;
    }

    .re-owned-properties-inquiry .re-owned-details .holder-swiper .left-arrow {
        width: 20px;
        height: 40px;
        position: absolute;
        top: 50%;
        z-index: 9;
        cursor: pointer;
    }

    @media screen and (max-width: 500px) {
        .re-owned-properties-inquiry .re-owned-details .holder-swiper .left-arrow {
            left: 11px;
        }
    }

    .re-owned-properties-inquiry .re-owned-details .holder-swiper .right-arrow {
        width: 20px;
        height: 40px;
        position: absolute;
        top: 50%;
        z-index: 9;
        right: 0;
        cursor: pointer;
    }

        .re-owned-properties-inquiry .re-owned-details .holder-swiper .right-arrow::before {
            left: 16px;
            width: 2px;
            height: 44px;
            background: #000;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            content: '';
            position: absolute;
            top: 17px;
            left: 10px;
            width: 2px;
            height: 20px;
            background: #fff;
            transform: rotate(40deg);
            background: #c40e00;
        }

        .re-owned-properties-inquiry .re-owned-details .holder-swiper .right-arrow::after {
            left: 16px;
            width: 2px;
            height: 44px;
            background: #000;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            content: '';
            position: absolute;
            top: 2px;
            left: 10px;
            width: 2px;
            height: 20px;
            background: #fff;
            transform: rotate( -40deg );
            background: #c40e00;
        }

    .re-owned-properties-inquiry .re-owned-details .holder-swiper .left-arrow::before {
        left: 16px;
        width: 2px;
        height: 44px;
        background: #000;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        content: '';
        position: absolute;
        top: 17px;
        left: 10px;
        width: 2px;
        height: 20px;
        background: #fff;
        transform: rotate(-40deg);
        background: #c40e00;
    }

    .re-owned-properties-inquiry .re-owned-details .holder-swiper .left-arrow::after {
        left: 16px;
        width: 2px;
        height: 44px;
        background: #000;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        content: '';
        position: absolute;
        top: 2px;
        left: 10px;
        width: 2px;
        height: 20px;
        background: #fff;
        transform: rotate(40deg);
        background: #c40e00;
    }

    @media screen and (max-width: 767px) {
        .footer .section-socials:before {
            content: none;
        }

        .footer .section-socials .holder-newsletter .list-iso .icon {
            height: auto;
        }

        .footer .section-socials .holder-button {
            display: block;
            text-align-last: center;
            margin-top: 5%;
        }

        .footer .section-sitemap {
            display: block;
        }

            .footer .section-sitemap .holder-links .column {
                width: 100%;
            }

        .footer .section-socials .holder-newsletter {
            border: none;
        }

        .home .section-reports .awards-image {
            max-width: 200px;
        }

        .home .section-reports .holder-text {
            width: 100%;
        }

        .home .section-reports .awards-year {
            margin-top: 0;
        }

        .home .section-reports .awards-title {
            font-size: 14px !important;
            font-family: "Myriad Pro Bold";
        }
    }

    .section-news-details .holder-desc a {
        text-decoration: underline;
    }


    .checking-account .holder-left-side .btn-red-border .btn-red-border-link {
        width: 100% !important;
    }

    .section-hero.cards-portal-banner .swiper-slide:not(.global-market-banner):before {
        background: none !important;
    }

.press-release .section-news-details .holder-news-details .addthis_inline_share_toolbox {
    clear: both;
    margin-top: -20px;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
}

.press-release .section-news-details .holder-news-details .btn-default.btn-red .icon {
    width: 75px;
    height: 35px;
}

.press-release .section-news-details .holder-news-details .btn-default.btn-red {
    padding-left: 15px;
}

footer .footer-bottom-section .container.custom-container li img {
    width: 84px;
}

.section-reports--home .item-report .is-arabic .feature-info {
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .section-reports--home .item-report .blog-image,
    .section-reports--home .item-report .awards-image {
        border: 5px solid white;
    }
}

@media screen and (min-height: 661px) and (max-height: 730px) {
    .checking-account .holder-left-side {
        padding-left: 25px;
        padding-right: 25px;
    }

        .checking-account .holder-left-side .holder-buttons {
            margin-top: 20px;
        }
}

@media screen and (max-height: 660px) {
    .checking-account .holder-left-side {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 35px !important;
    }
    .checking-account .holder-left-side .holder-buttons {
        margin-top: 15px !important;
    }
    .wedding-account .holder-tab-template .holder-left-side .holder-title {
        padding-bottom: 45px;
    }
}

.global-market-banking.retail-banking .section-hero .subname {
    display: none !important;
}

.awards .gallery-content .awards-list:last-child {
    width: 100% !important;
}


/*caschexpress*/


.subslider .screen {
    width: 100%;
    overflow: hidden;
}

.subslider .item {
    display: block;
}

.subslider {
    margin-bottom: 50px;
}

    .subslider .pic img {
        width: 100%;
        display: block;
        object-fit: contain;
        background: #e6e6e6;
        height: auto;
    }

.expressForm {
    overflow: hidden;
    padding-bottom: 53px;
}

    .expressForm .form-label {
        top: -13px;
    }

    .expressForm .form-group {
        margin: 0px;
    }

    .expressForm .list {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 57px);
    }

        .expressForm .list > li {
            width: calc(25% - 57px);
            margin-right: 57px;
            margin-bottom: 44px;
        }

            .expressForm .list > li.double {
                width: calc(50% - 57px);
            }

    .expressForm .form-controls.unitfield .form-field {
        padding-right: 60px;
    }

    .expressForm .form-controls.unitfield:after {
        display: block;
        content: '';
        top: 8px;
        height: calc(100% - 16px);
        border-left: 1px solid #ddd;
        position: absolute;
        right: 50px;
    }

    .expressForm .form-controls .subfield {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 50px;
        display: block;
        height: 100%;
        text-align: center;
        color: #515151;
        font-family: "Frutiger Bold";
        font-size: 17px;
        border: 0px;
        background: none;
        border-radius: 0px;
        -webkit-appearance: none;
        outline: none !important;
        appearance: none;
        -o-appearance: none;
        -ms-appearance: none;
        -moz-appearance: none;
    }

    .expressForm .options {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-bottom: 20px;
    }

        .expressForm .options > li {
            margin-right: 50px;
            margin-bottom: 30px;
        }

        .expressForm .options img {
            display: block;
            object-fit: contain;
            max-height: 51px;
        }

        .expressForm .options .custinput {
            opacity: 0;
            position: absolute;
        }

        .expressForm .options .custlabel {
            display: block;
            cursor: pointer;
            position: relative;
            padding-left: 32px;
            user-select: none;
            -webkit-user-select: none;
        }

            .expressForm .options .custlabel:after {
                display: block;
                content: '';
                position: absolute;
                top: 0px;
                bottom: 0px;
                margin: auto;
                left: 0px;
                width: 16px;
                height: 16px;
                border: 1px solid #707070;
                transition: 0.3s all;
                border-radius: 100%;
            }

        .expressForm .options .custinput:checked + .custlabel:after {
            background: #c40e00;
            border: 2px solid #fff;
        }

    .expressForm .custoption .custinput {
        opacity: 0;
        position: absolute;
    }

    .expressForm .custlabel {
        color: #515151;
        font-family: "Myriad Pro Bold";
        font-size: 18px;
        display: block;
        cursor: pointer;
        padding-left: 25px;
        position: relative;
        user-select: none;
        -webkit-user-select: none;
    }

    .expressForm .custlabel  a{text-decoration:underline;}

    .expressForm .custoption .custlabel:after {
        display: block;
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        left: 0px;
        width: 13px;
        height: 13px;
        border: 1px solid #707070;
        transition: 0.3s all;
        border-radius: 1px;
    }

    .expressForm .custoption .custinput:checked + .custlabel:after {
        background: #c40e00;
        border: 2px solid #fff;
    }

    .expressForm .more {
        display: flex;
    }

    .expressForm .action {
        display: flex;
        margin-bottom: 46px;
        margin-top: 33px;
    }

    .expressForm .btn-default {
        width: auto;
        padding-left: 85px;
        padding-right: 85px;
    }

    .expressForm .sponsors {
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #ddd;
        padding-top: 23px;
    }

        .expressForm .sponsors > li {
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .expressForm .sponsors .item {
            display: flex;
        }

        .expressForm .sponsors img {
            display: block;
            object-fit: contain;
            max-height: 70px;
        }

    .expressForm .recapchasection {
        margin-top: 30px;
    }

.cashAgreement .modal-dialog {
    width: 1450px;
    max-width: 90%;
}

.cashAgreement .modal-content {
    border-radius: 0px;
}

.cashAgreement .wrap {
    padding: 77px 50px 58px;
}

.cashAgreement .top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 22px;
    margin-bottom: 42px;
    padding-right: 45px;
}

.cashAgreement .title {
    font-family: "Frutiger Bold";
    font-size: 30px;
    text-transform: uppercase;
    line-height: 35px;
    color: #515151;
}

    .cashAgreement .title .red {
        color: #c40e00;
    }

.cashAgreement .exit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: 19px;
}

.cashAgreement .list > li + li {
    margin-top: 12px;
}

.cashAgreement .list > li {
    counter-increment: item;
}

.cashAgreement .name {
    color: #c40e00;
    font-family: "Frutiger Bold";
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 5px;
}

    .cashAgreement .name:before {
        content: counters(item, ".") ".";
    }

.cashAgreement .text {
    color: #515151;
    font-family: "Frutiger Bold";
    font-size: 14px;
    line-height: 18px;
    padding-left: 12px;
}

.cashAgreement .points {
    color: #515151;
    font-family: "Frutiger Bold";
    font-size: 14px;
    line-height: 18px;
    padding-left: 12px;
}

    .cashAgreement .points > li + li {
        margin-top: 5px;
    }

    .cashAgreement .points > li {
        position: relative;
    }

        .cashAgreement .points > li:before {
            display: inline-block;
            content: '';
            position: relative;
            top: -2px;
            margin-right: 5px;
            left: 0px;
            width: 4px;
            height: 4px;
            border-radius: 100%;
            background: #515151;
        }

.cashAgreement .info {
    color: #515151;
    font-family: "Frutiger Bold";
    font-size: 14px;
    line-height: 18px;
    padding-left: 12px;
}

    .cashAgreement .info > li + li {
        margin-top: 5px;
    }

    .cashAgreement .info > li {
        counter-increment: my-awesome-counter;
        position: relative;
    }

        .cashAgreement .info > li:before {
            content: counter(my-awesome-counter, upper-roman) ".";
            position: relative;
            margin-right: 5px;
        }

.cashAgreement .sub {
    color: #515151;
    font-family: "Frutiger Bold";
    font-size: 14px;
    line-height: 18px;
    padding-left: 30px;
    padding-top: 4px;
}

    .cashAgreement .sub > li + li {
        margin-top: 5px;
    }

    .cashAgreement .sub > li {
        counter-increment: listStyle;
        position: relative;
    }

        .cashAgreement .sub > li:before {
            content: counter(listStyle, upper-alpha) ".";
            position: relative;
            margin-right: 5px;
        }

.formMessage .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .formMessage .grid > li {
        min-height: 70vh;
        width: calc(50% - 40px);
        display: flex;
        align-items: center;
    }

        .formMessage .grid > li:only-child {
            width: 100%;
        }

.formMessage .msgholder .icon {
    display: flex;
    margin-bottom: 20px;
}

.formMessage .msgholder .caption {
    color: #c40e00;
    font-family: "Frutiger Bold";
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
}

.formMessage .msgholder .subcaption {
    color: #515151;
    font-family: "Frutiger Bold";
    font-size: 17px;
    line-height: 21px;
    margin-top: 5px;
}

.myreceipt .top {
    background: #F1F1F1;
    padding: 18px 44px 14px;
}

.myreceipt {
    border: 1px solid #F1F1F1;
    border-bottom:12px solid #C40E00;
    width: 100%;
}

    .myreceipt .pin {
        color: #515151;
        font-family: "Frutiger Bold";
        font-size: 18px;
        line-height: 22px;
    }

    .myreceipt .holder {
        padding: 20px 44px 0px;
    }

    .myreceipt .nb {
        color: #515151;
        font-family: "Frutiger Bold";
        font-size: 21px;
        line-height: 25px;
    }

    .myreceipt .info {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 60px 0px 60px;
        margin: 20px 0px 15px;
    }

    .myreceipt .more {
        display: flex;
        flex-wrap: wrap;
    }

        .myreceipt .more > li {
            margin: 0px 20px 20px 0px;
        }

        .myreceipt .more .logo {
            display: flex;
        }

            .myreceipt .more .logo img {
                display: block;
                object-fit: contain;
                max-height: 50px;
            }

    .myreceipt .name {
        color: #454545;
        font-family: "Frutiger Bold";
        font-size: 33px;
        line-height: 37px;
    }

    .myreceipt .value {
        color: #C40E00;
        font-family: "Frutiger Bold";
        font-size: 33px;
        line-height: 37px;
        margin-top: 3px;
    }

.serviceExpress .top .bg {
    background-size: cover;
    background-position: center center;
    position: relative;
    display: table;
    width: 100%;
    height: 290px;
    padding:0px 20px 138px;
}

    .serviceExpress .top .bg:after {
        position: absolute;
        display: block;
        content: '';
        right: 0px;
        bottom: 0px;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.40);
    }

.serviceExpress .top .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
}

.serviceExpress .wrap {
    margin-top: -76px;
    position: relative;
    z-index: 1;
}

.serviceExpress .top .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 11px;
}

.serviceExpress .inside {
    background: rgba(255,255,255,0.43);
    padding: 18px;
}

.serviceExpress .top .caption {
    font-weight: normal;
    color: #fff;
    font-family: "Frutiger Bold";
    font-size: 32px;
    line-height: 37px;
}

.serviceExpress .article {
    display: flex;
    flex-wrap: wrap;
    background: #F8F8F8;
}

.serviceExpress .article + .article{margin-top:65px;}
.serviceExpress .article:nth-child(even){flex-direction:row-reverse;}
.serviceExpress .article:nth-child(even) .info{padding-left:70px;}
.serviceExpress .article.leftImage{flex-direction:row-reverse;}
.serviceExpress .article.leftImage .info{padding-left:70px;}

    .serviceExpress .article > li {
        width: 50%;
    }

    .serviceExpress .article .pic img {
        display: block;
        width: 100%;
        min-height: 220px;
        object-fit: cover;
    }

    .serviceExpress .article .info {
        padding: 30px 40px 33px 40px;
        max-width: 677px;
    }

    .serviceExpress .article .caption {
        color: #000;
        font-family: "Frutiger Bold";
        font-size: 22px;
        line-height: 29px;
    }

        .serviceExpress .article .caption .red {
            color: #C40E00;
        }

    .serviceExpress .article .text {
        color: #515151;
        font-family: "Frutiger Bold";
        font-size: 15px;
        line-height: 20px;
        margin-top: 20px;
    }


     .serviceExpress .article .text ul>li{
         counter-increment:item;
     }
     .serviceExpress .article .text ul>li:before{content:counters(item, ".") ".";}

     .serviceExpress .article .text ul a{color:#C40E00!important;}

        .serviceExpress .article .text a {
            color: #515151;
        }

.serviceExpress .data {
    text-align: center;
    padding: 70px 0px 47px;
}

    .serviceExpress .data .head {
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-bottom: 27px;
        margin-bottom: 85px;
    }

        .serviceExpress .data .head:after {
            position: absolute;
            display: block;
            content: '';
            width: 1px;
            height: 22px;
            left: 0px;
            right: 0px;
            margin: auto;
            height: 30px;
            background: #C40E00;
            bottom: -15px;
        }

    .serviceExpress .data .subtitle {
        color: #000;
        font-family: "Frutiger Bold";
        font-size: 27px;
        line-height: 33px;
    }

    .serviceExpress .data .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .serviceExpress .data .list > li {
            padding: 0px 50px;
            margin-bottom: 44px;
            width: 40%;
        }

    .serviceExpress .data .item {
        display: block;
        position: relative;
        max-width: 460px;
        margin: auto;
    }

        .serviceExpress .data .item:before {
            margin: 0px auto 19px;
            border-bottom: 1px solid #C40E00;
            width: 45px;
            display: block;
            content: '';
        }

    .serviceExpress .data .name {
        color: #C40E00;
        font-family: "Frutiger Bold";
        font-size: 18px;
        line-height: 23px;
    }

    .serviceExpress .data .value {
        color: #515151;
        font-family: "Frutiger Bold";
        font-size: 14px;
        line-height: 20px;
        margin-top: 2px;
    }

@media (max-width:1111px) {
    .serviceExpress .data .list > li {
        width: 50%;
        padding: 0px 30px;
    }
}


@media (max-width:991px) {
    .expressForm .list > li {
        width: calc(50% - 57px) !important;
    }

    .myreceipt .top {
        padding-left: 20px;
        padding-right: 20px;
    }

    .myreceipt .holder {
        padding-left: 20px;
        padding-right: 20px;
    }

    .serviceExpress .article .info {
        padding-left: 25px;
        padding-right: 25px;
    }

     .serviceExpress .article:nth-child(even) .info{padding-left:25px;}
     .serviceExpress .article.leftImage .info{padding-left:25px;}
}

@media (max-width:767px) {
    .subslider {
        margin-bottom: 33px;
    }

    .expressForm .list > li {
        width: calc(100% - 57px) !important;
        margin-bottom: 20px;
    }
    .expressForm .options .form-error-custom{top:-9px;}

    .expressForm .options img {
        max-height: 35px;
    }

    .expressForm .options > li {
        margin-right: 30px;
    }

    .expressForm .options .custlabel:after {
        width: 14px;
        height: 14px;
    }



    .expressForm .options .custlabel {
        padding-left: 27px;
    }

    .expressForm .options {
        padding-bottom: 5px;
    }

    .expressForm .btn-default {
        padding-left: 55px;
        padding-right: 55px;
    }

    .cashAgreement .modal-dialog {
        max-width: 100%;
        margin: 0px;
    }

    .cashAgreement .wrap {
        padding: 60px 20px 44px;
    }

    .cashAgreement .title {
        font-size: 22px;
        line-height: 25px;
    }

    .cashAgreement .top {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .cashAgreement .exit {
        top: 12px;
        right: 7px;
    }

    .formMessage {
        padding-bottom: 44px;
    }

        .formMessage .grid > li {
            width: 100%;
            min-height: 0px;
        }

        .formMessage .msgholder {
            padding: 50px 0px 50px;
        }

    .myreceipt .more .logo img {
        display: block;
        object-fit: contain;
        max-height: 38px;
    }

    .myreceipt .name {
        font-size: 22px;
        line-height: 27px;
    }

    .myreceipt .value {
        font-size: 22px;
        line-height: 27px;
    }

    .myreceipt .pin {
        font-size: 15px;
        line-height: 20px;
    }

    .myreceipt .nb {
        font-size: 17px;
        line-height: 22px;
    }

    .formMessage .msgholder .icon svg {
        width: 25px;
        height: auto;
    }

    .formMessage .msgholder .caption {
        font-size: 25px;
        line-height: 30px;
    }

    .formMessage .msgholder .subcaption {
        font-size: 15px;
        line-height: 20px;
    }

    .myreceipt .info {
        padding: 44px 0px 44px;
    }

    .serviceExpress .container {
        max-width: none !important;
    }

    .serviceExpress .article > li {
        width: 100%;
    }

    .serviceExpress .article:nth-child(even) .info{padding-left:25px;}

    .serviceExpress .article .caption {
        font-size: 17px;
        line-height: 21px;
    }

    .serviceExpress .article .text {
        font-size: 15px;
        line-height: 20px;
    }

    .serviceExpress .data {
        padding-top: 44px;
        padding-bottom: 30px;
    }

        .serviceExpress .data .list > li {
            width: 100%;
            padding: 0px;
        }

        .serviceExpress .data .subtitle {
            font-size: 25px;
            line-height: 30px;
        }

        .serviceExpress .data .head {
            margin-bottom: 60px;
        }

    .serviceExpress .inside {
        padding: 11px;
    }

    .serviceExpress .top .icon {
        margin-bottom: 15px;
    }

        .serviceExpress .top .icon svg {
            width: 37px;
            height: auto;
        }

    .serviceExpress .top .caption {
        font-size: 22px;
        line-height: 29px;
    }

    .serviceExpress .top .bg {
        height: 250px;
       
    }
}

.serviceExpress .article .more {
    margin-top: 22px;
    display: flex;
    margin-bottom: 22px;
    
}

.serviceExpress .article .more .btn-default{width:auto;padding-left:33px;padding-right:33px;color:#fff;height:45px;}
.expressForm .maintitle{font-size:34px;color:#000;margin-bottom:40px;font-family:"Myriad Pro Bold";}
.expressForm .sublabel{font-size:19px;color:#515151;margin-bottom:17px;font-family:"Myriad Pro Bold"; }
.expressForm .container{max-width:1920px;}
.expressForm .form-field{padding-top:0px;padding-bottom:0px;height:60px;}
.expressForm .form-group .form-error-custom{bottom:1px;font-size:11px;top:auto;}
.expressForm .more .form-error{    padding-top: 0px; padding-left: 14px;top: auto;left: auto;}
.expressForm .options .form-error-custom{position:relative;top:-14px;left:auto;bottom:auto;display:block;width:100%;padding-left:26px;}
.serviceExpress .info .icon-banner{max-width:86px;object-fit:contain;margin-bottom:12px;}

@media (max-width:767px) {
.expressForm .sublabel{font-size:14px;}
.expressForm .maintitle{font-size:25px;line-height:29px;margin-bottom:30px;}
.serviceExpress .info .icon-banner{max-width:65px;margin-bottom:7px;}
.serviceExpress .top .bg{padding-top:28px;}
.expressForm .form-field{height:50px;}
.myreceipt {border-bottom-width:7px;}
}
@media (max-width:575px) {
.serviceExpress .holder-box-shadow .container:not(.faq-tree):not(.section-text):before{top:31px;}
}

.sublabel.form-error {
    color: #c40e00;
}

.recaptcha .error {
    border: 1px solid red;
}

.form-error-label {
    color: #c40e00 !important;
}
.sidebar{
    z-index:unset;
}

.swiper-banner.open-banner-swiper{
    top: -100vw;
}


.tab-pane .contact-us {
    display: none;
}
.phone-banking .contact-us {
    display: block !important;
    position: relative;
    z-index: 1;
}

.tab-pane.mobile-application.phone-banking .contact-us {
    display: none !important;
}



.tab-pane .contact-us .section-form .holder-header{
    position: relative;
    z-index: 5 !important;
}

.tab-pane .contact-us .section-form .container > div{
    position: relative;
    z-index: 5 !important;
}

.tab-pane .contact-us .section-cta .holder-cta {
    position: relative;
    z-index: 3;
}


.phone-banking.active .container {
    height: 100% !important;
}

.phone-banking.active .container:before {
       transform: none !important;
}

.sidebar-menu .sidebar-fixe-chat {
    display: none;
}


.cx-side-button {
    background: #33383D !important;
    border-color: #33383D !important;
}
.cx-common-container {
    background: #F5F5F5 !important;
}

.cx-title {
    color: #DD3304 !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    font-family: "Frutiger Regular" !important;
}
.cx-control-label {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Frutiger Regular" !important;
}

.cx-form-inputs table{
    display: block !important;
}

.cx-form-inputs table tr{
    display: block !important;
    margin-bottom: 5px;
}


.cx-form-inputs table th {
    display: block !important;
}
.cx-form-inputs table td {
    padding: 0px !important;
    display: block;
}

.cx-footer {
    display: none !important;
}

.cx-input {
    border-color: transparent !important;
}
.cx-common-container .cx-titlebar {
    border-color: #7070701A;
}
.cx-widget.cx-theme-light .cx-buttons-window-control .cx-svg-icon-tone1 {
    fill: #000 !important;
}
.cx-icon.cx-button-minimize svg{
    position: relative !important;
    top: -9px !important;
}
body .cx-widget.cx-theme-light .cx-form-control:not(.cx-error):focus, body .cx-widget.cx-theme-light input:focus {
    border-color: transparent !important;
}
.cx-input::placeholder {
    opacity: 0;
    color: #CB0C02 !important;
        font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Frutiger Regular" !important;
}
    .cx-input::-ms-input-placeholder {
        opacity: 0;
        color: #CB0C02 !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        font-family: "Frutiger Regular" !important;
    }
.cx-input.cx-error {
    border-color: #CB0C02 !important;
}
.cx-input.cx-error::placeholder {
    opacity: 1;
}
.cx-input.cx-error::-ms-input-placeholder {
    opacity: 1;
}

.cx-body .cx-button-group {
    flex-direction: row-reverse !important;
    display: flex !important;
    justify-content: flex-end !important;
}
.cx-body .cx-button-group {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.cx-body .cx-button-group .cx-btn-primary {
    float: unset !important;
    margin-right: 7px !important;
    background: #CB0C02 !important;
    border: none !important;
}
.cx-body .cx-button-group .cx-btn-default {
    float: unset !important;
    background: #33383D !important;
    border: none !important;
}

.cx-body .cx-button-group .cx-btn {
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Myriad Pro Bold" !important;
    text-transform: uppercase !important;
}

.cx-common-container .cx-titlebar .cx-icon svg{
    opacity: 0;
}

.cx-common-container .cx-titlebar .cx-icon {
    background: url(../svg/chat.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position:relative;
    top: 5px;
}

.cx-common-container.cx-toast .cx-titlebar {
    border: none !important;
    padding-bottom: 5px !important; 
}

.cx-common-container.cx-toast .cx-body {
    font-weight: 700 !important;
    font-size: 19px !important;
    font-family: "Frutiger Regular" !important;
    color: #000 !important;
    padding-top: 0 !important;
    padding-bottom: 100px !important; 
}
.cx-widget.cx-webchat-chat-button {
    background: #33383D !important; 
}
.cx-widget.cx-webchat-chat-button .cx-icon svg {
    opacity: 0;
}
    .cx-widget.cx-webchat-chat-button .cx-icon {
        background: url(../svg/chat.svg);
        background-size: contain;
        background-repeat: no-repeat;
        filter: brightness(0) invert(1);
    }
    .cx-widget.cx-webchat-chat-button .cx-chat-button-label {
        color: #fff !important;
        font-weight: 700 !important;
        font-size: 19px !important;
        font-family: "Frutiger Regular" !important;
    }


.cx-webchat .cx-form th .cx-control-label:after {
    content: '*'
}

.cx-webchat .cx-form table tr:last-child th .cx-control-label:after {
    display: none;
}

.cx-webchat .cx-transcript .cx-message.cx-system .cx-message-text, .cx-webchat .cx-transcript .cx-message.cx-system .cx-time {
    color: #6A6A6A !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Frutiger Regular" !important;
}

.cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant:last-child .cx-bubble {
    background: #00000017;
    position: relative;
}
.cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant:last-child .cx-bubble:before {
    content: '';
    background: url(../svg/chat_above.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    height: 22px;
    position: absolute;
    top: -22px;
    right: 20px;
}

.cx-webchat .cx-transcript .cx-message .cx-name, .cx-webchat .cx-transcript .cx-message .cx-message-text {
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Frutiger Regular" !important;
}

.cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant:last-child .cx-time {
    color: #6A6A6A !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Frutiger Regular" !important;
    margin-top: 10px !important;
}
.cx-webchat .cx-menu li .cx-branding-icon {
    display: none !important;
}
.cx-webchat div.cx-input-container {
    background: #fff !important;
}
.cx-webchat div.cx-input-container .cx-textarea-cell {
    position: static !important;
}
.cx-webchat .cx-textarea-cell .cx-send {
    right: 17px !important;
    bottom: 7px !important;
    top: unset !important;
}

.cx-webchat .cx-textarea-cell .cx-send svg {
    opacity: 0 !important;
}

.cx-webchat .cx-textarea-cell .cx-send {
    background: url(../svg/send_btn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block !important;
    opacity: 1 !important;
}

.cx-webchat div.cx-input-container .cx-message-input {
    font-weight: 700 !important;
    font-size: 15px !important;
    font-family: "Frutiger Regular" !important;
}




.cx-toast .cx-button-group {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    flex-direction: row-reverse !important;
    display: flex !important;
    justify-content: flex-end !important;
}

    .cx-toast .cx-button-group .cx-btn-primary {
        float: unset !important;
        margin-right: 7px !important;
        background: #CB0C02 !important;
        border: none !important;
    }

    .cx-toast .cx-button-group .cx-btn-default {
        float: unset !important;
        background: #33383D !important;
        border: none !important;
    }

    .cx-toast .cx-button-group .cx-btn {
        font-weight: 700 !important;
        font-size: 15px !important;
        font-family: "Myriad Pro Bold" !important;
        text-transform: uppercase !important;
    }

.cx-webchat .cx-alert.cx-normal-alert .cx-buttons-binary {
    display: none !important;
}