/* mobile screen */

@media only screen and (max-width: 767px) {
    :root {
        --big-title: 40px;
        --sub-title-md: 22px;
        --xs-font: 15px;
        --md-title: 25px;
        --md-title-a: 20px;
        --lg-title: 23px;
        --lg2-title: 33px;
        --submd-font: 17px;
        --card-title: 15px;
        --sub-p: 24px;
        --sub2-p: 18px;
        --md-p: 17px;
        --mega-t: 12px;
        --ac-t: 30px;
    }

    /* .colorlib-nav .top {
        display: none;
    
    } */
    .my-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .home-banner-nav {
        width: 95%;
    }

    .home-banner {
        /* height: calc(100vh - 127.7px); */
        height: 75vh;
    }

    img.card-icon {
        width: 15%;
    }

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

    .response-popup-content {
        width: 83%
    }

    .about-p {
        font-family: var(--light);
        font-size: 19px;
        padding: 1rem;
    }

    .w-31 {
        width: 100%;
    }

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

    li.nav-item {
        width: 100%;
        margin: 0 !important;
    }

    .calc-section li.nav-item {
        width: auto;
        margin: 0 !important;
    }

    [lang='en'] .log-d {
        /*display: none;*/
        padding-left: 0;
    }

    [lang='ar'] .log-d {
        padding-right: 0;
    }

    .nav-row {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .nav-row>* {
        width: auto;
    }

    .sub-nav li {
        padding: 0;
    }

    body .uwy.userway_p1 .userway_buttons_wrapper {
        top: 7rem !important;
    }

    .card.card1 {
        margin-top: 2rem;
    }

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

    .text-content p {
        width: 50% !important;
    }
    
    .investor-cont p{
        width:100% !important
    }
    .swipper2 .swiper-button-prev,
    .swipper2 .swiper-button-next {
        display: none;
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 2.5em;
    }

    .nav-link.b2-tab {
        font-family: var(--semi-bold);
        font-size: var(--xs-font);
        width: 100%;
        background-color: var(--white2-color);
        justify-content: center;
        text-align: center;
        position: relative;
        padding: 0.4rem;
    }

    .account-nav .nav-item {
        width: 100%;
        margin-right: 0;
    }

    .back-w {
        background: white;
        margin: 6rem auto;
        padding: 3rem;
    }

    .thi-ac-section {
        padding: 1rem 0;
        margin: 6rem auto;
    }

    .banner-text-animate {
        margin: 20% auto !important;
    }

    .nav-headers .nav-item {
        padding: 0 0.8rem;
    }

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

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

    .faqs iframe {
        width: 100%;
    }

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

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

    .nav-pills {
        float: unset;
        padding: 0;
        margin: 0;
    }

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

    .noUi-horizontal .noUi-handle {
        width: 30px !important;
        height: 30px !important;
        top: -17px !important;
    }

    .range-num {
        margin: 1rem;
    }

    .imge-iphone,
    .imge-code {
        display: none;
    }

    .row.g-5 {
        --bs-gutter-y: 2rem;
        --bs-gutter-x: 7rem;
    }

    .row.g-5 .col-6 {
        width: 100%;
    }

    .navbar .megamenu {
        width: 62%;
    }

    .thi-ac-section,
    .thi-ac-section2 {
        padding: 8rem 0rem;
    }

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

    .input-group.input-third {
        width: 45%;
    }

    .font-calc-disclamer {
        font-family: var(--regular);
        font-size: var(--submd-font);
        width: 95%;
    }

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

    .sub-p a {
        width: 100%;
        font-size: 11px;
    }

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

    .d-flex.tears-content {
        flex-direction: column;
    }

    .channels-img {
        width: 80%;
    }

    .tabel-u {
        overflow: hidden;
        overflow-x: scroll;
    }

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

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

    .pill-content {
        text-align: left;
        padding-left: 45%;
        padding-right: 5%;
    }

    .col-md-6.p-0 {
        padding: 1rem !important;
    }

    .col-md-4.p-0.mb-3 {
        padding: 1rem !important;
    }

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

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

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

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

    .downloads-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, 100%);
        grid-gap: 3rem;
        justify-content: center;
        padding: 23px;
        margin: 4rem auto;
    }

    .text-content {
        margin: 0 auto !important;
    }

    .col-8 {
        width: 100%;
    }

    .col-4 {
        width: 100%;
    }

    section.p-0 {
        padding: 1rem !important;
    }

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

    .mb-5 {
        margin-bottom: 3rem !important;
    }

    .nav-link.dropdown-toggle.font-xs.green-text:hover:before {
        left: 0;
        right: 0;
        width: 62%;
        margin: unset;
    }

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

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

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

    .card-sec {
        border-radius: 9px;
        width: 90%;
        margin: 0 auto;
        height: auto;
    }

    span.font-md-b.blue-text.py-2.w-50 {
        width: 29% !important;
    }

    #text22 {
        display: none;
    }

    .mob-only {
        display: block;
    }

    .desk-only {
        display: none;
    }

    .read-more {
        border: none;
        border-radius: 9px;
        margin: 24px 0;
        padding: 0.6rem;
    }

    .member-img-mob {
        margin: 0 auto;
        text-align: center;
    }

    img.member-img-w-mob {
        width: 85%;
    }

    .tab-l {
        justify-content: center;
    }

    .my-55 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

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

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

    .sec-account,
    .sec-account3,
    .sec-finance1,
    .sec-finance2,
    .sec-finance3,
    .sec-transaction1,
    .sec-sme1,
    .sec-sme2,
    .sec-personal1,
    .sec-personal2,
    .sec-personal11,
    .sec-personal22,
    .sec-wealth {
        background-position: 65%;
    }

    .sec-finance4 {
        background-position: 35%;
    }

    [lang="en"] .dropdown-content {
        right: unset;
        left: initial;
        width: 100% !important;
        position: absolute;
        left: -9rem !important;
        min-width: 14rem;
    }

    .m-f {
        /* margin: -3rem auto; */
        margin: 0 auto;
    }

    .col-md-7.my-5.mob-code {
        display: none;
    }

    .footer-sec {
        margin-top: 2rem;
    }

    .dropbtn-login span {
        display: none;
    }

    .curr-ex-container {
        width: 55%;
    }

    .curr-ex-container .ex-single {
        width: 32%;
        margin-left: 1.5px;
    }

    .exchange-bg {
        background-size: 70%;
    }

    .ex-sliders {
        margin: 0;
    }

    .media-flex {
        flex-direction: column;
    }

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

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

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

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

    .note-camp {
        display: none;
    }

    .fitch-affirms p {
        font-size: 2.5rem;
    }

    [lang='en'] .slide-img-mobile {
        background-position: revert !important;
    }

    .header-about .row .about-logo {
        display: none;
    }

    .home-banner .swiper-slide .row .banner-text-animate .w-mobile-repo-eid {
        font-size: 37px;
        width: 205px;
        line-height: 50px;
    }

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

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

    .home-banner .swiper-slide .row .banner-text-animate .w-mobile-repo-saving {
        background-position: 50%;
        margin-right: 25px;
    }

    .rtl-saving-banner {
        position: relative;
        left: 2%;
    }

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

    .response-popup-rate .stars-div label {
        font-size: 2.2rem;
    }

    .response-popup-rate.response-popup-content {
        width: 75%;
    }

    .response-popup-rate .stars-div {
        /* margin-right: 21%; */
    }

    .response-popup-rate .name-rate input,
    .response-popup-rate .email-rate input {
        width: 248px;
    }

    .response-popup-rate .button-rate button {
        width: 70px;
        font-size: 16px;
    }

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

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

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

    .section-fatca-crs .row .q-1-fatca,
    .section-fatca-crs .row .intro-fatca {
        font-size: 17px;
    }

    .section-fatca-crs .row .p-1-fatca,
    .section-fatca-crs .row .Q-1-fatca {
        font-size: 15px;
    }

    /* .border-yellow-credit{
        margin-left: 67px;
        width: 20%;
    }
    .border-yellow-tiered{
        margin-left:57px;
        width: 20%;
    }
    .border-yellow-account-open{
        margin-left:77px;
        width: 20%;
    }
    .border-yellow-home-loans{
        margin-left: 90px;
        width: 20%;
    
    }
    .center-all-section-swiper{
        margin-left: 0px;
    } */
}

@media only screen and (max-width: 359px) {
    .icon-log {
        display: none;
    }

    .dropbtn-login {
        align-items: center;
        padding: 0.2rem 0.3rem;
    }

    .icon-log-arrow {
        display: inline;
        padding: 0 0.4rem;
        width: 30px;
    }
}

@media only screen and (max-width: 450px) {
    .faqs iframe {
        height: 100%;
    }

    body {
        overflow-x: hidden !important;
        max-width: 100%;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .a-title {
        /* font-size: 20px; */
    }

    .a-title-large {
        font-size: 50px;
    }

    .p2-text {
        font-size: 15px;
    }

    .lg-t {
        font-size: 19px;
    }

    .lg-t-s {
        font-size: 15px;
    }

    .lg-t-2 {
        font-size: 15px;
    }

    .apple-slide {
        background-position: 72% 10% !important;
        /* height: 60% !important; */
    }

    .apple-slide-special {
        background-position: 79% 10% !important;
    }

    .t-card-google {
        font-size: 12px !important;
    }

    .container {
        height: auto !important;
        /* overflow-x: hidden; */
    }

    .root-google {
        background-position: 90% 164%;
        background-size: 91% 80%;
    }

    .root-samsung-ar {
        background-position: 30% 130%;
        background-size: 75% 79%;
    }

    .root-samsung {
        background-position: 70% 98%;
        background-size: 75% 74%;
    }

    .root-google-2 {
        background-position: 184% 100%;
        background-size: 90% 87%;
    }

    .text-content p {
        width: 50% !important;
    }
    .investor-cont p{
        width:100% !important
    }
    .lg3-t {
        font-size: 30px;
    }

    .d-flex.justify-content-between {
        flex-direction: column !important;
    }

    .t-card-google {
        width: 75%;
    }

    .google-card,
    .font-sp {
        width: 100%;
    }

    .respo-option {
        margin-inline: 9% !important;
    }

    .goolge-svgs {
        height: 5rem;
        width: 5rem;
    }

    .samsung-svgs2 {
        height: 5rem;
        width: 5rem;
    }

    .primary-btn {
        font-size: 10px;
    }

    .respo-option2 {
        width: 50%;
    }

    .root-google-ar {
        background-position: 7% 175%;
        background-size: 75% 86%;
    }

    .w-73 {
        width: 100% !important;
    }

    .tm-size {
        font-size: 15px;
    }

    .logo-margin-top {
        margin-top: 2.5rem !important;
    }

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

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

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

    [lang='en'] .center-vertically-new {
        margin-left: 2.5rem !important;
    }

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

    .security-text-purple-padding-container {
        padding-top: 0.5rem;
    }

    .security-text-purple {
        font-size: 4rem;
    }

    [lang='ar'] .banner2 {
        background-position: -50rem;
    }

    [lang='en'] .banner2 {
        background-position: -15rem;
    }

    [lang='en'] .banner7 {
        background-position: -12rem;
    }

    .banner-title {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
        height: 20rem;
    }

    .banner-account-security-privacy {
        padding-bottom: 0;
    }

    .banner-title-long {
        font-size: 2rem;
    }

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

    .smaller-buttons {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .banner-aani-mobile {
        margin-top: 2rem;
        height: 17rem;
        max-width: 100%;
        object-fit: cover;
        border-radius: 0.9rem;
    }

    .overflow-respo-rawan {
        overflow: hidden;
    }

    .overflow-respo-rawan .header-privacy-acquisition .text-respo {
        font-size: 1.3rem;
    }

    .overflow-respo-rawan .section-acquisition {
        padding-top: 40px;
    }

    .overflow-respo-rawan .section-acquisition .text-information-acquisition div {
        margin-bottom: 18px;
    }

    .overflow-respo-rawan .section-acquisition .text-information-acquisition .text-ready-start div {
        margin-bottom: 18px;
    }

    .overflow-respo-rawan .section-acquisition .text-information-acquisition .text-terms div {
        margin-bottom: 18px;
    }

    .overflow-respo-rawan .header-privacy-acquisition .w-text-acquisition {
        font-size: 18px;
        width: 60%;
    }

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

    .overflow-respo-rawan .section-acquisition .h2 {
        font-size: 19px;
    }

    .overflow-respo-rawan .section-acquisition .text-information-acquisition div {
        font-size: 17px;
    }

    .overflow-respo-rawan .table-acquisition .caption-table-acquisition {
        font-size: 18px;
    }

    .overflow-respo-rawan .text-information-acquisition div {
        font-size: 17px;
        width: 97%;
    }

    .overflow-respo-rawan .text-terms .width {
        width: 97%;
    }

    .overflow-respo-rawan .signature-end {
        padding-bottom: 15px;
    }

    .overflow-respo-rawan .apply-acquisition {
        padding-top: 10px;
        height: 160px;
    }

    .overflow-respo-rawan .apply-acquisition .height-apply {
        height: 150px;
    }

    .overflow-respo-rawan .apply-acquisition .text-apply {
        padding-top: 10px;
        font-size: 18px;
        width: 300px;
        font-weight: 600;
        padding-bottom: 18px;
    }

    .overflow-respo-rawan .apply-acquisition a {
        padding: 9px 20px;
        border-radius: 20px;
        font-size: 15px;
    }

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

    .overflow-respo-rawan .header-privacy-acquisition {
        height: 16rem;
    }

    .overflow-respo-rawan .header-privacy-acquisition.fatca {
        height: 16rem;
    }

    .overflow-respo-rawan .header-privacy-acquisition.fatca .text-respo {
        font-size: 1.5rem;
    }

    .section-fatca-crs .row .fatca-crs-h1 {
        font-size: 28px;
    }

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

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

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

    .overflow-respo-rawan .table-columns-grid .red-top,
    .overflow-respo-rawan .table-columns-grid .red-top-right,
    .overflow-respo-rawan .table-columns-grid .red-bot,
    .overflow-respo-rawan .table-columns-grid .red-bot-right {
        border-radius: 0;
    }

    .overflow-respo-rawan .table-columns-grid .content-column-1 {
        margin-top: 0;
    }

    .overflow-respo-rawan .table-columns-grid .grid-1-column {
        width: 100%;
    }

    .about-logo {
        display: none;
    }

    .home-banner .swiper-slide .row .banner-text-animate .w-mobile-repo-eid {
        font-size: 37px;
        width: 205px;
        line-height: 50px;
        background-position: 70%;
    }

    .home-banner .swiper-slide .row .banner-text-animate .w-mobile-repo-eid {
        font-size: 37px;
        width: 205px;
        line-height: 50px;
        background-position: 70%;
    }

    .section-fatca-crs .row .q-1-fatca,
    .section-fatca-crs .row .intro-fatca {
        font-size: 17px;
    }

    .section-fatca-crs .row .p-1-fatca,
    .section-fatca-crs .row .Q-1-fatca {
        font-size: 15px;
    }

    /* .border-yellow-credit{
        margin-left: 74px;
        width: 20%;
    }
    .border-yellow-tiered{
        margin-left:65px;
        width: 20%;
    }
    .border-yellow-account-open{
        margin-left:85px;
        width: 20%;
    }
    .border-yellow-home-loans{
        margin-left: 100px;
        width: 20%;
    
    } */
    .center-all-section-swiper {
        margin-left: 0px;
    }

    /* Mobile Style End */
}

@media only screen and (min-width: 450px) and (max-width: 767Px) {
    .apple-slide {
        background-position: 74% 10% !important;
        /* height: 60% !important; */
    }
}

@media only screen and (min-width: 450px) and (max-width: 986Px) {
    .a-title {
        font-size: 20px;
    }

    .tm-size {
        font-size: 15px;
    }

    .lg-t-s {
        font-size: 15px;
    }

    .apple-baner {
        margin-top: 12% !important;
    }

    .apple-slide {
        /* background-position: 74% 10% !important; */
        /* height: 60% !important; */
    }

    .t-card-google {
        font-size: 12px;
        width: 60%;
    }

    .lg3-t {
        font-size: 30px;
        width: 50%;
    }

    .container {
        height: auto !important;
    }

    .goolge-svgs {
        height: 5rem;
        width: 5rem;
    }

    .samsung-svgs2 {
        height: 5rem;
        width: 5rem;
    }

    .image-svg-single {
        padding-top: 20%;
    }

    .primary-btn {
        font-size: 10px;
    }

    .font-sp {
        width: 80%;
    }

    .w-73 {
        width: 100% !important;
    }

    .overflow-respo-rawan {
        overflow: hidden;
    }

    .overflow-respo-rawan .header-privacy-acquisition .text-respo {
        font-size: 1.5rem;
    }

    .overflow-respo-rawan .section-acquisition {
        padding-top: 40px;
    }

    .overflow-respo-rawan .header-privacy-acquisition .w-text-acquisition {
        font-size: 18px;
    }

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

    .overflow-respo-rawan .section-acquisition .h2 {
        font-size: 19px;
    }

    .overflow-respo-rawan .section-acquisition .text-information-acquisition div {
        font-size: 17px;
    }

    .overflow-respo-rawan .table-acquisition .caption-table-acquisition {
        font-size: 18px;
    }

    .overflow-respo-rawan .text-information-acquisition div {
        font-size: 17px;
        width: 98%;
    }

    .overflow-respo-rawan .text-terms .width {
        width: 98%;
    }

    .overflow-respo-rawan .signature-end {
        padding-bottom: 15px;
    }

    .overflow-respo-rawan .apply-acquisition {
        padding-top: 10px;
        height: 160px;
    }

    .overflow-respo-rawan .apply-acquisition .height-apply {
        height: 150px;
    }

    .overflow-respo-rawan .apply-acquisition .text-apply {
        padding-top: 10px;
        font-size: 18px;
        width: 400px;
        font-weight: 600;
        padding-bottom: 18px;
    }

    .overflow-respo-rawan .apply-acquisition a {
        padding: 9px 20px;
        border-radius: 20px;
        font-size: 15px;
    }

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

    .overflow-respo-rawan .header-privacy-acquisition {
        height: 16rem;
    }

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

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

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

    .overflow-respo-rawan .table-columns-grid .red-top,
    .overflow-respo-rawan .table-columns-grid .red-top-right,
    .overflow-respo-rawan .table-columns-grid .red-bot,
    .overflow-respo-rawan .table-columns-grid .red-bot-right {
        border-radius: 0;
    }

    .overflow-respo-rawan .table-columns-grid .content-column-1 {
        margin-top: 0;
    }

    .overflow-respo-rawan .table-columns-grid .grid-1-column {
        width: 100%;
    }
}


/* ipad */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    :root {
        --xs-font: 15px;
        --md-title: 30px;
        --md-title-a: 16px;
        --lg-title: 23px;
        --lg-title2: 25px;
        --lg3-title: 20px;
        --lg2-title: 32px;
        --submd-font: 19px;
        --card-title: 20px;
        --sub-title-md: 22px;
        --ac-t: 26px;
        --font-title: 38px;
    }

    .home-roots {
        background-image: unset;
    }

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

    .card1.border-sh.hover-card {
        border-radius: 9px;
        height: 35vh;
        margin: 1rem auto;
    }

    .imge-iphone {
        width: 28%;
        position: absolute;
        top: 50px;
    }

    #exchange-section {
        margin-bottom: 0rem !important;
    }

    .m-f {
        margin: 0 auto;
    }

    img.w-logo {
        width: 81%;
    }

    .footer-sec {
        margin-top: 0rem;
    }

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

    .row.g-5 {
        --bs-gutter-y: 1rem;
        --bs-gutter-x: 1rem;
    }

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

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

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

    .mob-only {
        display: block;
    }

    .desk-only {
        display: none;
    }

    img.member-img-w-mob {
        width: 50%;
    }

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

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

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

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

    .member-img-mob {
        margin: 0 auto;
        text-align: center;
    }

    .tab-l {
        justify-content: center;
    }

    .about-p {
        font-family: var(--light);
        font-size: 17px;
        padding: 1rem
    }

    .w-31 {
        width: 100%;
    }

    .article-img {
        /* height: 26.7vw; */
    }

    .downloads-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, 100%);
        grid-gap: 3rem;
        justify-content: center;
        padding: 23px;
        margin: 4rem auto;
    }

    .col-8 {
        width: 100%;
    }

    .col-4 {
        width: 100%;
    }

    button#toggle22 {
        display: none;
    }

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

    .overflow-respo-rawan {
        overflow: hidden;
    }

    .overflow-respo-rawan .header-privacy-acquisition .text-respo {
        font-size: 1.5rem;
    }

    .overflow-respo-rawan .section-acquisition {
        padding-top: 40px;
    }

    .overflow-respo-rawan .header-privacy-acquisition .w-text-acquisition {
        font-size: 18px;
    }

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

    .overflow-respo-rawan .section-acquisition .h2 {
        font-size: 19px;
    }

    .overflow-respo-rawan .section-acquisition .text-information-acquisition div {
        font-size: 17px;
    }

    .overflow-respo-rawan .table-acquisition .caption-table-acquisition {
        font-size: 18px;
    }

    .overflow-respo-rawan .text-information-acquisition div {
        font-size: 17px;
        width: 100%;
    }

    .overflow-respo-rawan .text-terms .width {
        width: 98%;
    }

    .overflow-respo-rawan .signature-end {
        padding-bottom: 15px;
    }

    .overflow-respo-rawan .apply-acquisition {
        padding-top: 10px;
        height: 150px;
    }

    .overflow-respo-rawan .apply-acquisition .height-apply {
        height: 140px;
    }

    .overflow-respo-rawan .apply-acquisition .text-apply {
        padding-top: 10px;
        font-size: 18px;
        width: 400px;
        font-weight: 600;
        padding-bottom: 18px;
    }

    .overflow-respo-rawan .apply-acquisition a {
        padding: 9px 20px;
        border-radius: 20px;
        font-size: 15px;
    }

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

    .overflow-respo-rawan .header-privacy-acquisition {
        height: 16rem;
    }

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

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

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

    .overflow-respo-rawan .table-columns-grid .red-top,
    .overflow-respo-rawan .table-columns-grid .red-top-right,
    .overflow-respo-rawan .table-columns-grid .red-bot,
    .overflow-respo-rawan .table-columns-grid .red-bot-right {
        border-radius: 0;
    }

    .overflow-respo-rawan .table-columns-grid .content-column-1 {
        margin-top: 0;
    }

    .about-logo {
        margin-top: 5rem;
    }

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

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

    .w-mobile-repo-banner9 {
        margin-right: 50%;
    }

    .home-banner .swiper-slide .row .banner-text-animate .rtl-saving-banner {
        margin-top: 50px;
    }

    .home-banner .swiper-slide .row .banner-text-animate .w-mobile-repo-saving {
        font-size: 28px;
        background-position: 50%;
        margin-right: 25px;
    }
}

@media (max-width: 991px) {
    .benifits.grid .col-span-1 {
        grid-column: span 1;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--blue-color);
    }

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

    .benifits-img {
        max-width: 180%
    }

    .benifits-img-container {
        overflow-x: scroll;
    }

    [lang='ar'] .benifits-img-container {
        direction: rtl;
    }
}

@media (min-width: 992px) {
    .col-lg-x {
        flex: 0 0 auto;
        width: 20%;
    }

    .logo-right {
        text-align: right !important;
    }

    .center-vertically {
        margin-left: 10rem;
    }

    .center-vertically-atm {
        margin-left: 5rem;
    }

    .larger-margin {
        margin-left: -4rem;
        margin-right: -4rem;
    }

    /*.home-banner .swiper-slide .row .banner-text-animate .rtl-saving-banner {
        margin-top: 50px;

    }

    .home-banner .swiper-slide .row .banner-text-animate .w-mobile-repo-saving {
        font-size: 30px;
        background-position: 50%;
        margin-right:25px;


    }
    .home-banner .swiper-slide .row .banner-text-animate .h2-repo-saving{
        font-size: 45px;
    }*/
}

@media(max-width:488px) {
    :root {
        --big-title: 30px;
        --font-title: 30px;
    }

    .response-popup-rate .stars-div label img {
        width: 38px !important;
    }

    .response-popup-rate .name-rate input,
    .response-popup-rate .email-rate input {
        width: 220px
    }

    .response-popup-rate.response-popup-content {
        width: 80% !important;
    }

    .dropdown-content:hover {
        display: none;
    }

    .learn-more-new-2,
    .learn-more-new {
        width: 40%
    }
}

@media (max-width: 767px) {
    .swipper-islamic .swiper.islamic-img-swipper .swiper-slide {
        width: 100% !important;
    }

    .swipper-islamic .swiper-button-next,
    .swipper-islamic .swiper-button-prev {
        display: none;
    }

    .swipper-islamic .swiper.islamic-img-swipper .media-news-img .swiper-slide img {
        height: 350px;
    }

    :root {
        --big-title: 35px;
        --font-title: 35px;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .mobile-white-layer::before {
        width: 100%;
        height: 100%;
        z-index: 0;
        background: rgba(255, 255, 255, 0.6);
        /* opacity: 0.3; */
        content: ' ';
        display: block;
        left: 0;
        position: absolute;
    }

    .mobile-white-layer * {
        z-index: 9;
    }

    .mobile-dark-layer::before {
        width: 100%;
        height: 100%;
        z-index: 0;
        background: rgba(24, 24, 15, 0.6);
        /* opacity: 0.3; */
        content: ' ';
        display: block;
        left: 0;
        position: absolute;
    }

    .mobile-bg-center {
        background-position: center !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .swipper-islamic .swiper-button-next {
        right: -12px;
    }

    .swipper-islamic .swiper-button-prev {
        left: -12px;
    }

    .watch-apple.dirham {
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .swipper-islamic .swiper-button-next {
        right: 5px;
    }

    .swipper-islamic .swiper-button-prev {
        left: 5px;
    }
}

@media (max-width: 1920px) {
    :root {
        --ac-t: 34px;
        --big-title: 50px
    }
}