/** Generated by FG **/

@font-face {
    font-family: 'Cairo-Regular-WithDirham';
    src: local('☺'), url('../fonts/Cairo-Regular-dirham.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* @font-face {
    font-family: 'Cairo-Bold-WithDirham';
    src: local('☺'), url('/fonts/Cairo-Bold-dirham.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-SemiBold-WithDirham';
    src: local('☺'), url('/fonts/Cairo-SemiBold-dirham.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Light-WithDirham';
    src: local('☺'), url('/fonts/Cairo-Light-dirham.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Black-WithDirham';
    src: local('☺'), url('/fonts/Cairo-Black-dirham.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'Cairo-Regular';
    src: local('☺'), url('../fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Bold';
    src: local('☺'), url('../fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-SemiBold';
    src: local('☺'), url('../fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Light';
    src: local('☺'), url('../fonts/Cairo-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cairo-Black';
    src: local('☺'), url('../fonts/Cairo-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UAE-dirham';
    /* src: url('/fonts/aed-Regular-aed.otf') format('truetype'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad-Regular';
    src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad-Light';
    src: url('../fonts/myriad-pro/MyriadPro-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GE-SS-Light';
    src: url('../fonts/GE_SS_Text_Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-myriad-regular {
    font-family: 'Myriad-Regular', sans-serif !important;
}

.font-myriad-light {
    font-family: 'Myriad-Light', sans-serif !important;
}

[lang='ar'] .font-GE {
    font-family: 'GE-SS-Light', sans-serif !important;
}

.UAE-dirham {
    /* font-family: 'UAE-dirham', sans-serif !important; */
    /* font-size: inherit !important; */
}

.new-header-row {
    line-height: 1.3;
    row-gap: 20px;
}

.home-banner .container.h-full {
    /* max-height: 65vh; */
    height: 100% !important;
}

.banner-dirham-image {
    max-width: 75%;
    max-height: 85%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .banner-dirham-image {
        /* max-width: 50%; */
        max-width: 30%;
    }
}


/* ...................................css var.................................................................. */

:root {
    --white-color: #FFFFFF;
    --white2-color: #F4F8FB;
    --light-white-color: #ffffff9e;
    --light-grey: #D6D6D6;
    --blue-color: #182966;
    --black-color: #000000;
    --yellow-color: #FFB50C;
    --border-color: #B1B7CC;
    --green-color: #00722B;
    --border-2: #C7C7C7;
    --brown-color: #4F4839;
    --purple-color: #323777;
    --light-gray-color: #f9f9f9;
    --semi-bold: 'Cairo-SemiBold', 'Cairo-Regular-WithDirham', sans-serif;
    --light: 'Cairo-Light', 'Cairo-Regular-WithDirham', sans-serif;
    --regular: 'Cairo-Regular', 'Cairo-Regular-WithDirham', sans-serif;
    --bold: 'Cairo-Bold', 'Cairo-Regular-WithDirham', sans-serif;
    --big-title: 60px;
    --font-title: 58px;
    --sub-title-md: 32px;
    --xs-font: 15px;
    --md-title: 30px;
    --md-title-a: 16px;
    --lg-title: 23px;
    /*  25px  */
    --lg-title2: 27px;
    /*  25px  */
    --lg3-title: 20px;
    --lg2-title: 50px;
    --submd-font: 24px;
    --card-title: 20px;
    /*  25px  */
    --sub-p: 24px;
    --sub2-p: 18px;
    --md-p: 17px;
    /*  20px;  */
    --mega-t: 14px;
    --mega-t2: 12px;
    --ac-t: 45px;
    --sm-title: 26px;
}

[lang='ar'] p,
[lang='ar'] * {
    letter-spacing: -0.5px !important;
    word-spacing: -0.05em;
    font-feature-settings: "liga" 1, "calt" 1 !important;
    -webkit-font-feature-settings: "liga" 1, "calt" 1 !important;
    /* direction: rtl ; */
    unicode-bidi: embed !important;
    /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-smoothing: antialiased; font-kerning: normal;  */
    /* white-space: normal; */
    /* letter-spacing: 0px !important; 
    word-spacing: normal; */
    /* font-family: 'Cairo', sans-serif; */
    /* font-weight: 400; */
    /* letter-spacing: 0; */
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga" 1;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
}

.uwy.userway_p1 .uai {
    top: 85% !important;
}

.uai.userway_dark {
    background: var(--blue-color) !important;
}

body,
html {
    font-family: var(--regular);
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: var(--blue-color);
}

a:hover {
    color: var(--yellow-color) !important;
}

.custom-radio-btn {
    cursor: pointer;
    position: relative;
    place-content: baseline;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1rem;
    height: 1rem;
    border: 0.15em solid #182966;
    border-radius: 10%;
}

.custom-radio-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 0.5rem;
    height: 0.5rem;
    transition: 120ms transform ease-in-out;
    background-color: #ffb50c;
}

.custom-radio-btn:checked::before {
    transform: translate(-50%, -50%) scale(1.4);
}

.qr-link {
    height: 33px;
}

.islamic-rates-table th,
.islamic-rates-table td {
    max-width: 120px;
}

.banner-max-w {
    max-width: 400px;
}

.leading-1 {
    line-height: 1;
}

.h-full {
    height: 100%;
}

.relative {
    position: relative;
}

.banner-home {
    margin-top: -70px
}

[lang='en'] .terms-style {
    text-align: end;
}

[lang='ar'] .terms-style {
    text-align: start;
}

.terms-camp {
    position: absolute;
    bottom: 80px;
}

.terms-ar-camp {
    position: absolute;
    bottom: 130px;
    right: 2px;
}

.desc-camp {
    background-color: var(--white2-color);
}

.nested-li {
    margin-left: 20px;
}

.nested-ar-li {
    margin-right: 20px;
}

.app-badge {
    width: 100%;
    transform: scale(0.7);
    height: 92%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.app-badge-pay {
    width: 100%;
    height: 100%;
}

.app-badge:hover {
    transform: scale(0.75);
}

.note-camp {
    position: absolute;
    right: 0;
    color: #182966;
    max-width: 450px;
    top: 20%;
    background: linear-gradient(to left, #ffffff, #ffffff0a);
    padding: 50px;
}

.note-ar-camp {
    position: absolute;
    left: 0;
    color: #182966;
    max-width: 450px;
    top: 20%;
    background: linear-gradient(to right, #ffffff, #ffffff0a);
    padding: 50px;
}

.ar-row-camp {
    flex-direction: row-reverse;
}

.dir-ltr {
    direction: ltr;
}

.dir-rtl {
    direction: rtl;
}

.custom-filter {
    color: black;
    font-weight: 600;
    border: none;
    padding: 3px 16px;
    border-radius: 6px;
    background: var(--yellow-color);
    display: block;
}

.custom-filter:hover {
    color: var(--yellow-color) !important;
    background-color: #ddd;
}

.w-color {
    color: #FFFFFF;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: unset;
    background-color: unset;
}

.t-decoration {
    text-decoration: underline !important;
}

.m-f {
    margin: 8rem auto;
}


/* classes for font and sizes */

.title-b {
    font-family: var(--semi-bold);
    font-size: var(--big-title);
}

.font-title {
    font-size: var(--font-title);
}

.title-x {
    font-family: var(--light);
    font-size: var(--big-title);
}

.title-md {
    font-family: var(--regular);
    font-size: var(--sub-title-md);
}

.title-mdx {
    font-family: var(--light);
    font-size: var(--sub-title-md);
}

.font-xs {
    font-family: var(--semi-bold);
    font-size: var(--xs-font) !important;
}

.font-xs-light {
    font-family: var(--light);
    font-size: var(--xs-font) !important;
}

.font-xs-regular {
    font-family: var(--regular);
    font-size: var(--xs-font) !important;
}

.line-under-to-rate {
    cursor: pointer;
    color: var(--blue-color);
    font-weight: 600;
}

.line-under-to-rate:hover {
    color: var(--yellow-color);
}

.light-t {
    font-family: var(--light);
    font-size: var(--md-title);
}

.light-t-a {
    font-family: var(--light);
    font-size: var(--md-title-a);
}

.light-t-a-rates {
    font-family: var(--regular);
    font-size: var(--md-title-a);
}

.lg-t {
    font-family: var(--semi-bold);
    font-size: var(--lg-title);
}

.lg-t-2 {
    font-family: var(--semi-bold);
    font-size: var(--lg-title2);
}

.lg-t-l {
    font-family: var(--light);
    font-size: var(--lg-title);
}

.lg-t-s {
    font-family: var(--light);
    font-size: var(--lg3-title);
}

.lg-t-s-rates {
    font-family: var(--semi-bold);
    font-size: var(--lg3-title);
}

.lg-t-r {
    font-family: var(--regular);
    font-size: var(--lg-title);
}

.lg2-t {
    font-family: var(--semi-bold);
    font-size: var(--lg2-title);
}

.lg3-t {
    font-family: var(--bold);
    font-size: 60px;
}

.lgl-t {
    font-family: var(--regular);
    font-size: var(--lg2-title);
}

.font-md {
    font-family: var(--regular);
    font-size: var(--md-p);
}

.font-md-li {
    font-family: var(--light);
    font-size: var(--md-p);
}

.font-md-b {
    font-family: var(--bold);
    font-size: var(--md-p);
}

.font-sub-b {
    font-size: var(--sub-p);
    font-family: var(--bold);
}

.num-font {
    font-family: var(--regular);
    font-size: var(--sub-p);
}

.p-text {
    font-family: var(--regular);
    font-size: var(--sub2-p);
}

.p2-text {
    font-family: var(--light);
    font-size: var(--sub2-p);
}

.apply-font {
    font-family: var(--bold);
    font-size: var(--submd-font);
}

.small-apply-font {
    font-family: var(--bold);
    font-size: var(--xs-font);
}

.t-card {
    font-family: var(--semi-bold);
    font-size: var(--card-title);
}

.mega-font {
    font-family: var(--bold);
    font-size: var(--mega-t);
}

.mega-font-p {
    font-family: var(--regular);
    font-size: var(--mega-t2);
}

.a-title {
    font-family: var(--bold);
    font-size: var(--ac-t);
}

.a-title2 {
    font-family: var(--bold);
    font-size: var(--lg-title);
}

.sm-title-sec {
    font-family: var(--semi-bold);
    font-size: var(--sm-title);
}

.bold {
    font-weight: bolder;
}


/* colors */

.w-text {
    color: var(--white-color);
}

.lw-text {
    color: var(--light-white-color);
}

.b-text {
    color: var(--black-color) !important;
}

.blue-text {
    color: var(--blue-color);
}

.y-text {
    color: var(--yellow-color);
}

.lgrey-text {
    color: var(--light-grey)
}

.green-text {
    color: var(--green-color) !important;
}

.brown-bac {
    background: var(--brown-color);
}


/* ............ */

.border-yellow {
    border-top: 4px solid var(--yellow-color);
    width: 20%;
}

.border-yellow2 {
    border-top: 4px solid var(--yellow-color);
    width: 24px;
}

.border-sh {
    box-shadow: 0 14px 28px rgb(0 0 0 / 4%), 0 10px 10px rgb(0 0 0 / 3%);
    border: none;
}

img.img-art {
    width: 50%;
    margin: 0 auto;
}


/* nav style */

.nav-headers .nav-item:not(:last-child) {
    padding: 0 0.8rem;
}

input.slider-count-val.num-font.lgrey-text.form-control {
    border-top: none;
    border-bottom: none;
    border-radius: 10px;
}

.dropdown-menu.megamenu:hover {
    display: block;
}

a.nav-link.dropdown-toggle:hover+.dropdown-menu {
    display: block;
}


/* .navbar-dark .navbar-nav .nav-link:focus,   .navbar-dark .navbar-nav .nav-link:hover {
    border-bottom: 2px solid  var(--yellow-color);
} */

.navbar-nav .nav-link:hover:after,
.navbar-nav .nav-link:focus:after {
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
}

.navbar-nav .nav-link:after {
    position: absolute;
    left: auto;
    right: 0;
    bottom: -1.35em;
    width: 0%;
    height: 0.225em;
    content: '';
    background: var(--yellow-color);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.nav-link.dropdown-toggle.font-xs.b-text:hover:before,
.nav-link.dropdown-toggle.font-xs.b-text:focus:before,
.nav-link.dropdown-toggle.font-xs.green-text:hover:before,
.nav-link.dropdown-toggle.font-xs.green-text:focus:before {
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
}

.nav-link.dropdown-toggle.font-xs.b-text:before,
.nav-link.dropdown-toggle.font-xs.green-text:before {
    position: absolute;
    left: auto;
    right: 0;
    bottom: -1.35em;
    width: 0%;
    height: 0.225em;
    content: '';
    background: var(--yellow-color);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.navbar-nav.ms-auto.nav-headers {
    align-items: center;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: unset !important;
}

.navbar-nav .nav-link {
    position: relative;
}

[lang='en'] .navbar-dark .navbar-toggler {
    padding-right: 0;
}

[lang='ar'] .navbar-dark .navbar-toggler {
    padding-left: 0;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/svg/nav.svg) !important;
}

[lang='en'] .sub-nav li:not(:first-child) {
    padding-left: 1rem;
}

[lang='ar'] .sub-nav li:not(:first-child) {
    padding-right: 1rem;
}

.sub-nav li {
    padding-right: 1rem;
}

.colorlib-nav .top {
    display: block;
    background-color: var(--blue-color) !important;
    padding: 0.3em 0;
}

.sub-nav li a {
    text-transform: uppercase;
}

.dropdown-toggle::after {
    display: none;
}

.navbar .megamenu {
    padding: 1rem;
}

.col-megamenu {
    /* border-right: 1px solid var(--border-color); */
}


/* ============ desktop view ============ */

@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
    }
    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0px;
        border: none;
    }
    .apple-baner {
        margin-left: 16.5rem !important;
    }
    [lang='ar'] .center-vertically-new {
        margin-left: 2rem !important;
    }
    [lang='en'] .center-vertically-new {
        margin-left: 3rem !important;
    }
}


/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */

@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}

.col-megamenu .arrow-icon {
    /* padding: 0 0.5rem 4px 0.5rem; */
    padding: 0 0.5rem 0px 0.5rem;
    width: 23px;
}


/* .....logindropdown...... */

.dropbtn-login {
    background-color: var(--yellow-color);
    padding: 7px 0.5rem 7px 0.5rem;
    border: none;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dropbtn-report {
    background-color: var(--yellow-color);
    padding: 7px 0.5rem 7px 0.5rem;
    border: none;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.icon-log {
    padding: 0 0.5rem 0 0.5rem;
}

.dropdown-login {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 3;
}

.dropdown-content a {
    color: black;
    padding: 10px 16px;
    margin: 10px auto;
    width: 92%;
    border-radius: 9px;
    text-decoration: none;
    background: var(--yellow-color);
    text-align: left;
    display: block;
}

.dropdown-content a.min-a {
    padding: 0;
    text-align: center;
    display: inline-block;
    background: none !important;
    margin: 0 auto 20px auto;
    width: 100%;
    font-size: 80%;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown-content {
    /*display: block;*/
    background: white;
    width: 12rem;
    right: 0px;
    border-radius: 9px;
}

.dropdown-login:hover .dropdown-content {
    display: block !important;
    background: white;
    width: 12rem;
    left: -4px;
    border-radius: 9px;
}

.dropdown-login:hover .dropbtn-login {
    background-color: var(--yellow-color);
}

.icon-log-arrow {
    transition: 0.3s all;
}

.rotate-arrow .icon-log-arrow {
    transform: rotate(180deg);
}

.dropdown-login:hover .dropdown-content {
    display: block !important;
}


/* ......................... */

.home-banner {
    width: 100%;
    height: 65vh;
    overflow: hidden;
    position: relative;
}

.slide-img {
    position: relative;
    width: 100%;
    /* height: 68%; */
    height: 100% !important;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.swiper-slide {
    height: 100% !important;
}

.swiper-wrapper {
    align-items: stretch;
}

.object-fit-contain {
    object-fit: contain;
}

.object-fit-cover {
    object-fit: cover;
}


/* .slide-img:before{
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: inherit;
    background: rgb(81,41,43);
    background: linear-gradient( 
268deg
 , #182966ab 0%, rgba(81,41,43,0) 100%);
  } */

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--yellow-color) !important;
}

.home-banner-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    margin: auto;
    z-index: 3;
    width: 81.25%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    height: 0.1875em;
}

.swiper-pagination .nav-progressbar {
    width: 100%;
    height: 100%;
    position: relative;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 4.5em;
    height: 0.1rem;
    margin: 0 1.625em 0 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer;
    border-radius: unset !important;
}

.s-link {
    justify-content: flex-end;
    margin: 25px auto;
}

img.card-slide {
    width: 92%;
}

.col-text {
    z-index: 0;
    margin-top: 9%;
}

.sec-section {
    background-color: var(--white2-color);
}

.home-roots {
    background-image: url(../img/png/third-img2.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 1rem 0;
}

.des-card {
    width: 93%;
}

.hover-card {
    transition: transform 0.5s ease;
}

.hover-card:hover {
    transform: translateY(-1.2rem);
}

.card1.border-sh.hover-card {
    border-radius: 9px;
    height: 45vh;
}

.nav-link.active .icon-tabs-n {
    display: none;
}

.nav-link .icon-tabs-n {
    display: block;
}

.nav-link.active .icon-tabs-a {
    display: block;
}

.nav-link .icon-tabs-a {
    display: none;
}

.icon-t {
    margin: 0 auto;
    width: 36px;
    height: 36px;
}

.nav-link.b-tab {
    padding: 0.5rem 2rem;
}

.par-tabs {
    color: var(--blue-color);
}

.nav-link.active .par-tabs {
    font-weight: bolder;
}

.input-group.input-third {
    /* width: 55%; */
    border: 1px solid #80808087;
    border-radius: 10px;
    scale: 0.8;
}

span.input-group-text {
    background: unset !important;
    border: none;
    margin: 4px auto;
}

.nav-pills {
    float: right;
}

.arrow-icon {
    /* padding: 0 1rem 4px 1rem; */
    /* padding: 0 1rem 0px 1rem; */
    padding: 0 0.5rem 0px 0.5rem;
}

.small-arrow-icon {
    padding: 0 1rem 8px 1rem;
    width: 2.4rem;
}

.para-ac div {
    margin: 1rem 0;
}

.img-third {
    width: 100%;
    height: auto;
}

.center-t {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: flex-end;
    align-items: center;
}

.text-content p {
    width: 98%;
}

.text-content {
    width: 86%;
}

.card-img-top.card2 {
    object-fit: cover;
    width: 100%;
    height: 12rem;
}

.card-sec .card-body {
    position: relative;
}

.card-sec1 .card-body {
    position: relative;
}

.card-sec2 .card-body {
    position: relative;
}

.card2-icon {
    position: absolute;
    top: -30px;
    width: 50px;
}

.card-sec {
    border-radius: 9px;
    width: 90%;
    height: 65vh;
}

.card-sec1 {
    border-radius: 9px;
    width: 90%;
}

.card-sec2 {
    border-radius: 9px;
    width: 90%;
    height: 40vh;
}

li.swiper-slide>a {
    display: block;
    height: 100%;
}

.last-sec {
    background-image: url(../img/png/yellow-rec.png);
    background-size: cover;
    position: relative;
}

.imge-iphone {
    width: 25%;
    position: absolute;
    top: -85px;
}

.img-last {
    text-align: center;
    margin: 35px auto;
}

ul.sub-nav.d-flex {
    align-items: center;
    height: 100%;
}


/* swipper2 */

.swipper2 {
    overflow: unset !important;
}

.swipper2 .swiper-slide {
    padding: 0.5rem !important;
}

.swipper2 .swiper-button-prev,
.swipper2 .swiper-button-next {
    top: 10rem !important;
    background: #f8f9fa8c !important;
    padding: 2.5rem !important;
    border-radius: 50px !important;
    color: #ffffffb8 !important;
}


/* noiuslider css */

.noUi-target {
    width: 85% !important;
    margin: 13px auto !important;
    transform: translateX(13px) !important;
}

.noUi-horizontal {
    height: 2px !important;
}

.noUi-connect {
    background: unset;
}

.noUi-horizontal .noUi-handle {
    width: 35px !important;
    height: 35px !important;
    top: -19px !important;
}

.noUi-handle {
    border: none !important;
    border-radius: 45px !important;
    background: url(../img/svg/calculater.svg) !important;
    cursor: default !important;
    background-size: cover !important;
    box-shadow: unset !important;
}

.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: none !important;
}


/* footer */

.footer-sec {
    background-color: var(--white2-color);
    margin-top: 7rem;
}

.title-footer {
    text-transform: uppercase;
    margin: 10px auto;
}

.col-md-12.bord-top {
    margin: 1.6rem auto;
    width: 100%;
    border-top: 1px solid var(--border-color) !important;
}

.icon-row {
    opacity: 0.3;
    display: flex;
    justify-content: center;
}

.icon-row a {
    padding: 1rem 1.5rem 1rem 1.5rem;
}

.footer-sub {
    background: var(--blue-color);
}

.sub-p a:not(:first-child) {
    padding: 0 1rem 0 1rem;
}

.sub-p h1:not(:first-child) {
    padding: 0 1rem 0 1rem;
}


/* coroprate-account */

.header-account {
    background-image: url(../img/jpg/header-corporate.jpg);
    background-size: cover;
    position: relative;
}

.header-fd-campaign {
    /* background-image: url("/img/jpg/fd-camp-en.jpg"); */
    background-image: url("../img/webp/fd-bg-en.jpg");
    background-size: cover;
    background-position: center top;
    position: relative;
}

[lang='ar'] .header-fd-campaign {
    /* background-image: url("/img/jpg/fd-camp-ar.jpg"); */
    background-image: url("../img/webp/fd-bg-ar.jpg");
}

.text-account {
    padding: 120px 0 120px 0;
}

.text-account-less-padding {
    padding: 60px 0 0 0;
}

.text-account-security-privacy {
    padding: 0;
}

.banner-account-security-privacy {
    margin-bottom: -2.5rem;
}

.slide-icon {
    width: 85px;
    margin: 10px auto;
    height: 85px;
}

.breadcrumb {
    margin: 0;
    align-items: center;
}

.arrow-icon.breadcrumb-arow {
    /* width: 38px; */
    width: 25px;
}

.breadcrumb-item {
    text-transform: uppercase;
}

.account-nav .nav-item {
    margin-right: 1rem;
}

.nav-link.b2-tab {
    font-family: var(--semi-bold);
    font-size: var(--md-p);
    width: auto;
    background-color: var(--white2-color);
    justify-content: center;
    text-align: center;
    position: relative;
    border-radius: 0 !important;
    padding: 1.8rem 1.2rem;
}

.nav-pills .nav-link {
    border-radius: none !important;
}

.back-w {
    background: var(--white2-color);
    margin: 6rem 2rem 6rem 0;
    padding: 3rem;
}

.back2-w {
    background: var(--white2-color);
}

.nav-pills .nav-link.b2-tab.active,
.nav-pills .show>.nav-link.b2-tab {
    background-color: var(--yellow-color);
    color: var(--white-color);
}

.sec-account {
    background-image: url(../img/jpg/corporate-current.jpg);
    background-size: cover;
    position: relative;
}

.sec-account2 {
    background-image: url(../img/png/actual-photo1-min.png);
    background-size: cover;
    position: relative;
}

.sec-account3 {
    background-image: url(../img/png/actual-photo2-min.png);
    background-size: cover;
    position: relative;
}

.arrow-icon-up {
    width: 40.7px;
    padding: 0rem 0.2rem 0rem 0.2rem;
}

.accordion .arrow-icon-right {
    transform: rotate(0deg);
    transition: all .5s ease-in-out;
}

.active .d-flex .arrow-icon-right {
    transform: rotate(90deg) !important;
    transition: all .5s ease-in-out;
}

.icon-acount {
    width: 40%;
    height: 12vh;
    margin: 15px auto;
}

img.at-icon.icon-acount {
    width: 25%;
}

.ac-content {
    margin: 0 auto;
    padding: 0 20%;
}

.thi-ac-section {
    background-image: url(../img/jpg/corporate-get-started.jpg);
    background-size: cover;
    position: relative;
    padding: 8rem 4rem;
    margin: 6rem auto;
}

.border-h {
    /* border-left: 2px solid var(--border-2);
    border-right: 2px solid var(--border-2); */
}

.nav-pills .nav-link.b2-tab.active:after,
.nav-pills .show>.nav-link.b2-tab:after {
    position: absolute;
    left: 1px;
    right: 0;
    bottom: -9px;
    z-index: 1;
    margin: 0 auto;
    width: 1.7rem;
    background-size: cover;
    text-align: center;
    height: 0.7rem;
    background-repeat: no-repeat;
    content: '';
    background-image: url(../img/svg/Polygon.svg);
}


/* coroprate-financing */

.header-finacing {
    background-image: url(../img/png/financing.png);
    background-size: cover;
    height: 50vh;
}

.header-ban {
    background-image: url(../img/jpg/b.jpg);
    background-size: cover;
    background-position: 50% 20%;
    height: 60vh;
}

.sec-finance1 {
    background-image: url(../img/png/working.png);
    background-size: cover;
    position: relative;
}

.sec-finance2 {
    background-image: url(../img/png/project.png);
    background-size: cover;
    position: relative;
}

.sec-finance3 {
    background-image: url(../img/png/team.png);
    background-size: cover;
    position: relative;
}

.sec-finance4 {
    background-image: url(../img/png/cc1.png);
    background-size: cover;
    position: relative;
}

button.accordion {
    border: none;
    background: none;
    margin: 2rem auto;
}

div.button-blue {
    background-color: var(--blue-color);
    color: var(--white-color);
    border-radius: 2rem;
    border-style: none;
    min-height: 3.3rem;
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--semi-bold);
    font-size: 1.4rem;
}

div.container-small-margin {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.credit-img {
    width: 100%;
}

.active .d-flex .arrow-icon-up {
    transform: unset;
    transition: all .5s ease-in-out;
}

.accordion .arrow-icon-up {
    transform: rotate(178deg);
    transition: all .5s ease-in-out;
}

.border-b {
    border-bottom: 1px solid var(--border-2);
}


/* coroprate-transaction */

.sec-transaction1 {
    background-image: url(../img/png/cash.png);
    background-size: cover;
    position: relative;
}

.header-transaction {
    background-image: url(../img/png/tranhead-min.png);
    background-size: cover;
    position: relative;
}

.sec-transaction2 {
    background-image: url(../img/png/trade.png);
    background-size: cover;
    position: relative;
}


/* sme baking */

.sec-sme1 {
    background-image: url(../img/png/buisness.png);
    background-size: cover;
    position: relative;
}

.sec-sme2 {
    background-image: url(../img/png/bundel.png);
    background-size: cover;
    position: relative;
}

.header-sme {
    background-image: url(../img/png/busniss.png);
    background-size: cover;
    height: 50vh;
}


/* treasury-investments */

.header-treas {
    background-image: url(../img/png/headtres-min.png);
    background-size: cover;
    position: relative;
}

.info-treas {
    width: 85%;
}

.a-title2.blue-text,
.a-title2.green-text {
    padding: 0 1rem 0 1rem;
}

.channels-img {
    width: 70%;
}

.channels-img1 {
    width: 50%;
}

.header-channls {
    background-image: url(../img/png/banking-channel.png);
    background-size: cover;
    position: relative;
}


/* personal banking */

.sec-personal1 {
    background-image: url(../img/png/personal1.png);
    background-size: cover;
    position: relative;
}

.sec-personal111 {
    background-image: url(../img/jpg/teiered-saving-account.jpg);
    background-size: cover;
    position: relative;
}

.sec-personal33 {
    background-image: url(../img/jpg/auto-loan-new.jpg);
    background-size: cover;
    position: relative;
    background-position: 51% -9rem;
}

.sec-personal112 {
    background-image: url(../img/jpg/fixed-deposits-savings.jpg);
    background-size: cover;
    position: relative;
}

.header-personal {
    background-image: url(../img/png/personal-head.png);
    background-size: cover;
    position: relative;
}

.header-personal1 {
    background-image: url(../img/png/h-card.png);
    background-size: cover;
    position: relative;
}

.sec-personal2 {
    background-image: url(../img/png/personal2.png);
    background-size: cover;
    position: relative;
}

.thi-ac-section2 {
    background-image: url(../img/png/how2.png);
    background-size: cover;
    position: relative;
    padding: 8rem 4rem;
    margin: 6rem auto;
}

.thi-ac-section3 {
    background-image: url(../img/png/how3.png);
    background-size: cover;
    position: relative;
    padding: 8rem 4rem;
    margin: 6rem auto;
}

.sec-personal11 {
    background-image: url(../img/png/loan1.png);
    background-size: cover;
    position: relative;
}

.sec-personal22 {
    background-image: url(../img/png/loan2.png);
    background-size: cover;
    position: relative;
}

.sec-word1 {
    background-image: url(../img/png/card4.png);
    background-size: cover;
    position: relative;
    background-position: 60% 50%;
}

.c-image {
    width: 100%;
}

.header-media-center {
    background-image: url(../img/jpg/media-center.jpg);
    background-size: cover;
    position: relative;
    height: 50vh;
}

.read-more-arrow svg line {
    stroke: var(--blue-color);
}

.read-more-arrow {
    margin-left: 10px;
}

.article-read-more {
    line-height: 50px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.article-read-more:hover .read-more-arrow svg line {
    stroke: var(--yellow-color);
}

.article-single-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--md-title);
    font-family: var(--semi-bold);
    text-transform: uppercase;
}

.article-single-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: var(--card-title);
    font-family: var(--light);
}

.article-img {
    /* height: 14.7vw; */
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.prev-arrow svg {
    transform: rotate(180deg);
}

.pager {
    font-size: var(--submd-font);
    color: var(--blue-color);
    font-family: var(--regular);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pager a {
    color: var(--blue-color);
}

.pager svg line {
    stroke: var(--blue-color);
}

.pager li {
    margin: 0 8px;
}

.pager li:first-child,
.pager li:last-child {
    font-family: var(--bold);
    margin: 0 24px;
}

.pager li.pager-num {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E9E9E9;
    border-radius: 50px;
    font-size: 26px;
}

.pager li.pager-num.active {
    background: var(--yellow-color);
}

.pagination-arrow {
    margin: 0 25px;
}

.pager li:hover:not(.disabled) svg line {
    stroke: var(--yellow-color);
}

.article-single {
    box-shadow: 0px 5px 10px #1829660f;
    border-radius: 10px;
    margin-bottom: 64px;
    overflow: hidden;
}

.article-single-text {}

.yellow-sep {
    width: 28px;
    height: 2px;
    background-color: var(--yellow-color);
}

.blue-back {
    background-color: var(--blue-color);
}

.green-back {
    background-color: var(--green-color);
}

.light-blue-bg {
    background-color: #1829660D;
}

.social-share {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-share li {
    margin: 0 4px;
}

.social-icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px;
}

.social-icon-fb {
    background-color: #3B5998;
}

.social-icon-tw {
    background-color: #129CF1;
}

.social-icon-in {
    background-color: #0077B5;
}

.social-icon-gp {
    background-color: #DC4E41;
}

.social-icon:hover {
    opacity: 0.7;
}

.single-article {
    margin: 4.5rem 0;
}

.article-pub {
    margin: 1rem 0 2rem 0;
    font-size: var(--xs-font);
    font-family: var(--semi-bold);
    color: var(--blue-color);
    text-transform: uppercase;
}

.single-article .a-title {
    text-transform: capitalize;
}

.single-article article {
    font-family: var(--light);
    font-size: var(--card-title);
}


/* islamic */

.header-islamic1 {
    background-image: url(../img/png/islamic-banking1.png);
    background-size: cover;
    position: relative;
}

.header-islamic2 {
    background-image: url(../img/png/isalmic-per1.png);
    background-size: cover;
    position: relative;
}

.header-islamic3 {
    background-image: url(../img/png/is-el-2.png);
    background-size: cover;
    position: relative;
}

.header-islamic4 {
    background-image: url(../img/png/digital1.png);
    background-size: cover;
    position: relative;
}

.header-downloads {
    background-image: url(../img/jpg/downloads.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

.header-disability {
    background-image: url(../img/webp/disability-en.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

[lang='ar'] .header-disability {
    background-image: url(../img/webp/disability-ar.jpg);
}

.card22-icon {
    width: 25%;
    margin: 38px auto;
}

.card.card2 {
    width: 85%;
    margin: 20px auto;
}

.downloads-container {
    display: grid;
    /* 1 */
    grid-template-columns: repeat(auto-fill, 22.8%);
    /* 2 */
    grid-gap: 2rem;
    /* 3 */
    justify-content: space-between;
    /* 4 */
    padding: 0;
    margin: 4rem 0;
}

.download-item {
    box-shadow: 0px 5px 10px #1829660f;
    height: 300px;
    border: 1px solid var(--blue-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.download-item p {
    margin: 0;
    padding: 1rem 1px;
}

.download-item i {
    font-size: 50px;
    margin: auto;
    transition: 0.5s all;
}

.download-item:hover i {
    transform: translateY(20px);
}

.header-contact-us {
    background-image: url(../img/jpg/contact.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

.header-apply-now {
    background-image: url(../img/png/apply-now-cover.png);
    background-size: cover;
    position: relative;
    background-position: center;
}

.light-blue-bg3 {
    background-color: #F9FBFD;
}

.light-blue-bg2 {
    background-color: #E3EAF1;
}

.radio-subject label {
    margin-left: 0.4rem;
}

.green-islamic {
    background-color: var(--green-color) !important;
    background-image: url(../img/png/green-top.png);
    background-size: cover;
}

.boxselect {
    width: 100%;
    border: 2px solid #CED0D1;
    padding: 0.1rem;
}

.icon-ap {
    width: 50px;
}

.input-contact {
    line-height: 41px;
    border: 1px solid #D5D5D5;
    padding: 0 0.5rem;
}

.textarea-contact {
    line-height: 41px;
    border: 1px solid #D5D5D5;
    padding: 0 0.5rem;
}

input:focus-visible,
textarea:focus-visible {
    outline: 0;
}

.header-branch-locator {
    background-image: url(../img/jpg/branch-locator.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

.icon-contact {
    font-size: 35px;
}

.header-about {
    background-image: url(../img/jpg/about.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    overflow: hidden;
}

.about-logo {
    /* width: 70%; */
    background-image: url('../img/png/about-mark-no-text.png');
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 2rem;
    opacity: 75%;
}

.header-about .row .about-logo-text {
    color: white;
    width: 100%;
    padding-top: 160px;
}

.header-about .row .about-logo-text .row-2 {
    font-weight: 400;
    margin-left: 135px;
    font-size: 60px;
    color: white;
}

.header-about .row .about-logo-text .row-1 {
    font-weight: 700;
    margin-left: 135px;
    font-size: 60px;
    color: white;
}

.about-font {
    font-family: var(--light);
    font-size: var(--sub-p);
}

.v-align {
    display: flex;
    align-items: center;
}

.w-31 {
    width: 31.35vw;
}

.font-about-2 {
    font-family: var(--semi-bold);
    font-size: 40px;
}

.about-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-footer img {
    width: 18vw;
}

.contact-submit {
    background: transparent;
    float: right;
    border: 0;
    align-items: center;
}

.contact-submit h2 {
    margin: 0;
}

.contact-submit .arrow-icon {
    padding-right: 0;
}

.parsley-error {
    border: 1px solid #ff0c0c;
}

.parsley-custom-error-message {
    font-family: var(--semi-bold);
    color: #ff0c0c;
}

.icon-next-contact {
    font-size: var(--card-title);
    margin-left: 1rem;
}

.about-member-pill {
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.45) 0, rgba(129, 129, 129, 0.09) 45%);
    padding: 63px 0;
    border-radius: 50rem;
    width: 93%;
    /*transform: translatex(-25.7%);*/
    flex-shrink: 0;
    align-self: center;
    z-index: 0;
    margin-left: -23.6%;
}

.member-img {
    z-index: 1;
    display: flex;
}

.member-img-w {
    width: 24.5%;
}

.member-img img {
    z-index: 1;
    width: 24.5%;
}

.pill-content {
    text-align: left;
    padding-left: 33%;
    padding-right: 19%;
}

.pill-content i {
    font-size: 30px;
}

.pill-content a:hover i {
    color: var(--yellow-color);
}

.article-single-text a:hover i {
    color: var(--yellow-color);
}

.member-titles p {
    margin: auto;
    /*width: 60%;*/
}

.about-section {
    font-size: 0.052083333vw;
}

.about-p {
    font-family: var(--light);
    font-size: 24em;
}

.about-45 {
    font-family: var(--light);
    font-size: 45em;
}

.about-28 {
    font-family: var(--bold);
    font-size: 28em;
}

.about-24 {
    font-family: var(--bold);
    font-size: 24em;
}

.about-24-r {
    font-family: var(--regular);
    font-size: 24em;
}

.about-24-txt {
    font-family: var(--bold);
    font-size: 1.1rem;
}

.about-24-des {
    font-family: var(--regular);
    font-size: 1.1rem;
}

.bullet-list>li {
    list-style: disc !important;
    margin-left: 1.4rem;
}

.auto-list>li {
    list-style: auto !important;
    margin-left: 1.4rem;
}

.member-img-single {
    background-position: top center;
    width: 33vh;
    height: 33vh;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1.5px solid #b3ababeb;
    margin: auto;
}

.award-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.w-col {
    padding: 1rem 2rem;
}

.g-back {
    background: #dee2e6;
}

.dropdown-menu.megamenu {
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

.sec-wealth {
    background-image: url(../img/png/wealth1.png);
    background-size: cover;
    position: relative;
}

.panel {
    margin: 1rem;
}

.header-wealth1 {
    background-image: url(../img/png/w3.png);
    background-size: cover;
    position: relative;
}

.thi-we-section {
    background-image: url(../img/png/2.png);
    background-size: cover;
    position: relative;
    padding: 8rem 4rem;
    margin: 0rem auto;
}

#email-response-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #00000077;
    display: none;
}

.response-popup-container {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100vh;
}

.close-response-popup {
    position: absolute;
    top: 10vh;
    right: 10vw;
    background: transparent;
    border: 0;
    color: #ffffffbb;
    font-size: 38px;
}

.response-popup-content {
    width: 50%;
    background: white;
    margin: auto;
    padding: 2rem;
    border-radius: 1rem;
    display: none;
}


/*.response-popup-rate.response-popup-content{
    width: 48%;
}*/

#email-response-popup.show-popup {
    display: block;
}

.response-popup-rate .stars-div input {
    display: none;
}

.response-popup-rate .stars-div svg {
    max-width: 100%;
}

.response-popup-rate .stars-div {
    /* margin-right: 28%; */
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 27%; */
    margin-left: auto;
    gap: 7px;
    /* height: 50px; */
}

.response-popup-rate form {
    display: flex;
    flex-direction: column;
}

.response-popup-rate .stars-div label {
    cursor: pointer;
    transition: all 0.2 ease;
    /*color: #d1cece;*/
}

.response-popup-rate .stars-div label img {
    width: 45px;
}


/* .response-popup-rate .stars-div  label.star-5:hover,
.response-popup-rate .stars-div  label.star-4:hover,
.response-popup-rate .stars-div  label.star-3:hover,
.response-popup-rate .stars-div  label.star-2:hover,
.response-popup-rate .stars-div  label.star-1:hover
{
    font-size: 60px;
    opacity: 70%;
    transition:all 0.2 ease;
} */

.response-popup-rate .stars-div label.star-click {}


/*.response-popup-rate .stars-div input:checked ~.star-5
{
    font-size: 3.3rem;

}*/

.response-popup-rate .stars-div input:checked~label {}

.response-popup-rate .name-rate {
    margin-top: 15px;
}

.response-popup-rate .name-rate input,
.response-popup-rate .email-rate input {
    width: 260px;
    padding: 5px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgb(221, 219, 219);
}

.response-popup-rate .email-rate input {
    margin-top: 7px;
}

.response-popup-rate .email-rate input::placeholder,
.response-popup-rate .name-rate input::placeholder {
    color: #D7D7D7;
    opacity: 75%;
}

.response-popup-rate .button-rate {
    margin-top: 15px;
}

.response-popup-rate .button-rate button {
    border: none;
    padding: 10px;
    width: 80px;
    font-weight: 600;
    font-size: 19px;
    background-color: var(--blue-color);
    outline: none;
    border-radius: 5px;
    color: white;
}

.response-popup-rate .button-rate button:hover {
    color: var(--yellow-color);
}

.response-popup-corect-complaints .button-ok-complaints button {
    outline: none;
    border: none;
    background-color: var(--blue-color);
    color: white;
    width: 70px;
    font-weight: 600;
    padding: 10px;
    margin-top: 18px;
    font-size: 20px;
    border-radius: 5px;
}

.response-popup-corect-complaints .button-ok-complaints button:hover {
    color: var(--yellow-color);
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--yellow-color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: transparent;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.response-popup-error .checkmark,
.response-popup-error-bot .checkmark {
    box-shadow: inset 0px 0px 0px #c14242;
    animation: fill2 .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

.checkmark_check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {
    0%,
    100% {
        transform: none
    }
    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}

@keyframes fill2 {
    100% {
        box-shadow: inset 0px 0px 0px 30px #c14242
    }
}

.blue-num {
    color: white;
    border-radius: 4px;
    background: var(--blue-color);
    padding: 0.3rem;
    font-size: 15px;
}

.grey-num {
    color: white;
    border-radius: 4px;
    background: #9193a0;
    padding: 0.3rem;
    font-size: 15px;
}

.yellow-num {
    background: var(--yellow-color);
    color: white;
    border-radius: 4px;
    padding: 0.3rem;
    font-size: 15px;
}

.img-pie {
    /*width: 75%;*/
    margin: 0 auto;
}


/* exhange  */

#exchange-section {
    background-color: var(--white2-color);
}

.exchange-bg {
    background-repeat: no-repeat;
    background-position: right;
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(244, 248, 251, 1) 100%), url(../img/jpg/Working-Capital-Image-3.jpg);
    background-size: 45%;
}

.exchange-switcher-container p {
    font-size: var(--mega-t);
    font-family: var(--regular);
    cursor: pointer;
}

p.switcher-active {
    font-weight: 900;
}

.exchange-switcher-container>div:first-child {
    border-right: 1px solid var(--blue-color);
}

.exchange-switcher-container>div {
    padding: 0 1rem;
}

.ex-value1 {
    line-height: 1em;
    display: flex;
    align-items: center;
    margin: 0 0.4rem;
}

.ex-value1 span {
    font-size: var(--mega-t);
    font-family: var(--bold);
    color: var(--blue-color);
}

.ex-value2 span {
    font-size: var(--mega-t);
    font-family: var(--regular);
    color: var(--blue-color);
}

.ex-country {
    display: flex;
}

.important-flex {
    display: flex;
}

.ex-flag span {
    border-radius: 1em;
}

.curr-ex-container {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.curr-ex-container .ex-single {
    flex-shrink: 0;
    margin-left: 1px;
    margin-right: 0.28571429%;
    width: 14%;
}

.ex-hide {
    opacity: 0;
    height: 0;
    margin: 0 !important;
}

.ex-sliders {
    margin: 3rem 0;
}

.header-privacy {
    background-image: url(../img/png/privacy.png);
    background-size: cover;
    position: relative;
    background-position: center;
    height: 27rem;
    padding-top: 4rem;
}

.header-privacy.banner1 {
    background-image: url(../img/png/security-banner1.png);
}


/* background-image: url(/img/png/security-banner3.png); */

[lang='en'] .header-privacy.banner6 {
    background-image: url(../img/jpg/security-banner6-en.jpg);
}

[lang='ar'] .header-privacy.banner6 {
    background-image: url(../img/jpg/security-banner6-ar.jpg);
}

[lang='en'] .header-privacy.banner2 {
    background-image: url(../img/jpg/security-banner4-en.jpg);
}

[lang='ar'] .header-privacy.banner2 {
    background-image: url(../img/jpg/security-banner4-ar.jpg);
}

[lang='en'] .header-privacy.banner5 {
    background-image: url(../img/jpg/security-banner5-en.jpg);
}

[lang='ar'] .header-privacy.banner5 {
    background-image: url(../img/jpg/security-banner5-ar.jpg);
}

.header-privacy.banner3 {
    background-image: url(../img/png/security-banner2.png);
}

.header-privacy.banner7 {
    background-image: url(../img/webp/whistle.jpg);
}

.banner-aani {
    display: block;
    /* width: 80%; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
}

.header-privacy.banner-no-image {
    background-image: unset;
    padding-top: 0;
    height: 100%;
}

.security-imgs {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background: #F2F5F7;
}

.security-text {
    font-size: 3rem;
}

.security-text-small {
    font-size: 2rem;
}

.security-text-purple {
    font-size: 3rem;
    color: var(--purple-color);
}

.security-text-padding {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.security-text-purple-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.terms-and-conditions li {
    font-family: var(--regular);
}

.font-calc-disclamer {
    font-family: var(--regular);
    font-size: var(--md-p);
}

.mob-only {
    display: none;
}

.desk-only {
    display: block;
}

.text-jus {
    text-align: justify;
}

img.custom-logo {
    width: 12rem;
}

.map-atm {
    width: 50% !important;
}

.atm-flex {
    display: flex !important;
}

video.about-video {
    width: 73%;
}

.faqs iframe {
    margin-bottom: 23px;
}


/* salary-transfer */

.salary-transfer-table {
    margin-right: calc(var(--bs-gutter-x)/ 2);
    margin-left: calc(var(--bs-gutter-x)/ 2);
}

.salary-transfer-table td,
.salary-transfer-table th {
    padding-top: 4px;
    padding-bottom: 4px;
}

.salary-transfer-heading h1,
.salary-transfer-heading h2 {
    width: fit-content;
    text-align: start;
    font-size: 25px;
    padding: 0px !important;
}

.salary-transfer-hr {
    font-size: 20px;
}

.salary-transfer-actions button {
    position: relative;
    color: black;
    padding: 16px 16px;
    font-size: 20px;
    width: fit-content;
    border-radius: 9px;
    text-decoration: none;
    background: var(--yellow-color);
    text-align: left;
    border: none !important;
}

.salary-transfer-actions button:hover {
    background-color: #ddd;
    color: var(--yellow-color);
}

.salary-transfer-copy:hover .salary-transfer-copy-tooltip {
    display: block;
}

.salary-transfer-copy-tooltip {
    position: absolute;
    display: none;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 300;
    padding: 5px 25px;
    font-size: 15px;
    border-radius: 10px;
    color: black;
    background-color: #ddd;
}

.salary-transfer-copy-tooltip:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -11px;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom: 7px solid #ddd;
}


/* ----- */

.fitch-affirms {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fitch-affirms p {
    /* color: white;
    font-size: 6rem;
    max-width: 990px;
    text-align: center;
    padding-left: 15px;
    line-height: 1.2;
    padding-right: 15px; */
}

.apple-img-root {
    position: relative;
    top: 0;
    margin-left: 3.2rem;
    width: 75%;
}

.apple-container {
    max-width: 948px;
}

.space-around {
    justify-content: space-around;
}

.logo-s {
    width: 65%;
    ;
    height: auto;
    margin-inline: 19%;
}

.title-apple {
    font-size: 46px;
    font-weight: 500;
}

.Apple-card {
    width: fit-content;
    margin: 4% auto;
}

.t-card-apple {
    width: 57.5%;
    color: #4a5051;
    font-size: 24px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

.container-apple {
    max-width: 1500px;
}

.Apple-card ul li {
    list-style: disc;
}

.terms-pre ul li {
    list-style: disc;
}

.watch-apple {
    height: auto;
    position: relative;
    left: 96px;
    width: 71%;
}

.pre-travel-img {
    width: 100%;
    height: 110vh;
    position: relative;
    transition-property: transform;
}

.travel-img {
    position: relative;
    width: 100%;
    height: 100% !important;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.text-travel {
    font-size: 205px;
    color: #fff;
}

.text-travel-2 {
    font-size: 47px;
    width: 100%;
    margin-left: 7.5%;
    color: var(--blue-color);
}

.text-travel-3 {
    font-size: 23px;
    width: 84%;
    margin-left: 8.3%;
    color: var(--blue-color);
    font-weight: 500;
}

@media all and (max-width: 992px) {
    .travel-img {
        background-size: 200% 100%;
    }
    .text-travel {
        margin-top: 35%;
        font-size: 40px;
        color: #fff;
    }
    .text-travel-2 {
        font-size: 28px;
        width: 51%;
        margin-left: 1.5%;
    }
    .text-travel-3 {
        font-size: 14px;
        width: 51%;
        margin-left: 1.5%;
    }
    .t-card-apple {
        font-size: 14px;
        width: 63.5% !important;
    }
    .watch-apple {
        left: 43px;
    }
    .Apple-card ul {
        margin-bottom: 2rem;
    }
    .apple-img-root {
        top: 30px;
        scale: 0.7;
        margin: 0;
    }
    .aed-tran-page .Apple-card,
    .aed-tran-page .text-content {
        width: 100% !important;
    }
    .aed-tran-page .text-content {
        margin-left: 0 !important;
        margin-right: 0;
    }
}

.learn-more-new-2,
.learn-more-new {
    display: inline-block;
    width: 30%;
    padding: 10px;
    border-radius: 10px;
    font-weight: 500;
}

.learn-more-new-2 {
    background-color: var(--blue-color);
    color: var(--white-color);
}

.learn-more-new {
    /* width: 30%; */
    background-color: white;
    /* padding: 7px; */
    /* border-radius: 10px; */
    color: black;
    /* font-weight: 500; */
}

.google-image1 {
    position: relative;
    width: 70%;
    right: 0%;
}

.t-card-google {
    width: 64.5%;
    font-size: 27px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

.font-sp {
    font-size: 18px;
    font-weight: 300;
    width: 50%;
    margin: auto;
}

.google-card {
    width: 34%;
    margin: 4% auto;
}

.goolge-svgs {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-color: var(--blue-color);
    margin: auto;
}

.image-svg-single {
    width: 41%;
    padding-top: 25%;
}

.root-google {
    background-image: url(../img/png/google-back-end41d.png?);
    background-repeat: no-repeat;
    background-position: 70% 38%;
    background-size: 75% 135%;
    height: 100%;
}

.root-google-ar {
    background-image: url(../img/png/google-back-ard41d.png?);
    background-repeat: no-repeat;
    background-position: 30% 38%;
    background-size: 75% 135%;
    height: 100%;
}

.root-google-2 {
    background-image: url(../img/png/google_pay_image_2d145.png??);
    background-repeat: no-repeat;
    background-position: 200% 42%;
    background-size: 86% 163%;
    height: 100%;
}

.primary-btn {
    width: 60%;
    margin-top: 2rem;
    border-radius: 25px;
    background-color: var(--blue-color);
    color: var(--white-color);
    font-size: 20px;
    padding: 11px;
    margin-bottom: 1rem;
}


/*----Samsung------*/

.root-samsung {
    background-image: url(../img/png/samsung_pay_en9e36.png?v);
    background-repeat: no-repeat;
    background-position: 70% 68%;
    background-size: 75% 135%;
    height: 100%;
}

.root-samsung-ar {
    background-image: url(../img/png/samsung_pay_ar9e36.png?v);
    background-repeat: no-repeat;
    background-position: 30% 59%;
    background-size: 75% 135%;
    height: 100%;
}

.root-samsung-2 {
    background-image: url(../img/png/samsung_pay_image_3d145.png??);
    background-repeat: no-repeat;
    background-position: 115% 42%;
    background-size: 72% 127%;
    height: 100%;
}

.samsung-svgs {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-color: var(--border-2);
    margin: auto;
}

.samsung-svgs2 {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: var(--blue-color);
    margin: auto;
}

.image-svg-single-2 {
    width: 40%;
}

.font-sp-2 {
    font-size: 18px;
    font-weight: 500;
    width: 90%;
    margin: auto;
}

.samsung-image1 {
    width: 70%;
}

.w-73 {
    width: 73%;
}

.progressbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 4rem;
}

.progressbar::before,
.progress {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: #dcdcdc;
    z-index: -1;
}

.progress {
    background-color: var(--primary-color);
    width: 0%;
    transition: 0.3s;
}

.progress-step {
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: var(--blue-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-step::before {
    content: (step);
}

.progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 0.5rem);
    font-size: 0.85rem;
    color: #666;
}

.tm-size {
    /* font-size: 35px; */
    font-size: calc(var(--ac-t) - 10px);
}

.respo-option2 {
    width: 87%;
}

#terms-link {
    margin: 7px 0px 10px 21px;
    color: #129CF1;
    display: block;
}

.key-list li {
    list-style: inside;
    line-height: 2.3;
    margin-inline: 0.5rem;
}

.key-list-sub li {
    list-style-type: circle;
    margin-inline: 2rem;
}

.center-vertically {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ATM-Maintenance-Title {
    margin-top: -8rem;
}

.ATM-Maintenance-Text {
    color: #939393;
}

[lang='en'] .ATM-Maintenance-Text {
    margin-right: 8rem !important;
}

[lang='ar'] .ATM-Maintenance-Text {
    margin-right: 6rem !important;
}

[lang='ar'] .ATM-Maintenance-Title {
    margin-right: 6rem !important;
}

.center-vertically-warning {
    margin-left: 2rem !important;
    margin-top: -3rem;
}

.ATM-Maintenance-Warning {
    height: 14rem;
}

.arabic-text {
    text-align: right;
}

.banner-texts {
    padding: 2rem;
    height: 17rem;
}

.banner-texts-long {
    font-size: 1.3rem;
}

.larger-font {
    font-size: 2rem;
}

.smaller-font {
    font-size: 1rem;
}

.banner-title {
    padding: 0;
    height: 11rem;
}

.gray-color {
    background-color: var(--light-gray-color);
}

.center-text {
    text-align: center;
}

.align-content-center {
    align-content: center;
}

.padding-around {
    padding: 2rem;
}

.image-and-text {
    max-height: 8rem;
}

.text-max-width {
    max-width: 20rem;
}

.text-details {
    min-height: 20rem;
    /* border-style: solid; */
    /* border-color: var(--border-color); */
    /* border-width: 1px; */
}

[lang='en'] .text-details {
    text-align: left;
}

[lang='ar'] .text-details {
    text-align: right;
}

.text-min-height {
    min-height: 4rem;
}

.list_benefits {
    list-style: circle;
}

.w-40 {
    width: 40px;
}

.border-b-r {
    /*border-right: 1px solid var(--blue-color);*/
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-bottom:1px solid var(--blue-color); */
}

.benifits {
    margin: 0 auto
}

.benifits ul {
    list-style: circle !important;
}

.border-bb {
    border-bottom: 1px solid var(--blue-color);
}

.benifits.border-bb:last-child {
    border: none !important
}

.benifits.grid.direction-reverse .font-semibold {
    font-weight: 600;
    width: 150px;
    padding: 0 0 1rem 0;
    position: relative;
    top: -1rem
}

.benifits.direction-reverse .icon-acount {
    position: relative;
    top: -4rem;
    width: 80%;
    height: 26vh;
    margin: 0 auto;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.benifits .col-span-2:nth-child(3) {
    background-color: #fbfbfb;
}

.benifits.grid.direction-reverse .col-span-2:nth-child(3) {
    background-color: transparent;
}

.benifits.grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.benifits.grid.direction-reverse {
    direction: rtl;
    margin-top: 4rem
}

.benifits.grid .col-span-2 {
    grid-column: span 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.benifits.grid .col-span-1 {
    grid-column: span 1;
    width: 160px;
}

.radius-12 {
    border-radius: 12px;
}

.benifits .semi-bold {
    font-weight: 600;
}


/*Test Acquisition Campaign page*/

.overflow-respo-rawan .section-acquisition {
    font-family: var(--regular);
}

.overflow-respo-rawan .section-acquisition {
    background-color: #f5f6fa;
    /*border-top-left-radius: 47px;
    border-top-right-radius: 47px;*/
    padding-top: 70px;
    color: #323777;
}

.overflow-respo-rawan .section-acquisition .h2 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 15px;
}

.overflow-respo-rawan .text-information-acquisition {
    border-radius: 0;
    margin-top: 0;
}

.overflow-respo-rawan .section-acquisition .section-text {
    margin-bottom: 40px;
}

.overflow-respo-rawan .section-acquisition .section-text div {
    font-weight: 400;
    font-size: 21px;
}

.overflow-respo-rawan .section-acquisition .text-ready-start,
.text-terms {
    margin-bottom: 40px;
}

.overflow-respo-rawan .section-acquisition .h3 {
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 22px;
}

.overflow-respo-rawan .text-information-acquisition {
    padding-bottom: 25px;
}

.overflow-respo-rawan .text-terms .width {
    width: 800px;
}

.overflow-respo-rawan .text-terms div {
    height: auto;
}

.overflow-respo-rawan .text-ready-start div {
    height: auto;
}

.overflow-respo-rawan .text-information-acquisition div {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 20px;
    width: auto;
}

.overflow-respo-rawan .table-acquisition {
    margin-top: 50px;
}

.overflow-respo-rawan .apply-acquisition {
    background-color: #dfdcdc;
    margin-top: 0px;
    height: 240px;
    width: 100%;
    padding-top: 18px;
}

.overflow-respo-rawan .apply-acquisition .text-apply {
    padding-top: 20px;
    font-size: 23px;
    width: 600px;
    font-weight: 700;
    color: #323777;
    padding-bottom: 20px;
}

.overflow-respo-rawan .apply-acquisition a {
    background-color: #323777;
    padding: 9px 30px;
    border-radius: 25px;
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 20px;
}

.overflow-respo-rawan .text-ready-start div a {
    color: #323777;
    font-weight: 600;
}

.overflow-respo-rawan .text-ready-start div .a-number {
    text-decoration: none;
}

.overflow-respo-rawan .signature-end {
    margin-top: 25px;
    padding-bottom: 30px;
}

.overflow-respo-rawan .signature-end div {
    margin-bottom: 0;
}

.overflow-respo-rawan .table-acquisition {
    padding-bottom: 20px;
}

.overflow-respo-rawan .table-acquisition .notic-table-acquisition {
    padding-bottom: 7px;
}

.overflow-respo-rawan .table-acquisition .caption-table-acquisition {
    font-size: 23px;
    font-weight: 600;
}

.overflow-respo-rawan .header-privacy-acquisition {
    background-image: url(../img/jpg/campaign_banner-right.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    height: 33rem;
    padding-top: 4rem;
}

.overflow-respo-rawan .header-privacy-acquisition .acqacquisition-text-width {
    font-weight: 700;
    color: white;
    width: 60px;
    opacity: 80%;
}

.overflow-respo-rawan .header-privacy-acquisition .security-text {
    color: #323777;
}

.overflow-respo-rawan .header-privacy-acquisition .security-text.fatca-white {
    color: var(--white-color);
    margin-bottom: 30px;
}

.overflow-respo-rawan .header-privacy-acquisition .w-text-acquisition {
    width: 300px;
    font-size: 25px;
    opacity: 70%;
}

.overflow-respo-rawan .header-privacy-acquisition .row {
    padding-top: 60px;
}


/*.header-privacy-acquisition.banner1-acquisition {
    background-image: url(/img/png/security-banner1.png);
}*/

.panel .p-notic-cards {
    margin-top: 33px;
    color: #182966;
    font-size: 18px;
    font-weight: 500;
}

.overflow-respo-rawan .table-acquisition .table-columns-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 20px;
    margin-top: 20px;
}

.overflow-respo-rawan .table-columns-grid .grid-1-column {
    margin-right: 3px;
}

.overflow-respo-rawan .table-columns-grid .pad {
    width: 330px;
}

.overflow-respo-rawan .table-columns-grid .head-table-1 {
    background-color: #323777;
    padding: 20px 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
}

.overflow-respo-rawan .table-columns-grid .red-top {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.overflow-respo-rawan .table-columns-grid .red-top-right {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.overflow-respo-rawan .table-columns-grid .red-bot {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.overflow-respo-rawan .table-columns-grid .red-bot-right {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.overflow-respo-rawan .table-columns-grid .red-bot {
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.overflow-respo-rawan .table-columns-grid .content-column-1 {
    background-color: #dfdcdc;
    text-align: center;
    padding: 20px 0;
    margin-top: 3px;
}

.w-text-banner9 {
    width: 100%;
    font-size: 33px;
}

.rtl-saving-banner {
    position: relative;
    right: 100%;
}

.h2-repo-saving {
    font-size: 2.8rem;
}

.swiper-slide.js-fullheight.font-banner {
    font-family: var(--regular);
}

.stars-div .star img {
    transition: all 0.5s ease-in-out;
}

.stars-div .star img.scale {
    transform: scale(1.2);
}

body.ar .response-popup-rate .stars-div {
    flex-direction: row-reverse;
}

.icon-log.icon-log-arrow.rotate-arrow {
    transform: rotate(180deg);
}


/*Fatca-crs page*/

.section-fatca-crs {
    font-family: var(--regular);
    margin-top: 40px;
    color: var(--blue-color);
}

.section-fatca-crs .row .fatca-crs-h1 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 13px;
}

.section-fatca-crs .row .intro-fatca {
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 19px;
}

.section-fatca-crs .row .q-1-fatca {
    margin-top: 23px;
    font-weight: 600;
    margin-bottom: 23px;
    font-size: 20px;
}

.section-fatca-crs .row .Q-1-fatca {
    font-weight: 600;
    font-size: 17px;
}

.section-fatca-crs .row .p-1-fatca {
    width: 99%;
    font-size: 17px;
}

.section-fatca-crs .row .fatca-ul .fatca-points {
    margin-left: 40px;
}

.section-fatca-crs .row .fatca-ul .fatca-points span {
    font-weight: 600;
}

.section-fatca-crs .row .m-b-fatca {
    margin-bottom: 15px;
}

.section-fatca-crs .row .fatca-margin-left .bold-start-fatca span {
    font-weight: 600;
}

.section-fatca-crs .row .fatca-margin-left .fatca-ul .p-1-fatca a {
    text-decoration: underline;
}

.overflow-respo-rawan .header-privacy-acquisition.fatca {
    background-image: url(../img/jpg/Fatca-CRS.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    height: 25rem;
    padding-top: 4rem;
}

.overflow-respo-rawan .header-privacy-acquisition .acqacquisition-text-width {
    font-weight: 700;
    color: white;
    width: 60px;
    opacity: 80%;
}

.overflow-respo-rawan .header-privacy-acquisition .security-text {
    color: #323777;
}

.overflow-respo-rawan .header-privacy-acquisition .w-text-acquisition {
    width: 300px;
    font-size: 25px;
    opacity: 70%;
}

.overflow-respo-rawan .header-privacy-acquisition .row {
    padding-top: 60px;
}

.w-text-banner9-fatca {
    font-size: 45px;
}

.w-text-complains {
    width: 300px;
}

.fatca-text {
    position: relative;
    right: 0;
}

.padding-fatca-ar {
    width: 100%;
    margin-left: 80%;
}

.padding-fatca-ar-btn {
    position: relative;
    left: 80%;
}

.q-1-fatca .fatca-contact-btn {
    color: var(--blue-color);
}

.p-1-fatca.no-underline-crs a {
    color: var(--blue-color);
    text-decoration: none;
}

.Q-1-fatca a {
    color: var(--blue-color);
    text-decoration: none;
}


/* .center-items-home{
    text-align: center;
}
.border-yellow-credit{
    margin-left: 36px;
    width: 25%;
}
.border-yellow-tiered{
    margin-left: 25px;
    width: 25%;
}
.border-yellow-account-open{
    margin-left:49px;
    width: 25%;
}
.border-yellow-home-loans{
    margin-left: 66px;
    width: 25%;

}
.overflow-sec {
    width: 100%;
    overflow-x: hidden !important;
    overflow: hidden;
} */

.center-all-section-swiper {
    margin-left: 36px;
}


/* 
.media-news-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
} */

.media-news-img p img {
    width: 294px;
    height: 330px;
}

.p-media {
    padding-bottom: 30px;
}


/* .media-news-img p img.center-small-img {
    height: 152px;
    margin-top: 95px;
    width: 289px;
} */

.media-news-img .center-small-img-color {
    background-color: #f0ebeb;
    /* color: #f0ebeb; */
}

.h-part-time {
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 30px;
}

.p-part-time {
    margin-bottom: 15px;
}

.point-margin-left {
    margin-left: 20px;
}

.point-margin-right {
    margin-right: 20px;
}

.margin-bottom-part-time {
    margin-bottom: 30px;
}

.swiper.islamic-img-swipper {
    width: 100%;
    height: 100%;
}

.swiper.islamic-img-swipper .media-news-img .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper.islamic-img-swipper .media-news-img .swiper-slide img {
    display: block;
    width: 100%;
    height: 400px;
    /* Maintain aspect ratio */
    object-fit: cover;
}

.swiper.islamic-img-swipper .media-news-img .swiper-slide img.center-small-img {
    display: block;
    width: 100%;
    height: 152px !important;
    /* Maintain aspect ratio */
    object-fit: cover;
    margin-top: 95px;
}

.media-news-img .text-max-width {
    max-width: 20rem;
}

.swipper-islamic .swiper-button-next:after,
.swipper-islamic .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swipper-islamic .swiper-button-prev:after,
.swipper-islamic .swiper-rtl .swiper-button-next:after {
    content: '';
}

.swipper-islamic .swiper-button-next:after,
.swipper-islamic .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swipper-islamic .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    margin-top: 15px;
}

.swipper-islamic .swiper-button-next:after,
.swipper-islamic .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.swipper-islamic .swiper-button-next {
    color: #000;
    /* Customize the color of the navigation buttons */
    background-image: url('../img/svg/right-islamic.svg');
    width: 48px;
    height: 65px;
    top: 24%;
    right: 22px;
}

.swipper-islamic .swiper-button-prev {
    color: #000;
    /* Customize the color of the navigation buttons */
    background-image: url('../img/svg/left-islamic.svg');
    width: 48px;
    height: 65px;
    top: 24%;
    left: 22px;
}

[lang='ar'] .swipper-islamic .swiper-button-next {
    left: 22px;
    right: auto;
    background-image: url('../img/svg/left-islamic.svg');
}

[lang='ar'] .swipper-islamic .swiper-button-prev {
    right: 22px;
    left: auto;
    background-image: url('../img/svg/right-islamic.svg');
}

.attachment__caption {
    display: none;
}

figure.attachment img {
    max-width: 100%;
    height: auto;
}

.selected-smile {
    fill: #182966;
}

.star:hover svg {
    fill: #182966;
}

.rate-us-title {
    margin-bottom: 40px;
}

.complaint-submit {
    border: 0;
    outline: none;
    background: transparent;
    /* float: left; */
}


/* masref-features-benefits style*/

.custom-features-title {
    display: flex;
    align-items: center;
    padding: 20px 0 0 0px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #1A2D5A;
    margin: 20px 0;
}

.custom-features-title img {
    width: 80px;
    height: auto;
    margin-right: 10px;
}

[lang='ar'] .custom-features-title img {
    margin-left: 10px;
    margin-right: 0;
}

.custom-contents {
    padding: 50px 0;
}

.custom-container {
    display: flex;
    justify-content: space-between;
    background-color: #F2F2F2;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #242f65;
}

.custom-card {
    text-align: center;
    width: 23%;
}

.custom-card img {
    width: 80%;
    max-width: 250px;
    padding-top: 20px;
    height: auto;
}

.custom-card p {
    margin: 10px 0;
    font-family: Arial, sans-serif;
    color: #242f65;
}

.custom-title {
    font-weight: bold;
    color: #242f65;
    margin-top: 10px;
}

.description-custom {
    color: #666;
    font-size: 14px;
}


/* row */

.custom-row {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #242f65;
    background-color: #F2F2F2;
    color: #242f65;
    align-items: stretch;
}

.custom-oneicon {
    text-align: center;
    width: 23%;
    align-content: center;
}

:lang(en) .custom-oneicon {
    border-right: 1px solid #242f65;
}

:lang(ar) .custom-oneicon {
    border-left: 1px solid #242f65!important;
}

.custom-oneicon p {
    padding: 10px;
    margin: 10px 0;
    font-family: Arial, sans-serif;
    color: #242f65;
}

[lang='ar'] .custom-one-row-title,
[lang='ar'] .custom-title,
[lang='ar'] .custom-features-title,
[lang='ar'] .custom-footer-text-note {
    font-family: var(--bold);
}

[lang='ar'] .custom-row *,
[lang='ar'] .description-custom,
[lang='ar'] .custom-footer {
    font-family: var(--regular);
}

.custom-one-row-title {
    font-weight: bold;
    color: #242f65;
    margin-top: 10px;
}

.custom-icon {
    text-align: center;
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

.custom-icon.justify-center {
    justify-content: center;
}

.custom-icon img {
    width: 100%;
    max-width: 70px;
    height: auto;
    padding-top: 20px;
}

.custom-icon p {
    margin: 10px 0;
    /* font-family: Arial, sans-serif; */
    color: #242f65;
}

.custom-row-title {
    font-weight: bold;
    color: #242f65;
    margin-top: 10px;
}

.row-description-custom {
    color: #666;
    padding: 5px;
    font-size: 12px;
}

.custom-footer-text {
    padding-left: 80px;
}

.custom-footer-text p {
    margin: 0;
    padding-bottom: 10px;
    color: #242f65;
    font-family: Arial, sans-serif;
}

.custom-footer {
    padding-left: 80px;
    color: #242f65;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

@media (max-width: 480px) {
    .custom-features-title {
        padding-left: 0;
        font-size: 25px;
    }
    p {
        /* font-size: 6px !important; */
        font-size: 18px;
    }
    .custom-icon img {
        max-width: 30px;
    }
    .custom-contents {
        padding: 20px 0;
    }
    .custom-footer-text {
        padding-left: 20px;
    }
    .custom-footer {
        padding-left: 20px;
    }
    .custom-footer-text-note p {
        margin: 0;
    }
    .custom-icon {
        margin-inline: auto;
    }
    .custom-oneicon {
        margin-inline: auto;
        border-right: 0px;
    }
    .custom-container {
        /* flex-direction: column; */
        align-items: center;
    }
     :lang(en) .custom-oneicon {
        border-right: 1px solid #242f65;
    }
     :lang(ar) .custom-oneicon {
        border-left: 1px solid #242f65!important;
    }
}

.treeselect-input {
    line-height: 41px;
    border: 1px solid #D5D5D5;
    border-radius: 0;
}

.treeselect-list__item--focused {
    background-color: transparent !important;
    color: var(--yellow-color);
}

.treeselect-input__tags-count {
    white-space: normal;
    line-height: 1.2;
}

.treeselect-list__item {
    margin-bottom: 10px;
    min-height: 30px;
    height: auto;
    overflow-y: visible;
}

.treeselect-list__item-label {
    white-space: normal;
}

.treeselect-input:focus {
    min-height: 37px;
    outline: none;
}

.parsley-required {
    color: red;
}

.parsley-error-container {
    border: 1px solid #ff0c0c;
}

.treeselect-input__edit::placeholder,
.treeselect-input__edit::-ms-input-placeholder,
.treeselect-input__edit {
    color: #212529 !important;
    opacity: 1 !important;
}

.benifits-img {
    max-width: 100%;
}

[lang='en'] .watch-apple.dirham {
    left: 0;
}

[lang='ar'] .watch-apple.dirham {
    right: 0;
    left: auto;
}

.font-md {
    /* font-size: var(--submd-font); */
}

.font-lg {
    font-size: var(--submd-font);
}

.z-10 {
    z-index: 10;
}


/* .header-entelaqati-package {
    background-image: url(/img/webp/web-banner-entelaqati-eng.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

[lang='ar']  .header-entelaqati-package {
    background-image: url(/img/webp/web-banner-entelaqati-ara.jpg);
} */


.header-entelaqati-package {
    background-image: url(../img/webp/banner-entelaqati-without-text.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 70px;
}