@import 'reset.css';
@import 'helpers.css';
@import 'header.css';

/*:root {
    --white: #fff; 
    --border-color:rgba(37,135,200,0.2);
    --bodyText: #000;
    --blue: #3CB4E5;
    --blue2: #192444;
    --green: #A1D683;
    --purple: #696D9E;
    --footerBg: #F6F5F6;
}*/
html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

a {
    text-decoration: none
}

body {
    font-family: 'TheSansOsF';
    font-size: 18px;
    color: var(--bodyText);
    overflow-x: hidden;
    min-width: 320px;
    font-weight: 300;
    line-height: 1.25;
}

/* Hide arrows in WebKit browsers (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hide arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.main_banner {
    height: 110vh;
    position: relative;
}

    .main_banner img {
        width: 100%;
        object-fit: cover;
        height: inherit;
    }

    .main_banner .banner_text {
        position: absolute;
        left: 14%;
        top: 50%;
        transform: translate(0%, -55%);
        width: 40%;
    }

        .main_banner .banner_text h1 {
            font-size: 52px;
            color: #B4975A;
            line-height: 1.1;
            font-weight: bold;
            margin-bottom: 1.5vw;
        }

        .main_banner .banner_text > p {
            font-size: 21px;
            color: #C41230;
            width: 62%;
            margin-bottom: 2.5vw;
            line-height: 1.3;
        }
.banner_button button,
.banner_button a {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    background: #C41230;
    padding: .8vw 1.5vw;
    border-radius: 20px;
    text-decoration: none;
}

.banner_button {
    display: inline-block;
}
    .banner_button button p,
    .banner_button a p {
        margin-bottom: 0;
        margin-right: 2vw;
    }


/*Home Tab*/
#container {
    width: 80%;
    margin: auto;
    border-radius: 20px;
    padding: 0vw 4vw 4vw;
    position: relative;
    top: -40px;
    background: #fff; /* box-shadow: 7px 7px 52px -48px rgba(0,0,0,0.75); */ /* -webkit-box-shadow: 7px 7px 56px -47px rgba(0,0,0,0.75); */
    -moz-box-shadow: 7px 7px 52px -48px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 32px -15px #4f4f4f;
    box-shadow: 0px 0px 32px -15px #4f4f4f;
}

.tabs-nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.tabs-nav li {
    display: inline-block;
    color: #fefefe;
    border-style: solid;
    padding: 3vw 1.5vw 0vw 1.5vw;
    margin-right: 3vw;
    position: relative;
}

.tabs-nav a {
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 38px;
    color: #af98628c;
}
/* Active tab */

.tabs-nav li.active {
    background: #FFF;
    color: #000;
}

    .tabs-nav li.active a {
        color: #AF9862;
    }
/* Tab content */

.tabs-content {
    background: #FFF;
    overflow: hidden;
    border-bottom: 1px solid #0000004f;
    padding: 0 0 4vw 4vw;
}

    /* Hide all but first content div */

    .tabs-content > div:not(:first-child) {
        display: none;
    }

  /*  .tabs-content .home_tab {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }*/

.ithmaar_title {
    /* display: flex; */
    /* align-items: baseline; */
    position: relative;
    /* padding: 36px 0 0 20px; */
}

    .ithmaar_title h3 {
        font-size: 32px;
        font-family: 'TheSansOsF SemiLight';
    }

    .ithmaar_title img {
        position: absolute;
        top: -30px;
        left: -17px;
    }

/*.home_tab .corporate_title {
    padding-right: 4vw;
}*/

.home_tab .corporate_title h2 {
    font-size: 1.3vw !important;
    line-height: 1.2;
    font-weight: bold;
    color: #C41230;
}

.tabs-content .home_tab .corporate_detail p {
    margin-bottom: 2vw;
}

.home_tab .corporate_detail {
    padding: 0 4vw;
}

.tabs-content > div {
    padding-top: 5vw;
}

    .tabs-content > div > .ithmaar_title {
        margin-bottom: 2vw;
    }

.tabs-nav li:last-child {
    margin-right: 0;
}

.tabs-nav li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(175,152,98,1) 0%, rgba(232,223,202,1) 79%);
    opacity: 0;
    transition: all .5s ease-in-out;
}

.tabs-nav li.active::before,
.tabs-nav li:hover::before {
    opacity: 1;
}
/*Home Tab*/


.home_account_wrap .mudaraba_wrap {
    padding: 0 4vw 0 15vw;
    margin-top: 7vw;
    display: flex;
}

.home_account_wrap {
    position: relative;
}

    .home_account_wrap .mudaraba_wrap .left {
        width: 35%;
        padding-right: 3vw;
    }

    .home_account_wrap .mudaraba_wrap .right {
        width: 65%;
        position: relative;
        height: auto;
    }

        .home_account_wrap .mudaraba_wrap .right img {
            width: 100%;
            display: block;
        }

    .home_account_wrap .mudaraba_wrap .left > p {
        padding-right: 4vw;
    }

.itmaar_button {
    display: inline-block;
}

    .itmaar_button a {
        display: flex;
        align-items: center;
        font-size: 22px;
        font-weight: bold;
        color: #B42B36;
        position: relative;
        width: 100%;
        padding-bottom: 6px;
        overflow: hidden;
        justify-content: space-between;
    }

        .itmaar_button a p {
            margin-right: 1.5vw;
        }

    .itmaar_button.black a svg {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

.accounts_wrap .enterprice_wrap {
    padding-left: 30vw;
    display: flex;
    margin-top: 8vw;
}

    .accounts_wrap .enterprice_wrap .left {
        width: 50%;
    }

    .accounts_wrap .enterprice_wrap .right {
        width: 50%;
        padding: 0 7vw 0 4vw;
    }

    .accounts_wrap .enterprice_wrap .left img {
        width: 100%;
        object-fit: cover;
    }

.top_dots {
    width: 50%;
    position: absolute;
    top: -20vh;
    left: 0;
    overflow: hidden;
    border-top-right-radius: 50px;
    height: 65vh;
}

    .top_dots .topimg {
        width: 100%;
    }

    .top_dots .animate_img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        animation: animatedBackground 500s linear infinite;
        background-repeat: repeat;
        background-position: 0 0;
        background-size: auto 100% !important;
        height: 75%;
        background: url(../images/dots.png);
    }

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: -10000px 0;
    }
}

.accounts_wrap {
    position: relative;
}

    .accounts_wrap .account_dot {
        position: absolute;
        left: 0;
        top: 52vw;
        animation: animatedBackground 500s linear infinite;
        background-repeat: repeat;
        background-position: 0 0;
        background-size: 125% !important;
        background: url(../images/account_dots.png);
        height: 82vh;
        width: 14%;
    }

.mudaraba_wrap.ways_to_bank {
    margin-top: 12vw;
}

.home_account_wrap .mudaraba_wrap .right .itmaar_button {
    position: absolute;
    right: 0;
    bottom: 0;
    /*background: #ffffff;*/
    padding: 1vw 3vw;
    width: auto;
    border-top-left-radius: 25px;
}

    .home_account_wrap .mudaraba_wrap .right .itmaar_button a {
        line-height: 1.4;
        align-items: end;
    }

.home_account_wrap .mudaraba_wrap .right > .ofh {
    border-radius: 30px;
}

.home_account_wrap .mudaraba_wrap .right .itmaar_button svg {
    width: 3vw;
}

.services_wrap {
    display: grid;
    grid-gap: 0 12vw;
    grid-template-columns: 1fr 1fr 1fr;
}

    .services_wrap .service_div {
    }

        .services_wrap .service_div h2 {
            font-size: 36px;
            font-weight: bold;
            color: #B4975A;
            line-height: 1.2;
            margin: 2.5vw 0 1vw;
        }

.ith_services {
    padding: 8vw 15vw 5vw;
    position: relative;
}

.services_wrap .service_div > svg,
.services_wrap .service_div > img {
    /* width: 3vw; */
    height: 3vw;
}

.services_wrap .service_div:nth-child(1),
.services_wrap .service_div:nth-child(4) {
    margin-top: 11vw;
}

.services_wrap .service_div:nth-child(2),
.services_wrap .service_div:nth-child(5) {
    margin-top: 6vw;
}

.service_dot {
    width: 31%;
    height: 230px;
    position: absolute;
    left: 0;
    top: 0;
    animation: animatedBackground 500s linear infinite;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 100% !important;
    background: url(../images/services_dot.png);
}

.services_wrap .service_div p {
    color: #000;
}

/*News slider*/
.swiper {
    width: 100%;
    height: 100%;
}

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

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /*border-radius: 20px;*/
    }

.newsSwiper {
}

.news_slider .left {
    text-align: left;
    background: #B4975A;
    padding: 5vw 3vw 4vw 14vw;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 1;
    min-height: 28vw;
}

    .news_slider .left > p {
        font-size: 22px;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 3vw;
    }

    .news_slider .left.active {
        display: block;
    }

    .news_slider .left h2 {
        font-size: 2.5vw;
        font-weight: bold;
        color: #C41230;
        line-height: 1.2;
        margin-bottom: 2vw;
    }

.newsSwiper .right {
    width: 100%;
}

.newsSwiper {
    width: 55%;
}

    .newsSwiper .swiper-slide {
        display: flex;
        align-items: end;
    }

    .newsSwiper .right > .ofh {
        border-radius: 30px;
        border-bottom-left-radius: 0;
    }

.news_slider {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

.news_slider_content {
    position: relative;
    width: 45%;
}

.news_progress {
    width: 20%;
    position: absolute;
    left: 0;
    bottom: 34%;
    transform: rotate(-90deg);
    z-index: 2;
}

.news_wrap {
    padding: 5vw 4vw 9vw 0;
    position: relative;
}

.news_progress span {
    background: #000 !important;
}

.news_progress .swiper-pagination {
    background: #fff !important;
    height: 2px !important;
}

.news_wrap > h2 {
    position: absolute;
    left: 15vw;
}

.news_dots {
    position: absolute;
    bottom: 0;
    right: 0;
    animation: animatedBackground 500s linear infinite;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 100% !important;
    background: url(../images/news-dots.png);
    width: 18%;
    height: 400px;
}

.itmaar_button a::before {
    content: "";
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #B4975A;
    transition: all .5s ease;
}

.itmaar_button a:hover {
    color: #B4975A;
}

    .itmaar_button a:hover svg circle {
        fill: #B4975A;
    }

    .itmaar_button a:hover svg circle {
        transition: all .5s ease;
    }

    .itmaar_button a:hover::before {
        left: 0;
    }

.itmaar_button.red a:hover::before {
    background: #B42B36 !important;
}

.itmaar_button.red a:hover {
    color: #B42B36 !important;
}

    .itmaar_button.red a:hover svg circle {
        fill: #B42B36;
    }

/*.itmaar_button a::before {
    background: #B42B36;
}*/

.frequenly_wrap .itmaar_button > a::before {
    display: none;
}

.frequenly_wrap .itmaar_button > a:hover {
    color: #fff;
}

    .frequenly_wrap .itmaar_button > a:hover svg circle {
        fill: #B42B36;
    }

/*News slider*/


/*footer*/
.footer_main {
    background: url(../images/footer_bg.png);
    width: 92%;
    margin: auto;
    background-size: 100% 100%;
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 5vw 3vw 0 5vw;
    grid-gap: 0vw 3vw;*/
    background-repeat: no-repeat;
    position: relative;
}

    .footer_main .footer_menu:first-child {
        margin-top: 5vw;
    }

    .footer_main .footer_menu:last-child {
        padding-right: 4vw;
    }

    .footer_main .footer_menu h3 {
        font-size: 22px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 2vw;
    }

    .footer_main .footer_menu > a {
        font-size: 16px;
        display: table;
        color: #fff;
        font-family: 'TheSansOsF SemiLight';
        margin-bottom: .8vw;
        position: relative;
        overflow: hidden;
        padding-bottom: .2vw;
        transition: all .5s ease-in-out;
    }

.footer_social_icon {
    display: flex;
    margin-top: 2vw;
}

    .footer_social_icon > a {
        margin-right: 1vw;
        background: #333333;
        display: block;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all .5s ease-in-out;
    }

.footer_main .footer_menu .footer_social_icon > a:hover {
    background: #C41230;
}

.footer_social_icon a svg {
    height: 1vw;
    width: 1vw;
}

.footer_main .footer_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 5vw 3vw 2vw 5vw;
    grid-gap: 0vw 3vw;
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 12vw;
    padding-right: 7vw;
    border-top: 1px solid #ffffff;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    /* margin-top: 2vw; */
}

    .copyright p {
        font-size: 14px;
        color: #ffffff;
    }

.footer_main .footer_logo {
    position: absolute;
    left: 2vw;
    top: 2vw;
}

.footer_main .footer_menu > a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #C41230;
    bottom: 0;
    left: 0;
    transition: all .5s ease-in-out;
}

.footer_main .footer_menu > a:hover::before {
    width: 100%;
}

.footer_main .footer_menu > a:hover {
    color: #C41230;
}

.footer_wrap .footer_dots {
    position: absolute;
    top: 0;
    right: 0;
    animation: animatedBackground 500s linear infinite;
    background-repeat: repeat;
    background-position: 0 0;
    /* background-size: cover; */
    background: url(../images/footer_dots.png);
    width: 35%;
    height: 345px;
    z-index: -1;
}

.footer_wrap {
    padding-top: 6vw;
    position: relative;
}
/*footer*/


/*Chart*/
.chart_slider {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    /* align-items: baseline; */
    margin-top: 8vw;
    margin-bottom: 10vw;
}

    .chart_slider .chartSwiper {
        width: 55%;
    }

    .chart_slider .chart_slider_content {
        width: 45%;
        position: relative;
        /* height: 50vh; */
    }

.chart_progress {
    width: 20%;
    position: absolute;
    left: 0;
    bottom: 62%;
    transform: rotate(-90deg);
    z-index: 1;
}

.chart_slider .left {
    text-align: left;
    padding: 5vw 6vw 4vw 14vw;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

    .chart_slider .left.active {
        display: block;
    }

    .chart_slider .left h2 {
        font-size: 46px;
        font-weight: bold;
        color: #AF9862;
        line-height: 1.2;
        margin-bottom: 2vw;
    }

.chart_progress span {
    background: #000 !important;
}

.chart_progress .swiper-pagination {
    background: #D8D8D8 !important;
    height: 2px !important;
}

.chart_slider .right {
}

    .chart_slider .right .tier_one {
        display: flex;
        align-items: center;
        border: 2px solid #d8d8d838;
        margin-bottom: 2vw;
    }

        .chart_slider .right .tier_one p {
            font-size: 20px;
            color: #B42B36;
            font-weight: 600;
            border-right: 2px solid #d8d8d838;
            padding: 15px 36px;
        }

        .chart_slider .right .tier_one h2 {
            font-size: 20px;
            border-right: 2px solid #d8d8d838;
            color: #646464;
            font-family: 'TheSansOsF SemiLight';
            padding: 15px 36px;
        }

        .chart_slider .right .tier_one h3 {
            font-family: 'TheSansOsF SemiLight';
            color: #AF9862;
            font-size: 22px;
            padding: 15px 36px;
        }

    .chart_slider .right .profit_rates {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2vw 15vw 0 2vw;
    }

        .chart_slider .right .profit_rates h2 {
            font-size: 18px;
            font-weight: 600;
            color: #646464;
        }

    .chart_slider .right .profit_chart {
        width: 82%;
    }

.chart_wrap {
    position: relative;
}

.frequenly_wrap {
    width: 30%;
    margin-bottom: 5vw;
    margin-left: 14vw;
    background: #B4975A;
    display: inline-block;
    line-height: 1;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

    .frequenly_wrap > a {
    }

    .frequenly_wrap .itmaar_button {
    }

        .frequenly_wrap .itmaar_button > a {
            font-size: 46px;
            align-items: end;
            padding: 4vw 3vw 4vw 3vw;
            line-height: 1.2;
        }

            .frequenly_wrap .itmaar_button > a > p {
                margin: 0;
            }

            .frequenly_wrap .itmaar_button > a > svg {
                width: 3vw;
            }

    .frequenly_wrap::before {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #AF9862;
        position: absolute;
        border-radius: 20px;
        top: -10%;
        left: 4%;
        z-index: -1;
    }

.frequenly_dots {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: animatedBackground 500s linear infinite;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto 100% !important;
    background: url(../images/dots.png);
    z-index: -1;
    opacity: .6;
}

.news_slider .left .frequenly_dots {
    z-index: -1;
}


/*Inner pages*/
.inner_main {
    margin-top: 7.5vw;
    display: inline-block;
    position: relative;
    width: 100%;
}

    .inner_main img {
        width: 100%;
        display: block;
        filter: brightness(60%);
    }

    .inner_main .inner_heading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 60%;
    }

        .inner_main .inner_heading h1 {
            font-size: 85px;
            font-weight: bold;
            color: #B4975A;
            line-height: 1;
            margin-bottom: 1vw;
        }

        .inner_main .inner_heading > p {
            font-size: 24px;
            line-height: 1.8;
            color: #fff;
            padding: 0 7vw;
        }

        .inner_main .inner_heading .banner_button {
            margin-top: 3vw;
        }

.inner_wrap .current_wrap {
    padding: 3vw 20vw 0;
}

    .inner_wrap .current_wrap .ofh {
        border-radius: 20px;
    }

        .inner_wrap .current_wrap .ofh img {
            border-radius: 20px;
            width: 100%;
        }

    .inner_wrap .current_wrap .account_button {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #ffffff;
        padding: 2.5vw;
        border-top-left-radius: 20px;
    }

        .inner_wrap .current_wrap .account_button h2 {
            font-size: 32px;
            font-weight: 700;
            color: #B4945A;
            margin-bottom: 1.5vw;
        }

.ithmaar_title.big h3 {
    font-size: 44px;
    font-weight: 700;
    color: #B4975A;
    line-height: 1.1;
    font-family: 'TheSansOsF';
}

/*.require_docum {
    margin-top: 10vw !important;
    width: 80%;
    margin: auto;
}*/

.account_feature {
    padding-left: 10vw;
    padding-right: 10vw;
    margin-top: 10vw;
}

    .account_feature .feture_wrap {
        padding-left: 8vw;
        margin: 3vw 0;
    }

        .account_feature .feture_wrap p {
            color: #000;
            margin-bottom: 1vw;
            border: 1px solid #AF9862;
            padding: 1.1vw 1.5vw;
            border-radius: 20px;
            display: table;
        }

.feture_wrap.ith-fee a {
    color: #000000;
}

    .feture_wrap.ith-fee a:hover {
        color: #B4975A;
    }

.accordion {
}

.at-tab {
    display: none;
    border-top: none;
}

.at-title {
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

/*.at-title:hover div {
  background-color: #e0e0e0;
}*/

/*.at-title:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: all 0.3s ease;
  font-size: 24px;
}

.at-title.active:after {
  content: "-";
}*/

.at-item {
    background: #f4f4f4;
    padding: 2vw 3vw;
    border-radius: 10px;
    margin-bottom: 2vw;
}

    .at-item:last-child {
        margin-bottom: 0;
    }

.at-title h2 {
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    color: #000;
}

.accordion-header {
    text-align: center;
    background-color: #222222;
    color: white;
    padding: 20px 0;
}

.at-title div {
    background: #c41230;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .at-title div svg {
        width: 1.1vw;
        transform: rotate(180deg);
        transition: all .5s ease;
    }

.at-tab .accordion_wrap > div {
    background: #fff;
    border-radius: 15px;
    padding: 3vw 2vw 3vw 3vw;
    width: 100%;
}

.at-tab > div h2 {
    font-size: 34px;
    font-weight: bold;
    color: #CA1230;
    line-height: 1.2;
    margin-bottom: 3vw;
}

.at-tab > div ul {
}

    .at-tab > div ul li {
        /* list-style: disc; */
        color: #000;
        position: relative;
        margin-bottom: 5px;
    }

.at-tab .accordion_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2vw;
    padding-bottom: 1vw;
}

.at-tab > div ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    transform: translate(-16px, 11px);
}



.accordion_faq {
}

.at-tab_faq {
    display: none;
    margin-top: 2vw;
    padding-right: 5vw;
}

.at-title_faq {
    cursor: pointer;
    /* background-color: #f5f5f5; */
    position: relative;
    transition: background-color 0.3s ease;
}

    .at-title_faq:hover {
        /* background-color: #e0e0e0; */
    }

    .at-title_faq:after {
        content: "+";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        transition: all 0.3s ease;
        font-size: 24px;
        color: #C41230;
        font-weight: bold;
    }

    .at-title_faq.active:after {
        content: "-";
    }

.at-item_faq {
    border-radius: 30px;
    margin-bottom: 15px;
    border: 1px solid #AF9862;
    padding: 1.5vw 2vw;
}

.at-title_faq h2 {
    font-size: 26px;
    font-weight: bold;
    color: #AF9862;
    transition: all .5s ease;
}

.faq_wrap {
    padding: 0 10vw;
    margin: 10vw 0 0;
}

.at-title_faq.active h2 {
    color: #C41230;
}

.at-tab_faq > p {
    font-family: 'TheSansOsF SemiLight';
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 0.5vw;
}

.apply_current {
    padding: 0 10vw;
    margin: 10vw 0 0;
}

.new_customer {
    display: flex;
    align-items: baseline;
    grid-gap: 4vw;
    width: 90%;
    margin: auto;
}

    .new_customer .customer_wrap {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .new_customer .customer_wrap h2 {
            font-size: 28px;
            font-weight: bold;
            color: #C41230;
            margin-bottom: 1.5vw;
            padding: 0 1vw;
        }

        .new_customer .customer_wrap > p {
            line-height: 1.5;
            font-family: 'TheSansOsF SemiLight';
            margin-bottom: 1vw;
            padding: 0;
            font-size: 20px;
        }

        .new_customer .customer_wrap .ofh {
            border-radius: 30px;
            position: relative;
        }

            .new_customer .customer_wrap .ofh img {
                width: 100%;
            }

            .new_customer .customer_wrap .ofh .itmaar_button {
                position: absolute;
                bottom: 0;
                right: 0;
                background: #fff;
                padding: 1.5vw 0 1.5vw 1.5vw;
                border-top-left-radius: 20px;
            }

.itmaar_button.black a {
    color: #000;
    padding-right: 4vw;
}

    .itmaar_button.black a svg circle {
        fill: #C41230;
    }

    .itmaar_button.black a:hover svg circle {
        fill: #B4975A;
    }

    .itmaar_button.black a:hover {
        color: #B4975A;
    }

.letter_credit {
    padding: 0 10vw;
    margin: 10vw 0;
}

.letter_wrap a {
    border: 1px solid #B4975A;
    display: block;
    border-radius: 20px;
    padding: 2vw 1.5vw;
    height: 100%;
}

    .letter_wrap a div {
        display: flex;
        align-items: center;
        margin-bottom: 2vw;
    }

        .letter_wrap a div h2 {
            font-size: 30px;
            font-weight: bold;
            color: #000;
            margin-right: 1vw;
            transition: all .5s ease;
        }

    .letter_wrap a:hover div h2 {
        color: #fff;
    }

    .letter_wrap a div svg circle {
        fill: #C41230;
        transition: all .5s ease;
    }

    .letter_wrap a:hover div svg circle {
        fill: #000000;
    }

    .letter_wrap a div svg {
        width: 1.5vw;
    }

    .letter_wrap a p {
        line-height: 1.5;
        font-family: 'TheSansOsF SemiLight';
        margin-bottom: 1vw;
        font-size: 20px;
        color: #000;
        padding-right: 4vw;
        transition: all .5s ease;
    }

.letter_credit .letter_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2vw;
}

.letter_wrap a:hover {
    background: #C41230;
}

    .letter_wrap a:hover p {
        color: #ffffff;
    }

.at-title.active div svg {
    transform: rotate(0);
}

.inner_wrap {
    position: relative;
}

    .inner_wrap > .account_dot {
        position: absolute;
        right: 0;
        top: 16%;
        animation: animatedBackground 500s linear infinite;
        background-repeat: repeat;
        background-position: 0 0;
        background-size: 200% !important;
        background: url(../images/account_dots.png);
        height: 82vh;
        width: 7%;
    }

.at-tab .accordion_wrap > .option_second {
    padding: 0;
    overflow: hidden;
}

    .at-tab .accordion_wrap > .option_second a:hover {
        background: #C41230;
    }

    .at-tab .accordion_wrap > .option_second a {
        padding: 3vw 2vw;
        display: flex;
        height: 100%;
        justify-content: space-between;
        align-items: center;
        transition: all .5s ease;
        position: relative;
    }

        .at-tab .accordion_wrap > .option_second a > h2 {
            margin: 0;
            transition: all .5s ease;
        }

        .at-tab .accordion_wrap > .option_second a:hover > h2 {
            color: #ffffff;
        }

        .at-tab .accordion_wrap > .option_second a > svg path {
            transition: all .5s ease;
        }

        .at-tab .accordion_wrap > .option_second a:hover svg path {
            fill: #ffffff;
        }

.sme_wrap {
    padding: 0 10vw;
}

    .sme_wrap .sme_detail {
        background: #f4f4f4;
        margin-bottom: 1.5vw;
        border-radius: 20px;
        padding: 2vw 2vw 3vw 2vw;
    }

        .sme_wrap .sme_detail h3 {
            font-size: 28px;
            font-weight: bold;
            color: #C41230;
            margin-bottom: 2vw;
        }

        .sme_wrap .sme_detail ul li {
            font-size: 22px;
            color: #000;
            margin-bottom: 12px;
            position: relative;
            padding-left: 25px;
        }

        .sme_wrap .sme_detail ul {
            padding-left: 12px;
        }

            .sme_wrap .sme_detail ul li::before {
                position: absolute;
                left: 0;
                top: 0;
                background: #000;
                width: 5px;
                height: 5px;
                content: "";
                border-radius: 50%;
                transform: translate(0px, 10px);
            }

.accordion_wrap.single {
    grid-template-columns: 1fr;
}

.bread_crubs {
    display: flex;
    align-items: center;
    padding-top: 2vw;
}

    .bread_crubs li {
        list-style: none;
        display: flex;
        align-items: center;
        margin-right: 1.5vw;
    }

        .bread_crubs li a {
            margin-right: 1.5vw;
            font-size: 18px;
            color: #949494;
        }

        .bread_crubs li.active a {
            color: #C41230;
        }

.inner_wrap .trade_finance {
    width: 80%;
    margin: auto;
}

.trade_finance .finance_forms {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5vw 4vw;
    margin: 10vw 0;
}

    .trade_finance .finance_forms a {
        background: #F4F4F4;
        display: flex;
        align-items: center;
        padding: 3vw 2vw;
        border-radius: 25px;
        transition: all .5s ease;
        position: relative;
        height: 100%;
    }

        .trade_finance .finance_forms a:hover {
            background: #C41230;
        }

        .trade_finance .finance_forms a h2 {
            font-weight: bold;
            font-size: 36px;
            color: #C41230;
            /*padding-right: 3vw;*/
            transition: all .5s ease;
            width:90%;
        }

        .trade_finance .finance_forms a:hover h2 {
            color: #ffffff;
        }

        .trade_finance .finance_forms a svg {
            width: 42px;
            height: 23px;
            position: relative;
            top: 22px;
            display: block;
        }

            .trade_finance .finance_forms a svg path {
                transition: all .5s ease;
            }

        .trade_finance .finance_forms a:hover svg path {
            fill: #ffffff;
        }

        .trade_finance .finance_forms a::before {
            content: "";
            position: absolute;
            left: 5%;
            bottom: 12%;
            width: 100%;
            height: 100%;
            border: 1px solid #AF9862;
            border-radius: 25px;
            z-index: -1;
            transition: all .5s ease;
        }

        .trade_finance .finance_forms a:hover::before {
            left: 0;
            bottom: 0;
        }

.finance_img_wrap {
    display: flex;
    align-items: flex-start;
}

    .finance_img_wrap .left {
        width: 60%;
    }

    .finance_img_wrap .right {
        width: 40%;
        padding-left: 4vw;
        padding-top: 1vw;
    }

    .finance_img_wrap .left .ofh {
        border-radius: 30px;
    }

        .finance_img_wrap .left .ofh img {
            width: 100%;
            object-fit: cover;
            display: block;
        }

.inner_wrap.bread .bread_crubs {
    margin-left: 10vw;
    margin-bottom: 2vw;
}

.financial_solution {
    padding: 0 10vw;
}

    .financial_solution h4 {
        font-size: 24px;
        font-family: 'TheSansOsF SemiLight';
    }

    .financial_solution a {
        display: flex;
        align-items: center;
        background: #f4f4f4;
        border-radius: 20px;
        padding: 2vw 3vw 3vw 2vw;
        margin-bottom: 2vw;
    }

        .financial_solution a div {
            padding-right: 10vw;
        }

            .financial_solution a div h2 {
                font-size: 28px;
                font-weight: bold;
                color: #C41230;
                margin-bottom: 1.5vw;
            }

            .financial_solution a div p {
                font-family: 'TheSansOsF SemiLight';
            }

        .financial_solution a svg {
            width: 3vw;
        }

.next_step_wrap {
    padding: 0 10vw;
}

.next_step {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2vw;
}

    .next_step > div {
        background: #f4f4f4;
        border-radius: 20px;
        padding: 3vw 1vw 2vw 2vw;
    }

        .next_step > div img {
            display: block;
            width: 3vw;
        }

        .next_step > div h2 {
            font-size: 27px;
            font-weight: bold;
            color: #C41230;
            margin-bottom: 2vw;
            margin-top: 1.5vw;
            font-family: 'TheSansOsF Plain';
        }

            .next_step > div h2 a {
                color: #C41230;
            }

            .next_step > div h2 span {
                font-size: 20px;
            }

        .next_step > div p {
            font-size: 20px;
            padding-right: 1vw;
        }

.Investor_wrap {
    padding: 0 10vw;
}

.investor_one {
    padding-left: 14vw;
    display: flex;
    align-items: flex-start;
}

    .investor_one .left {
        width: 50%;
    }

        .investor_one .left .ofh img {
            width: 100%;
            object-fit: cover;
            display: block;
        }

    .investor_one .right {
        width: 50%;
        padding-left: 5vw;
        padding-right: 2vw;
    }

.investor_two {
    display: flex;
    align-items: flex-start;
}

    .investor_two .right {
        width: 40%;
        padding-right: 5vw;
    }

    .investor_two .left {
        width: 60%;
    }

        .investor_two .left img {
            width: 100%;
            display: block;
        }

        .investor_two .left .investor_button {
            position: absolute;
            right: 0;
            bottom: 0;
            background: #fff;
            padding: 2vw 3vw 2vw 2vw;
            border-top-left-radius: 25px;
        }

.finance_forms.governance a {
    align-items: center;
}

    .finance_forms.governance a h2 {
        padding-right: 2vw;
    }

.annual_main {
    margin-top: 7.5vw;
    display: inline-block;
    position: relative;
    width: 100%;
}

    .annual_main img {
        width: 100%;
        display: block;
        object-fit: cover;
    }

    .annual_main .bread_crubs {
        position: absolute;
        top: 0;
        left: 10vw;
    }

        .annual_main .bread_crubs a {
            color: #B4975A;
        }

        .annual_main .bread_crubs svg path {
            fill: #B4975A;
        }

.annual_title {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(0, -70%);
}

    .annual_title h1 {
        font-size: 100px;
        font-weight: bold;
        color: #B4975A;
        line-height: 1;
        margin-bottom: 2vw;
    }

    .annual_title h2 {
        font-size: 32px;
        width: 70%;
        line-height: 1.2;
        color: #C41230;
    }

.finance_forms.annual {
    margin-top: 7vw;
}

.require_docum.financial {
    margin-top: 5vw !important;
}

    .require_docum.financial .at-item {
        margin-bottom: 1vw;
        padding: 1vw 2vw;
    }

        .require_docum.financial .at-item h2 {
            font-size: 30px;
        }

        .require_docum.financial .at-item .accordion_wrap > .option_second a > h2 {
            font-size: 26px;
            padding-right: 4vw;
        }

        .require_docum.financial .at-item .accordion_wrap > .option_second a > svg {
            width: 35px;
            height: 30px;
            position: absolute;
            right: 22px;
        }


.eservices__top {
    height: 100vh;
    margin-top: 7.5vw;
    display: inline-block;
    width: 100%;
}

    .eservices__top > div {
        display: flex;
        align-items: center;
    }

    .eservices__top .left {
        width: 50%;
    }

    .eservices__top .right {
        width: 50%;
        text-align: center;
        padding-bottom: 7vw;
        position: relative;
    }

    .eservices__top .left img {
        width: 100%;
        object-fit: cover;
        display: block;
    }

    .eservices__top .right h2 {
        font-size: 46px;
        font-family: 'TheSansOsF Plain';
        color: #C41230;
        margin-bottom: 1vw;
    }

    .eservices__top .right h3 {
        font-size: 22px;
        color: #000000;
        position: absolute;
        left: 12%;
        top: 10%;
        transform: rotate(-90deg);
        font-family: 'TheSansOsF Plain';
    }

        .eservices__top .right h3::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 80px;
            height: 2px;
            background: #B4975A;
            transform: translate(-95px, -50%);
        }

.services_slider {
    width: 80%;
    margin: 5vw auto 12vw auto;
}

.services_section .services_container {
    width: 48%;
    overflow: hidden;
    margin-left: auto;
}

.service_names {
    position: absolute;
    top: 3vw;
    left: 0;
    width: 45%;
}

    .service_names .ithmaar_title {
        position: absolute;
        width: 100%;
        left: 5%;
        top: 0px;
        padding-right: 6vw;
        display: none;
    }

.services_section {
    padding-top: 3vw;
}

.service_names .ithmaar_title.active {
    display: block;
}

.services_section .services_container .swiper-wrapper {
    ;
    /*padding-left: 5%;*/
}

.services_section .services_container .swiper-slide p {
    text-align: left;
    line-height: 1.7;
    margin-bottom: 3vw;
}

.services_section .swiper-pagination {
    top: 3.2vw;
    left: -2%;
    color: #C41230;
    letter-spacing: 2px;
}

    .services_section .swiper-pagination span {
        font-size: 23px;
        font-family: 'TheSansOsF Plain';
        color: #C41230;
    }

.services_section .swiper-pagination2 {
    width: 50% !important;
    transform: rotate(90deg);
    left: 23% !important;
    top: 60% !important;
    background: #b4975a24;
    height: 3px !important;
}

    .services_section .swiper-pagination2 span {
        background: #b4975a;
    }

.swiper.banking_Swiper {
    padding-bottom: 4vw;
}

.swiper.banking_Swiper {
    padding-bottom: 4vw;
}

    .swiper.banking_Swiper .swiper-pagination {
        bottom: 0;
        top: auto;
        height: 3px !important;
    }

        .swiper.banking_Swiper .swiper-pagination span {
            background: #B4975A;
        }

/*Dropdown*/
.container_ithmaar {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.container__title {
    width: 100%;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 400;
    text-align: center;
}

.select-dropdown {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.select-dropdown__button {
    padding: 10px 35px 10px 15px;
    background-color: #fff;
    color: #616161;
    border: 1px solid #cecece;
    border-radius: 3px;
    cursor: pointer;
    width: 210px;
    text-align: left;
}

    .select-dropdown__button::focus {
        outline: none;
    }

    .select-dropdown__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 12px;
    }

.select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
}

    .select-dropdown__list.active {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1, 1);
    }

.select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 10px 15px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    color: #616161;
    transition: all ease-in-out 0.3s;
}

/*Dropdown*/

.banking_conversation {
    padding: 0 25vw;
}

form.ithmaar_form {
}

    form.ithmaar_form input {
        font-size: 24px;
        color: #000000;
        font-family: 'TheSansOsF SemiLight';
        border: none;
        border-bottom: 1px solid #0000002e;
        padding-left: 2px;
        border-radius: 0;
        margin-bottom: 4vw;
        padding-bottom: 1vw !important;
        padding: 0;
    }

    form.ithmaar_form .form-select {
        font-size: 24px;
        color: #000;
        font-family: 'TheSansOsF SemiLight';
        border: none;
        border-bottom: 1px solid #0000002e;
        border-radius: 0;
        padding-bottom: 0.6vw;
        padding-left: 0;
    }

    form.ithmaar_form input::placeholder {
        font-size: 24px;
        color: #000000;
    }

    form.ithmaar_form .form-select,
    form.ithmaar_form .form-control {
        box-shadow: none !important;
    }

.banking_conversation P {
    font-size: 24px;
    width: 73%;
}

form.ithmaar_form textarea {
    width: 100%;
    font-size: 24px;
    color: #000000;
    font-family: 'TheSansOsF SemiLight';
    border: none;
    border-bottom: 1px solid #0000002e;
    padding-left: 2px;
    border-radius: 0;
    margin-bottom: 2vw;
    padding-bottom: 5vw !important;
    padding: 0;
    resize: none;
}

    form.ithmaar_form textarea::placeholder {
        color: #000;
    }

select:focus-visible,
textarea:focus-visible,
input:focus-visible {
    outline: none;
}

.form-select:focus,
.form-control:focus {
    border-color: #B4975A;
}

.contact_wrap {
}

    .contact_wrap div#container {
        border-radius: 0;
        top: auto;
        padding: 0;
        box-shadow: none;
        border-bottom: none;
    }

    .contact_wrap .tabs-content {
        padding: 0;
        overflow: inherit;
        border: none;
    }

    .contact_wrap div#container ul {
        border-top: 1px solid #00000054;
        text-align: left;
    }

        .contact_wrap div#container ul li.active {
        }

        .contact_wrap div#container ul li {
            padding: 2vw 0 0;
            margin: 0 4vw 0 0;
        }

            .contact_wrap div#container ul li a {
                font-size: 28px;
            }

            .contact_wrap div#container ul li::before {
                background: #C41230;
                height: 4px;
            }

            .contact_wrap div#container ul li:first-child {
                padding-left: 0;
            }

            .contact_wrap div#container ul li:last-child {
                margin-right: 0;
            }

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

    .location_main .left {
        width: 55%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5vw;
        padding-right: 1.5vw;
    }

    .location_main .right {
        width: 45%;
    }

    .location_main .left div {
        background: #f4f4f4;
        border-radius: 20px;
        padding: 1.5vw 3vw;
    }

        .location_main .left div p {
            font-size: 22px;
            color: #000;
            font-family: 'TheSansOsF SemiLight';
            margin-bottom: 1vw;
        }

        .location_main .left div h2 {
            font-size: 28px;
            font-weight: bold;
            color: #C41230;
            margin-bottom: 1vw;
        }

    .location_main .right img {
        width: 100%;
        display: block;
        object-fit: cover;
        border-radius: 15px;
    }

.contact_wrap div#container .tabs-nav {
    margin: 3vw 0 5vw;
}


.about_main {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 6vw 0 14vw 10vw;
}

    .about_main .about_title {
    }

        .about_main .about_title h1 {
            font-size: 120px;
            font-weight: bold;
            color: #B4975A;
            line-height: 1;
            margin-bottom: 2vw;
        }

        .about_main .about_title h2 {
            font-size: 35px;
            width: 62%;
            line-height: 1.2;
            color: #C41230;
        }

.about_img {
}

    .about_img img {
        width: 100%;
        object-fit: cover;
    }

    .about_img .top_dots {
        left: auto;
        right: -12%;
        top: -30vh;
    }

.our_promice_wrap {
    position: absolute;
    top: 50%;
    right: 0;
    width: 45%;
    background: #ffffff;
    border-radius: 25px;
    padding: 4vw 4vw;
    transform: translate(-10%, -50%);
    box-shadow: 0px -1px 7px -1px rgb(0 0 0 / 33%);
    -webkit-box-shadow: 0px 0px 40px 12px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75);
}

    .our_promice_wrap h3 {
        font-size: 32px;
        color: #000;
    }

    .our_promice_wrap h2 {
        font-size: 40px;
        font-weight: 800;
        line-height: 1.2;
        color: #C41230;
    }

.about_img.about_people {
    margin-bottom: 20vw;
}

    .about_img.about_people .our_promice_wrap {
        right: auto;
        left: 0%;
        transform: translate(20%, -27%);
    }

.brand_goal {
    display: flex;
    align-items: center;
    height: 100vh;
    clip-path: polygon(-10% 10%, 100% 10%, 500% 90%, 0% 90%);
}

    .brand_goal .right {
        width: 40%;
    }

    .brand_goal .left {
        width: 60%;
        padding-right: 4vw;
    }


.swiper-wrapper {
    /*-webkit-transition-timing-function: linear !important;
     transition-timing-function: linear !important;*/
    position: relative;
}


.brand_goal .right main {
    display: flex;
    align-items: center;
    grid-gap: 2vw;
}

.brand_goal .right .swiper-slide div {
    text-align: left;
    padding: 2vw;
    margin-bottom: 2vw;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px -1px 7px -1px rgb(0 0 0 / 33%);
    -webkit-box-shadow: 0px 0px 40px 12px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75);
}

    .brand_goal .right .swiper-slide div h2 {
        font-size: 28px;
        font-weight: 800px;
        line-height: 1.2;
        color: #C41230;
        margin-bottom: 2vw;
    }

    .brand_goal .right .swiper-slide div p {
        font-size: 17px;
        color: #646464;
        font-family: 'TheSansOsF Plain';
        line-height: 1.4;
    }

.brand_goal .right .swiper-slide {
    background: transparent;
}

.about_img.about_people .our_promice_wrap.brand {
    width: 37%;
    transform: translate(20%, 0%) !important;
}

.vision_wrap h2 {
    font-size: 80px;
    font-weight: bold;
    color: #b4975a;
    line-height: 1.2;
}

.vision_img img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.mission_wrap {
    background: #f4f4f4;
    padding: 8vw 0 5vw;
}

    .mission_wrap .investor_two {
        place-content: space-between;
    }

        .mission_wrap .investor_two .right {
            width: 45%;
            padding-right: 0;
        }

        .mission_wrap .investor_two .left {
            width: 45%;
            position: relative;
        }

.account_feature h5 {
    font-size: 44px;
    color: #B4975A;
    font-weight: bold;
    width: 40%;
}

.about_img.board_people .our_promice_wrap {
    right: auto;
    left: 0;
    transform: translate(20%, -50%);
    width: 38%;
}

.our_people {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 70%;
    margin: auto;
    padding: 8vw 0 10vw;
    grid-gap: 4vw 5vw;
}

    .our_people .ofh img {
        width: 100%;
        object-fit: cover;
        display: block;
    }

    .our_people .ofh .itmaar_button {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #fff;
        border-top-left-radius: 25px;
        padding: 2vw 2vw 1.8vw;
    }

        .our_people .ofh .itmaar_button a div h4 {
            font-size: 17px;
            font-family: 'TheSansOsF Plain';
            color: #000;
            margin-top: 10px;
        }

.investor_one.media .right span,
.investor_two.media .right span {
    font-size: 20px;
    color: #000;
    margin-bottom: 1vw;
    display: block;
    font-weight: 200;
    font-family: 'TheSansOsF SemiLight';
}

.investor_one.media .right h2,
.investor_two.media .right h2 {
    font-size: 30px;
}

.investor_one.media .right p,
.investor_two.media .right p {
    font-size: 20px;
}

.inner_dot {
    position: absolute;
    right: 0;
    top: 16%;
    animation: animatedBackground 500s linear infinite;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 200% !important;
    background: url(../images/account_dots.png);
    height: 82vh;
    width: 7%;
}

    .inner_dot.story {
        top: 30%;
    }

.account_dot.people {
    top: 4%;
}

.media_detail_wrap {
    margin-top: 7.5vw;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0 10vw;
}

.inner_wrap .detail_wrap {
    width: 70%;
    margin: auto;
    padding-top: 6vw;
}

    .inner_wrap .detail_wrap span {
        font-size: 22px;
        color: #B4975A;
        font-family: 'TheSansOsF Plain';
        margin-bottom: 1vw;
        display: block;
    }

    .inner_wrap .detail_wrap h1 {
    }

    .inner_wrap .detail_wrap .social_share a {
        margin-right: 1vw;
    }

        .inner_wrap .detail_wrap .social_share a svg {
        }

            .inner_wrap .detail_wrap .social_share a svg path {
                transition: all .5s ease;
            }

        .inner_wrap .detail_wrap .social_share a:hover svg path {
            fill: #C41230;
        }

.detail_img .ofh img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.inner_wrap .detail_wrap p {
    font-size: 22px;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 2vw;
    font-family: 'TheSansOsF Plain';
}

.inner_wrap .detail_wrap h2 {
    font-size: 38px;
    line-height: 1.3;
    font-weight: bold;
    color: #B4975A;
    margin-bottom: 2vw;
    font-family: 'TheSansOsF Plain';
}

.inner_wrap .inner_dot {
    z-index: 1;
    top: 8%;
}

.carrer_main {
    margin-top: 4vw;
}

    .carrer_main h1 {
        font-size: 100px;
        font-weight: bold;
        color: #B4975A;
        line-height: 1;
        margin-bottom: 2vw;
    }

    .carrer_main h2 {
        font-size: 32px;
        width: 70%;
        line-height: 1.2;
        color: #C41230;
    }

.carrers_img .ofh img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.career_opening > h2 {
    font-size: 110px;
    font-weight: bold;
    line-height: 1.1;
    color: #C41230;
    margin-bottom: 3vw;
    width: 80%;
    font-family: 'TheSansOsF Plain';
}

.career_opening > p {
    font-size: 30px;
    color: #000000;
    font-family: 'TheSansOsF SemiLight';
    line-height: 1.3;
    width: 80%;
}

.careers_account {
    width: 80%;
    margin-left: auto;
    margin-top: 10vw;
}

    .careers_account .careers_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3vw 2vw;
    }

        .careers_account .careers_grid > div {
            background: #f4f4f4;
            border-radius: 25px;
            padding: 4vw 2vw;
        }

            .careers_account .careers_grid > div > h2 {
                font-size: 30px;
                color: #C41230;
                font-weight: bold;
                font-family: 'TheSansOsF Plain';
                margin-bottom: 2vw;
            }

            .careers_account .careers_grid > div > p {
                font-size: 22px;
                font-family: 'TheSansOsF SemiLight';
                margin-bottom: 2vw;
            }

.inner_wrap .career_opening {
    padding-left: 10vw;
    padding-right: 10vw;
}

.inner_dot.careers {
    top: auto;
    bottom: 2%;
}

/*history slider*/
.tabs-content_slide .swiper-container {
    width: 100%;
    height: 300px;
}

.tabs-content_slide .swiper-slide {
    padding: 1rem 2rem;
}

.tabs-buttons {
    height: auto;
    box-shadow: inset 0 -2px #e6e6e6;
}

    .tabs-buttons .swiper-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .tabs-buttons .swiper-slide {
        width: auto;
        height: auto;
        padding: 1rem 2rem;
        cursor: pointer;
        border-bottom: 2px solid transparent;
    }

    .tabs-buttons .active-tab {
        opacity: 1;
        border-bottom-color: red;
    }

/*history slider*/

/** * FilePond Custom Styles */
.form-group div#upload {
    margin-bottom: 5vw;
}

.filepond--root .filepond--credits[style],
.filepond--root .filepond--credits {
    display: none;
}

.filepond--root .filepond--drop-label {
    color: #646464;
    font-size: 20px;
    background: #fcfcfc;
    background-repeat: no-repeat;
    border: 1px #64646461;
    border-style: dashed;
}

form.ithmaar_form label {
    font-size: 24px;
    color: #646464;
    width: 100%;
    margin-bottom: 1vw;
    font-family: 'TheSansOsF SemiLight';
}

.timelineSwipe .swiper-slide img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.history_wrap {
    display: flex;
    height: 100vh;
    background: #F4F4F4;
    overflow: hidden;
}

    .history_wrap .left {
        width: 55%;
        padding-left: 10vw;
        position: relative;
        padding: 6vw 18vw 6vw 0;
        margin-left: auto;
    }

    .history_wrap .right {
        width: 35%;
        position: relative;
    }

.history_timeline {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-180%, -32%);
    z-index: 11;
    width: 20%;
}

    .history_timeline ul {
        position: relative;
    }

        .history_timeline ul li {
            margin-bottom: 4vw;
            cursor: pointer;
            font-size: 15px;
            color: #000000;
            font-family: 'TheSansOsF SemiLight';
            padding-right: 2vw;
            transition: all .5s ease;
            position: relative;
            text-align: right;
        }

            .history_timeline ul li.active {
                font-size: 18px;
            }

.history_wrap .left .ithmaar_history span {
    font-size: 23px;
    color: #000;
    margin-bottom: 1vw;
    display: block;
    font-family: 'TheSansOsF SemiLight';
}

.history_wrap .left .ithmaar_history h2 {
    font-size: 34px;
    font-weight: 800;
    color: #C41230;
    margin-bottom: 2vw;
}

.history_wrap .left .ithmaar_history p {
    font-size: 18px;
    line-height: 1.5;
    font-family: 'TheSansOsF SemiLight';
    color: #000;
}

.history_timeline ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: #000;
    width: 6px;
    height: 6px;
    transform: translate(40%, -50%);
    border-radius: 50%;
}

.history_timeline ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    height: 13px;
    transform: translate(46%, -50%);
    border-radius: 50%;
    border: 1px solid;
    visibility: hidden;
}

.history_timeline ul li.active::before {
    visibility: visible;
}

.history_timeline ul::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 95%;
    top: 2.5%;
    right: 0;
    background: #00000075;
}

.timelineSwipe .swiper-slide .ofh {
    height: 100%;
}

.ithmaar_history {
    position: relative;
}

    .ithmaar_history > div {
        position: absolute;
        display: none;
    }

        .ithmaar_history > div.active {
            display: block;
        }


.search_detail_wrap {
}

    .search_detail_wrap .serach_detail {
        position: relative;
        width: 100%;
        height: 50vh;
        background: #f4f4f4;
        margin-top: 7.5vw;
        display: inline-block;
    }


.search_results {
    padding: 8vw 10vw;
}

    .search_results > a {
        margin-bottom: 8vw;
        display: block;
    }

        .search_results > a:last-child {
            margin: 0;
        }

        .search_results > a h3 {
            color: #000;
            font-size: 25px;
        }

    .search_results h2 {
        font-size: 34px;
        line-height: 1.2;
        font-weight: bold;
        color: #B4975A;
        font-family: 'TheSansOsF Plain';
        margin-bottom: 2vw;
    }

    .search_results p {
        font-size: 22px;
        color: #646464;
        line-height: 1.4;
        font-family: 'TheSansOsF Plain';
    }

    .search_results > a:hover {
        padding-left: 1vw;
    }

.error_wrap {
    width: 100%;
    height: 100vh;
    display: inline-block;
    /* margin-top: 7.5vw; */
    position: relative;
}

    .error_wrap .error {
        display: flex;
        width: 80%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -35%);
        align-items: baseline;
    }

        .error_wrap .error .left {
            width: 50%;
        }

            .error_wrap .error .left h1 {
                font-size: 80px;
                font-family: 'TheSansOsF Plain';
                font-weight: 500;
                color: #c41230;
                position: relative;
                top: 10px;
            }

        .error_wrap .error .right {
            width: 50%;
        }

            .error_wrap .error .right h2 {
                font-size: 35px;
                color: #B4975A;
                font-family: 'TheSansOsF SemiLight';
                margin-bottom: 3vw;
            }

            .error_wrap .error .right > p {
                margin-bottom: 3vw;
                font-family: 'TheSansOsF SemiLight';
                font-size: 18px;
                color: black;
            }

        .error_wrap .error .left h1 span {
            font-size: 95px;
        }

.live_chat {
    position: fixed;
    z-index: 11;
    bottom: 6%;
    background: #fff;
    padding: 10px 15px 5px
}

.web_page {
    overflow: hidden;
}

.board-main .ithmaar_title {
    margin: 10vw auto 0;
    width: 70%;
}

.board-main .our_people {
    padding: 4vw 0 0;
}

.board-main .ithmaar_title h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    color: #C41230;
}

.fade.show {
    opacity: 1 !important;
}

.modal-backdrop {
    background: rgba(0,0,0,.5);
}

.managementModal .modal-body {
    display: flex;
    /*align-items: center;*/
    padding: 3vw 5vw 3vw 3vw;
}

.user-info {
    padding-bottom: 3vw;
}

.managementModal .modal-body .reveal {
    width: 38%;
}

    .managementModal .modal-body .reveal img {
        width: 100%;
    }

.managementModal .modal-body .itmaar_button {
    width: 62%;
    padding-left: 3vw
}

    .managementModal .modal-body .itmaar_button .infos {
        display: block !important;
    }

.managementModal .show-management-modal {
    display: none;
}

.managementModal .modal-dialog.modal-xl {
    max-width: 77%;
}

.managementModal .btn-close {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 2;
    box-shadow: none;
}

.managementModal h4 {
    font-size: 20px;
    font-family: 'TheSansOsF Plain';
    color: #000;
    margin-bottom: 20px;
}

.managementModal p {
    font-size: 18px;
    color: #646464;
    line-height: 1.2;
    margin-bottom: 1.2vw;
}

.managementModal .user-info > p {
    font-size: 22px;
    font-weight: bold;
    color: #C41230;
    margin: 0;
}

.managementModal .user-info > h4 {
    font-weight: bold;
    color: #000;
    margin: 0;
    font-size: 18px;
}

.services_wrap .service_div p a {
    color: #000;
}

    .services_wrap .service_div p a:hover {
        color: #B4975A;
    }

.no-anchor-box {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    padding-bottom: 6px;
    overflow: hidden;
}

    .no-anchor-box h4 {
        font-size: 17px;
        font-family: 'TheSansOsF Plain';
        color: #000;
        margin-top: 10px;
    }

.location_main .left div p a {
    color: #000;
}

.contact_wrap div#container ul {
    display: flex;
    justify-content: space-between;
}

.location_main .left {
    grid-template-rows: repeat(2, 1fr);
}

.contact-offer .location_main {
    padding-left: 13vw;
}

.contact-offer .ithmaar_title {
    margin-left: 13vw;
}

.contact-offer .location_main .left {
    width: 100%;
    grid-template-rows: none;
}

    .contact-offer .location_main .left div p {
        display: flex;
    }

    .contact-offer .location_main .left div a {
        transition: all .5s ease;
    }

        .contact-offer .location_main .left div a:hover {
            color: rgba(196, 18, 48, 1);
        }

.complaints-feedback-main {
    padding: 0 5vw 10vw;
}

    .complaints-feedback-main h3 {
        margin-bottom: 20px;
    }

    .complaints-feedback-main .ithmaar_title > p {
        line-height: 1.5;
        font-family: 'TheSansOsF SemiLight';
        margin-bottom: 1vw;
        font-size: 20px;
        color: #000;
        padding-right: 4vw;
        transition: all .5s ease;
    }

.managementModal p > a {
    display: inline-block;
    padding: 0;
    font-size: 16px;
    margin: 0;
}

    .managementModal p > a:before {
        display: none;
    }

form.ithmaar_form .has-text p {
    font-size: 16px;
    width: 100%;
    color: rgba(0, 0, 0, .5);
}

form.ithmaar_form .has-text {
    margin-bottom: 4vw;
}

    form.ithmaar_form .has-text > input {
        margin-bottom: 2vw;
    }

.offer_com_img {
    border-radius: 50px;
}

form.ithmaar_form h4 {
    font-size: 24px;
    width: 100%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 20px;
    font-family: 'TheSansOsF SemiLight';
}

form.ithmaar_form .visited-box input {
    margin-bottom: 0;
    font-family: 'TheSansOsF SemiLight';
    font-size: 24px;
    color: #000;
}

form.ithmaar_form .visited-box label {
    color: #000;
}

.submit-div > p {
    font-size: 16px;
    width: 100%;
    color: rgba(0, 0, 0, .5);
    margin-right: 3vw;
}

.complaints-feedback-main .current_wrap {
    padding: 0 !important;
}

.complaints-feedback-main.pb0 {
    padding-bottom: 0 !important;
}

.contact-charity-div.at-tab .accordion_wrap {
    grid-template-columns: 1fr;
}

.contact-charity-div.at-tab > p {
    font-size: 20px;
    width: 100%;
    color: rgba(0, 0, 0, .5);
    margin-right: 3vw;
}

.at-tab > div ul li > a {
    transition: all .5s ease;
    color: rgba(180, 43, 54, 1);
}

    .at-tab > div ul li > a:hover {
        color: rgba(0, 0, 0, 1);
    }

.live-chat-div {
}

    .live-chat-div .chat-box-div img {
        width: 100%;
    }

    .live-chat-div h3 {
        margin-bottom: 20px;
    }

    .live-chat-div .ithmaar_title > p {
        line-height: 1.5;
        font-family: 'TheSansOsF SemiLight';
        margin-bottom: 1vw;
        font-size: 20px;
        color: #000;
        padding-right: 4vw;
        transition: all .5s ease;
    }

.complaints-feedback-main .current_wrap img {
    width: 100%;
    border-radius: 30px;
}

.services_main {
    padding: 0 11.5%;
    margin-bottom: 10vw;
}

    .services_main .inner {
        position: relative;
        /* width: 77%; */
        /* margin: 0 auto; */
        padding: 0 0 0 25%;
    }

        .services_main .inner .left {
            width: 28%;
            position: absolute;
            top: 10vw;
            left: 0;
        }

            .services_main .inner .left ul {
            }

                .services_main .inner .left ul li {
                    margin: 0 0 20px;
                }

                    .services_main .inner .left ul li a {
                        font-size: 28px;
                        line-height: 1;
                        color: rgba(196, 18, 48, .3);
                        transition: all .7s ease;
                        font-weight: 400;
                    }

                    .services_main .inner .left ul li.active a,
                    .services_main .inner .left ul li:hover a {
                        color: rgba(196, 18, 48, 1);
                    }

        .services_main .inner .right {
            /* width: 60%; */
            padding: 10vw 0 0;
        }

    .services_main .services_section {
        padding-top: 0;
        padding-left: 5vw;
    }

        .services_main .services_section .services_container {
            width: 100%;
        }

        .services_main .services_section .swiper-pagination2 {
            width: 50% !important;
            transform: rotate(90deg);
            left: -24% !important;
            top: 27% !important;
            background: #b4975a24;
            height: 3px !important;
            position: absolute;
            /* height: 50%; */
            z-index: 1;
        }

        .services_main .services_section .swiper-pagination {
            top: 0;
            left: 0;
            color: #C41230;
            letter-spacing: 2px;
            position: absolute;
        }

.table th {
    background: #C41230;
    color: #fff;
    font-size: 22px;
    border-right: 1px solid #fff;
}

    .table th:last-child {
        border-right: 0;
    }

.table th,
.table td {
    padding: 14px;
    font-weight: 400;
    padding: 1vw 2vw;
}

.table td {
    font-size: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

    .table td p {
        margin-bottom: 0 !important;
        width: 100%;
        font-size: 20px;
    }

    .table td:nth-child(odd) {
        background: #F4F4F4;
    }

.ul-lists {
    text-align: left;
    padding: 3vw 0;
}

    .ul-lists li {
        list-style-type: none;
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }

        .ul-lists li:before {
            content: '';
            position: absolute;
            top: 7px;
            left: 0;
            width: 6px;
            height: 6px;
            background: #000;
            border-radius: 50%;
        }

.services_main .inner .left .swiper-pagination {
    position: absolute;
    top: 0;
    right: -45%;
    left: auto;
    color: #C41230;
    letter-spacing: 2px;
}

    .services_main .inner .left .swiper-pagination span {
        font-size: 23px;
        font-family: 'TheSansOsF Plain';
        color: #C41230;
    }

.services_main .inner .left .swiper-pagination2 {
    width: 100% !important;
    transform: rotate(90deg);
    right: -45% !important;
    left: auto !important;
    top: 80% !important;
    background: #b4975a24;
    height: 3px !important;
}

    .services_main .inner .left .swiper-pagination2 span {
        background: #b4975a;
    }

.services_main .swiper-slide .table-responsive {
    margin-bottom: 40px;
}

.services_main .swiper-slide h4 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 400;
    color: #C41230;
    text-align: left;
}

.services_container .account_button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ffffff;
    padding: 2.5vw;
    border-top-left-radius: 20px;
}

.services_container .itmaar_button a p {
    margin-bottom: 0 !important;
}

.islamic-banking-products {
    background: #F4F4F4;
    padding-top: 7vw;
    padding-bottom: 7vw;
    margin-bottom: 10vw;
}

    .islamic-banking-products .new_customer {
        flex-wrap: wrap;
    }

        .islamic-banking-products .new_customer .customer_wrap {
            width: 47%;
        }

            .islamic-banking-products .new_customer .customer_wrap h2 {
                color: #B4975A;
            }

            .islamic-banking-products .new_customer .customer_wrap h2,
            .islamic-banking-products .new_customer .customer_wrap p {
                padding: 0;
            }

.table.no-border td {
    font-size: 20px;
    border-bottom: none;
}

.success h3 {
    font-size: 44px;
    font-weight: 700;
    color: #B4975A;
    line-height: 1.1;
    font-family: 'TheSansOsF';
    margin: 0 0 30px;
}

.services_section .services_container .swiper-slide p > a {
    color: #B4975A;
    transition: all .5s ease;
}

    .services_section .services_container .swiper-slide p > a:hover {
        color: #000;
    }

.services_main .inner .left ul {
    padding-right: 3vw;
}

.table td > h2 {
    color: #B4975A;
    font-weight: 600;
    text-align: left;
}
/* Abdullah css */
.swift-table {
    padding: 5vw 7vw 5vw;
}

.money-laundering {
    padding: 0 10vw;
    margin: 10vw 0;
}

.error2,
.error1,
.error {
    color: #C41230;
    position: absolute;
    bottom: 80px;
    right: 3%;
    font-size: 14px;
}

.disabled-link {
    pointer-events: none;
}

.ithmaar_form .col {
    position: relative
}

/* For Chrome, Safari, and Edge */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For IE 11 */

input[type="number"] {
    -ms-inner-appearance: none;
}

.eQmatic-main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7vw;
}

    .eQmatic-main .eQmatic-from {
        width: 27%;
        padding-left: 2vw;
    }

        .eQmatic-main .eQmatic-from > p {
            font-size: 20px;
            color: rgba(0, 0, 0, .5);
            line-height: 1;
            margin-bottom: 20px;
        }

        .eQmatic-main .eQmatic-from .queue-div {
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-bottom: 10px;
            border-radius: 10px;
            overflow: hidden;
            white-space: nowrap;
        }

            .eQmatic-main .eQmatic-from .queue-div:last-child {
                margin-bottom: 0;
            }

            .eQmatic-main .eQmatic-from .queue-div .info {
                background: #B4975A;
                padding: 20px 2vw;
                flex: 1;
                color: #fff;
                font-size: 20px;
            }

            .eQmatic-main .eQmatic-from .queue-div .num {
                background: rgba(244, 244, 244, 1);
                color: #000;
                font-size: 20px;
                padding: 20px 2.5vw;
            }

.corporat-sec {
    width: 77%;
}

.location_main .left.corporate {
    display: flex;
    flex-direction: column;
}

.location_main.corporat-sec .left {
    width: 44%;
}

.location_main.corporat-sec .right {
    width: 56%;
}

.require_docum {
    width: 80%;
    margin: auto;
    margin-top: 10vw;
}

    .require_docum.business {
        margin-top: 2vw !important;
    }

.accordion_wrap.bcp {
    grid-template-columns: 1fr;
}

.span-grid {
    grid-column: 1 / span 3;
}

.history_timeline {
    height: 100%;
}

    .history_timeline ul {
        position: relative;
        height: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .history_timeline ul li {
            margin-bottom: 0;
        }

.people-gride {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3vw;
}

.apply_current.people-land {
    margin-bottom: 7vw;
}

.investor_two {
    display: flex;
    align-items: flex-start;
}

    .investor_two.new-mission {
        display: flex;
        align-items: flex-start;
        flex-direction: row-reverse;
    }

.mission_wrap.vission {
    background: #fff;
}

.our_people .no-image .itmaar_button {
    position: relative !important;
    width: 100%;
}

.managementModal .modal-body .itmaar_button.no-detail-image {
    width: 100%;
}

.contact_wrap.small-med div#container ul li a {
    font-size: 25px;
}

.tab.small-med-pad {
    padding-top: 0;
}
/* Financing cal */
.range-sliders {
    width: 100%;
    background-color: #fff;
}

.credit_card_calculator > .calc_warp > .left_wrap .error {
    color: red;
    display: block;
}

.credit_card_calculator > .calc_warp > .left_wrap .custom-select-wrapper .custom-select {
    margin-bottom: .5vw !important;
    margin-top: 2vw;
}

    .credit_card_calculator > .calc_warp > .left_wrap .custom-select-wrapper .custom-select:first-child {
        margin-top: 0;
    }

    .credit_card_calculator > .calc_warp > .left_wrap .custom-select-wrapper .custom-select:last-child {
        margin-bottom: 2vw;
    }

.range-sliders input[type=range] {
    width: 100%;
    background: #00000052;
    border-radius: 8px;
    height: 2px;
    outline: none;
    -webkit-appearance: none;
}

    .range-sliders input[type=range]:focus {
        outline: none;
    }

    .range-sliders input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        box-shadow: none;
        background-color: #e6e6e6;
        border-radius: 0;
    }

    .range-sliders input[type=range]::-moz-range-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        box-shadow: none;
        background-color: #ccc;
        border-radius: 0;
    }

    .range-sliders input[type=range]::-webkit-slider-thumb {
        box-shadow: none;
        height: 30px;
        width: 12px;
        border-color: transparent;
        border-radius: 22px;
        background-color: #999;
        cursor: ew-resize;
        -webkit-appearance: none;
        margin-top: -10px;
    }

    .range-sliders input[type=range]::-moz-range-thumb {
        box-shadow: none;
        height: 30px;
        width: 12px;
        border-color: transparent;
        border-radius: 22px;
        background-color: #999;
        cursor: ew-resize;
        -webkit-appearance: none;
        margin-top: -10px;
    }

    .range-sliders input[type=range]::-moz-focus-outer {
        border: 0;
    }

    .range-sliders input[type=range]::-webkit-slider-runnable-track {
        background-color: rgba(255, 0, 0, 0.1);
    }

    .range-sliders input[type=range]::-moz-range-track {
        background-color: rgba(255, 0, 0, 0.1);
    }

    .range-sliders input[type=range]::-webkit-slider-thumb {
        background-color: red;
        width: 25px;
        height: 25px;
        border-radius: 50px;
        background: url(../images/fin-cal.svg) #C41230 no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .range-sliders input[type=range]::-moz-range-thumb {
        background-color: red;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: url(../images/fin-cal.svg) #C41230 no-repeat;
        background-size: 12px;
        background-position: center;
    }

.range-sliders .input-slider::-webkit-outer-spin-button,
.range-sliders .input-slider::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.range-sliders .range-slider-group {
    position: relative;
    margin-bottom: 5vw;
    margin-top: 2vw;
}

    .range-sliders .range-slider-group:last-child {
        /* margin-bottom: 3vw !important; */
    }

    .range-sliders .range-slider-group h2 {
        color: #000;
        font-weight: bold;
        font-size: 18px;
        margin-top: .8vw;
    }

    .range-sliders .range-slider-group p {
        position: absolute;
        right: 70px;
        top: -21px;
        font-size: 19px;
        color: #B4975A;
        font-weight: 700;
    }

    .range-sliders .range-slider-group .range-label {
        width: 100%;
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .range-sliders .range-slider-group .range-slider {
        width: calc(100% - 0px);
    }

    .range-sliders .range-slider-group .input-slider {
        position: absolute;
        right: 0;
        top: -23px;
        color: #B4975A;
        font-size: 1.2vw;
        font-weight: bold;
        width: 140px;
        text-align: right;
        border: none;
        background: transparent;
    }

.cal-months {
    right: 0 !important;
}

.range-slider-group.left-num input {
    right: 4.5vw !important;
}

.fin-category {
    display: flex;
    align-items: center;
    margin-bottom: 5vw;
}

.fit-cate {
    padding-right: 4vw;
    display: flex;
    align-items: center;
}

    .fit-cate:last-child {
        padding-right: 0;
    }

    .fit-cate input[type="radio"] {
        margin-right: 1vw;
        width: 20px;
        height: 20px;
    }

.cal-name {
}

.name-phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 4vw;
    padding-bottom: 3vw;
}

    .name-phone .name-sub {
        width: 100%;
    }

        .name-phone .name-sub label {
            display: block;
            padding-bottom: 1vw;
            font-size: 18px;
        }

        .name-phone .name-sub input {
            padding: 10px 10px;
            width: 100%;
            border-radius: 10px;
            border: 1px solid #0000006b;
        }

.val-button {
    display: flex;
    align-items: end;
    grid-gap: 4vw;
}

    .val-button .name-sub {
        width: 50%;
    }

        .val-button .name-sub label {
            display: block;
            padding-bottom: 1vw;
            font-size: 18px;
        }

        .val-button .name-sub input {
            padding: 10px 10px;
            width: 100%;
            border-radius: 10px;
            border: 1px solid #0000006b;
        }

.btn-rest {
    display: flex;
    width: 50%;
    grid-gap: 2vw;
    align-items: center;
}

    .btn-rest .rest a {
        display: flex;
        align-items: center;
        grid-gap: 8px;
    }

        .btn-rest .rest a p {
            color: #949494;
            font-size: 16px;
        }

        .btn-rest .rest a img {
            width: 17px;
        }


.financing-items-main .item {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 1s ease 1 forwards;
}

    .financing-items-main .item.active {
        display: block;
    }

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

.fin-title {
    margin-left: auto !important;
    padding-bottom: 4vw;
}

.financing {
    padding-left: 27vw;
    padding-right: 17vw;
}

.history_wrap {
    height: auto;
}

.ithmaar_history > div.active {
    position: relative;
}

.swiper-slide.atm-slider {
    text-align: left !important;
}

    .swiper-slide.atm-slider p {
        margin-bottom: 1vw !important;
    }

    .swiper-slide.atm-slider h2 {
        color: #B4975A;
        font-size: 25px;
        font-weight: 700;
    }

/* faq */
.at-tab_faq h5 {
    font-size: 25px;
    color: #B4975A;
    font-weight: 700;
}

.at-tab_faq ul {
    text-align: left;
    padding: 2vw 0 0 2vw;
}

    .at-tab_faq ul li {
        list-style-type: none;
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }

        .at-tab_faq ul li::before {
            content: '';
            position: absolute;
            top: 7px;
            left: 0;
            width: 6px;
            height: 6px;
            background: #000;
            border-radius: 50%;
        }

/* Deposit Products */
.swift-table.de-pos {
    padding: 5vw 10vw 0vw;
}

.table.deposit td p {
    padding-bottom: 1vw !important;
}

.table.deposit td ul li.dep-head {
    font-size: 22px;
    font-weight: 600;
}

.table.deposit td ul {
    margin-top: 1vw;
}

    .table.deposit td ul li {
        padding-top: 8px;
    }

.pos-anch a {
    font-size: 18px !important
}

.financing-inner-field .error2, .financing-inner-field .error1, .financing-inner-field .error {
    bottom: -30px;
}

.financing-inner-field {
    position: relative;
}

.menu_anim {
    display: flex;
    align-items: center;
    grid-gap: 3vw;
}
/*.at-tab .accordion_wrap > .option_second a svg {
    position: absolute;
    right: 2vw;
    top:6vw;
}*/
.at-tab .accordion_wrap > .option_second a > h2 {
    font-size: 30px;
}

.tabs-nav2 ul {
}

    .tabs-nav2 ul li {
        margin: 0;
    }

        .tabs-nav2 ul li a {
            font-size: 19px !important;
        }

.new_span {
    background: #fff;
    border-radius: 15px;
    padding: 3vw 2vw 3vw 3vw;
    width: 100%;
}

.table.deposit td ul {
    margin-top: 1vw;
}

.pagi-dots {
    position: absolute;
    bottom: 25%;
    right: 20px;
    z-index: 2;
    width: 8px;
    display: flex;
    flex-direction: column;
    grid-gap: 6px;
}

    .pagi-dots span {
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 50%;
        transition: all .7s ease;
        cursor: pointer;
    }

        .pagi-dots span.active {
            background: #C41230;
            height: 20px;
            border-radius: 8px;
        }

.ithmaar_title.big.buss-con {
    margin-top: 6vw;
    margin-left: 10vw;
    margin-bottom: 6vw;
}

.fit-cate input[type="radio"]:checked,
.fit-cate input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .fit-cate input[type="radio"]:checked + label,
    .fit-cate input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 36px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        .fit-cate input[type="radio"]:checked + label:before,
        .fit-cate input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        .fit-cate input[type="radio"]:checked + label:after,
        .fit-cate input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 14px;
            height: 14px;
            background: #C41230;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .fit-cate input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .fit-cate input[type="radio"]:checked + label:before {
            border-color: #C41230;
        }

        .fit-cate input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.swiper--top {
    position: relative;
}

    .swiper--top .swiper-pagination {
        right: -30px !important;
    }

        .swiper--top .swiper-pagination span {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            transition: all .7s ease;
            cursor: pointer;
            background: #bbb;
            opacity: 1 !important;
        }

            .swiper--top .swiper-pagination span.swiper-pagination-bullet-active {
                background: #C41230;
                height: 20px;
                border-radius: 8px;
            }

.service-timimg {
    padding: 1vw;
    background: rgba(244, 244, 244, 1);
    border-radius: 10px;
}

.inner_wrap.bread.story-page .yellow {
    color: #C41230 !important
}

.inner_wrap.bread.story-page .our_promice_wrap h2 {
    color: #B4975A !important;
}


/*Log Details css*/

/*.content-holder {*/
/*    padding: 5vw 0 0;*/
/*}*/

.contactUs button {
    background: #C41230;
    padding: 10px 30px 11px;
    border-radius: 50px;
    z-index: 2;
    transition: all .5s ease-in-out;
    font-size: 20px;
    position: relative;
    color: #fff;
    display: block;
}

    .contactUs button:hover {
        background: #B4975A;
        color: #fff;
    }

.sitemap_wrap {
    margin-bottom: 7vw;
}

    .sitemap_wrap h2 {
        font-weight: 700;
        font-size: 60px;
        line-height: 70px;
        color: #C41230;
        position: relative;
        padding: 0 0 15px;
        margin-bottom: 20px;
    }

        .sitemap_wrap h2:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: -60px;
            width: 120px;
            height: 2px;
            background: #C41230;
        }

    .sitemap_wrap p {
        font-weight: 300;
        font-size: 22px;
        line-height: 1;
        color: #252B39;
    }

.headings h2 {
    font-size: 35px;
    border-radius: 30px;
    transition: all .5s ease-in-out;
    display: inline-block;
    color: #B4975A;
    line-height: 1;
    padding: 0vw 0vw 0 24px;
    margin-bottom: 3vw;
    font-weight: 600;
}

    .headings h2:before {
    }

    .headings h2:before {
        content: "";
        position: absolute;
        background: #B4975A;
        width: 15px;
        height: 15px;
        left: 0;
        border-radius: 4px;
        top: 9px;
    }

.form-group {
}

    .form-group label {
        /*border-bottom: 2px solid #C41230;*/
        width: 40%;
        font-weight: 300;
        font-size: 22px;
        text-transform: capitalize;
        color: #C41230;
        position: relative;
        padding-bottom: 10px;
    }

    .form-group select,
    .form-group input {
        border-width: 0 0 1px 0;
        border-style: solid;
        font-size: 20px;
        border-color: #B4975A;
        border-radius: 0;
        background: transparent;
    }

.contact-main .form-group {
    display: flex;
    margin-bottom: 30px;
    align-items: flex-end;
    position: relative;
}

.form-select:focus,
.form-control:focus {
    box-shadow: none !important;
}

div.dt-container div.dt-layout-cell.dt-start {
}

.table {
    width: 100% !important;
    margin-bottom: 3vw !important;
}

div.dt-buttons button {
    font-size: 22px !important;
    padding: 10px 30px !important;
    line-height: 1 !important;
}

.table thead tr th {
    font-size: 22px;
    line-height: 1;
    white-space: nowrap;
}

.table.dataTable > tbody > tr {
    font-size: 24px;
    line-height: 1;
}

    .table.dataTable > tbody > tr td {
        font-size: 18px !important;
        line-height: 1;
        white-space: pre;
        padding: 1.2vw 1vw;
    }

div.dt-container .dt-search input {
    border: 1px solid #aaa !important;
    border-radius: 5px !important;
    padding: 5px 10px 10px !important;
    background-color: transparent !important;
    margin-left: 1vw !important;
    width: 200px;
    font-size: 20px;
    line-height: 1;
}

    div.dt-container .dt-search input:focus-visible {
        outline: none !important;
    }

.dt-search label {
    font-size: 24px;
    line-height: 1;
}

div.dt-container .dt-paging .dt-paging-button {
    font-size: 22px;
}

.media-inner .detail_wrap {
    position: relative;
    z-index: 2;
}

    .media-inner .detail_wrap .social_share {
        display: flex;
    }

        .media-inner .detail_wrap .social_share .dropdown-toggle::after {
            display: none
        }

        .media-inner .detail_wrap .social_share .dropdown-menu.show {
            padding: 20px 10px 20px 20px;
            display: flex;
            top: 10px !important;
            min-width: auto;
        }

        .media-inner .detail_wrap .social_share .dropdown-menu a {
            margin-right: 10px;
            background: #ddd;
            display: block;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all .5s ease-in-out;
            cursor: pointer;
        }

            .media-inner .detail_wrap .social_share .dropdown-menu a svg {
                height: 1vw;
                width: 1vw;
                fill: #777;
            }

            .media-inner .detail_wrap .social_share .dropdown-menu a:hover {
                background: #C41230;
            }

                .media-inner .detail_wrap .social_share .dropdown-menu a:hover svg path {
                    fill: #fff;
                }

.form-check-input:checked {
    background-color: #C41230;
    border-color: #C41230;
}

.form-check-input:focus {
    box-shadow: none !important;
}

.new-style-people-box .itmaar_button {
    width: 90%;
    min-height: 150px;
    display: flex;
    align-items: center;
}

    .new-style-people-box .itmaar_button h4 {
        font-weight: 400;
    }


.ithmaar_form .bootstrap-datetimepicker-widget.dropdown-menu table tr th.prev:before,
.ithmaar_form .bootstrap-datetimepicker-widget.dropdown-menu table tr th.next:before {
    content: '\2039';
}

.ithmaar_form .bootstrap-datetimepicker-widget.dropdown-menu table tr th.next:before {
    content: '\203A';
}

.visited-box .pe-5 {
    padding-left: 30px;
    position: relative;
}

form.ithmaar_form .visited-box input {
    position: absolute;
    left: 0;
    top: 6px;
}

form.ithmaar_form .visited-box label {
    color: #000;
    padding: 10px 0 0;
    margin: 0
}
form.ithmaar_form textarea.valid,
form.ithmaar_form input.valid {
    display: block !important;
}
form.ithmaar_form textarea.error,
form.ithmaar_form input.error {
    position: relative;
    bottom: 0;
    left: 0;
    display: block !important;
}
form.ithmaar_form label.error {
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 14px;
    right: auto;
    color: #C41230;
}
form.ithmaar_form label#textarea-error {
    bottom: -50px;
    left:0;
}
.btn-disable {
    cursor: not-allowed;
    pointer-events: none;
}

/* iban gen */

.iban-generator {
    display: flex;
    align-items: end;
    justify-content: space-between;
    grid-gap: 2vw;
    margin-bottom: 3vw;
}

.new-iban-gen {
    text-align: left;
}

.iban-left {
    width: 83%;
    position: relative;
}

.iban-right {
    width: 17%;
}

.iban-left input {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 20%);
    font-size: 20px;
    font-weight: 400;
    padding: 10px 5px;
}

.validator-input {
    display: flex;
    grid-gap: 10px;
}

.iban-right a.btn_epic.golden {
    font-size: 20px;
}

.validator-input input {
    border: 1px solid #949494;
    border-radius: 5px;
}

.iban-left h2 {
    font-size: 30px;
    font-weight: bold;
    color: #C41230;
    margin-bottom: 1.2vw;
}

.iban-generator:last-child {
    margin-bottom: 0;
}

.iban-right .banner_button {
    display: initial;
}

.iban-right button.btn_epic.golden {
    font-size: 20px;
    width: 100%;
}

.iban-error {
    margin-top: 10px;
}

.iban-left .error {
    bottom: -26px;
    right: auto;
    left: 0;
}
.btn_epic.reset-btn,
.iban-left .copy-icon {
    position: absolute;
    right: 0;
    bottom: 13px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all .5s ease;
}
    .btn_epic.reset-btn
    {
        right:40px;
    }
    .btn_epic.reset-btn.show,
    .iban-left .copy-icon.show {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .btn_epic.reset-btn::before {
        display: none;
    }

    .btn_epic.reset-btn svg
    {
        stroke:#000;
        transition:all .5s ease;
    }

    .btn_epic.reset-btn:hover svg {
        stroke: #C41230;
    }

    .iban-left .copy-icon svg {
        transition: all .5s ease;
        stroke: #000;
    }

.iban-left .copy-icon:hover svg {
    stroke: #C41230;
}

.filepond--browser + .error {
    bottom: -60px !important;
    left: 0 !important;
}

.iban-right .btn_epic {
    display:flex;
    justify-content:space-between;
}
.iban-right .banner_button button p {
    margin-right:0;
}

.ithmaar_form.Feedback label.error {
    margin:0;
}
.form-group {
    position:relative
}
form.ithmaar_form .form-select.error {
    position:relative !important;
     top:0 !important
}
.ithmaar_form.Feedback label#textarea-error {
    bottom: -30px !important;
}

.val-button .name-sub input.error,
.name-phone .name-sub input.error {
    position: relative !important;
    top:0 !important;
    right:0 !important;
}
.val-button .name-sub label.error,
.name-phone .name-sub label.error {
    left:0 !important;
    right:0 !important;
    bottom:-50px !important
}

p.error.success {
    color: green;
}

.describe-desc label#textarea-error{
    bottom:auto;
    top:140px;
}
.itmaar_button.equal-width.black{
    width:68%;
}
.ofh.people-block img {
    display: block;
}
/* media center drowp down */


.dropdown {
    width: 100%;
}

@media (min-width: 768px) {
    .dropdown {
        width: 100%;
    }
}

.dropdown__switch:checked + .dropdown__options-filter .dropdown__select {
    transform: scaleY(1);
}

.dropdown__options-filter {
    width: 15%;
    cursor: pointer;
    margin: 0;
    border: 1px solid rgba(175, 152, 98, 1);
    border-radius: 15px;
    padding: 15px 0;
    z-index: 10;
    position: relative;
    top: 2vw;
    left: 10vw;
}

.dropdown__filter {
    position: relative;
    display: flex;
    color: #000;
    font-size: 18px;
    transition: 0.3s;
    font-weight: bold;
    padding: 0 1vw;
}

    .dropdown__filter:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

.dropdown__select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: top;
    font-weight: 300;
    transition: 0.2s ease-in-out;
}

.dropdown__select-option {
    font-weight: 600;
    background-color: rgba(175, 152, 98, 1);
    border-bottom: 1px solid #d6d6d6;
    transition: 0.3s;
    color: rgba(180, 43, 54, 1);
    padding: 1vw;
}

    .dropdown__select-option:last-of-type {
        border-bottom: 0;
    }

    .dropdown__select-option:hover {
        background-color: rgba(180, 43, 54, 1);
    }

.dropdown__select li:hover {
    color: #fff;
}

.arrow_sec {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

    .arrow_sec li {
        color: rgba(180, 43, 54, 1);
    }

    .arrow_sec svg {
        width: 20px;
        transition: all .5s ease;
    }

.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter .arrow_sec svg {
    transform: rotate(-180deg);
    transition: all .6s ease-in-out;
}

.dropdown__select-option:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

li.dropdown__select-option:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.mediaDivItem.hide {
    display: none
}

.mediaDivItem.show {
    display: flex
}
label#message-error {
    bottom: -3vw;
}
.iban-left .error {
    text-transform: lowercase;
}

.pagination-nav {
    display:flex;
    justify-content:end;
    margin:10vw 0 0;
}
.pagination-nav  nav {
    display: flex;
    align-items: center;
}
.pagination-nav nav ul {
    display:flex
}
.pagination-nav nav ul li {
    color: #909090;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: 'TheSansOsF Plain';
    margin:0 5px;
}
.pagination-nav nav ul li a {
    color: #909090;
}
.row-per-page > p {
    color: #000;
    margin-left: 10px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.row-per-page > p > svg {
    margin-top: 3px;
    margin-left: 6px;
}
.pagination-nav nav ul li a {
    transition: all .5s ease;
}

.pagination-nav nav ul li a:hover {
    color: #000
}
.pagination-nav nav ul li.active a {
    color: #B42B36
}
.pagination-nav nav ul li .nextPrev svg {
    fill: #A9A9A9;
    transition: all .5s ease;
   
}
.pagination-nav nav ul li .nextPrev.prev {
    margin-left:20px;
}
.pagination-nav nav ul li .nextPrev.next {
    margin-left: 30px;
}
.pagination-nav nav ul li .nextPrev:hover svg {
    fill: #000
}
.nextPrevMain {
    display: flex;
}

/* Spinner styles */
.spinnerMda {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* Light gray background */
    border-top: 5px solid #B42B36; /* Blue top border */
    border-radius: 50%; /* Make it circular */
    animation: spin 1s linear infinite; /* Spin animation */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; /* Ensure it's on top of other elements */
}

/* Animation for spinning */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.announcements-item {
    display: flex;
    padding: 0;
    align-items: center;
}

    .announcements-item .img {
        width: 49%;
    }

        .announcements-item .img img {
            width: 100%;
            margin-bottom: -7px;
            border-radius: .3rem 0 0 .3rem;
        }

    .announcements-item .cont {
        padding-left: 0;
        position: relative;
        width: 51%;
        padding: 0 6%;
    }

    .announcements-item h2 {
        font-size: 2.1rem;
        font-weight: 700;
        color: #B4975A;
        line-height: 1.1;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .announcements-item p {
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 1.4;
        padding-right: 0;
        color: #646464;
        margin: 0 0 10px;
    }

    .announcements-item .btns {
        display: flex;
    }

    .announcements-item a {
        color: rgba(62, 164, 220, 1);
        transition: all .5s ease;
    }

        .announcements-item a:hover {
            color: #252B39
        }

    .announcements-item .btn-close {
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 2;
        box-shadow: none;
    }


/* reward css */
.reward_sec {
    margin: 0 0 0 auto;
    position: relative;
    width: 90%;
    margin-bottom: 5vw;
}

    .reward_sec .account_dot {
    }

    .reward_sec > div {
        width: 66%;
    }

    .reward_sec h2 {
        font-size: 110px;
        color: #C41230;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 2vw;
    }

    .reward_sec p {
        font-size: 30px;
    }

    .reward_sec .account_dot {
        position: absolute;
        right: 0;
        top: 0;
        animation: animatedBackground 500s linear infinite;
        background-repeat: repeat;
        background-position: 0 0;
        background-size: 125% !important;
        background: url(../images/account_dots.png);
        height: 63vh;
        width: 11%;
    }

.new_feat {
    background-color: #F4F4F4;
    padding: 7vw 0;
}

    .new_feat .account_feature {
        margin: 0;
    }

    .new_feat .ithmaar_title.big P {
        width: 52%;
        font-size: 22px;
        margin-top: 1vw;
        line-height: 38px;
    }

.draw_sec {
    margin-bottom: 15vw;
}

    .draw_sec h2 {
        font-size: 22px;
        color: #000;
        line-height: 36px;
        font-weight: 400;
        width: 60%;
        margin: auto;
    }

    .draw_sec table {
        width: 60%;
        border-collapse: collapse;
        margin: auto;
        margin-bottom: 2vw;
    }

        .draw_sec table thead {
        }

            .draw_sec table thead tr {
                border-bottom: solid #E7E7ED 2px;
            }

                .draw_sec table thead tr th {
                    padding: 1vw 1vw 1vw 1vw;
                    color: #272833;
                    font-weight: 600;
                    text-align: center;
                    font-size: 16px;
                }

        .draw_sec table tbody {
        }

            .draw_sec table tbody tr th {
                border: 1px solid #ddd;
                text-align: center;
                padding: 10px;
            }

            .draw_sec table tbody tr td {
                padding: 10px 1vw 10px 1vw;
                text-align: center;
                font-size: 15px;
                font-weight: 400;
            }

            .draw_sec table tbody tr .button {
                background-color: #C41230;
                color: white;
                border: none;
                padding: 10px;
                cursor: pointer;
                border-radius: 4px;
                width: 85px;
                font-size: 13px;
                font-weight: 600;
            }

.button:hover {
    background-color: #b71c1c;
}

.highlight {
    background-color: #ffeeee;
}

.draw_sec table tbody tr:nth-child(even) {
    background-color: #F7F8F9;
}

.draw_sec table tbody tr:nth-child(odd) {
    background-color: #fff;
}

td.gold_bar {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.dear_wrap .account_feature {
    margin-bottom: 3vw;
}

td.gold_bar p {
    border: solid 1px #AF9862;
    display: inline-block;
    padding: 3px 10px;
}

.term_sec {
    margin-bottom: 10vw;
}

    .term_sec .account_feature {
        margin-bottom: 2vw;
    }

.term_text {
    margin: auto;
    width: 50%;
    padding: 0 0 0 2vw;
}

    .term_text h2 {
        font-size: 32px;
        color: #C41230;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 2vw;
    }

    .term_text p {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 2vw;
    }

.inner_main.notFilter img {
    filter: initial
}
/* Abdullah css */
.banner_button.term-new-btn {
    padding-left: 10vw;
}

    .banner_button.term-new-btn button p,
    .banner_button a p {
        margin-right: 1vw;
    }

.careers_uploadFile label.error {
    bottom: -60px !important;
    left: 0 !important;
}

/* Cookie */
.cookie_box {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    padding: 0 3.8vw 2vw;
    color: #1A3F35;
}

.cookie_inner {
    background: rgba(255, 255, 255, 0.96);
    color: #fff;
    padding: 2vw 2vw;
    border-radius: 8px;
    position: relative;
    width: 40%;
}

.close_btn button {
    background: none;
    border: navajowhite;
}

    .close_btn button svg {
        fill: #646464;
        width: 1vw;
        height: 1vw;
        transition: all.5s ease-in-out;
    }

        .close_btn button svg:hover {
            fill: #BA8A3B;
        }

.close_btn {
    display: flex;
    justify-content: end;
    position: absolute;
    right: 2vw;
}

.cookie_inner h3 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
    color: #C41230;
}

.cookie_inner p {
    font-size: .8vw;
    line-height: 1;
    /*padding-left: 7vw;*/
    margin-bottom: 2vw;
    color: #646464;
    padding-right: 2vw;
}

.cookie_inner a {
    color: rgba(235, 231, 174, 1);
    text-decoration-line: underline;
    transition: all.5s ease-in-out;
    color: #646464;
}

    .cookie_inner a:hover {
        color: #BA8A3B;
    }

.cookie_as_de {
    display: flex;
    align-items: end;
    grid-gap: 1vw;
}

.cookie_btn a {
    border: 1px solid #000000;
    padding: .5vw 2vw;
    border-radius: 10px;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    font-size: 1vw;
}

    .cookie_btn a:hover {
        background: #C41230;
        border-color: #C41230;
        color: #fff;
    }

.cookie_inner h3 p {
    color: #C41230;
    font-weight: 600;
    margin-bottom: 1vw;
    font-size: 1.5vw;
}

.cookie_btn a.active {
    background: #C41230;
    border-color: #C41230;
    color: #ffff;
}

.menu_list .menu_left ul li a, .menu_list .menu_right ul li a {
    font-size: 1vw;
}