@font-face {
    font-family: Frutiger-Light;
    src: url(../../assets/fonts/frutiger_lt_45_light-webfont.woff) format("woff")
}

@font-face {
    font-family: 'Frutiger-Regular';
    font-style: normal;
    font-weight: normal;
    src: url(../../assets/fonts/frutigerltarabic55roman-webfont.woff) format("woff")
}

@font-face {
    font-family: 'Frutiger-Bold';
    font-style: normal;
    font-weight: normal;
    src: url(../../assets/fonts/frutigerltarabic65bold-webfont.woff) format("woff")
}

@font-face {
    font-family: Frutiger-Black;
    src: url(../../assets/fonts/frutigerltarabic75black-webfont.woff) format("woff")
}

.pr-0 {
    padding-right: 0 !important
}

.bg-grey {
    background-color: #f3f3f3
}

.mr-2 {
    margin-right: 20px
}

body {
    font-family: Frutiger-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #181818;
    overflow-x: hidden
}

h1,
h2,
h3,
h4 {
    font-weight: 700
}

div#loader {
    display: flex;
    position: fixed;
    height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 99;
    padding: 0;
    right: 0;
    overflow: hidden;
    top: 0;
    transition: .3s all ease-in-out
}

div#loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 12vw;
    -webkit-animation: fadeinout 2s ease-in-out infinite;
    animation: fadeinout 2s ease-in-out infinite;
    width: 100%
}

@-webkit-keyframes fadeinout {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeinout {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.link-type-1 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 114px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: 18px;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-1:hover,
.link-type-2:hover,
.link-type-6:hover,
.link-type-7:hover,
.link-type-8:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.link-type-2 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 179px;
    height: 47px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: normal;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-3 {
    background-color: #fff;
    border: 1px solid #bebebe;
    color: #bebebe !important;
    width: 179px;
    height: 47px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: normal;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-3:hover,
.link-type-4:hover,
.link-type-5:hover,
.link-type-9:hover {
    border: 1px solid #181818;
    color: #181818 !important
}

.link-type-3:focus,
.link-type-4:focus,
.link-type-5:focus,
.link-type-9:focus {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important
}

.link-type-4 {
    background-color: #fff;
    border: 1px solid #bebebe;
    color: #bebebe !important;
    width: 114px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: 18px;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-5 {
    background-color: #fff;
    border: 1px solid #fff;
    color: #1e1e1e !important;
    width: 162px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: normal;
    font-weight: 700;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-6 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 156px;
    height: 47px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: normal;
    flex-direction: column;
    font-weight: 700
}

.link-type-7 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 162px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: normal;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-8 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 158px;
    height: 47px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: 18px;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.link-type-9 {
    background-color: #fff;
    border: 1px solid #bebebe;
    color: #bebebe !important;
    width: 158px;
    height: 47px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: 18px;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.heading-type-1 {
    font-size: 30px;
    line-height: 39px;
    color: #181818
}

.heading-type-2 {
    font-size: 25px;
    line-height: 32.5px;
    color: #181818
}

.heading-type-3 {
    font-size: 23px;
    line-height: 29px;
    color: #181818
}

.para-type-1 {
    font-size: 15px;
    line-height: 25px;
    color: gray
}

.para-type-2 {
    font-size: 15px;
    line-height: 25px;
    color: #181818
}

.para-type-3 {
    font-size: 15px;
    line-height: 25px;
    color: #cb1019
}

.para-type-4 {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.para-type-5 {
    font-size: 12px;
    line-height: 20px;
    color: red
}

.para-type-6 {
    font-size: 12px;
    line-height: 20px;
    color: #bebebe
}

.global-header-inner {
    display: flex;
    justify-content: space-between
}

.header-logos-sec img:nth-child(3) {
    height: 43px
}

.header-logos-sec img:nth-child(2) {
    height: 30px;
    margin-right: 8px
}

.header-logos-sec img:nth-child(1) {
    height: 44px;
    margin-right: 12px
}

.global-header-inner .header-menu a.show {
    color: #64bb47
}

.global-header-inner .header-menu a {
    font-size: 16px;
    color: #181818;
    font-family: 'Frutiger LT Arabic';
    font-weight: 400
}

.global-header-inner .header-menu a:focus {
    outline: 0;
    border: 0
}

.desktop-lang-sec a {
    width: 100%;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 400 !important
}

.desktop-lang-sec {
    display: flex;
    flex-wrap: wrap
}

.header-right-menu {
    display: flex;
    align-items: center
}

.header-right-menu a {
    color: gray;
    text-decoration: none;
    margin-left: 20px;
    display: flex;
    justify-content: end;
    width: 25%;
    align-items: center;
    font-size: 13px;
    line-height: 29px;
    font-weight: 700
}

nav.navbar {
    height: 80px
}

.header-right-menu .link-type-1 {
    font-size: 13px;
    line-height: normal;
    justify-content: center;
    width: 114px !important
}

.header-right-menu a:hover {
    color: #cb1019
}

.navbar-collapse {
    display: flex;
    justify-content: space-between
}

.dropdown-menu {
    background-color: #fff;
    border-radius: 28px;
    border: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    padding: 25px
}

.dropdown-menu.large-menu {
    min-width: 60vw;
    width: 100%;
    top: 60px;
    padding-bottom: 15px
}

li.nav-item.dropdown {
    margin-right: 10px
}

li.nav-item.dropdown a {
    color: #181818;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    transition: all .3s ease-in-out
}

li.nav-item.dropdown a:hover {
    color: #cb1019
}

.desktop-large-menu {
    padding: 0;
    display: inline-flex;
    width: 100%
}

.dropdown-menu.large-menu img {
    margin-bottom: 10px;
    width: auto;
    height: 45px
}

.dropdown-menu.large-menu a {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #181818;
    text-decoration: none;
    width: 100%;
    margin-right: 0;
    display: block;
    text-align: center
}

.dropdown-menu.large-menu a p {
    margin-bottom: 0
}

.dropdown-menu.large-menu a:hover {
    color: #cb1019
}

.dropdown-item {
    font-size: 14px;
    line-height: 27px;
    color: #181818
}

a.nav-link.dropdown-toggle.show {
    color: #cb1019
}

.dropdown-item:hover {
    background-color: transparent;
    color: #cb1019
}

.navbar-nav {
    width: 59%;
    display: flex;
    justify-content: end
}

.dropdown-toggle.show::after {
    border-bottom: .3em solid;
    border-right: .3em solid transparent;
    border-top: 0;
    border-left: .3em solid transparent
}

.header-right-sec {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.main-banner-card {
    padding: 30px;
    text-align: center
}

.main-banner-card a {
    margin: auto;
    text-decoration: none
}

.main-banner-card img {
    max-width: 100%;
    margin-bottom: 24px;
    height: 217px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-banner-card h2 {
    font-size: 25px;
    line-height: normal;
    margin-bottom: 16px;
    color: #120e0b
}

.main-banner-card p {
    font-size: 15px;
    line-height: normal;
    color: gray;
    margin-bottom: 20px !important
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("../../assets/img/menu-icon.svg");
    transition: all .3s ease-in-out
}

.navbar-toggler.open .navbar-toggler-icon {
    background-image: url("../../assets/img/close-icon.svg")
}

button.navbar-toggler,
button.navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
    border: 0
}

.home-main-banner {
    padding: 50px;
    background: url("../../assets/img/background-logo-white.svg"), #f8f8f8;
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: 47% 15%
}

.home-main-banner h1 {
    text-align: center;
    font-size: 40px;
    line-height: 52px
}

.home-main-banner p {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
    color: gray;
    margin-bottom: 74px
}

.your-get-way-card img {
    width: auto;
    height: 50px !important;
    margin-bottom: 16px
}

.your-get-way-card h3 {
    font-size: 23px;
    line-height: 32px;
    color: #181818
}

.your-get-way-card-main {
    margin-top: 90px
}

.your-get-way-card p {
    font-size: 15px;
    line-height: 25px;
    color: gray;
    max-width: 80%
}

.home-your-get-way-sec {
    padding: 60px 0 80px 0;
    background-image: url("../../assets/img/background-logo.svg");
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 74.5% 26%
}

.home-your-get-way-sec img {
    height: 53px
}

.home-your-get-way-sec .para-type-1 {
    max-width: 70%
}

.your-get-way-btns {
    display: flex;
    margin-top: 40px
}

.your-get-way-btns a {
    margin-right: 20px
}

.effortless-thumnail-title {
    position: absolute;
    top: 35px;
    left: 30px
}

.effortless-thumnail-title.twitter h4 {
    color: #181818
}

.effortless-thumnail-title.twitter p {
    color: gray;
    font-size: 15px;
    line-height: normal;
    max-width: 85%
}

.effortless-thumnail-title.twitter img {
    margin-top: 50px;
    width: auto;
    height: 19px;
    padding-right: 10px;
    min-height: 100%
}

.effortless-thumnail-title h4 {
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
    color: #fff
}

.effortless-thumnail-card .play-icon {
    position: absolute;
    top: 40%;
    left: 43%;
    cursor: pointer;
    width: 56px;
    height: 60px;
    min-height: auto
}

.effortless-thumnail-card {
    position: relative;
    min-height: 382px;
    border-radius: 25px;
    border: 1px solid #d2d2d2;
    height: 100%;
    overflow: hidden
}

.effortless-thumnail-card img {
    border-radius: 25px;
    min-height: 382px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    display: none
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    display: none
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    background-image: url(../../assets/img/slider-next-icon.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 25px;
    width: 42px;
    height: 35px
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    background-image: url("../../assets/img/slider-next-icon.svg");
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    position: absolute;
    right: 50px;
    top: 25px;
    width: 42px;
    height: 35px;
    left: auto
}

.swiper-wrapper {
    padding-top: 80px
}

.effortless-financial-services-sec .heading-type-1 {
    position: absolute
}

.effortless-financial-services-sec {
    background-color: #f8f8f8;
    padding: 80px 0
}

.home-offers-sec {
    background-color: #fff;
    padding: 60px 0
}

.home-offer-card {
    position: relative;
    transition: all .3s ease-in-out
}

.home-offer-card img {
    width: 100%;
    transition: all .3s ease-in-out;
    min-height: 226px;
    border-radius: 25px
}

.offers-tab-sec .home-offer-btns {
    top: 22%
}

.home-offer-btns {
    position: absolute;
    top: 25%;
    flex-wrap: wrap;
    display: none;
    transition: all .3s ease-in-out;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center
}

.home-offer-btns a {
    margin-bottom: 12px;
    transition: all .3s ease-in-out
}

.home-offer-card h2 {
    font-size: 20px;
    line-height: 26px;
    color: #181818;
    max-width: 100%;
    margin-top: 16px;
    margin-left: 15px;
    font-weight: 400
}

.home-offer-card p {
    margin-left: 15px;
    margin-bottom: 0
}

.home-offer-card span {
    margin-left: 15px
}

.home-offer-card:hover .home-offer-btns {
    display: flex
}

.home-offer-card:hover img {
    filter: blur(2px);
    -webkit-filter: blur(2px)
}

.home-offer-card:hover h2 {
    color: #cb1019
}

.home-offer-title {
    display: flex;
    justify-content: space-between;
    width: 90%;
    position: relative
}

.home-offer-title a {
    z-index: 999
}

.home-offers-slider {
    margin-top: -50px
}

.home-refer-sec {
    padding: 60px 0
}

.home-refer-widgets .refer-box-sec {
    width: 100%;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    display: flex;
    padding: 0 35px;
    margin-bottom: 20px;
    min-height: 117px;
    align-items: center
}

.home-refer-widgets img {
    margin-right: 30px;
    height: 50px
}

.home-refer-widgets .box-text a {
    text-decoration: none
}

.home-refer-widgets .box-text p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
    color: #181818
}

.home-refer-widgets .box-text span {
    font-size: 15px;
    line-height: normal;
    color: gray
}

.home-refer-widgets .box-text span img {
    margin-right: 10px;
    height: 19px;
    width: auto
}

.footer-top-sec {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer-logos a:nth-child(1) img {
    height: 46px
}

.footer-logos a:nth-child(2) img {
    height: 61px
}

.footer-lang-switcher {
    border-radius: 55px;
    display: flex
}

.footer-lang-switcher a {
    font-size: 18px;
    line-height: 35px;
    color: #181818;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out
}

.footer-lang-switcher a:last-child:hover {
    border: 1px solid #181818 !important;
    border-left: none !important;
    transition: all .3s ease-in-out;
    border-left: 0
}

.footer-lang-switcher a:last-child:focus {
    background-color: #cb1019;
    color: #fff;
    border: 0;
    border: 1px solid #cb1019 !important
}

.footer-lang-switcher a:first-child {
    width: 82px;
    height: 57px;
    border-radius: 55px 0 0 55px;
    margin-right: -5px
}

.footer-lang-switcher a:last-child {
    width: 82px;
    height: 57px;
    border-radius: 0 55px 55px 0 !important;
    border: 1px solid #dcdcdc;
    border-left: 0
}

.footer-lang-switcher a.active {
    background-color: #cb1019;
    color: #fff
}

.footer-lang-switcher a.active:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.footer-logos {
    display: flex;
    align-items: center
}

.footer-logos a:first-child {
    margin-right: 53px
}

.footer-menu {
    list-style-type: none;
    margin-top: 50px;
    padding-left: 0
}

.footer-menu li,
.footer-menu li a {
    font-size: 15px;
    line-height: normal;
    color: #181818;
    margin-bottom: 10px;
    cursor: pointer;
    text-decoration: none
}

.footer-menu li a:hover {
    color: #cb1019
}

.footer-sub-logos {
    display: flex;
    margin-top: 50px;
    justify-content: flex-end
}

.footer-sub-logos a:last-child {
    margin-right: 0
}

.footer-sub-logos a {
    width: 55px;
    margin-right: 20px
}

footer {
    padding-top: 50px
}

.footer-sub-logos a img {
    width: 100%
}

.footer-bottom-sec {
    margin-top: 90px
}

.footer-bottom-sec p {
    font-size: 12px;
    line-height: 18px;
    color: #bebebe
}

.footer-bottom-sec p a:hover,
.footer-bottom-sec p a:focus {
    color: #cb1019
}

.footer-bottom-sec p a {
    text-decoration: none;
    font-size: 12px;
    line-height: normal;
    color: #bebebe;
    transition: all .3s ease-in-out
}

.footer-bottom-sec p:first-child {
    max-width: 62%
}

.footer-bottom-sec p:last-child {
    max-width: 100%;
    padding-bottom: 10px
}

.mobile-menu {
    display: none
}

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

.header-right-sec li {
    margin-right: 16px
}

.header-right-sec li:last-child {
    margin-right: 0
}

.header-right-sec li a {
    font-size: 13px;
    text-decoration: none;
    line-height: 25px;
    color: gray;
    font-weight: 400;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.header-right-sec li a:hover {
    color: #cb1019
}

.globe-icon {
    margin-right: 7px;
    width: 12px;
    height: 12px
}

.mobile-footer-menu {
    display: none
}

.effortless-video-modal .modal-content {
    padding: 0;
    background-color: transparent;
    border: 0
}

.effortless-video-modal .modal-body {
    padding: 0
}

.effortless-video-modal .modal-dialog {
    max-width: 50%
}

.home-your-get-way-sec h2 {
    max-width: 75%
}

.personal-finance-banner-top {
    background-color: #cb1019;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    justify-content: space-between
}

.personal-finance-banner-top .banner-text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center
}

.personal-finance-banner-top .banner-text a {
    transition: all .3s ease-in-out
}

.personal-finance-banner-top .banner-text a:hover {
    color: #808080 !important;
    border: 1px solid #bebebe
}

.personal-finance-banner-top .banner-text a:focus {
    color: #808080 !important;
    border: 1px solid #bebebe
}

.personal-finance-banner-top .banner-text h1 {
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    max-width: 60%
}

.personal-finance-banner-top .banner-text p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    max-width: 55%
}

.personal-finance-banner-top.installment {
    overflow: hidden
}

.personal-finance-banner-top.installment img {
    position: relative;
    top: 69px
}

.personal-finance-banner-top img {
    padding-right: 30px;
    height: 303px
}

.personal-finance-banner-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 65px
}

.personal-finance-banner-bottom a {
    display: flex;
    align-items: flex-start;
    width: 100%
}

.personal-finance-banner-bottom a img {
    width: 24px
}

.personal-finance-banner-bottom a p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #1e1e1e;
    margin-left: 18px;
    max-width: 78%;
}

.start-using-today-sec {
    padding: 60px 0
}

.start-using-title {
    text-align: center
}

.start-using-title .para-type-1 {
    max-width: 35%;
    margin: auto
}

.personal-finance-timeline {
    display: block;
    width: 100%;
    margin-top: 40px
}

.installment-timeline .personal-finance-timeline a {
    top: 0
}

.personal-finance-timeline a {
    margin: auto;
    position: relative;
    top: 40px
}

.timeline-text {
    margin-top: 10px;
    width: 100%
}

.timeline-text p {
    max-width: 65%;
    text-align: center;
    margin: auto;
    min-height: 100px
}

.installment-timeline .timeline-text p {
    min-height: 185px
}

.timeline li span {
    width: 139px;
    height: 45px;
    border-radius: 10px;
    background-color: #f3f3f3;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    display: flex;
    color: #64bb47;
    align-items: center;
    justify-content: center
}

.timeline {
    padding-left: 0
}

.timeline li {
    list-style: none;
    float: left;
    width: 33.3333%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-btn {
    background: #fff;
    padding: 0 22px
}

.installment-timeline .timeline .timeline-btn:after {
    width: 80%;
    left: 235px
}

.timeline .timeline-btn:after {
    content: '';
    position: absolute;
    width: 60%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    top: 25px;
    left: 265px;
    z-index: -999;
    transition: all ease-in-out .3s
}

.timeline .last-timeline-btn:after {
    display: none
}

.timeline-text h2 {
    font-size: 25px;
    line-height: 32px;
    font-weight: 700;
    color: #414141;
    text-align: center
}

.timeline-text p {
    font-size: 15px;
    line-height: 25px;
    color: gray;
    font-weight: 400;
    text-align: center
}

.criteria-inner h2 {
    margin-bottom: 16px
}

.criteria-box-sec span {
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    color: rgba(24, 24, 24, 0.5)
}

.criteria-box-sec h3 {
    font-size: 18px;
    line-height: 23px;
    color: #181818;
    font-family: 'Frutiger-Bold'
}

.criteria-box-sec {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    min-height: 146px;
    margin-bottom: 16px
}

.criteria-inner {
    background-color: #f3f3f3;
    border-radius: 20px;
    padding: 40px;
    position: relative
}

.criteria-inner a {
    margin-left: 15px;
    margin-top: 25px
}

.criteria-img-sec {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0
}

.life-situation-card img {
    border-radius: 25px
}

.criteria-sec-main {
    margin-top: 60px;
    margin-bottom: 80px
}

.accordion-item {
    border: 0;
    border-bottom: 1px solid #bebebe;
    padding: 30px 0 30px 0
}

.accordion-button:focus {
    box-shadow: none;
    outline: 0
}

.accordion-button {
    font-size: 20px;
    line-height: 30px;
    color: #181818;
    padding: 0
}

.accordion-button:not(.collapsed) {
    color: #181818;
    border: 0;
    background-color: transparent;
    box-shadow: none
}

.accordion-body {
    font-size: 15px;
    color: gray;
    line-height: 24px;
    padding: 10px 0
}

.here-to-help-sec {
    border: 1px solid #bebebe;
    padding: 40px;
    border-radius: 20px;
    margin-left: 100px
}

.here-to-help-sec h2 {
    font-size: 25px;
    line-height: 32px;
    color: #181818
}

.here-to-help-sec p {
    font-size: 14px;
    line-height: 21px;
    color: gray;
    max-width: 75%
}

.here-to-help-sec a img {
    width: 13px;
    height: 100%;
    margin-right: 10px
}

.here-to-help-sec a .hover-icon {
    display: none
}

.here-to-help-sec a:hover img:first-child {
    display: none
}

.here-to-help-sec a:hover .hover-icon {
    display: block
}

.here-to-help-sec a p {
    font-size: 16px;
    line-height: 17px;
    color: #bebebe;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.here-to-help-sec a:hover i,
.here-to-help-sec a:hover p {
    color: #cb1019
}

.here-to-help-sec a {
    display: flex;
    text-decoration: none;
    margin-bottom: 10px
}

.here-to-help-sec a i {
    font-size: 13px;
    margin-right: 10px;
    color: #bebebe;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.help-links {
    margin-top: 30px
}

.life-situation-card:hover a {
    color: #64bb47
}

.life-situation-card a {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: #181818;
    max-width: 100%;
    margin-top: 16px;
    margin-left: 15px;
    font-weight: 400;
    transition: all .3s ease-in-out;
    text-decoration: none;
    display: block
}

.life-situation-sec {
    padding: 80px 0;
    background-color: #f8f8f8
}

.life-situation-sec h2 {
    position: absolute
}

.faq-sec-main {
    padding: 80px 0
}

.mobile-time-line-dots {
    display: none
}

.Personal-finance-banner {
    background-color: #f3f3f3;
    padding: 30px 0
}

.desktop-img,
.desktop-btn {
    display: flex
}

.desktop-img {
    display: block
}

.mobile-img,
.mobile-btn {
    display: none
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../../assets/img/faq-close-icon.svg");
    background-size: 12px;
    background-position: center
}

.accordion-button::after {
    background-image: url("../../assets/img/plus-icon.svg");
    background-size: 24px
}

.personal-finance-banner.installment {
    background-color: #f3f3f3;
    padding: 40px 0
}

.personal-finance-banner-top.installment .banner-text h1 {
    max-width: 80%
}

.personal-finance-banner-top.installment .banner-text p {
    max-width: 70%
}

.installment.personal-finance-banner-top {
    padding: 40px 40px 40px 40px
}

.installment-timeline .timeline li span {
    width: 48px;
    padding: 0 17px
}

.installment-timeline-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 100px
}

.installment-timeline-img img {
    width: 535px
}

.find-shop-tab-sec nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.find-shop-tab-sec button.active,
.find-shop-tab-sec button:focus {
    background-color: #64bb47 !important;
    color: #fff !important;
    border: 1px solid #64bb47 !important
}

.find-shop-tab-sec button:hover {
    background-color: #fff !important;
    color: #808080 !important;
    border: 1px solid #bebebe !important
}

.find-shop-tab-sec button {
    height: 37px;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 20px;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 15px;
    line-height: 17px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 12px;
    white-space: nowrap
}

.find-shop-tab-sec .nav-tabs {
    border-bottom: 0
}

.find-shop-tab-sec .tab-content {
    padding: 0 !important;
    border: none !important;
    margin-top: 40px
}

.find-shop-tab-sec .tab-content .image-card {
    margin-bottom: 25px
}

.find-your-shop-sec .swiper-wrapper {
    padding-top: 0;
    padding-bottom: 50px
}

.find-your-shop-sec {
    padding-bottom: 40px
}

.find-your-shop-sec h2 {
    margin-bottom: 20px
}

.find-your-shop-sec .swiper-button-next,
.find-your-shop-sec .swiper-rtl .swiper-button-prev {
    top: auto;
    bottom: 0
}

.find-your-shop-sec .swiper-button-prev,
.find-your-shop-sec .swiper-rtl .swiper-button-next {
    top: auto;
    bottom: 0
}

.find-shop-tab-sec .dropdown-toggle::after {
    display: none
}

.find-shop-tab-sec .dropdown-toggle.show {
    background-color: #64bb47
}

.find-shop-tab-sec .dropdown-menu {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    min-width: 172px;
    border-radius: 10px !important;
    padding: 15px
}

.find-shop-tab-sec .form-check-input:checked {
    background-color: #64bb47;
    border-color: gray;
    border-radius: 4px;
    border: 1.5px solid gray
}

.find-shop-tab-sec .form-check-input:focus {
    box-shadow: none
}

.find-shop-tab-sec .dropdown-menu label {
    font-size: 13px;
    line-height: 19px;
    color: #293228
}

.find-shop-tab-sec .dropdown-menu .form-check {
    display: flex
}

.find-shop-tab-sec .dropdown-menu li {
    margin-bottom: 20px
}

.find-shop-tab-sec .dropdown-menu li:last-child {
    margin-bottom: 0
}

.offers-tab-sec .dropdown-toggle::after {
    display: none
}

.offers-tab-sec .dropdown-toggle.show {
    background-color: #64bb47
}

.offers-tab-sec .dropdown-menu {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    min-width: 172px;
    border-radius: 10px !important;
    padding: 15px
}

.offers-tab-sec .form-check-input:checked {
    background-color: #64bb47;
    border-color: gray;
    border-radius: 4px;
    border: 1.5px solid gray
}

.offers-tab-sec .form-check-input:focus {
    box-shadow: none
}

.offers-tab-sec .dropdown-menu label {
    font-size: 13px;
    line-height: 19px;
    color: #293228
}

.offers-tab-sec .dropdown-menu .form-check {
    display: flex
}

.offers-tab-sec .dropdown-menu li {
    margin-bottom: 20px
}

.offers-tab-sec .filter-control {
    overflow-x: inherit
}

.offers-tab-sec .dropdown-menu li:last-child {
    margin-bottom: 0
}

.credit-cards-home-bnr {
    background-color: #f3f3f3;
    padding: 40px 0 70px 0
}

.credit-cards-home-bnr-inner {
    position: relative
}

.credit-card-home-bnr-text {
    position: absolute;
    top: 40px;
    text-align: center;
    width: 100%
}

.credit-card-home-bnr-text h2 {
    font-size: 40px;
    line-height: 52px;
    max-width: 40%;
    margin: auto;
    color: #fff
}

.credit-card-home-bnr-text a {
    margin: auto;
    margin-top: 30px
}

.credit-cards-home-bnr-blocks {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 65px
}

.credit-cards-home-bnr-blocks a {
    display: flex;
    align-items: flex-start;
    width: 100%
}

.credit-cards-home-bnr-blocks a img {
    width: 24px
}

.credit-cards-home-bnr-blocks a p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #1e1e1e;
    margin-left: 18px;
    max-width: 68%
}

.credit-cards-type-text p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #293228
}

.credit-cards-type-details {
    margin-top: 45px
}

.credit-cards-type-details p {
    display: flex;
    margin-bottom: 20px
}

.credit-cards-type-details span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #1e1e1e;
    max-width: 55%
}

.credit-cards-type-details img {
    width: 24px;
    height: 100%;
    margin-right: 25px
}

.credit-cards-type-text {
    margin-top: 50px
}

.credit-cards-types {
    padding-top: 120px
}

.credit-cards-type-text:last-child {
    padding-left: 50px
}

.card-offers-table {
    padding: 45px 70px;
    background-color: #f3f3f3;
    border-radius: 20px
}

.card-offers-table thead tr {
    height: 68px
}

.card-offers-table table th {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #120e0b;
    text-align: center
}

.card-offers-table .table>thead {
    vertical-align: middle
}

.card-offers-table table th {
    border-bottom: 0
}

.card-offers-table tbody tr td p span {
    font-size: 12px;
    line-height: 13px;
    color: #8d8d8d;
    font-weight: 400
}

.card-offers-table tbody tr td p {
    text-align: center;
    display: grid;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.card-offers-table tbody tr td {
    background-color: #fff;
    border-bottom: 0;
    padding: 15px 18px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.card-offers-table tbody tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.card-offers-table tbody tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

tr.spacer {
    height: 8px !important
}

.card-offers-table tbody {
    vertical-align: middle
}

.one-mission-sec {
    padding: 120px 0
}

.one-mission-sec .container {
    padding: 0 90px
}

.one-mission-sec h2 {
    font-size: 30px;
    line-height: 39px;
    color: #120e0b;
    text-align: center;
    margin-bottom: 40px
}

.help-link-button a {
    width: 205px;
    height: 48px;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    font-size: 16px;
    line-height: 17px;
    color: #bcbcbc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.schedule-fees-sec h2 {
    font-size: 30px;
    line-height: 39px;
    color: #120e0b;
    margin-bottom: 40px
}

.card-offers-table button {
    background-color: #f3f3f3;
    color: rgba(18, 14, 11, 0.5);
    width: auto;
    height: 49px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-right: 20px
}

.card-offers-table button.active,
.card-offers-table button:hover {
    background-color: #64bb47 !important;
    color: #fff !important;
    width: auto;
    height: 49px;
    border-radius: 10px
}

.card-offers-table .nav-tabs {
    border: 0
}

.contact-blocks-card {
    background-color: #f3f3f3;
    border-radius: 20px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    min-height: 216px;
    position: relative
}

.contact-blocks-card-img {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: end;
    height: auto;
    position: absolute;
    right: 30px;
    bottom: 30px
}

.contact-blocks-card-cnt p {
    margin-bottom: 0
}

.contact-blocks-card-cnt span,
.contact-blocks-card-cnt h4 {
    display: block
}

.contact-blocks-card-cnt span a {
    text-decoration: none;
    color: #cb1019;
    transition: all .3s ease-in-out
}

.contact-blocks-card-cnt span a:hover {
    color: rgba(101, 188, 71, 0.7)
}

.contact-blocks-card-img img {
    width: auto;
    height: 50px
}

.contact-blocks-card-img img.mail-icon {
    height: 43px
}

.contact-blocks-card.bottom-blocks {
    flex-wrap: wrap;
    min-height: 220px
}

.contact-blocks-card.bottom-blocks .contact-blocks-card-cnt {
    width: 100%
}

.contact-blocks-card.bottom-blocks .contact-blocks-card-img {
    display: flex;
    justify-content: flex-end
}

.contact-partner-block {
    padding: 25px 45px 40px 45px;
    background-color: #cb1019;
    background-image: url(../../assets/img/contact-partner-bg.png);
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 315px
}

.contact-partner-block a:hover,
.contact-partner-block a:focus {
    border: 1px solid #bebebe !important;
    color: #808080 !important;
    background-color: #fff !important
}

.contact-partner-block img {
    margin-bottom: 10px;
    width: 35px
}

.contact-partner-block h2 {
    color: #fff !important;
    max-width: 80%;
    margin-bottom: 50px
}

.contact-social-media a img {
    width: 35px
}

.contact-social-media a {
    margin-right: 20px
}

.contact-joinus-box {
    background-color: #f3f3f3;
    border-radius: 20px;
    padding: 25px 0 0 37px;
    display: flex;
    min-height: 315px
}

.contact-joinus-box-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column
}

.contact-joinus-box-image {
    display: flex;
    align-items: flex-end
}

.contact-social-media {
    margin-bottom: 47px
}

.contact-joinus-box-image img {
    border-radius: 20px
}

.contact-blocks {
    padding: 40px 0 80px 0
}

.contact-blocks h1 {
    margin-bottom: 40px
}

.offers-main-bnr {
    background-color: #f4f4f4;
    padding: 80px 0
}

.offers-main-bnr h1 {
    max-width: 35%
}

.offers-main-bnr p {
    max-width: 50%
}

.main-faq-block .input-group {
    max-width: 524px;
    height: 48px;
    margin-top: 32px
}

.main-faq-block .input-group img {
    width: 24px
}

.main-faq-block .input-group-text {
    background-color: transparent;
    border-radius: 10px 0 0 10px;
    border: 1px solid #e5e5e5;
    border-right: 0
}

.main-faq-block input,
.main-faq-block input:focus {
    border-left: none !important;
    padding-left: 0;
    border-radius: 0 10px 10px 0;
    border: 1px solid #e5e5e5
}

.main-faq-block input::-moz-placeholder {
    font-size: 15px;
    line-height: 24px;
    color: #979797
}

.main-faq-block input::placeholder {
    font-size: 15px;
    line-height: 24px;
    color: #979797
}

.main-faq-block input:focus {
    outline: 0;
    box-shadow: none
}

.filter-btn,
.dropdown-filter-btn {
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 10px;
    height: 37px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 15px;
    line-height: normal;
    color: #181818;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    margin-right: 12px;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.dropdown-filter-btn:focus,
.dropdown-filter-btn.active {
    background-color: #cb1019;
    color: #fff !important;
    border: 1px solid #cb1019
}

.dropdown-filter-btn:hover {
    border: 1px solid #bebebe;
    color: #181818
}

.filter-btn button {
    border: 0;
    background-color: transparent
}

.filter-btn img {
    display: none;
    margin-left: 10px;
    margin-top: 3px
}

.filter-btn.active {
    background-color: #cb1019;
    color: #fff;
    border: 1px solid #cb1019
}

.filter-btn.active img {
    display: flex
}

.filter-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -8px;
    margin-right: -8px;
    width: 100%;
    position: relative
}

.filter-control {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: scroll;
    padding-left: 10px
}

.filter-control::-webkit-scrollbar {
    display: none
}

.filter-content {
    background: #fff;
    border-radius: 4px;
    margin-top: 40px
}

.home-offer-card {
    margin-bottom: 56px
}

.offers-tab-sec {
    padding: 72px 0
}

input.filter-btn {
    padding: 0;
    width: 16px;
    height: 16px;
    margin-top: 8px
}

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

input.filter-btn:focus {
    outline: 0;
    box-shadow: none
}

.more-btn-drop li {
    margin-bottom: 10px
}

.offer-info-bnr {
    background-color: #f3f3f3;
    padding: 40px 0 65px 0
}

.oferr-info-bnr-inner {
    background-color: #fff;
    border-radius: 20px
}

.offer-info-bnr-cnt {
    padding: 40px 0 40px 50px
}

.offer-info-bnr-cnt.careers-page-sec {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.offer-info-bnr-cnt.careers-page-sec h1 {
    max-width: 90%
}

.offer-info-bnr-cnt.careers-page-sec .offer-info-bnr-btns {
    margin-top: 30px
}

.career-bnr-slider .offer-info-bnr-img img {
    height: 515px;
    -o-object-fit: cover;
    object-fit: cover
}

.offer-info-bnr-cnt h1 {
    font-size: 40px;
    line-height: 52px;
    color: #181818;
    max-width: 70%
}

.offer-info-bnr-cnt p {
    max-width: 63%;
    margin-bottom: 32px
}

.offer-info-bnr-cnt span {
    font-size: 14px;
    line-height: 21px;
    color: #727272;
    font-weight: 700
}

.offer-info-bnr-btns {
    display: flex;
    margin-bottom: 56px
}

.offer-info-bnr-btns .apply-now-btn {
    width: 162px;
    height: 48px;
    background-color: #64bb47;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-right: 12px;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.offer-info-bnr-btns .apply-now-btn:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.offer-info-bnr-btns .terms-btn {
    width: 183px;
    height: 48px;
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 10px;
    color: #bebebe;
    font-size: 16px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    transition: all .3s ease-in-out
}

.offer-info-bnr-btns .terms-btn:hover {
    color: #181818;
    border: 1px solid #181818
}

.offer-info-bnr-img {
    height: 100%;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover
}

.offer-info-benefits {
    padding: 80px 0 72px 0
}

.offer-info-benefits-cnt p {
    margin-bottom: 40px;
    max-width: 80%
}

.offer-info-benefits-icon-sec .link-type-7 {
    width: 162px;
    align-items: center;
    justify-content: center
}

.offer-info-benefits-icon-sec a {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 62px
}

.offer-info-benefits-icon-sec a img {
    width: 24px
}

.offer-info-benefits-icon-sec a p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #1e1e1e;
    margin-left: 18px;
    max-width: 78%
}

.start-using-today-sec.offer-info-page .timeline-btn {
    background: #f3f3f3
}

.start-using-today-sec.offer-info-page .timeline li span {
    background-color: #fff
}

.start-using-today-sec.offer-info-page .timeline .timeline-btn:after {
    z-index: 999
}

.social-media-bnr {
    background-image: url("../../assets/img/social-media-bnr.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 260px;
    border-radius: 20px;
    padding: 55px 62px;
    margin: 72px 0
}

.social-media-bnr h2 {
    color: #fff;
    font-size: 30px;
    line-height: 39px
}

.social-media-bnr-icons {
    display: flex;
    margin-top: 20px
}

.social-media-bnr-icons a {
    margin-right: 20px
}

.social-media-bnr-icons a img {
    width: 32px;
    height: 32px
}

.apply-form-main {
    padding: 30px
}

.modal-body {
    padding: 0
}

.modal-dialog {
    max-width: 617px
}

.apply-form-main h2 {
    margin-bottom: 40px
}

.apply-form-main input:focus {
    outline: 0;
    box-shadow: none
}

.apply-form-main input {
    border: 0;
    border-bottom: 2px solid #c1c1c1;
    border-radius: 0;
    margin-bottom: 40px
}

.apply-form-main textarea {
    resize: none;
    border: 0;
    border-bottom: 2px solid #c1c1c1;
    border-radius: 0
}

.apply-form-main label {
    font-size: 16px;
    line-height: 24px;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400
}

.textarea-count {
    font-size: 16px;
    line-height: normal;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400;
    text-align: right;
    display: block
}

.form-check {
    display: flex;
    align-items: center
}

.form-check input {
    width: 13px;
    height: 13px;
    border: 2px solid #bebebe;
    border-radius: 0 !important;
    margin-right: 13px;
    margin-bottom: 0;
    border-radius: 4px !important
}

.apply-form-main a {
    margin-top: 52px
}

.offers-page-social-bnr .social-media-bnr.desktop-img {
    background-image: url("../../assets/img/offer-page-social-desktop-bnr.png");
    border-radius: 20px;
    padding: 35px 52px;
    min-height: 380px;
    margin: 0 0 40px 0
}

.offers-page-social-bnr .social-media-bnr h2 {
    font-size: 30px;
    line-height: 39px;
    font-weight: 700;
    color: #fff;
    max-width: 35%;
    margin-top: 16px
}

.offers-page-social-bnr .social-media-bnr p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    max-width: 35%;
    margin-bottom: 40px
}

.raice-request-forms-tabs nav .nav-tabs {
    border-bottom: none !important;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 10px
}

.raice-request-forms-tabs nav button {
    background-color: #fff;
    border: 1px solid #bebebe !important;
    color: #181818;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    border-radius: 10px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 41px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 15px;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.raice-request-forms-tabs nav button.active,
.raice-request-forms-tabs nav button:focus {
    background-color: #cb1019 !important;
    color: #fff !important;
    border: 1px solid #cb1019 !important
}

.raice-request-forms-tabs nav button:hover {
    background-color: #fff !important;
    color: #808080 !important;
    border: 1px solid #bebebe !important
}

.form-warning-msg {
    margin: 32px 0
}

.form-warning-msg p {
    color: red;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 80%
}

.raice-request-forms-tabs form {
    max-width: 50%
}

.raice-request-forms-tabs input:focus,
.raice-request-forms-tabs select:focus {
    outline: 0;
    box-shadow: none
}

.raice-request-forms-tabs input,
.raice-request-forms-tabs select {
    border: 0;
    border-bottom: 2px solid #c1c1c1;
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 0
}

.raice-request-forms-tabs input:focus,
.raice-request-forms-tabs select:focus {
    border-bottom: 2px solid #cb1019
}

.raice-request-forms-tabs select option:hover {
    background-color: red
}

.raice-request-forms-tabs textarea {
    resize: none;
    border: 0;
    border-bottom: 2px solid #c1c1c1;
    border-radius: 0;
    padding: 0
}

.raice-request-forms-tabs textarea:focus {
    outline: 0;
    box-shadow: none
}

.raice-request-forms-tabs label {
    font-size: 16px;
    line-height: 24px;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400
}

.raice-request-forms-tabs input::-moz-placeholder,
.raice-request-forms-tabs textarea::-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400
}

.raice-request-forms-tabs input::placeholder,
.raice-request-forms-tabs textarea::placeholder {
    font-size: 16px;
    line-height: 24px;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400
}

.raice-request-forms-tabs .textarea-count {
    font-size: 16px;
    line-height: normal;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400;
    text-align: right;
    display: block
}

.raice-request-forms-tabs .form-check {
    display: flex;
    align-items: center
}

.raice-request-forms-tabs .form-check input {
    width: 13px;
    height: 13px;
    border: 1px solid #181818;
    border-radius: 0 !important;
    margin-right: 13px;
    margin-bottom: 0
}

.raice-request-forms-tabs a {
    margin-top: 52px
}

.form-title-cnt {
    margin: 32px 0 40px 0
}

.have-questions-sec {
    padding: 100px 0 80px 0
}

.have-questions-sec h2 {
    margin-bottom: 40px
}

.call-block-card {
    margin-top: -100px
}

.raice-request-forms {
    margin-top: 80px
}

.raice-request-forms-tabs nav .nav-tabs::-webkit-scrollbar {
    display: none
}

.board-reports-main {
    padding: 50px 0 80px 0
}

.board-reports-main h1 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    margin-bottom: 32px;
    color: #181818
}

.board-report-card {
    padding: 24px 30px;
    background-color: #f3f3f3;
    border-radius: 20px;
    min-height: 157px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-image: url("../../assets/img/board-report-card-bg.png");
    background-repeat: no-repeat;
    background-position: right 100%;
    margin-bottom: 25px;
    background-size: contain
}

.board-report-card h2 {
    max-width: 65%
}

.board-report-card a {
    font-size: 15px;
    line-height: 16px;
    color: #64bb47;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.finitials-statement-links {
    padding-left: 65px;
    display: flex;
    flex-wrap: wrap
}

.finitials-statement-links a {
    margin-bottom: 16px;
    text-decoration: none;
    transition: all .3s ease-in-out;
    width: 100%
}

.finitials-statement-links a:hover,
.board-report-card a:hover {
    color: rgba(101, 188, 71, 0.5)
}

.finitials-card {
    display: flex;
    align-items: flex-start;
    margin-bottom: 65px
}

.finitials-main-sec h2 {
    margin-bottom: 56px
}

.main-faq-block .nav-link.active,
.main-faq-block .nav-link:hover {
    background-color: #64bb47 !important;
    color: #fff !important;
    border: 1px solid #64bb47 !important
}

.main-faq-block .nav-link {
    white-space: nowrap;
    height: 41px;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 15px;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 15px;
    line-height: 17px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 12px
}

.main-faq-block .nav-tabs {
    border-bottom: 0
}

.main-faq-block .tab-content {
    padding: 0 !important;
    border: none !important;
    margin-top: 40px
}

.main-faq-block .accordion-item {
    border-radius: 0 !important;
    margin-right: 15px;
    border-bottom: 1px solid #e5e5e5
}

.main-faq-block .faq-sec-main {
    padding: 0 0 80px 0
}

.fees-and-charges-main {
    margin-top: 80px
}

.fees-and-charges-tabs .nav-link.active,
.fees-and-charges-tabs .nav-link:focus {
    background-color: #64bb47 !important;
    color: #fff !important;
    border: 1px solid #64bb47 !important
}

.fees-and-charges-tabs .nav-link:hover {
    background-color: #fff;
    color: gray;
    border: 1px solid #bebebe
}

.fees-and-charges-tabs .nav-link {
    white-space: nowrap;
    height: 41px;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 15px;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 15px;
    line-height: 17px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 12px
}

.fees-and-charges-tabs .nav-tabs {
    border-bottom: 0
}

.fees-and-charges-table {
    max-width: 555px;
    margin-right: 30px
}

.fees-and-charges-table tr {
    height: auto
}

.fees-and-charges-table .table>thead {
    vertical-align: middle
}

.fees-and-charges-table table th {
    border-bottom: 0;
    padding: 15px 18px
}

.fees-and-charges-table tbody tr td {
    background-color: #f3f3f3;
    border-bottom: 0;
    padding: 15px 18px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.fees-and-charges-table tbody tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.fees-and-charges-table tbody tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.fees-and-charges-table tbody {
    vertical-align: middle
}

.table-head-sec {
    width: 220px
}

.fees-and-charges-tabs .tab-content {
    margin-top: 40px
}

.fees-and-charges-conditions span {
    font-size: 12px;
    line-height: 20px;
    color: gray;
    font-weight: 400
}

.fees-and-charges-conditions p {
    font-size: 12px;
    line-height: 20px;
    color: #bebebe;
    font-weight: 400;
    margin-bottom: 15px
}

.fees-and-charges-tabs h1 {
    font-size: 40px;
    line-height: 52px;
    color: #181818;
    margin-bottom: 16px
}

.emi-calculator-tabs .nav-link.active,
.emi-calculator-tabs .nav-link:focus {
    background-color: #64bb47 !important;
    color: #fff !important;
    border: 1px solid #64bb47 !important
}

.emi-calculator-tabs .nav-link:hover {
    background-color: #fff;
    color: gray;
    border: 1px solid #bebebe
}

.emi-calculator-tabs .nav-link {
    white-space: nowrap;
    height: 41px;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 15px;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 15px;
    line-height: 17px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 12px
}

.emi-calculator-tabs .nav-tabs {
    border-bottom: 0
}

.calculatorf-form-sec {
    max-width: 500px;
    margin-right: 55px
}

.calculatorf-form-sec input:focus,
.calculatorf-form-sec select:focus {
    outline: 0;
    box-shadow: none;
    border-bottom: 2px solid #cb1019
}

.calculatorf-form-sec input,
.calculatorf-form-sec select {
    border: 0;
    border-bottom: 2px solid #c1c1c1;
    border-radius: 0;
    margin-bottom: 40px;
    padding-left: 0
}

.calculatorf-form-sec input::-moz-placeholder {
    color: #181818
}

.calculatorf-form-sec input::placeholder {
    color: #181818
}

.calculatorf-form-sec textarea {
    resize: none;
    border: 0;
    border-bottom: 2px solid #c1c1c1;
    border-radius: 0
}

.calculatorf-form-sec label {
    font-size: 16px;
    line-height: 24px;
    color: rgba(24, 24, 24, 0.5);
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: end
}

.calculatorf-form-sec h2 {
    margin-bottom: 30px
}

.calculatorf-form-sec .radio-btn {
    margin-bottom: 0 !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #cb1019 !important;
    border-radius: 50% !important
}

.calculatorf-form-sec .radio-btns-main {
    margin: 15px 0 25px 0
}

.calculatorf-form-sec .radio-btns-main .form-check {
    margin-right: 40px
}

.calculatorf-form-sec .radio-btns-main label {
    color: #181818
}

.calculatorf-form-btns {
    display: flex
}

.calculatorf-form-btns a {
    font-size: 15px;
    line-height: 16.5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    border-radius: 10px;
    padding: 15px 39px;
    text-decoration: none;
    margin-right: 12px
}

.calculatorf-form-btns .cal-btn {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff;
    transition: all .3s ease-in-out
}

.calculatorf-form-btns .cal-btn:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.calculatorf-form-btns .refresh-btn {
    background-color: #fff;
    border: 1px solid #bebebe;
    color: #bebebe;
    transition: all .3s ease-in-out
}

.calculatorf-form-btns .refresh-btn:focus {
    background-color: #cb1019;
    border: 1px solid #cb1019 !important;
    color: #fff !important
}

.calculatorf-form-btns .refresh-btn:hover {
    color: #181818;
    border: 1px solid #181818
}

.terms-conditions {
    margin-top: 24px
}

.terms-conditions span {
    font-size: 12px;
    line-height: 20px;
    color: #979797
}

.terms-conditions p {
    font-size: 12px;
    line-height: 20px;
    color: #181818;
    margin-bottom: 0
}

.emi-calculator-main {
    margin-top: 80px
}

.emi-calculator-main h2 {
    margin-bottom: 16px
}

.emi-calculator-main .tab-content>.active {
    display: flex;
    padding: 42px 47px;
    border: 2px solid #cb1019;
    border-radius: 20px;
    margin-bottom: 40px;
    margin-top: 25px
}

.calculator-results-sec {
    background-color: #cb1019;
    width: 100%;
    border-radius: 20px;
    padding: 32px 37px 40px 37px;
    height: 100%
}

.finance-amount-sec p {
    font-size: 22px;
    line-height: normal;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px
}

.finance-amount-sec span {
    color: rgba(244, 244, 244, 0.5);
    font-size: 15px;
    line-height: 25px
}

.total-amount-sec {
    margin-bottom: 25px
}

.total-amount-sec span,
.total-amount-sec p,
.vat-fee-sec p,
.vat-fee-sec span {
    font-size: 15px;
    line-height: 25px;
    color: #fff
}

.total-amount-sec p span {
    margin-right: 20px
}

.vat-fee-sec {
    display: flex;
    margin-bottom: 32px
}

.vat-sec-in {
    margin-right: 50px
}

.vat-sec-in p {
    margin-top: 12px
}

.apr-sec-in p {
    margin-top: 12px
}

.processing-fee-sec-in p {
    margin-top: 12px
}

.apr-sec-in {
    margin-right: 50px
}

.calculator-results-sec a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    padding: 10px 25px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #181818;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    color: #64bb47
}

.calculator-results-sec a:hover {
    color: gray;
    border: 1px solid #bebebe
}

.double-table-sec {
    display: flex
}

.about-main-bnr {
    min-height: 480px;
    background-image: url("../../assets/img/about-main-bnr-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000
}

.about-bnr-cnt h1 {
    font-size: 45px;
    line-height: 55px;
    color: #fff;
    max-width: 50%;
    font-weight: bold
}

.about-bnr-cnt {
    padding-top: 104px
}

.about-plan-cnt p {
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

.about-plan-cnt {
    background-color: #f8f8f8;
    padding: 130px 0;
    background-image: url("../../assets/img/about-content-bg.png");
    background-position: center;
    background-repeat: no-repeat
}

.about-mission-card {
    background-color: #f3f3f3;
    border-radius: 20px
}

.about-mission-cnt {
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    flex-direction: column
}

.about-mission-cnt p {
    margin-bottom: 0
}

.about-mission-section {
    margin-top: 104px
}

.about-vision-card {
    background-color: #f3f3f3;
    border-radius: 20px
}

.about-vision-cnt {
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    flex-direction: column
}

.about-vision-cnt p {
    margin-bottom: 0
}

.about-vision-section {
    margin-top: 104px
}

.about-page-sec .your-get-way-card-main {
    margin-top: 80px;
    display: flex;
    flex-wrap: nowrap
}

.about-page-sec.home-your-get-way-sec p {
    max-width: 100%
}

.about-page-sec.home-your-get-way-sec {
    background-image: none;
    background-color: #f8f8f8;
    padding: 80px 0;
    margin-top: 104px
}

.about-page-sec.home-your-get-way-sec .your-get-way-card {
    max-width: 240px;
    margin-right: 30px
}

.award-cards-main {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 0
}

.award-cards-main img {
    margin-bottom: 27px;
    width: auto;
    height: 109px
}

.award-cards-main p {
    font-size: 15px;
    line-height: 15px;
    color: #1e1e1e;
    font-weight: bold;
    margin-bottom: 0
}

.award-cards-main span {
    font-size: 15px;
    line-height: normal;
    color: #1e1e1e
}

.about-awards-section {
    margin-top: 104px
}

.about-awards-section h2 {
    max-width: 60%
}

.our-team-tabs .nav-link.active,
.our-team-tabs .nav-link:focus {
    background-color: #64bb47 !important;
    color: #fff !important;
    border: 1px solid #64bb47 !important
}

.our-team-tabs .nav-link:hover {
    background-color: #fff;
    color: gray;
    border: 1px solid #bebebe
}

.our-team-tabs .nav-link {
    white-space: nowrap;
    height: 41px;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 15px;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 15px;
    line-height: 17px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 12px
}

.our-team-tabs .nav-tabs {
    border-bottom: 0
}

.team-member-details h4 {
    font-size: 20px;
    line-height: 22px;
    color: #293228;
    font-weight: 400;
    margin-bottom: 0
}

.team-member-details a {
    font-size: 16px;
    line-height: 30px;
    color: #64bb47;
    font-weight: 700;
    text-decoration: none;
    margin-top: 5px;
    display: block;
    box-shadow: none;
    outline: 0
}

.team-member-details span {
    color: #979797;
    font-size: 14px;
    line-height: normal;
    width: 100%;
    display: block
}

.team-member-details {
    display: block;
    padding: 10px 35px
}

.team-member-card img {
    border-radius: 20px;
    width: 100%
}

.team-member-card {
    margin-bottom: 45px
}

.our-team-tabs {
    margin-top: 15px
}

.our-team-tabs .tab-content {
    margin-top: 40px
}

.about-our-team-main {
    margin-top: 104px
}

.join-our-team-main {
    padding: 85px 0 65px 0;
    background-color: #f3f3f3;
    margin-top: 40px
}

.join-our-team-cnt p {
    font-size: 16px;
    line-height: 24px;
    color: #293228;
    margin-bottom: 45px
}

.join-our-team-cnt {
    padding-right: 80px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.join-our-team-cnt a {
    background-color: #64bb47;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    border: 1px solid #64bb47
}

.join-our-team-cnt a:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.about-mission-card img {
    border-radius: 0 20px 20px 0
}

.about-vision-card img {
    border-radius: 20px 0 0 20px
}

.careers-main-bnr {
    background-color: #f3f3f3;
    padding: 40px 0
}

.career-main-bnr-inner {
    background-color: #fff;
    border-radius: 20px
}

.career-bnr-cnt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 40px;
    flex-wrap: wrap
}

.career-bnr-cnt h2 {
    font-size: 40px;
    line-height: 52px;
    color: #181818;
    max-width: 85%
}

.career-bnr-cnt p {
    max-width: 70%;
    margin-bottom: 20px
}

.career-bnr-slider .swiper-button-next {
    right: 32px;
    bottom: 24px;
    top: auto;
    background-image: url("../../assets/img/career-next.png");
    background-size: contain
}

.career-bnr-slider .swiper-button-prev {
    right: 79px;
    bottom: 24px;
    top: auto;
    background-image: url("../../assets/img/career-next.png");
    background-size: contain
}

.career-bnr-slider {
    border-radius: 0 20px 20px 0
}

.career-bnr-slider .swiper-wrapper {
    padding-top: 0
}

.careers-entrepreneurs-sec {
    margin-top: 80px
}

.careers-entrepreneurs-sec h2 {
    margin-bottom: 15px
}

.careers-entrepreneurs-sec p {
    font-size: 16px;
    line-height: 24px;
    color: #293228;
    margin-bottom: 0;
    max-width: 60%
}

.career-entrepreneurs-cards {
    margin-top: 30px
}

.career-entrepreneurs-cards-inner img {
    border-radius: 20px;
    margin-bottom: 24px
}

.career-core-values-sec h2 {
    margin-bottom: 30px
}

.career-core-values-sec {
    margin-top: 90px
}

.core-values-card img {
    height: 50px;
    margin-bottom: 7px
}

.core-values-card {
    margin-bottom: 40px
}

.career-contact-bnr {
    margin-top: 60px
}

.career-contact-bnr-in {
    background-image: url("../../assets/img/career-ad-bnr.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    text-align: center;
    border-radius: 20px
}

.career-contact-bnr-in img {
    margin-top: 40px;
    margin-bottom: 15px;
    width: 35px
}

.career-contact-bnr-in h2 {
    font-size: 30px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 50px
}

.career-contact-bnr-in a {
    background-color: #fff;
    padding: 15px 15px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 30px;
    color: #1e1e1e;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #bebebe;
    transition: all .3s ease-in-out
}

.career-contact-bnr-in a:hover {
    color: gray
}

.explore-the-products-sec {
    margin-top: 100px;
    margin-bottom: 50px
}

.spl-offer-btn {
    font-size: 15px;
    line-height: 23.5px;
    color: #000;
    font-weight: 400;
    padding: 6px 15px;
    border-radius: 10px;
    border: 1px solid #64bb47;
    text-decoration: none;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0;
    margin-right: -5px
}

.spl-offer-btn:focus {
    background-color: #64bb47;
    color: #fff
}

.home-offer-card span {
    opacity: 1 !important
}

.home-offer-card .offer-expired .link-type-8 {
    pointer-events: none
}

.home-offer-card .offer-expired {
    opacity: .5
}

.image-card-col {
    margin-bottom: 24px
}

.offer-info-bnr-img {
    background-color: #fff
}

.credit-cards-banner {
    background-color: #f3f3f3;
    padding: 40px 0
}

.credit-cards-banner-in {
    background-color: #fff;
    max-height: 700px;
    border-radius: 20px;
    display: flex;
    width: 100%
}

.credit-cards-banner-cnt {
    width: 65%;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.credit-cards-banner-img {
    width: 50%
}

.credit-cards-banner-img img {
    width: 85%
}

.credit-cards-banner-cnt h1 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    color: #181818;
    margin-bottom: 24px;
    max-width: 80%
}

.credit-cards-banner-cnt h1 span {
    color: #cb1019
}

.credit-cards-banner-disc p {
    font-size: 20px;
    line-height: 26px;
    color: #1e1e1e;
    margin-bottom: 6px
}

.credit-cards-banner-disc img {
    width: 24px;
    margin-right: 10px
}

.credit-cards-banner-buttons a {
    background-color: #64bb47;
    border: 1px solid #64bb47;
    color: #fff;
    border-radius: 10px;
    padding: 10px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    transition: all .3s ease-in-out;
    outline: 0
}

.credit-cards-banner-buttons a:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.credit-cards-banner-buttons {
    display: flex;
    align-items: center;
    margin-top: 32px
}

.credit-cards-banner-buttons span {
    font-size: 16px;
    line-height: 30px;
    color: #181818;
    margin: 0 40px;
    font-weight: 700
}

.credit-card-main-slider .swiper-slide {
    display: flex
}

.credit-card-main-slider .swiper-wrapper {
    padding: 0;
    padding-bottom: 50px
}

.credit-card-main-slider .swiper-button-next,
.credit-card-main-slider .swiper-rtl .swiper-button-prev {
    right: 48%;
    top: auto;
    bottom: 26px
}

.credit-card-main-slider .swiper-button-prev,
.credit-card-main-slider .swiper-rtl .swiper-button-next {
    right: 52.5%;
    top: auto;
    bottom: 26px
}

.credit-cards-highlights-in .col-md-4:nth-child(1) img,
.credit-cards-highlights-in .col-md-4:nth-child(4) img,
.credit-cards-highlights-in .col-md-4:nth-child(6) img {
    height: 58px;
    margin-top: 0
}

.credit-cards-highlights-in .col-md-4 img {
    height: 48px;
    margin-bottom: 10px;
    margin-top: 10px
}

.credit-cards-highlights-cnt p {
    font-size: 20px;
    line-height: 26px;
    color: #1e1e1e;
    max-width: 90%
}

.credit-cards-highlights {
    padding: 56px 0
}

.credit-cards-highlights-cnt {
    margin-bottom: 57px
}

.cards-benifits-img {
    padding: 50px 111px;
    background-color: rgba(101, 188, 71, 0.5);
    border-radius: 20px 20px 0 0
}

.cards-benifits-cnt {
    background-color: #f3f3f3;
    border-radius: 0 0 20px 20px;
    padding: 32px 36px
}

.cards-benifits-cnt ul {
    list-style-type: none;
    padding-left: 0
}

.cards-benifits-cnt ul p {
    margin-bottom: 10px
}

.cards-benifits-cnt ul img {
    width: 12px;
    margin-right: 12px
}

.cards-benifits-cnt a {
    background-color: #fefefe;
    padding: 15px 39px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid #bebebe;
    color: #bebebe;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 20px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cards-benifits-cnt a:hover {
    color: #181818;
    border: 1px solid #181818
}

.cards-benifits-sec h2 {
    margin-bottom: 40px
}

.credit-cards-calculator-tabs {
    margin-top: 16px
}

.credit-cards-calculator-tabs .nav-link.active,
.credit-cards-calculator-tabs .nav-link:focus {
    background-color: #64bb47 !important;
    color: #fff !important;
    border: 1px solid #64bb47 !important
}

.credit-cards-calculator-tabs .nav-link:hover {
    background-color: #fff;
    color: gray;
    border: 1px solid #bebebe
}

.credit-cards-calculator-tabs .nav-link {
    white-space: nowrap;
    height: 41px;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 15px;
    border: 1px solid #bebebe !important;
    color: #000;
    font-size: 15px;
    line-height: 17px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    margin-right: 12px
}

.credit-cards-calculator-tabs .nav-tabs {
    border-bottom: 0
}

.credit-cards-calculator-sec {
    background-color: #f3f3f3;
    padding: 50px 0;
    margin-top: 80px
}

.credit-cards-calculator-main h4 {
    font-size: 20px;
    line-height: 26px;
    color: #120e0b;
    font-weight: 400;
    margin-top: 40px
}

.credit-cards-calculator-main {
    background-color: #fff;
    border-radius: 20px;
    padding: 32px 50px;
    margin-top: 40px
}

.range-slider-main {
    display: flex
}

.range-slider-main img {
    width: 56px;
    height: 56px;
    margin-right: 15px
}

.range-input-sec {
    width: 100%
}

.range-input-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.range-input-title p {
    margin-bottom: 0;
    max-width: 70%
}

.range-slider-main {
    margin-top: 27px;
    padding-right: 80px
}

.range-input-title span {
    font-size: 20px;
    line-height: 26px;
    border-bottom: 2px solid #c1c1c1;
    color: #181818
}

.range-input-title input {
    font-size: 20px;
    line-height: 26px;
    color: #181818;
    border: 0;
    text-align: right
}

.range-input-title input:focus-visible {
    outline: 0;
    box-shadow: none
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type='range'] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#64bb47, #64bb47);
    background-size: 70% 100%;
    background-repeat: no-repeat
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #64bb47;
    cursor: pointer;
    margin-top: -5px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

input[type='range']::-moz-range-thumb {
    -webkit-appearance: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #64bb47;
    cursor: pointer;
    margin-top: -5px;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

input[type='range']::-ms-thumb {
    -webkit-appearance: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #64bb47;
    cursor: pointer;
    margin-top: -5px;
    -ms-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

input[type='range']::-webkit-slider-thumb:hover {
    background: #64bb47
}

input[type='range']::-moz-range-thumb:hover {
    background: #64bb47
}

input[type='range']::-ms-thumb:hover {
    background: #64bb47
}

input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: #64bb47;
    height: 2px
}

input[type='range']::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: #64bb47;
    height: 2px
}

input[type='range']::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: #64bb47;
    height: 2px
}

.range-input-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.credit-cards-calculator-result-card {
    background-color: #64bb47;
    border-radius: 20px;
    width: 100%;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px
}

.credit-cards-calculator-result-card span {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    opacity: .5
}

.credit-cards-calculator-result-card p {
    font-size: 33px;
    line-height: 36px;
    color: #fff;
    font-size: 700;
    margin-bottom: 35px
}

.credit-cards-calculator-result-card a {
    background-color: #fff;
    border-radius: 10px;
    color: #64bb47;
    padding: 10px 40px;
    font-size: 16px;
    line-height: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    text-decoration: none;
    font-weight: 700
}

.simple-steps-sec {
    padding: 80px 0;
    text-align: center
}

.simple-steps-sec p {
    max-width: 35%;
    margin: auto
}

.simple-steps-card {
    display: flex;
    align-items: center;
    flex-direction: column
}

.simple-steps-card img {
    width: 160px;
    margin-bottom: 24px
}

.simple-steps-card span {
    font-size: 20px;
    line-height: normal;
    color: #64bb47;
    border-radius: 10px;
    background-color: #f3f3f3;
    padding: 11px 31px;
    margin-bottom: 24px;
    font-weight: 700
}

.simple-steps-card h5 {
    font-size: 23px;
    line-height: 26px;
    color: #414141;
    margin-bottom: 10px
}

.simple-steps-card p {
    max-width: 100%
}

.simple-steps-card-main {
    margin-top: 56px
}

.app-store-sec img {
    height: 31px
}

.credit-card-benifits-slider {
    margin-top: -80px
}

.personal-finance-timeline.credit-card-mobile {
    display: none
}

.simple-steps-card-main a {
    margin-top: 50px !important;
    margin: auto
}

.credit-cards-calculator-main.calculatorf-form-btns {
    margin-top: 56px
}

.calculator-results-sec.credit-card-page .total-amount-sec span,
.calculator-results-sec.credit-card-page .total-amount-sec p {
    font-size: 14px;
    line-height: 21px;
    display: flex;
    padding-bottom: 0
}

.calculator-results-sec.credit-card-page .total-amount-sec a {
    font-size: 12px !important;
    font-size: 20px;
    color: #e9e9e9;
    text-decoration: underline;
    background-color: transparent;
    padding: 0;
    font-weight: 400;
    border: 0;
    margin-top: 0
}

.calculator-results-sec.credit-card-page {
    height: auto
}

.calculator-results-sec.credit-card-page a {
    margin-top: 58px
}

.modal-content {
    border-radius: 20px
}

.error-page-sec {
    background-image: url(../../assets/img/404-desktop.png);
    background-size: cover;
    min-height: 880px;
    background-repeat: no-repeat
}

.error-cnt p {
    font-size: 40px;
    line-height: 52px;
    color: #181818;
    font-weight: 700;
    margin-bottom: 32px
}

.error-cnt h1 {
    font-size: 70px;
    line-height: 90px;
    font-weight: 700;
    color: #181818
}

.error-cnt a {
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    background-color: #cb1019;
    border: 1px solid #cb1019;
    border-radius: 10px;
    padding: 15px 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.error-cnt a:hover {
    background-color: rgba(101, 188, 71, 0.7);
    border: 1px solid #93d07e
}

.error-cnt {
    position: absolute;
    right: 20%;
    top: 37%
}

.mobile-range-sliders {
    display: none
}

.find-us-page-main h1 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 16px
}

.find-us-page-main .input-group {
    max-width: 524px;
    height: 48px;
    margin-top: 0
}

.find-us-page-main .input-group img {
    width: 24px
}

.find-us-page-main .input-group-text {
    background-color: transparent;
    border-radius: 10px 0 0 10px;
    border: 1px solid #e5e5e5;
    border-right: 0
}

.find-us-page-main input {
    border-left: none !important;
    padding-left: 0;
    border-radius: 0 10px 10px 0;
    border: 1px solid #e5e5e5
}

.find-us-page-main input::-moz-placeholder {
    font-size: 15px;
    line-height: 24px;
    color: #979797
}

.find-us-page-main input::placeholder {
    font-size: 15px;
    line-height: 24px;
    color: #979797
}

.find-us-page-main input:focus {
    outline: 0;
    box-shadow: none;
    border-color: #e5e5e5
}

.find-us-block-card {
    background-color: #f3f3f3;
    border-radius: 20px;
    width: 100%;
    padding: 30px 34px
}

.left-side-cnt {
    padding-left: 38px
}

.find-us-page-main {
    margin-top: 50px;
    display: flex
}

.find-us-page-main .left-side-cnt {
    width: 40%;
    padding-right: 53px;
    height: 100vh;
    overflow-y: scroll
}

.find-us-page-main .left-side-cnt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.find-us-page-main .left-side-cnt::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
    display: none
}

.find-us-page-main .left-side-cnt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #dcdcdc
}

.find-us-map {
    width: 100%;
    height: 100vh;
    margin: 0
}

.find-us-page-main .right-side-cnt {
    width: 60%;
    height: 100vh;
    overflow: hidden
}

.find-us-page-main .filter-list {
    margin-left: 0
}

.find-us-page-main .filter-control {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 24px
}

.find-us-block-card h3 {
    font-size: 23px;
    line-height: 30px;
    color: #120e0b
}

.find-us-block-card p {
    margin-bottom: 0
}

.find-us-btns {
    margin-top: 16px;
    display: flex
}

.find-us-btns a {
    background-color: #f3f3f3;
    color: #b1b1b1 !important;
    border: 1px solid #b1b1b1;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    margin-right: 15px;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.find-us-btns a:last-child {
    margin-right: 0
}

.working-hours-sec.show {
    display: block
}

.find-us-btns a:hover {
    color: #181818 !important;
    border: 1px solid #181818
}

.find-us-btns a.active {
    background-color: #64bb47;
    border: 1px solid #64bb47;
    color: #fff !important
}

.working-hours-sec {
    margin-top: 24px;
    width: 65%;
    display: none
}

.working-hours-sec.active {
    display: block
}

.working-hours-sec p {
    display: flex;
    color: gray;
    font-size: 15px;
    line-height: 25px;
    justify-content: space-between;
    margin-bottom: 10px
}

.effortless-thumnail-title.twitter a i {
    font-size: 20px;
    margin-top: 50px;
    color: #64bb47
}

.effortless-thumnail-title.twitter a:hover i {
    color: #64bb47
}

.home-refer-sec-main {
    background-image: url("../../assets/img/home-refer-bg-desktop.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 248px;
    padding: 33px;
    border-radius: 20px
}

.home-refer-sec-main img {
    width: 35px;
    margin-bottom: 0
}

.home-refer-sec-main p {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 0;
    color: #fff
}

.home-refer-sec-main h4 {
    margin-bottom: 15px;
    max-width: 60%;
    color: #fff !important;
    font-size: 22px;
    line-height: 30px
}

.home-refer-sec-main .qr-code-img {
    width: 88px
}

.personal-finance-timeline .time-line-btn:hover {
    background-color: rgba(101, 188, 71, 0.7)
}

.personal-finance-timeline .time-line-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 40px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    margin: auto;
    background-color: #64bb47;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-direction: column;
    border-radius: 10px
}

.personal-finance-timeline .time-line-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 5px
}

.condition-tag {
    text-align: center;
    position: relative;
    top: 40px;
    font-size: 12px
}

.contact-blocks-card.top-c-cards {
    min-height: 140px
}

.contact-blocks-card.top-c-cards .contact-blocks-card-img {
    top: 30px;
    bottom: auto
}

.desktop-range-sliders .para-type-6 {
    max-width: 80%;
    margin: auto
}

.page-template-pagescareers-php .main-banner-card p {
    min-height: 95px
}

.start-using-today-sec.installment-timeline .condition-tag {
    top: 0
}

.footer-licensed-text,
.footer-licensed-text:focus {
    font-size: 15px;
    line-height: 20px;
    color: gray;
    margin-bottom: 0;
    -webkit-text-decoration-color: gray;
    text-decoration-color: gray;
    text-decoration: underline;
    max-width: 60%
}

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

.pagination-main img {
    height: 35px;
    width: auto;
    margin-left: 10px
}

.request-call-close {
    position: absolute;
    right: 15px;
    top: 15px
}

.request-call-close:focus {
    outline: 0;
    box-shadow: none
}

.dropdown dd,
.dropdown dt {
    margin: 0;
    padding: 0
}

dl.dropdown {
    margin-bottom: 0
}

.dropdown ul {
    margin: -1px 0 0 0
}

.dropdown dd {
    position: relative
}

.dropdown dd ul {
    border: 0;
    display: none;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 2px;
    list-style: none;
    overflow: auto
}

.dropdown dd ul li {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.dropdown dd ul input {
    border: 1.5px solid #bebebe;
    margin-right: 10px
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li button {
    padding: 5px;
    display: block
}

.dropdown dd ul li button:hover {
    background-color: #fff
}

.page-template-fees-charges .credit-cards-calculator-main {
    padding: 0;
    margin-top: 0
}

@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px !important
    }
}

@media screen and (max-width:767px) {
    .container {
        padding-left: 25px;
        padding-right: 25px
    }

    .dropdown-menu.large-menu img {
        height: 35px
    }

    .navbar .container {
        justify-content: space-between;
        height: 100%;
        align-items: center;
        flex-direction: row;
        position: absolute;
        top: 0;
        padding: 0
    }

    .navbar .navbar-brand {
        padding-left: 25px
    }

    .navbar-collapse {
        background-color: #fff;
        height: 100vh;
        position: absolute;
        top: 50px;
        width: 100%;
        display: flex;
        align-items: baseline;
        z-index: 9
    }

    .navbar .navbar-toggler {
        padding-right: 32px
    }

    .home-main-banner {
        padding: 50px 0;
        background-image: none;
        background-color: #f8f8f8
    }

    .header-logos-sec img {
        width: auto
    }

    .header-logos-sec img:last-child {
        width: auto
    }

    .header-logos-sec img:nth-child(3) {
        height: 36px
    }

    .header-logos-sec img:nth-child(2) {
        height: 18px
    }

    .header-logos-sec img:nth-child(1) {
        height: 30px;
        margin-right: 6px
    }

    .home-main-banner h1,
    .home-main-banner p {
        text-align: left
    }

    .home-main-banner p {
        margin-bottom: 35px
    }

    .home-main-banner h1 {
        font-size: 30px;
        line-height: 39px;
        font-weight: 700
    }

    .home-your-get-way-sec {
        padding: 50px 0
    }

    .home-your-get-way-sec .para-type-1 {
        max-width: 100%
    }

    .your-get-way-btns {
        display: block;
        margin-top: 40px;
        width: 100%
    }

    .your-get-way-btns a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .home-your-get-way-sec {
        background-size: 80%;
        background-position: 40% 23%
    }

    .your-get-way-card-main {
        padding-right: 0;
        display: block;
        margin-top: 40px
    }

    .your-get-way-card img {
        margin-bottom: 10px
    }

    .your-get-way-card p {
        max-width: 100%;
        margin-bottom: 25px
    }

    .effortless-financial-services-sec {
        padding: 80px 0 40px 0
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        bottom: 0;
        top: auto
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        bottom: 0;
        top: auto
    }

    .swiper-wrapper {
        padding-bottom: 65px;
        padding-top: 0
    }

    .effortless-financial-services-sec .heading-type-1 {
        position: relative;
        margin-bottom: 30px
    }

    .effortless-video-modal .modal-dialog {
        max-width: 100%
    }

    .home-offer-title {
        position: relative;
        width: 100%;
        margin-bottom: 25px
    }

    .home-offers-sec {
        padding: 40px 0
    }

    .home-offer-card {
        background: #fff;
        border-radius: 25px;
        padding: 0 0 25px 0;
        margin-bottom: 25px
    }

    .home-offer-card img {
        border-radius: 25px 25px 0 0
    }

    .home-offers-slider .swiper-wrapper {
        padding-bottom: 30px
    }

    .home-offer-btns {
        position: relative;
        top: 30%;
        left: 15px;
        display: flex;
        margin-top: 20px;
        justify-content: left;
        flex-direction: row
    }

    .filter-content {
        margin-top: -200px;
        position: relative
    }

    .filter-btn {
        height: 42px
    }

    .home-offer-btns a {
        margin-bottom: 0;
        margin-right: 10px;
        width: auto !important;
        padding: 0 20px
    }

    .home-offer-card h2 {
        max-width: 100%;
        padding-left: 0
    }

    .home-refer-sec {
        padding: 0;
        overflow-x: hidden
    }

    .home-refer-widgets {
        margin-top: 40px;
        padding: 0 25px
    }

    .home-refer-widgets a {
        margin-bottom: 25px
    }

    .footer-logos img {
        width: auto
    }

    .footer-logos a:nth-child(2) img {
        height: 41px;
        display: flex;
        margin-top: 10px
    }

    .footer-top-sec {
        align-items: flex-start;
        margin-bottom: 32px;
        padding-top: 30px
    }

    .footer-lang-switcher {
        display: flex
    }

    footer {
        padding: 0;
        margin-top: 50px
    }

    .footer-menu {
        list-style-type: none;
        margin-top: 0;
        display: inline-flex;
        padding-left: 0;
        margin-bottom: 0
    }

    .footer-menu li {
        margin-right: 20px
    }

    .footer-bottom-sec p:first-child {
        max-width: 100%;
        margin-bottom: 27px;
        color: gray
    }

    .footer-logos {
        display: block;
        margin-top: 0
    }

    .footer-bottom-sec p:last-child {
        max-width: 80%;
        padding-bottom: 32px;
        margin-bottom: 0;
        color: gray
    }

    .footer-bottom-sec p:last-child a {
        width: 100%;
        display: block;
        text-decoration: underline;
        color: #808080 !important
    }

    .desktop-menu {
        display: none
    }

    .mobile-menu {
        padding: 33px 28px
    }

    .apply-btn-sec {
        display: flex;
        margin-bottom: 20px
    }

    .apply-btn-sec a {
        margin-right: 20px;
        text-decoration: none;
        color: gray;
        font-weight: 700;
        display: flex;
        align-items: center
    }

    .apply-btn-sec .link-type-1 {
        width: 161px
    }

    .mobile-dropdown-menu .nav-link {
        font-size: 18px !important;
        line-height: normal !important;
        color: #181818;
        font-weight: 700 !important;
        font-family: 'Frutiger-Bold';
        padding-bottom: 0
    }

    .mobile-menu,
    .mobile-dropdown-menu,
    .mobile-dropdown-menu .navbar-nav {
        width: 100%
    }

    .mobile-menu .dropdown-toggle::after {
        position: relative;
        right: 0;
        top: 10px;
        float: right;
        border: 0;
        background-image: url(../../assets/img/down-icon.svg);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        transition: all .3s ease-in-out
    }

    li.nav-item.dropdown {
        margin-bottom: 15px;
        margin-right: 0
    }

    .mobile-menu .dropdown-toggle.show::after {
        background-image: url(../../assets/img/up-icon.svg)
    }

    .dropdown-menu.large-menu {
        min-width: 100%;
        padding: 15px 0
    }

    .mobile-menu .dropdown-menu {
        box-shadow: none;
        padding: 0;
        margin-top: 12px
    }

    .mobile-lang-switcher a {
        font-size: 18px;
        line-height: normal;
        color: #8d8d8d;
        margin-top: 0;
        text-decoration: none;
        width: 100%
    }

    .header-prices-sec {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 24px
    }

    .header-prices-sec a {
        font-size: 18px;
        line-height: normal;
        color: #8d8d8d;
        text-decoration: none
    }

    .mobile-lang-switcher {
        max-width: 162px
    }

    .mobile-lang-switcher .footer-lang-switcher a:first-child,
    .mobile-lang-switcher .footer-lang-switcher a:last-child {
        width: 162px
    }

    .mobile-menu {
        display: block
    }

    .main-banner-card {
        padding: 30px;
        text-align: left;
        background: #fff;
        border-radius: 25px;
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 20px
    }

    .main-banner-card img {
        max-width: 90px;
        margin-bottom: 0;
        -o-object-fit: contain;
        object-fit: contain;
        min-height: 92px;
        height: 92px
    }

    .main-banner-card h2 {
        font-size: 25px;
        line-height: 30px
    }

    .home-main-banner .main-banner-card p {
        text-align: left;
        margin-bottom: 0 !important
    }

    .home-offers-slider {
        margin-top: 0
    }

    .dropdown-menu.large-menu a {
        width: 120px;
        margin: 0 0 10px 0;
        text-align: left;
        margin-right: 30px
    }

    .dropdown-menu.large-menu p {
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        color: #181818
    }

    .desktop-large-menu {
        flex-wrap: wrap;
        padding: 0;
        margin-top: 20px
    }

    .dropdown-item {
        padding: 0;
        font-size: 18px !important;
        line-height: 23px !important;
        margin-bottom: 20px
    }

    .main-banner-card {
        padding: 30px 30px 10px 30px
    }

    .main-banner-card a {
        margin-left: 0;
        margin-top: 40px
    }

    .main-banner-card-cnt a {
        color: #cb1019;
        font-size: 13px;
        line-height: 14px;
        font-weight: 700
    }

    .main-banner-card .link-type-6 {
        background-color: #fff;
        border: 1px solid #fff;
        color: #cb1019 !important;
        margin-top: 0;
        text-align: left
    }

    .footer-logos a:nth-child(1) img {
        height: 46px
    }

    .footer-lang-switcher a {
        font-size: 12px;
        line-height: normal
    }

    .footer-lang-switcher a:first-child,
    .footer-lang-switcher a:last-child {
        width: 48px;
        height: 33px;
        border-radius: 55px 0 0 55px
    }

    .footer-lang-switcher a:first-child {
        margin-right: 0
    }

    .mobile-footer-menu {
        display: block
    }

    .mobile-footer-menu ul {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0
    }

    .mobile-footer-menu ul li {
        margin-right: 32px
    }

    .mobile-footer-menu ul li a {
        font-size: 11px;
        line-height: 18px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
        transition: all .3s ease-in-out
    }

    .mobile-footer-menu ul li a:hover {
        color: #cb1019
    }

    .desktop-footer-menu {
        display: none
    }

    .footer-bottom-sec {
        margin-top: 30px
    }

    .personal-finance-banner-top {
        flex-direction: column-reverse;
        background-color: #fff
    }

    .personal-finance-banner-top img {
        padding-right: 0;
        width: 100%;
        background-color: #cb1019;
        padding: 15px 65px 0 65px;
        border-radius: 20px 20px 0 0;
        height: auto;
        padding-bottom: 20px
    }

    .personal-finance-banner-top {
        padding: 0
    }

    .personal-finance-banner-top .banner-text h1 {
        color: #181818;
        max-width: 70%;
        font-size: 30px;
        line-height: 42px
    }

    .personal-finance-banner-top .banner-text {
        padding: 24px 17px
    }

    .personal-finance-banner-top .banner-text p {
        color: gray;
        max-width: 90%
    }

    .banner-text a {
        background-color: #cb1019;
        color: #fff !important;
        width: 100%
    }

    .Personal-finance-banner {
        background-color: #f3f3f3;
        padding: 40px 0 0 0
    }

    .personal-finance-banner-bottom a {
        display: flex;
        text-align: left;
        margin-bottom: 25px
    }

    .personal-finance-banner-bottom {
        align-items: center;
        flex-wrap: wrap;
        margin-top: 0;
        padding: 40px 0 0 0
    }

    .personal-finance-banner-bottom a p {
        max-width: 65%;
        font-size: 22px
    }

    .start-using-today-sec {
        padding: 40px 0
    }

    .start-using-title {
        text-align: left;
        margin-bottom: 32px
    }

    .start-using-title .para-type-1 {
        text-align: left;
        max-width: 100%
    }

    .timeline .timeline-btn:after {
        display: none
    }

    .timeline li {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 90px;
        margin-top: -13px
    }

    .timeline li:nth-child(3) {
        margin-bottom: 0
    }

    .personal-finance-timeline {
        display: flex
    }

    .timeline {
        padding-left: 17px
    }

    .timeline-btn {
        padding: 0
    }

    .timeline-text h2 {
        text-align: left;
        margin-bottom: 0;
        line-height: 28px;
        font-size: 22px
    }

    .timeline-text p {
        text-align: left;
        margin: inherit;
        max-width: 100%;
        min-height: 100%
    }

    .mobile-time-line-dots {
        display: block
    }

    .personal-finance-timeline a {
        margin-left: -30px;
        width: 110%;
        top: 60px
    }

    .criteria-sec-main {
        background-color: #f3f3f3;
        margin-bottom: 0
    }

    .criteria-img-sec {
        position: relative;
        padding-top: 45px
    }

    .criteria-img-sec img {
        width: 100%
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .criteria-inner {
        padding: 32px 0 0 0
    }

    .criteria-inner h2 {
        margin-bottom: 25px
    }

    .criteria-box-sec {
        padding: 20px 20px;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        margin-bottom: 10px
    }

    .criteria-inner a {
        width: 92%
    }

    .life-situation-sec {
        padding: 40px 0
    }

    .life-situation-sec h2 {
        position: relative;
        margin-bottom: 16px
    }

    .life-situation-card a {
        color: #181818
    }

    .faq-sec-main {
        padding: 80px 5px
    }

    .here-to-help-sec {
        margin-top: 30px;
        margin-left: auto
    }

    .home-refer-sec .container {
        padding: 0
    }

    .desktop-img,
    .desktop-btn {
        display: none
    }

    .mobile-img,
    .mobile-btn {
        display: block
    }

    .installment.personal-finance-banner-top {
        margin: auto;
        padding: 0;
        max-width: 90%
    }

    .personal-finance-banner-top.installment .banner-text h1 {
        max-width: 100%
    }

    .personal-finance-banner-top.installment .banner-text p {
        max-width: 90%
    }

    .personal-finance-banner.installment {
        background-color: #f3f3f3;
        padding-top: 30px
    }

    .personal-finance-banner.installment .container {
        padding: 0
    }

    .personal-finance-banner-bottom.installment {
        margin-top: 40px;
        padding: 40px 25px 0 25px
    }

    .installment-timeline .timeline li:nth-child(2) {
        margin-bottom: 60px
    }

    .installment-timeline .personal-finance-timeline {
        padding: 0
    }

    .installment-timeline .start-using-title {
        padding: 0
    }

    .installment-timeline {
        padding: 80px 0 0 0
    }

    .installment-timeline .timeline li {
        margin-top: -16px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 80px
    }

    .installment-timeline-img img {
        width: 100%
    }

    .find-shop-tab-sec .nav-tabs {
        display: flex;
        width: 100%;
        flex-wrap: unset;
        overflow: scroll;
        padding-bottom: 20px
    }

    .find-your-shop-sec h2 {
        margin-bottom: 30px
    }

    .image-card-col {
        width: 50%
    }

    .home-offers-sec.installment {
        padding-top: 100px
    }

    .home-refer-sec.installment-sec .row {
        --bs-gutter-x: 0
    }

    .find-your-shop-sec {
        padding-bottom: 0;
        background-color: #f8f8f8;
        padding-top: 40px
    }

    .here-to-help-sec p {
        max-width: 100%
    }

    .here-to-help-sec a {
        margin-bottom: 10px
    }

    nav.navbar {
        height: 52px
    }

    .find-shop-tab-sec .tab-content {
        margin-top: 0
    }

    .find-shop-tab-sec .dropdown-menu {
        height: 110px;
        position: relative !important;
        top: -35px !important
    }

    .contact-blocks {
        padding: 40px 0
    }

    .contact-blocks h1 {
        margin-bottom: 30px
    }

    .contact-blocks-card-cnt h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .contact-blocks-card-cnt p,
    .contact-blocks-card-cnt span {
        font-size: 14px;
        line-height: 23px
    }

    .contact-partner-block h2 {
        font-size: 25px;
        line-height: 32px;
        max-width: 100%
    }

    .contact-partner-block {
        padding: 25px 38px 25px 25px;
        background-image: url(../../assets/img/contact-partner-bg-mobile.png);
        margin-bottom: 30px
    }

    .contact-joinus-box-image {
        display: none
    }

    .contact-joinus-box-cnt h2 {
        font-size: 25px;
        line-height: 32px
    }

    .contact-joinus-box {
        min-height: 262px
    }

    .offers-main-bnr h1 {
        max-width: 75%
    }

    .offers-main-bnr p {
        max-width: 100%
    }

    .offers-main-bnr {
        padding: 40px 0
    }

    .offers-tab-sec {
        padding: 40px 0
    }

    .offer-info-bnr {
        padding: 32px 0 40px 0
    }

    .offer-info-bnr-cnt h1 {
        font-size: 30px;
        line-height: 39px;
        max-width: 100%
    }

    .offer-info-bnr-cnt p {
        max-width: 80%
    }

    .offer-info-bnr-btns {
        display: block;
        margin-bottom: 32px
    }

    .offer-info-bnr-cnt {
        padding: 25px 25px 40px 25px
    }

    .offer-info-bnr-btns .apply-now-btn {
        width: 100%;
        height: 43px;
        margin-bottom: 10px
    }

    .offer-info-bnr-btns .terms-btn {
        width: 100%;
        height: 38px
    }

    .oferr-info-bnr-inner .row {
        flex-direction: column-reverse;
        border-radius: 20px
    }

    .offer-info-bnr-img {
        height: 100%
    }

    .offer-info-bnr-img img {
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 20px 20px 0 0
    }

    .offer-info-benefits {
        padding: 40px 0
    }

    .offer-info-benefits-icon-sec a p {
        max-width: 60%
    }

    .offer-info-benefits-icon-sec a {
        margin-bottom: 32px
    }

    .offer-info-benefits-icon-sec .mobile-btn {
        align-items: center;
        width: 100%
    }

    .start-using-today-sec.offer-info-page {
        padding: 40px 0 80px 0
    }

    .social-media-bnr {
        background-image: url(../../assets/img/social-media-bnr-mobile.png);
        border-radius: 0;
        padding: 40px 25px;
        min-height: 440px;
        margin: 0 0 40px 0
    }

    .social-media-bnr h2 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700;
        color: #fff;
        max-width: 75%;
        margin-top: 16px
    }

    .social-media-bnr p {
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        color: #fff;
        max-width: 85%
    }

    .form-warning-msg p {
        max-width: 90%
    }

    .raice-request-forms-tabs form {
        max-width: 100%
    }

    .have-questions-sec {
        padding: 56px 0 40px 0
    }

    .board-reports-main {
        padding: 32px 0 80px 0
    }

    .finitials-main-sec h2 {
        margin-bottom: 40px
    }

    .finitials-card {
        display: block;
        margin-bottom: 32px
    }

    .finitials-statement-links {
        padding: 0
    }

    .board-reports-main h1 {
        font-size: 30px;
        line-height: 33px
    }

    .mobile-version-contact-blocks .accordion-item {
        background-color: #f3f3f3;
        border-radius: 20px;
        padding: 18px 24px;
        border: 0;
        margin-bottom: 16px
    }

    .mobile-version-contact-blocks .accordion-button h4 {
        font-size: 22px;
        line-height: 28px;
        color: #181818;
        font-weight: 700
    }

    .mobile-version-contact-blocks .accordion-button img {
        width: 52px;
        height: auto;
        margin-right: 17px
    }

    .mobile-version-contact-blocks .accordion-button {
        background-color: transparent
    }

    .mobile-version-contact-blocks .accordion-button::after {
        background-image: url(../../assets/img/down-icon.svg);
        background-size: 12px;
        background-position: center
    }

    .mobile-version-contact-blocks .accordion-button:not(.collapsed)::after {
        background-image: url(../../assets/img/up-icon.svg);
        background-position: center;
        transform: inherit
    }

    .mobile-version-contact-blocks p {
        margin-bottom: 0
    }

    .mobile-version-contact-blocks span,
    .mobile-version-contact-blocks h4 {
        margin-bottom: 10px;
        display: block
    }

    .mobile-version-contact-blocks span a {
        text-decoration: none;
        color: #cb1019
    }

    .main-faq-block .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 10px;
        white-space: nowrap
    }

    .main-faq-block .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .main-faq-block .tab-content {
        margin-top: 15px
    }

    .main-faq-block .faq-sec-main .container {
        padding: 0
    }

    .fees-and-charges-table {
        max-width: 100%;
        margin-bottom: 40px
    }

    .double-table-sec {
        display: block
    }

    .emi-calculator-main .tab-content>.active {
        display: block;
        padding: 24px 26px
    }

    .fees-and-charges-main {
        margin-top: 40px
    }

    .fees-and-charges-tabs h1 {
        font-size: 30px;
        line-height: 39px
    }

    .fees-and-charges-tabs .nav-tabs {
        border-bottom: 0;
        width: 100%;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 10px
    }

    .fees-and-charges-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .fees-and-charges-tabs .tab-content {
        margin-top: 30px
    }

    .emi-calculator-tabs .nav-tabs {
        border-bottom: 0;
        width: 100%;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 10px
    }

    .calculatorf-form-sec {
        max-width: 100%;
        margin-right: 0
    }

    .calculator-results-sec {
        background-color: #cb1019;
        width: 120%;
        border-radius: 20px;
        padding: 32px 37px 40px 37px;
        height: 100%;
        margin-left: -30px;
        margin-top: 40px
    }

    .about-page-sec .your-get-way-card-main {
        display: block;
        margin-top: 40px
    }

    .award-cards-main {
        display: block;
        margin-top: 40px
    }

    .about-main-bnr {
        min-height: 510px;
        background-image: url(../../assets/img/about-main-bnr-bg-mobile.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .about-bnr-cnt {
        padding-top: 25px
    }

    .about-bnr-cnt h1 {
        font-size: 30px;
        line-height: 39px;
        color: #fff;
        max-width: 83%;
        font-weight: bold
    }

    .about-plan-cnt {
        padding: 80px 0;
        background-size: 335px
    }

    .about-mission-card .row {
        flex-direction: column-reverse
    }

    .about-mission-card img {
        border-radius: 20px 20px 0 0
    }

    .about-mission-cnt {
        padding: 40px 20px;
        text-align: center;
        background-image: url(../../assets/img/about-content-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 225px
    }

    .about-mission-section {
        margin-top: 40px
    }

    .about-vision-section {
        margin-top: 40px
    }

    .about-vision-card img {
        border-radius: 20px 20px 0 0
    }

    .about-vision-cnt {
        padding: 40px 20px;
        text-align: center;
        background-image: url(../../assets/img/about-content-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 225px
    }

    .about-page-sec.home-your-get-way-sec {
        margin-top: 40px;
        padding: 40px 0
    }

    .about-page-sec.home-your-get-way-sec .your-get-way-card {
        max-width: 100%
    }

    .about-awards-section {
        margin-top: 40px
    }

    .about-awards-section h2 {
        max-width: 100%;
        font-size: 25px;
        line-height: 32px
    }

    .our-team-tabs .nav-tabs {
        border-bottom: 0;
        flex-wrap: nowrap;
        overflow: scroll;
        padding-bottom: 10px
    }

    .our-team-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .our-team-tabs .tab-content .col-md-4 {
        max-width: 50%
    }

    .team-member-details {
        padding: 10px 14px
    }

    .team-member-details h4 {
        font-size: 14px;
        line-height: 16px;
        color: #293228;
        font-weight: 400;
        margin-bottom: 0
    }

    .team-member-details span {
        font-size: 11px
    }

    .team-member-details a {
        font-size: 12px;
        line-height: 14px;
        margin-top: 10px
    }

    .team-member-card {
        margin-bottom: 30px
    }

    .our-team-tabs .tab-content {
        margin-top: 30px
    }

    .join-our-team-main {
        padding: 40px 0;
        margin-top: 40px
    }

    .join-our-team-cnt {
        padding-right: 0
    }

    .join-our-team-main .row {
        flex-direction: column-reverse
    }

    .join-our-team-img img {
        padding: 15px 0 25px 0
    }

    .join-our-team-cnt a {
        width: 100%
    }

    .about-our-team-main {
        margin-top: 40px
    }

    .career-main-bnr-inner .row {
        flex-direction: column-reverse;
        display: flex
    }

    .career-bnr-slider .swiper-button-prev,
    .career-bnr-slider .swiper-button-next {
        display: none
    }

    .career-bnr-slider .swiper-wrapper {
        padding-bottom: 0
    }

    .career-bnr-cnt {
        padding: 25px
    }

    .career-bnr-cnt h2 {
        max-width: 100%
    }

    .career-bnr-cnt p {
        max-width: 100%
    }

    .career-bnr-cnt a {
        max-width: 100%;
        width: 100%
    }

    .career-entrepreneurs-cards .col-md-3 {
        width: 50%
    }

    .career-entrepreneurs-cards-inner img {
        margin-bottom: 8px;
        margin-top: 24px
    }

    .career-core-values-sec .col-md-4 {
        width: 50%
    }

    .core-values-card h3 {
        max-width: 95%
    }

    .career-contact-bnr .container {
        padding: 0
    }

    .career-contact-bnr-in {
        background-image: url(../../assets/img/career-ad-bnr-mobile.png);
        height: 276px;
        text-align: center;
        border-radius: 0
    }

    .career-contact-bnr-in h2 {
        font-size: 22px;
        line-height: 28px;
        color: #fff;
        max-width: 80%;
        margin: 0 auto 35px auto
    }

    .career-contact-bnr-in a {
        padding: 10px 60px
    }

    .explore-the-products-sec {
        padding-top: 40px;
        background-color: #f3f3f3;
        margin-top: 0;
        padding-bottom: 40px
    }

    .explore-the-products-sec h2 {
        margin-bottom: 24px;
        font-size: 25px;
        line-height: 32px
    }

    .home-your-get-way-sec h2 {
        max-width: 100%
    }

    .timeline li span {
        height: 48px;
        width: 115px
    }

    .timeline-text {
        margin-top: 6px
    }

    .filter-list {
        overflow-x: scroll;
        white-space: nowrap;
        height: 270px;
        align-items: baseline
    }

    .filter-list::-webkit-scrollbar {
        display: none
    }

    .spl-offer-btn {
        position: relative
    }

    .personal-finance-banner-top.installment img {
        top: 0
    }

    .filter-btn,
    .dropdown-filter-btn {
        height: 45px
    }

    .career-bnr-slider .offer-info-bnr-img img {
        height: auto
    }

    .offer-info-bnr-cnt.careers-page-sec {
        padding-bottom: 0
    }

    .offer-info-bnr-cnt.careers-page-sec h1 {
        max-width: 100%
    }

    .offer-info-bnr-cnt.careers-page-sec .offer-info-bnr-btns {
        margin-top: 30px
    }

    .offer-info-bnr-cnt.careers-page-sec p {
        margin-bottom: 0
    }

    .careers-entrepreneurs-sec p {
        max-width: 100%
    }

    .navbar-nav {
        padding-left: 0
    }

    .criteria-box-sec span {
        margin-bottom: 5px;
        display: block
    }

    .criteria-box-sec h3 {
        margin-bottom: 0
    }

    .emi-calculator-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .credit-cards-banner {
        padding: 32px 0
    }

    .credit-card-main-slider .swiper-slide {
        flex-direction: column-reverse
    }

    .credit-cards-banner-img {
        width: 100%
    }

    .credit-cards-banner-cnt {
        width: 100%
    }

    .credit-cards-banner-in {
        display: block;
        max-height: 100%
    }

    .credit-card-main-slider .swiper-wrapper {
        padding-bottom: 90px
    }

    .credit-card-main-slider .swiper-button-next,
    .credit-card-main-slider .swiper-rtl .swiper-button-prev {
        right: 38%
    }

    .credit-cards-banner-disc img {
        display: none
    }

    .credit-cards-banner-img img {
        width: 80%;
        float: right
    }

    .credit-cards-banner-cnt h1 {
        max-width: 100%
    }

    .credit-cards-banner-cnt {
        padding: 0 17px
    }

    .credit-cards-banner-buttons {
        display: block
    }

    .credit-cards-banner-buttons a {
        width: 100%
    }

    .credit-cards-banner-buttons span {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block
    }

    .credit-cards-highlights-cnt {
        margin-bottom: 32px;
        display: flex;
        align-items: center
    }

    .credit-cards-highlights-in .col-md-4 img {
        margin-right: 30px;
        height: auto;
        width: 58px;
        min-width: 60px
    }

    .credit-cards-highlights-in .col-md-4:nth-child(1) img,
    .credit-cards-highlights-in .col-md-4:nth-child(4) img,
    .credit-cards-highlights-in .col-md-4:nth-child(6) img {
        height: auto;
        width: 42px
    }

    .credit-cards-highlights-cnt p {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700
    }

    .credit-card-benifits-slider {
        margin-top: 0
    }

    .cards-benifits-img {
        padding: 45px 48px;
        border-radius: 20px
    }

    .cards-benifits-cnt {
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        padding: 32px 0
    }

    .cards-benifits-cnt a {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .credit-cards-calculator-tabs .nav-link {
        font-size: 13px
    }

    .credit-cards-calculator-tabs .nav-tabs {
        flex-wrap: nowrap;
        display: flex;
        overflow-x: scroll;
        padding-bottom: 10px
    }

    .credit-cards-calculator-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .credit-cards-calculator-main {
        padding: 24px 26px
    }

    .personal-finance-timeline.credit-card-mobile {
        display: flex;
        padding-bottom: 40px
    }

    .simple-steps-sec {
        text-align: left;
        padding: 40px 0
    }

    .simple-steps-sec p {
        max-width: 100%
    }

    .simple-steps-card-main {
        display: none
    }

    .personal-finance-timeline.credit-card-mobile .timeline li,
    .personal-finance-timeline.credit-card-mobile .timeline li:nth-child(3) {
        margin-bottom: 97px
    }

    .personal-finance-timeline.credit-card-mobile .timeline li:nth-child(4) {
        margin-bottom: 0
    }

    .installment-timeline .timeline-text p {
        min-height: 100%
    }

    .error-page-sec {
        background-image: url(../../assets/img/404-mobile.png);
        background-size: cover;
        min-height: 100vh;
        background-repeat: no-repeat
    }

    .error-cnt p {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 24px;
        max-width: 70%
    }

    .error-cnt h1 {
        font-size: 50px;
        line-height: 65px
    }

    .error-cnt {
        position: absolute;
        right: 0;
        top: 27%;
        width: 45%
    }

    .mobile-range-sliders {
        display: block
    }

    .mobile-range-sliders .nav-link,
    .mobile-range-sliders .nav-link.active {
        background-color: transparent !important;
        border: none !important;
        padding: 0;
        margin-right: 15px
    }

    .mobile-range-sliders .nav-link.active img {
        border: 1px solid #64bb47 !important;
        border-radius: 50%
    }

    .mobile-range-sliders .nav-link.active {
        background-color: transparent !important;
        padding: 0;
        margin-right: 15px
    }

    .mobile-range-sliders .nav-link img {
        width: 35px
    }

    .range-input-title {
        display: block
    }

    .range-input-title p {
        max-width: 100%;
        margin-bottom: 16px
    }

    .range-slider-main {
        padding-right: 0
    }

    .desktop-range-sliders {
        display: none
    }

    .find-us-page-main .left-side-cnt {
        width: 100%;
        margin-top: 40px;
        padding-right: 0;
        padding-left: 25px
    }

    .find-us-page-main .input-group {
        padding-right: 25px
    }

    .find-us-page-main .right-side-cnt {
        width: 100%
    }

    .find-us-page-main .filter-content {
        padding-right: 25px
    }

    .find-us-page-main {
        flex-direction: column-reverse;
        margin-top: 0
    }

    .home-refer-sec-main {
        background-image: url("../../assets/img/home-refer-bg-mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 100%;
        padding: 38px 25px;
        border-radius: 0
    }

    .home-refer-sec-main img {
        width: 35px;
        margin-bottom: 10px
    }

    .home-refer-sec-main h4 {
        margin-bottom: 30px;
        max-width: 100%;
        color: #fff !important;
        font-size: 22px;
        line-height: 28px
    }

    .home-refer-sec-main a {
        background-color: #fff;
        border-radius: 10px;
        padding: 20px;
        font-size: 13px;
        line-height: 14px;
        text-decoration: none;
        color: #181818;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .home-refer-sec-main a img {
        width: 14px;
        margin-right: 10px;
        margin-bottom: 0
    }

    .personal-finance-timeline .time-line-btn {
        width: 110%;
        margin-left: -30px
    }

    .condition-tag {
        top: 65px
    }

    .personal-finance-banner.installment img {
        padding-bottom: 0
    }

    .main-banner-card p {
        max-width: 95%
    }

    .have-questions-sec .col-md-4 .contact-blocks-card.bottom-blocks {
        min-height: 180px
    }

    .have-questions-sec .col-md-4:last-child .contact-blocks-card.bottom-blocks {
        min-height: 275px
    }

    .find-us-page-main .right-side-cnt {
        height: auto
    }

    .page-template-pagescareers-php .main-banner-card p {
        min-height: auto
    }

    .global-header .footer-lang-switcher a:last-child {
        border: 1px solid #dcdcdc
    }

    .raice-request-forms-tabs nav a {
        margin-left: 0 !important;
        margin-right: 15px !important
    }

    .navbar-toggler.open .navbar-toggler-icon {
        width: 13px;
        height: 13px
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 18px;
        height: 18px
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: none
    }

    .app-store-sec img {
        height: 22px;
        margin-right: 18px
    }

    .home-refer-widgets .refer-box-sec {
        padding: 0 15px
    }

    .page-template-installments .faq-sec-main {
        padding-top: 0 !important
    }

    .effortless-thumnail-card {
        min-height: 576px
    }

    .footer-licensed-text,
    .footer-licensed-text:focus {
        max-width: 100%
    }

    .range-input-title input {
        text-align: left
    }

    .find-us-page-main .filter-list {
        height: auto
    }

    .find-us-page-main .filter-content {
        margin-top: 0
    }
}

@media(min-width:1024px) and (max-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px !important
    }
}

@media screen and (max-width:2200px) and (min-width:1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px !important
    }

    nav.navbar {
        height: 120px
    }

    .header-logos-sec img:nth-child(1) {
        height: 54px;
        margin-right: 10px
    }

    .header-logos-sec img:nth-child(2) {
        height: 35px;
        margin-right: 5px
    }

    .header-logos-sec img:nth-child(3) {
        height: 47px
    }

    li.nav-item.dropdown a {
        font-size: 20px;
        line-height: 30px
    }

    li.nav-item.dropdown a {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .dropdown-menu.large-menu {
        max-width: 60vw
    }

    .header-right-sec .top-text {
        font-size: 16px
    }

    .header-right-menu a:first-child {
        width: 180px;
        font-size: 18px !important
    }

    .link-type-1 {
        width: 160px;
        height: 45px;
        font-size: 18px;
        line-height: 20px
    }

    .header-right-menu a {
        font-size: 20px;
        line-height: 30px
    }

    .dropdown-menu.large-menu img {
        height: 54px
    }

    .dropdown-menu.large-menu {
        top: 70px
    }

    .home-main-banner h1 {
        font-size: 50px;
        line-height: 62px
    }

    .home-main-banner p {
        font-size: 20px;
        line-height: 30px
    }

    .main-banner-card img {
        height: 280px
    }

    .main-banner-card h2 {
        font-size: 32px
    }

    .link-type-1,
    .link-type-2,
    .link-type-3,
    .link-type-4,
    .link-type-5,
    .link-type-6,
    .link-type-7,
    .link-type-8,
    .link-type-9 {
        font-size: 18px
    }

    .link-type-6 {
        width: 196px;
        height: 57px
    }

    .heading-type-1 {
        font-size: 40px;
        line-height: 49px
    }

    .para-type-1 {
        font-size: 20px;
        line-height: 30px
    }

    .home-your-get-way-sec img {
        height: 80px
    }

    .your-get-way-card img {
        height: 61px !important
    }

    .your-get-way-card h3 {
        font-size: 28px;
        line-height: 37px
    }

    .your-get-way-card p {
        font-size: 20px;
        line-height: 30px
    }

    .link-type-2,
    .link-type-3 {
        width: 210px;
        height: 57px
    }

    .home-your-get-way-sec {
        padding: 100px 0
    }

    .effortless-thumnail-title h4 {
        font-size: 25px
    }

    .effortless-thumnail-title.twitter p {
        font-size: 18px
    }

    .effortless-thumnail-title.twitter img {
        height: 25px
    }

    .home-offer-card img {
        min-height: 290px
    }

    .link-type-8,
    .link-type-9 {
        width: 187px;
        height: 57px
    }

    .home-offer-card h2 {
        font-size: 25px;
        line-height: 30px
    }

    .link-type-4 {
        width: 140px;
        height: 46px
    }

    .home-refer-widgets img {
        height: 60px
    }

    .home-refer-widgets .box-text p {
        font-size: 25px;
        line-height: 30px
    }

    .home-refer-widgets .box-text span {
        font-size: 18px
    }

    .home-refer-widgets .box-text span img {
        height: 22px
    }

    .home-refer-widgets .refer-box-sec {
        min-height: 140px
    }

    .globe-icon {
        width: 16px;
        height: 16px
    }

    .footer-logos a:nth-child(1) img {
        height: 65px
    }

    .footer-logos a:nth-child(2) img {
        height: 66px
    }

    .footer-menu li {
        font-size: 18px
    }

    .footer-bottom-sec p {
        font-size: 16px
    }

    .personal-finance-banner-top .banner-text h1 {
        font-size: 50px;
        line-height: 62px
    }

    .personal-finance-banner-top .banner-text p {
        font-size: 18px;
        max-width: 60%
    }

    .personal-finance-banner-top img {
        height: 345px
    }

    .personal-finance-banner-bottom a p {
        font-size: 27px;
        line-height: 35px
    }

    .header-right-sec li a {
        font-size: 16px
    }

    .desktop-lang-sec a {
        font-size: 14px !important;
        line-height: 24px !important
    }

    .home-main-banner .main-banner-card p {
        min-height: 180px
    }

    .timeline .timeline-btn:after {
        left: 320px
    }

    .find-us-page-main .left-side-cnt {
        width: 35%
    }

    .find-us-page-main .right-side-cnt {
        width: 65%
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .container {
        padding-left: 25px;
        padding-right: 25px
    }

    .dropdown-menu.large-menu img {
        height: 35px
    }

    .navbar .container {
        justify-content: space-between;
        height: 100%;
        align-items: center;
        flex-direction: row;
        position: absolute;
        top: 0;
        padding: 0
    }

    .navbar .navbar-brand {
        padding-left: 25px
    }

    .navbar-collapse {
        background-color: #fff;
        height: 100vh;
        position: absolute;
        top: 50px;
        width: 100%;
        display: flex;
        align-items: baseline;
        z-index: 9
    }

    .navbar .navbar-toggler {
        padding-right: 32px
    }

    .home-main-banner {
        padding: 50px 0;
        background-image: none;
        background-color: #f8f8f8
    }

    .header-logos-sec img {
        width: auto
    }

    .header-logos-sec img:last-child {
        width: auto
    }

    .header-logos-sec img:nth-child(3) {
        height: 36px
    }

    .header-logos-sec img:nth-child(2) {
        height: 18px
    }

    .header-logos-sec img:nth-child(1) {
        height: 30px;
        margin-right: 6px
    }

    .home-main-banner p {
        margin-bottom: 35px
    }

    .home-main-banner h1 {
        font-size: 30px;
        line-height: 39px;
        font-weight: 700
    }

    .home-your-get-way-sec {
        padding: 50px 0
    }

    .home-your-get-way-sec .para-type-1 {
        max-width: 100%
    }

    .your-get-way-btns {
        display: block;
        margin-top: 40px;
        width: 100%
    }

    .your-get-way-btns a {
        width: 180px;
        margin-right: 0;
        margin-bottom: 20px;
        margin: auto
    }

    .home-your-get-way-sec {
        background-size: 80%;
        background-position: 40% 23%
    }

    .your-get-way-card-main {
        padding-right: 0;
        display: flex;
        margin-top: 40px
    }

    .your-get-way-card img {
        margin-bottom: 10px
    }

    .your-get-way-card p {
        max-width: 100%;
        margin-bottom: 25px
    }

    .effortless-financial-services-sec {
        padding: 80px 0 40px 0
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        bottom: 0;
        top: auto
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        bottom: 0;
        top: auto
    }

    .swiper-wrapper {
        padding-bottom: 65px;
        padding-top: 0
    }

    .effortless-financial-services-sec .heading-type-1 {
        position: relative;
        margin-bottom: 30px
    }

    .effortless-video-modal .modal-dialog {
        max-width: 100%
    }

    .home-offer-title {
        position: relative;
        width: 100%;
        margin-bottom: 25px
    }

    .home-offers-sec {
        padding: 40px 0
    }

    .home-offer-card {
        background: #fff;
        border-radius: 25px;
        padding: 0 0 25px 0;
        margin-bottom: 25px
    }

    .home-offer-card img {
        border-radius: 25px 25px 0 0
    }

    .home-offers-slider .swiper-wrapper {
        padding-bottom: 30px
    }

    .home-offer-btns {
        position: relative;
        top: 30%;
        left: 15px;
        display: flex;
        margin-top: 20px;
        justify-content: left;
        flex-direction: row
    }

    .filter-content {
        margin-top: -200px;
        position: relative
    }

    .filter-btn {
        height: 42px
    }

    .home-offer-btns a {
        margin-bottom: 0;
        margin-right: 10px;
        width: auto !important;
        padding: 0 20px
    }

    .home-offer-card h2 {
        max-width: 100%;
        padding-left: 0
    }

    .home-refer-sec {
        padding: 0;
        overflow-x: hidden
    }

    .home-refer-widgets {
        margin-top: 40px;
        padding: 0
    }

    .home-refer-widgets .refer-box-sec {
        padding: 0 20px
    }

    .home-refer-widgets a {
        margin-bottom: 25px
    }

    .footer-logos img {
        width: auto
    }

    .footer-logos a:nth-child(2) img {
        height: 41px;
        display: flex;
        margin-top: 10px
    }

    .footer-top-sec {
        align-items: flex-start;
        margin-bottom: 32px;
        padding-top: 30px
    }

    .footer-lang-switcher {
        display: flex
    }

    footer {
        padding: 0;
        margin-top: 50px
    }

    .footer-menu {
        list-style-type: none;
        margin-top: 0;
        display: inline-flex;
        padding-left: 0;
        margin-bottom: 0
    }

    .footer-menu li {
        margin-right: 20px
    }

    .footer-bottom-sec p:first-child {
        max-width: 100%;
        margin-bottom: 27px;
        color: gray
    }

    .footer-logos {
        display: block;
        margin-top: 0
    }

    .footer-bottom-sec p:last-child {
        max-width: 80%;
        padding-bottom: 32px;
        margin-bottom: 0;
        color: gray
    }

    .footer-bottom-sec p:last-child a {
        width: 100%;
        display: block;
        text-decoration: underline;
        color: #808080 !important
    }

    .desktop-menu {
        display: none
    }

    .mobile-menu {
        padding: 33px 28px
    }

    .apply-btn-sec {
        display: flex;
        margin-bottom: 20px
    }

    .apply-btn-sec a {
        margin-right: 20px;
        text-decoration: none;
        color: gray;
        font-weight: 700;
        display: flex;
        align-items: center
    }

    .apply-btn-sec .link-type-1 {
        width: 161px
    }

    .mobile-dropdown-menu .nav-link {
        font-size: 18px !important;
        line-height: normal !important;
        color: #181818;
        font-weight: 700 !important;
        font-family: 'Frutiger-Bold';
        padding-bottom: 0
    }

    .mobile-menu,
    .mobile-dropdown-menu,
    .mobile-dropdown-menu .navbar-nav {
        width: 100%
    }

    .mobile-menu .dropdown-toggle::after {
        position: relative;
        right: 0;
        top: 10px;
        float: right;
        border: 0;
        background-image: url(../../assets/img/down-icon.svg);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        transition: all .3s ease-in-out
    }

    li.nav-item.dropdown {
        margin-bottom: 15px;
        margin-right: 0
    }

    .mobile-menu .dropdown-toggle.show::after {
        background-image: url(../../assets/img/up-icon.svg)
    }

    .dropdown-menu.large-menu {
        min-width: 100%;
        padding: 15px 0
    }

    .mobile-menu .dropdown-menu {
        box-shadow: none;
        padding: 0;
        margin-top: 12px
    }

    .mobile-lang-switcher a {
        font-size: 18px;
        line-height: normal;
        color: #8d8d8d;
        margin-top: 0;
        text-decoration: none;
        width: 100%
    }

    .header-prices-sec {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 24px
    }

    .header-prices-sec a {
        font-size: 18px;
        line-height: normal;
        color: #8d8d8d;
        text-decoration: none
    }

    .mobile-lang-switcher {
        max-width: 162px
    }

    .mobile-lang-switcher .footer-lang-switcher a:first-child,
    .mobile-lang-switcher .footer-lang-switcher a:last-child {
        width: 162px
    }

    .mobile-menu {
        display: block
    }

    .main-banner-card {
        padding: 30px;
        text-align: left;
        background: #fff;
        border-radius: 25px;
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 20px
    }

    .main-banner-card img {
        max-width: 100%;
        margin-bottom: 0;
        -o-object-fit: contain;
        object-fit: contain;
        min-height: auto;
        height: auto
    }

    .main-banner-card-cnt {
        max-width: 70%
    }

    .main-banner-card h2 {
        font-size: 15px;
        line-height: 20px
    }

    .home-main-banner .main-banner-card p {
        text-align: left;
        margin-bottom: 0 !important
    }

    .home-offers-slider {
        margin-top: 0
    }

    .dropdown-menu.large-menu a {
        width: 124px;
        margin: 0 0 10px 0;
        text-align: left;
        margin-right: 30px
    }

    .dropdown-menu.large-menu p {
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        color: #181818
    }

    .desktop-large-menu {
        flex-wrap: wrap;
        padding: 0;
        margin-top: 20px
    }

    .dropdown-item {
        padding: 0;
        font-size: 18px !important;
        line-height: 23px !important;
        margin-bottom: 20px
    }

    .main-banner-card {
        padding: 20px 20px 0 20px
    }

    .main-banner-card a {
        margin-left: 0;
        margin-top: 40px
    }

    .main-banner-card-cnt a {
        color: #cb1019;
        font-size: 10px;
        line-height: 14px;
        font-weight: 700
    }

    .main-banner-card .link-type-6 {
        background-color: #fff;
        border: 1px solid #fff;
        color: #cb1019 !important;
        margin-top: 0;
        text-align: left
    }

    .footer-logos a:nth-child(1) img {
        height: 46px
    }

    .footer-lang-switcher a {
        font-size: 12px;
        line-height: normal
    }

    .footer-lang-switcher a:first-child,
    .footer-lang-switcher a:last-child {
        width: 48px;
        height: 33px;
        border-radius: 55px 0 0 55px
    }

    .footer-lang-switcher a:first-child {
        margin-right: 0
    }

    .mobile-footer-menu {
        display: block
    }

    .mobile-footer-menu ul {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0
    }

    .mobile-footer-menu ul li {
        margin-right: 32px
    }

    .mobile-footer-menu ul li a {
        font-size: 11px;
        line-height: 18px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
        transition: all .3s ease-in-out
    }

    .mobile-footer-menu ul li a:hover {
        color: #cb1019
    }

    .desktop-footer-menu {
        display: none
    }

    .footer-bottom-sec {
        margin-top: 30px
    }

    .personal-finance-banner-top {
        flex-direction: column-reverse;
        background-color: #fff
    }

    .personal-finance-banner-top img {
        padding-right: 0;
        width: 100%;
        background-color: #cb1019;
        padding: 15px 65px 0 65px;
        border-radius: 20px 20px 0 0;
        height: auto;
        padding-bottom: 20px
    }

    .personal-finance-banner-top {
        padding: 0
    }

    .personal-finance-banner-top .banner-text h1 {
        color: #181818;
        max-width: 70%;
        font-size: 30px;
        line-height: 42px
    }

    .personal-finance-banner-top .banner-text {
        padding: 24px 17px
    }

    .personal-finance-banner-top .banner-text p {
        color: gray;
        max-width: 90%
    }

    .banner-text a {
        background-color: #cb1019;
        color: #fff !important;
        width: 100%
    }

    .Personal-finance-banner {
        background-color: #f3f3f3;
        padding: 40px 0 0 0
    }

    .personal-finance-banner-bottom a {
        display: flex;
        text-align: left;
        margin-bottom: 25px
    }

    .personal-finance-banner-bottom {
        align-items: center;
        flex-wrap: wrap;
        margin-top: 0;
        padding: 40px 0 0 0
    }

    .personal-finance-banner-bottom a p {
        max-width: 65%;
        font-size: 22px
    }

    .start-using-today-sec {
        padding: 40px 0
    }

    .start-using-title {
        text-align: left;
        margin-bottom: 32px
    }

    .start-using-title .para-type-1 {
        text-align: left;
        max-width: 100%
    }

    .timeline .timeline-btn:after {
        display: none
    }

    .timeline li {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 115px;
        margin-top: -13px
    }

    .timeline li:nth-child(3) {
        margin-bottom: 0
    }

    .personal-finance-timeline {
        display: flex
    }

    .timeline {
        padding-left: 17px
    }

    .timeline-btn {
        padding: 0
    }

    .timeline-text h2 {
        text-align: left;
        margin-bottom: 0;
        line-height: 28px;
        font-size: 22px
    }

    .timeline-text p {
        text-align: left;
        margin: inherit;
        max-width: 100%;
        min-height: 100%
    }

    .mobile-time-line-dots {
        display: block
    }

    .personal-finance-timeline a {
        margin-left: -30px;
        width: 105%;
        top: 60px
    }

    .offers-tab-sec .row .col-md-3 {
        width: 50%
    }

    .criteria-sec-main {
        background-color: #f3f3f3;
        margin-bottom: 0
    }

    .criteria-img-sec {
        position: relative;
        padding-top: 45px
    }

    .criteria-img-sec img {
        width: 100%
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .criteria-inner {
        padding: 32px 0 0 0
    }

    .criteria-inner .row {
        display: block
    }

    .criteria-inner .row .col-md-8 .row {
        display: flex
    }

    .criteria-inner .row .col-md-8 {
        width: 100%
    }

    .criteria-inner .row .col-md-8 .col-md-3 {
        width: 50%
    }

    .criteria-inner h2 {
        margin-bottom: 25px
    }

    .criteria-box-sec {
        padding: 20px 20px;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        margin-bottom: 10px
    }

    .criteria-inner a {
        width: 92%
    }

    .life-situation-sec {
        padding: 40px 0
    }

    .life-situation-sec h2 {
        position: relative;
        margin-bottom: 16px
    }

    .life-situation-card a {
        color: #181818
    }

    .faq-sec-main {
        padding: 80px 5px
    }

    .here-to-help-sec {
        margin-top: 30px;
        margin-left: auto
    }

    .home-refer-sec .container {
        padding: 0
    }

    .desktop-img,
    .desktop-btn {
        display: none
    }

    .mobile-img,
    .mobile-btn {
        display: block
    }

    .installment.personal-finance-banner-top {
        margin: auto;
        padding: 0;
        max-width: 90%
    }

    .personal-finance-banner-top.installment .banner-text h1 {
        max-width: 100%
    }

    .personal-finance-banner-top.installment .banner-text p {
        max-width: 90%
    }

    .personal-finance-banner.installment {
        background-color: #f3f3f3;
        padding-top: 30px
    }

    .personal-finance-banner.installment .container {
        padding: 0
    }

    .personal-finance-banner-bottom.installment {
        margin-top: 40px;
        padding: 40px 25px 0 25px
    }

    .installment-timeline .personal-finance-timeline {
        padding: 0
    }

    .installment-timeline .start-using-title {
        padding: 0
    }

    .installment-timeline {
        padding: 80px 0 0 0
    }

    .installment-timeline .timeline li {
        margin-top: -16px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 80px
    }

    .installment-timeline .timeline li:nth-child(2) {
        margin-bottom: 140px
    }

    .installment-timeline-img img {
        width: 100%
    }

    .find-shop-tab-sec .nav-tabs {
        display: flex;
        width: 100%;
        flex-wrap: unset;
        overflow: scroll;
        padding-bottom: 20px
    }

    .find-your-shop-sec h2 {
        margin-bottom: 30px
    }

    .image-card-col {
        width: 50%
    }

    .home-offers-sec.installment {
        padding-top: 100px
    }

    .home-refer-sec.installment-sec .row {
        --bs-gutter-x: 0
    }

    .find-your-shop-sec {
        padding-bottom: 0;
        background-color: #f8f8f8;
        padding-top: 40px
    }

    .here-to-help-sec p {
        max-width: 100%
    }

    .here-to-help-sec a {
        margin-bottom: 10px
    }

    nav.navbar {
        height: 52px
    }

    .find-shop-tab-sec .tab-content {
        margin-top: 0
    }

    .find-shop-tab-sec .dropdown-menu {
        height: 110px;
        position: relative !important;
        top: -35px !important
    }

    .contact-blocks {
        padding: 40px 0
    }

    .contact-blocks h1 {
        margin-bottom: 30px
    }

    .contact-blocks-card-cnt h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .contact-blocks-card-cnt p,
    .contact-blocks-card-cnt span {
        font-size: 14px;
        line-height: 23px
    }

    .contact-partner-block h2 {
        font-size: 25px;
        line-height: 32px;
        max-width: 100%
    }

    .contact-partner-block {
        padding: 25px 38px 25px 25px;
        background-image: url(../../assets/img/contact-partner-bg-mobile.png);
        margin-bottom: 30px
    }

    .contact-joinus-box-image {
        display: none
    }

    .contact-joinus-box-cnt h2 {
        font-size: 25px;
        line-height: 32px
    }

    .contact-joinus-box {
        min-height: 262px
    }

    .offers-main-bnr h1 {
        max-width: 75%
    }

    .offers-main-bnr p {
        max-width: 100%
    }

    .offers-main-bnr {
        padding: 40px 0
    }

    .offers-tab-sec {
        padding: 40px 0
    }

    .offer-info-bnr {
        padding: 32px 0 40px 0
    }

    .offer-info-bnr-cnt h1 {
        font-size: 30px;
        line-height: 39px;
        max-width: 100%
    }

    .offer-info-bnr-cnt p {
        max-width: 80%
    }

    .offer-info-bnr-btns {
        display: block;
        margin-bottom: 32px
    }

    .offer-info-bnr-cnt {
        padding: 25px 25px 40px 25px
    }

    .offer-info-bnr-btns .apply-now-btn {
        width: 100%;
        height: 43px;
        margin-bottom: 10px
    }

    .offer-info-bnr-btns .terms-btn {
        width: 100%;
        height: 38px
    }

    .oferr-info-bnr-inner .row {
        flex-direction: row;
        border-radius: 20px
    }

    .offer-info-bnr-img {
        height: 100%
    }

    .offer-info-bnr-img img {
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 20px 20px 0 0
    }

    .offer-info-benefits {
        padding: 40px 0
    }

    .offer-info-benefits-icon-sec a p {
        max-width: 60%
    }

    .offer-info-benefits-icon-sec a {
        margin-bottom: 32px
    }

    .offer-info-benefits-icon-sec .mobile-btn {
        align-items: center;
        width: 100%
    }

    .start-using-today-sec.offer-info-page {
        padding: 40px 0 80px 0
    }

    .social-media-bnr {
        background-image: url(../../assets/img/social-media-bnr-mobile.png);
        border-radius: 0;
        padding: 40px 25px;
        min-height: 440px;
        margin: 0 0 40px 0
    }

    .social-media-bnr h2 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700;
        color: #fff;
        max-width: 75%;
        margin-top: 16px
    }

    .social-media-bnr p {
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        color: #fff;
        max-width: 85%
    }

    .form-warning-msg p {
        max-width: 90%
    }

    .raice-request-forms-tabs form {
        max-width: 100%
    }

    .have-questions-sec {
        padding: 56px 0 40px 0
    }

    .have-questions-sec .row .col-md-4 {
        width: 50%
    }

    .board-reports-main {
        padding: 32px 0 80px 0
    }

    .finitials-main-sec h2 {
        margin-bottom: 40px
    }

    .finitials-card {
        display: block;
        margin-bottom: 32px
    }

    .finitials-statement-links {
        padding: 0
    }

    .board-reports-main h1 {
        font-size: 30px;
        line-height: 33px
    }

    .mobile-version-contact-blocks .accordion-item {
        background-color: #f3f3f3;
        border-radius: 20px;
        padding: 18px 24px;
        border: 0;
        margin-bottom: 16px
    }

    .mobile-version-contact-blocks .accordion-button h4 {
        font-size: 22px;
        line-height: 28px;
        color: #181818;
        font-weight: 700
    }

    .mobile-version-contact-blocks .accordion-button img {
        width: 52px;
        height: auto;
        margin-right: 17px
    }

    .mobile-version-contact-blocks .accordion-button {
        background-color: transparent
    }

    .mobile-version-contact-blocks .accordion-button::after {
        background-image: url(../../assets/img/down-icon.svg);
        background-size: 12px;
        background-position: center
    }

    .mobile-version-contact-blocks .accordion-button:not(.collapsed)::after {
        background-image: url(../../assets/img/up-icon.svg);
        background-position: center;
        transform: inherit
    }

    .mobile-version-contact-blocks p {
        margin-bottom: 0
    }

    .mobile-version-contact-blocks span,
    .mobile-version-contact-blocks h4 {
        margin-bottom: 10px;
        display: block
    }

    .mobile-version-contact-blocks span a {
        text-decoration: none;
        color: #cb1019
    }

    .main-faq-block .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 10px;
        white-space: nowrap
    }

    .main-faq-block .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .main-faq-block .tab-content {
        margin-top: 15px
    }

    .main-faq-block .faq-sec-main .container {
        padding: 0
    }

    .fees-and-charges-table {
        max-width: 100%;
        margin-bottom: 40px
    }

    .double-table-sec {
        display: block
    }

    .emi-calculator-main .tab-content>.active {
        display: block;
        padding: 24px 26px
    }

    .fees-and-charges-main {
        margin-top: 40px
    }

    .fees-and-charges-tabs h1 {
        font-size: 30px;
        line-height: 39px
    }

    .fees-and-charges-tabs .nav-tabs {
        border-bottom: 0;
        width: 100%;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 10px
    }

    .fees-and-charges-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .fees-and-charges-tabs .tab-content {
        margin-top: 30px
    }

    .emi-calculator-tabs .nav-tabs {
        border-bottom: 0;
        width: 100%;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 10px
    }

    .calculatorf-form-sec {
        max-width: 100%;
        margin-right: 0
    }

    .calculator-results-sec {
        background-color: #cb1019;
        width: 100%;
        border-radius: 20px;
        padding: 32px 37px 40px 37px;
        height: 100%;
        margin-left: auto;
        margin-top: 40px
    }

    .about-page-sec .your-get-way-card-main {
        display: flex;
        margin-top: 40px
    }

    .award-cards-main {
        display: block;
        margin-top: 40px
    }

    .about-main-bnr {
        min-height: 380px;
        background-image: url(../../assets/img/about-main-bnr-bg-mobile.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .about-bnr-cnt {
        padding-top: 25px
    }

    .about-bnr-cnt h1 {
        font-size: 30px;
        line-height: 39px;
        color: #fff;
        max-width: 83%;
        font-weight: bold
    }

    .about-plan-cnt {
        padding: 80px 0;
        background-size: 335px
    }

    .about-mission-card .row {
        flex-direction: row
    }

    .about-mission-card img {
        border-radius: 20px 20px 0 0
    }

    .about-mission-cnt {
        padding: 40px 20px;
        text-align: center;
    }

    .about-mission-section {
        margin-top: 40px
    }

    .about-vision-section {
        margin-top: 40px
    }

    .about-vision-card img {
        border-radius: 20px 20px 0 0
    }

    .about-vision-cnt {
        padding: 40px 20px;
        text-align: center;
    }

    .about-page-sec.home-your-get-way-sec {
        margin-top: 40px;
        padding: 40px 0
    }

    .about-page-sec.home-your-get-way-sec .your-get-way-card {
        max-width: 100%
    }

    .about-awards-section {
        margin-top: 40px
    }

    .about-awards-section h2 {
        max-width: 100%;
        font-size: 25px;
        line-height: 32px
    }

    .our-team-tabs .nav-tabs {
        border-bottom: 0;
        flex-wrap: nowrap;
        overflow: scroll;
        padding-bottom: 10px
    }

    .our-team-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .our-team-tabs .tab-content .col-md-4 {
        max-width: 50%
    }

    .team-member-details {
        padding: 10px 14px
    }

    .team-member-details h4 {
        font-size: 14px;
        line-height: 16px;
        color: #293228;
        font-weight: 400;
        margin-bottom: 0
    }

    .team-member-details span {
        font-size: 11px
    }

    .team-member-details a {
        font-size: 12px;
        line-height: 14px;
        margin-top: 10px
    }

    .team-member-card {
        margin-bottom: 30px
    }

    .our-team-tabs .tab-content {
        margin-top: 30px
    }

    .join-our-team-main {
        padding: 40px 0;
        margin-top: 40px
    }

    .join-our-team-main .row .col-md-7 {
        width: 100%
    }

    .join-our-team-cnt {
        padding-right: 0
    }

    .join-our-team-main .row {
        flex-direction: column-reverse
    }

    .join-our-team-img img {
        padding: 15px 0 25px 0
    }

    .join-our-team-cnt a {
        width: 100%
    }

    .about-our-team-main {
        margin-top: 40px
    }

    .career-main-bnr-inner .row {
        flex-direction: column-reverse;
        display: flex
    }

    .career-bnr-slider .swiper-button-prev,
    .career-bnr-slider .swiper-button-next {
        display: none
    }

    .career-bnr-slider .swiper-wrapper {
        padding-bottom: 0
    }

    .career-bnr-cnt {
        padding: 25px
    }

    .career-bnr-cnt h2 {
        max-width: 100%
    }

    .career-bnr-cnt p {
        max-width: 100%
    }

    .career-bnr-cnt a {
        max-width: 100%;
        width: 100%
    }

    .career-entrepreneurs-cards .col-md-3 {
        width: 50%
    }

    .career-entrepreneurs-cards-inner img {
        margin-bottom: 8px;
        margin-top: 24px
    }

    .career-core-values-sec .col-md-4 {
        width: 50%
    }

    .core-values-card h3 {
        max-width: 95%
    }

    .career-contact-bnr .container {
        padding: 0
    }

    .career-contact-bnr-in {
        background-image: url(../../assets/img/career-ad-bnr-mobile.png);
        height: 276px;
        text-align: center;
        border-radius: 0
    }

    .career-contact-bnr-in h2 {
        font-size: 22px;
        line-height: 28px;
        color: #fff;
        max-width: 80%;
        margin: 0 auto 35px auto
    }

    .career-contact-bnr-in a {
        padding: 10px 60px
    }

    .explore-the-products-sec {
        padding-top: 40px;
        background-color: #f3f3f3;
        margin-top: 0;
        padding-bottom: 40px
    }

    .explore-the-products-sec h2 {
        margin-bottom: 24px;
        font-size: 25px;
        line-height: 32px
    }

    .home-your-get-way-sec h2 {
        max-width: 100%
    }

    .timeline li span {
        height: 48px;
        width: 115px
    }

    .timeline-text {
        margin-top: 6px
    }

    .filter-list {
        overflow-x: scroll;
        white-space: nowrap;
        height: 270px;
        align-items: baseline
    }

    .filter-list::-webkit-scrollbar {
        display: none
    }

    .spl-offer-btn {
        position: relative
    }

    .personal-finance-banner-top.installment img {
        top: 0
    }

    .filter-btn,
    .dropdown-filter-btn {
        height: 45px
    }

    .career-bnr-slider .offer-info-bnr-img img {
        height: auto
    }

    .offer-info-bnr-cnt.careers-page-sec {
        padding-bottom: 0
    }

    .offer-info-bnr-cnt.careers-page-sec h1 {
        max-width: 100%
    }

    .offer-info-bnr-cnt.careers-page-sec .offer-info-bnr-btns {
        margin-top: 30px
    }

    .offer-info-bnr-cnt.careers-page-sec p {
        margin-bottom: 0
    }

    .careers-entrepreneurs-sec p {
        max-width: 100%
    }

    .navbar-nav {
        padding-left: 0
    }

    .criteria-box-sec span {
        margin-bottom: 5px;
        display: block
    }

    .criteria-box-sec h3 {
        margin-bottom: 0
    }

    .emi-calculator-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .credit-cards-banner {
        padding: 32px 0
    }

    .credit-card-main-slider .swiper-slide {
        flex-direction: column-reverse
    }

    .credit-cards-banner-img {
        width: 100%
    }

    .credit-cards-banner-cnt {
        width: 100%
    }

    .credit-cards-banner-in {
        display: block;
        max-height: 100%
    }

    .credit-card-main-slider .swiper-wrapper {
        padding-bottom: 90px
    }

    .credit-card-main-slider .swiper-button-next,
    .credit-card-main-slider .swiper-rtl .swiper-button-prev {
        right: 38%
    }

    .credit-cards-banner-disc img {
        display: none
    }

    .credit-cards-banner-img img {
        width: 80%;
        float: right
    }

    .credit-cards-banner-cnt h1 {
        max-width: 100%
    }

    .credit-cards-banner-cnt {
        padding: 0 17px
    }

    .credit-cards-banner-buttons {
        display: block
    }

    .credit-cards-banner-buttons a {
        width: 100%
    }

    .credit-cards-banner-buttons span {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block
    }

    .credit-cards-highlights-cnt {
        margin-bottom: 32px;
        display: flex;
        align-items: center
    }

    .credit-cards-highlights-in .col-md-4 img {
        margin-right: 30px;
        height: auto;
        width: 58px;
        min-width: 60px
    }

    .credit-cards-highlights-in .col-md-4:nth-child(1) img,
    .credit-cards-highlights-in .col-md-4:nth-child(4) img,
    .credit-cards-highlights-in .col-md-4:nth-child(6) img {
        height: auto;
        width: 42px
    }

    .credit-cards-highlights-cnt p {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700
    }

    .credit-card-benifits-slider {
        margin-top: 0
    }

    .cards-benifits-img {
        padding: 45px 48px;
        border-radius: 20px
    }

    .cards-benifits-cnt {
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        padding: 32px 0
    }

    .cards-benifits-cnt a {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .credit-cards-calculator-tabs .nav-link {
        font-size: 13px
    }

    .credit-cards-calculator-tabs .nav-tabs {
        flex-wrap: nowrap;
        display: flex;
        overflow-x: scroll;
        padding-bottom: 10px
    }

    .credit-cards-calculator-tabs .nav-tabs::-webkit-scrollbar {
        display: none
    }

    .credit-cards-calculator-main {
        padding: 24px 26px
    }

    .personal-finance-timeline.credit-card-mobile {
        display: flex;
        padding-bottom: 40px
    }

    .simple-steps-sec {
        text-align: left;
        padding: 40px 0
    }

    .simple-steps-sec p {
        max-width: 100%
    }

    .simple-steps-card-main {
        display: none
    }

    .personal-finance-timeline.credit-card-mobile .timeline li,
    .personal-finance-timeline.credit-card-mobile .timeline li:nth-child(3) {
        margin-bottom: 97px
    }

    .personal-finance-timeline.credit-card-mobile .timeline li:nth-child(3) {
        margin-bottom: 130px
    }

    .personal-finance-timeline.credit-card-mobile .timeline li:nth-child(2) {
        margin-bottom: 130px
    }

    .personal-finance-timeline.credit-card-mobile .timeline li:nth-child(4) {
        margin-bottom: 0
    }

    .installment-timeline .timeline-text p {
        min-height: 100%
    }

    .error-page-sec {
        background-image: url(../../assets/img/404-mobile.png);
        background-size: cover;
        min-height: 100vh;
        background-repeat: no-repeat
    }

    .error-cnt p {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 24px;
        max-width: 70%
    }

    .error-cnt h1 {
        font-size: 50px;
        line-height: 65px
    }

    .error-cnt {
        position: absolute;
        right: 0;
        top: 27%;
        width: 45%
    }

    .mobile-range-sliders {
        display: block
    }

    .mobile-range-sliders .nav-link,
    .mobile-range-sliders .nav-link.active {
        background-color: transparent !important;
        border: none !important;
        padding: 0;
        margin-right: 15px
    }

    .mobile-range-sliders .nav-link.active img {
        border: 1px solid #64bb47 !important;
        border-radius: 50%
    }

    .mobile-range-sliders .nav-link.active {
        background-color: transparent !important;
        padding: 0;
        margin-right: 15px
    }

    .mobile-range-sliders .nav-link img {
        width: 35px
    }

    .range-input-title {
        display: block
    }

    .range-input-title p {
        max-width: 100%;
        margin-bottom: 16px
    }

    .range-slider-main {
        padding-right: 0
    }

    .desktop-range-sliders {
        display: none
    }

    .find-us-page-main .left-side-cnt {
        width: 100%;
        margin-top: 40px;
        padding-right: 0;
        padding-left: 25px
    }

    .find-us-page-main .input-group {
        padding-right: 25px
    }

    .find-us-page-main .right-side-cnt {
        width: 100%
    }

    .find-us-page-main .filter-content {
        padding-right: 25px
    }

    .find-us-page-main {
        flex-direction: column-reverse;
        margin-top: 0
    }

    .home-refer-sec-main {
        background-image: url("../../assets/img/home-refer-bg-mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 100%;
        padding: 38px 25px;
        border-radius: 0
    }

    .home-refer-sec-main img {
        width: 35px;
        margin-bottom: 10px
    }

    .home-refer-sec-main h4 {
        margin-bottom: 30px;
        max-width: 100%;
        color: #fff !important;
        font-size: 22px;
        line-height: 28px
    }

    .home-refer-sec-main a {
        background-color: #fff;
        border-radius: 10px;
        padding: 12px 20px;
        font-size: 13px;
        line-height: 14px;
        text-decoration: none;
        color: #181818;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .home-refer-sec-main a img {
        width: 14px;
        margin-right: 10px
    }

    .personal-finance-timeline .time-line-btn {
        width: 105%;
        margin-left: -30px
    }

    .condition-tag {
        top: 65px
    }

    .personal-finance-banner.installment img {
        padding-bottom: 0
    }

    .main-banner-card p {
        max-width: 100%;
        font-size: 10px;
        line-height: 15px
    }

    .have-questions-sec .col-md-4 .contact-blocks-card.bottom-blocks {
        min-height: 180px
    }

    .have-questions-sec .col-md-4:last-child .contact-blocks-card.bottom-blocks {
        min-height: 275px
    }

    .find-us-page-main .right-side-cnt {
        height: auto
    }

    .page-template-pagescareers-php .main-banner-card p {
        min-height: auto
    }

    .global-header .footer-lang-switcher a:last-child {
        border: 1px solid #dcdcdc
    }

    .raice-request-forms-tabs nav a {
        margin-left: 0 !important;
        margin-right: 15px !important
    }

    .navbar-toggler.open .navbar-toggler-icon {
        width: 13px;
        height: 13px
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 18px;
        height: 18px
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: none
    }

    .app-store-sec img {
        height: 22px;
        margin-right: 18px
    }

    .credit-cards-highlights-in .row .col-md-4 {
        width: 50%
    }

    .find-us-page-main .filter-list {
        height: auto
    }

    .find-us-page-main .filter-content {
        margin-top: 0
    }
}

.referral-banner {
    background-color: #806FB2;
    padding: 30px 0;
}

.referral-banner-top {
    background-color: transparent;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
}

.referral-banner-top .banner-text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.container .referral-banner-top img {
    height: 303px;
}

.referral-banner-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 25px;
}

.container .referral-banner-top .banner-text h1 {
    font-size: 38px;
    line-height: 1.3;
    letter-spacing: -1px;
    max-width: 100%;
    margin: 0;
}

.container .referral-banner-top .banner-text p {
    max-width: 100%;
    margin: 30px 0;
}

.referral-banner-top .banner-text a {
    transition: all .3s ease-in-out;
}

.referral-banner-top .banner-text h1 {
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    max-width: 60%;
}

.referral-banner-top .banner-text p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    max-width: 55%;
}

.green-inner {
    background-color: #cb1019;
    border-radius: 20px;
    padding: 40px;
    position: relative;
}

.silver-inner {
    background-color: #E9E9E9;
    border-radius: 20px;
    padding: 40px;
    position: relative;
}

.purple-inner {
    background-color: #806FB2;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    margin-top: 25px;
}

.white-inner {
    border: 1px solid #64BB47;
    border-radius: 20px;
    padding: 125px 0;
    position: relative;
    margin-top: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.green-inner img {
    width: 100%;
}

.white-inner h2 {
    text-align: center;
}

.purple-inner img {
    width: 100%;
}

.silver-inner img {
    width: 80%;
}

.green-inner .banner-text,
.purple-inner .banner-text {
    color: #fff;
}

.generate {
    background-color: #fff;
    border: 1px solid #fff;
    color: #1e1e1e !important;
    width: 162px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: normal;
    font-weight: 700;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out;
    margin-top: 90px;
}

.generate:hover {
    background-color: #fff;
    color: #1e1e1e !important;
}

.mymultiplediv {
    cursor: pointer;
}

.mymultiplediv {
    width: 100%;
    padding: 30px 20px;
    color: #fff;
    border-radius: 20px;
    background: #f3f3f3;
    margin-bottom: 15px;
    float: left;
}

.steps_tab .list-inline {
    float: left;
}

.mymultiplediv .timeline-text {
    margin-top: 0px;
    width: 88%;
    float: right;
}

.mymultiplediv .timeline-text h2 {
    font-size: 21px;
    line-height: 32px;
    font-weight: 700;
    color: #414141;
    text-align: left;
}

.mymultiplediv .timeline-text p {
    font-size: 15px;
    line-height: 25px;
    color: gray;
    font-weight: 400;
    text-align: left;
    max-width: 100%;
    min-height: 10%;
}

.mydiv {
    display: none;
    padding: 10px;
    text-align: center;
}

.mydiv img {
    margin: 0 auto;
}

.mydiv span {
    text-align: center;
    background: #ffdede;
    padding: 6px 10px;
    display: block;
    width: 100px;
    border: 1px solid #d47c7c;
    margin: 8px auto;
}

.steps-img-sec {
    background: #806FB2;
    padding: 40px;
    border-radius: 20px;
    height: 620px;
}

.pad_btm {
    margin-bottom: 40px;
}

.defal img {
    margin: 0 auto;
}

.defal {
    padding: 10px;
    text-align: center;
}

.steps-img-sec img {
    width: 260px;
}

.mymultiplediv .timeline-btn:after {
    width: 80%;
    left: 235px;
}

.mymultiplediv .timeline-btn {
    background: #fff;
    padding: 5px 0;
    float: left;
    border-radius: 10px;
    margin-top: 10px;
}

.steps-sec-main .heading-type-1 {
    margin-bottom: 35px;
}

.mymultiplediv .timeline-btn:after {
    content: '';
    position: absolute;
    width: 60%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    top: 25px;
    left: 265px;
    z-index: -999;
    transition: all ease-in-out .3s;
}

.mymultiplediv span {
    width: 48px;
    padding: 0 17px;
}

.mymultiplediv span {
    border-radius: 10px;
    background-color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    display: flex;
    color: #64bb47;
    align-items: center;
    justify-content: center;
}

p.form_sub {
    padding-top: 84px !important;
    width: 30%;
    margin: 0 auto;
}

.global-header {
    background: #fff;
}

.referral-banner-top .link-type-5 {
    width: 210px;
}

.effortless-thumnail-card img {
    min-height: auto !important;
}

.faq-sec-main.referral_faq {
    padding: 0;
}

.cards-benifits-img img {
    height: auto !important;
    width: 100%;
}

.cool_social_c {
    width: 26px;
    float: right;
    cursor: pointer;
    margin: 0 0 0 120px;
}

.mobile_secst,
.mobile_fsec {
    display: none !important;
}

@media (min-width: 320px) and (max-width: 766px) {
    .page-id-6290 .video {
        min-height: 165px !important;
        margin-bottom: 50px !important;
        width: 100% !important;
    }

    .page-id-6290 .video video {
        height: auto !important;
    }

    .page-id-6716 .video {
        min-height: 165px !important;
        margin-bottom: 50px !important;
        width: 100% !important;
    }

    .page-id-6716 .video video {
        height: auto !important;
    }

    .mobile-menu .apply-btn-sec .link-type-1 {
        display: none;
    }

    .desk_fsec {
        display: none !important;
    }

    .ref_notification {
        background-size: cover !important;
        width: 100%;
        height: 100% !important;
        background-position: center !important;
    }

    .steps-img-sec img {
        width: 100%;
    }

    .mobile_secst,
    .mobile_fsec {
        display: block !important;
    }

    .referral-banner-top {
        display: block;
    }

    .mobile_fsec {
        width: 100%;
        height: auto !important;
        margin-bottom: 20px;
    }

    .generate {
        margin-top: 10px !important;
    }

    .green-inner img,
    .silver-inner img,
    .purple-inner img {
        width: 40% !important;
    }

    .white-inner h2 {
        text-align: center;
        width: 60%;
        margin: 0 auto;
    }

    .form_sub input {
        padding: 10px;
        width: 100%;
    }

    p.form_sub {
        width: 100% !important;
    }

    .form_gr {
        width: 100% !important;
        float: left;
    }

    .silver-inner {
        margin-top: 25px;
    }

    #myForm {
        padding: 0;
    }

    .steps-sec-main {
        margin-top: 60px;
    }

    .criteria-sec-main {
        background-color: transparent !important;
    }

    html .home_first_sc {
        width: 100% !important;
        min-width: 100% !important;
    }

    html .home_first_sc .main-banner-card {
        padding: 20px 20px 0px 20px !important;
    }
}

.col-md-4.home_first_sc {
    width: calc(100%/3) !important;
}

.home_first_sc .main-banner-card {
    padding: 3px !important;
}

.home_first_sc img {
    height: 175px !important;
}

.home_first_sc .main-banner-card a h2 {
    font-size: 23px;

}

.home_first_sc .main-banner-card a p {
    min-height: 75px !important;
}

section.section-three.pb-0.eligiblity_txt {
    padding-top: 80px;
}

.page-id-6290 .section-three {
    padding: 0px 0;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.page-id-6290 .btn-three-blue {
    background-color: #8A87C0;
    color: #fff;
    display: block;
    padding: 20px 70px;
    font-size: 25px;
    width: fit-content;
    border-radius: 40px;
    text-decoration: none;
}

.page-id-6290 .btn-three-green {
    background-color: #67B24B;
    text-decoration: none;
    padding: 20px 70px;
    font-size: 25px;
}

.page-id-6290 .three-main-card {
    position: relative;
}

.page-id-6290 .three-main-card figcaption {
    position: absolute;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    padding: 60px;
}

.page-id-6290 .three-main-card figcaption h3 {
    font-size: 70px;
}

.page-id-6290 .three-card {
    position: relative;
    background: rgb(111, 185, 91);
    background: linear-gradient(61deg, rgba(111, 185, 91, 1) 0%, rgba(147, 214, 165, 1) 100%);
    padding: 40px;
    border-radius: 40px;
    height: 310px;
    margin-bottom: 16px;
}

.page-id-6290 .three-card {
    color: #fff;
}

.page-id-6290 .three-card h3 {
    width: 70%;
    font-size: 40px;
    line-height: 50px;
}

.f_big1 {
    font-size: 65px;
    line-height: 75px;
    padding-bottom: 10px;
}

.f_small1 {
    font-size: 20px;
}

.f_bn1 {
    padding: 20px 70px !important;
    font-size: 16px;
}

.page-id-6290 .three-card .bordered-circle {
    position: absolute;
    max-width: 100px;
    right: 40px;
    top: 40px;
    animation: rotci 5s infinite;


}

@keyframes rotci {
    0% {
        transform: rotate(0)
    }

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

.page-id-6290 .three-marquee .logo {
    margin: 10px 25px;
}

.page-id-6290 .three-marquee a {
    margin-top: 50px;
}

.page-id-6290 .flips-wrapper {
    overflow: hidden;
}

.page-id-6290 .flips {
    display: flex;
    align-items: align-items-center;
    gap: 20px;
    height: 250px;
    animation: marquee 25s linear infinite;
    will-change: transform;

}

.page-id-6290 .link-type-2 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 150px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: 18px;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.page-id-6290 .flip-card {
    background-color: transparent;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    perspective: 1000px;
    border-radius: 20px;

}

.page-template-home-three_re .tab-pane.active {
    background: transparent;
}

.page-id-6290 .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;

}

.page-id-6290 .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.page-id-6290 .flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
}


.page-id-6290 .flip-card-back {
    background-color: #2980b9;
    transform: rotateY(180deg);
    position: relative;
}

.page-id-6290 .flips .flip-card:nth-child(odd) .flip-card-back {
    background: linear-gradient(63deg, #67B24B 17.93%, #93CA7F 85.75%);
    border-radius: 50%;
    height: 220px;
    width: 220px;
}

.page-id-6290 .swiper-new {
    width: 100%;
    height: 100%;
}

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

.page-id-6290 .swiper-slide-new img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-id-6290 .swiper-slide-new {
    width: 80%;
}



.page-id-6290 .flips .flip-card:nth-child(even) .flip-card-back {
    background: linear-gradient(215deg, #9BCCDC -12.98%, #8A87C0 114.45%);
    width: 220px;
}

.page-id-6290 .flip-card-back p {
    position: absolute;
    padding: 16px 40px;
    border-radius: 20px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.page-id-6290 .three-card-round {
    display: flex;
    align-items: center;
    width: 306px;
    height: 306px;
    border-radius: 50%;
}

.page-id-6290 .three-card-round h3 {
    font-size: 20px;
    bottom: auto;
    position: relative;
    width: 240px;
    text-align: center;
}

.page-id-6290 .three-card.three-card-round.blue {
    background: linear-gradient(215deg, #9BCCDC -12.98%, #8A87C0 114.45%);
}

.page-id-6290 .section-calc {
    font-size: 15px;
    border-radius: 20px;
    border: 2px solid #cb1019;
    padding: 45px !important;
}

.page-id-6290 .light-grey {
    color: #8b8b8b;
    font-size: 15px;
}

.page-id-6290 .credit-card {
    border-radius: 20px;
    background: linear-gradient(67deg,
            #8a87c0 2.91%,
            #9bccdc 55.99%,
            #cb1019 121.9%);
    padding: 40px;
    color: #fff;
}

.page-id-6290 .credit-card-title {
    font-size: 30px;
}

.page-id-6290 .btn-white {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    width: fit-content;
}

.page-id-6290 .f12 {
    font-size: 12px;

}

.page-id-6290 button.link-type-1 {
    text-align: center;
    width: fit-content;
    font-size: 15px;
    margin-right: 15px;
    padding: 15px 40px;
}

.page-id-6290 button.btn-white-border {
    background-color: #fff;
    border: 1px solid #BEBEBE;
    color: #BEBEBE !important;
    padding: 15px 40px;
}

.page-id-6290 .credit-card-2 {
    padding: 25px;
    min-height: 132px;
}

.page-id-6290 .credit-card-2 span {
    color: #C8D3E6;
    font-size: 15px;
}

.page-id-6290 .credit-card-2 p {
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 18px;

}

.page-id-6290 .snap {
    background: linear-gradient(63deg, #8A87C0 2.39%, #9BCCDC 41.69%, #67B24B 100%);
    height: 593px;
    width: 100%;
    border-radius: 60px;

}

.page-id-6290 .snap p {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    max-width: 394px;
    line-height: 100%;
}

.page-id-6290 .snap a {
    padding: 12px 20px;
    background-color: #fff;
    color: #000;
    border-radius: 40px;
    font-size: 14px;
    font-weight: bold;
    margin: 50px auto 0;
    display: block;
    width: fit-content;
    text-decoration: none;
}

.page-id-6290 .three-accordion .accordion-item {
    padding: 30px;
    border-radius: 30px !important;
    background: #FFF;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);
    border: none;
    margin-bottom: 10px;
}

.page-id-6290 .align-start {
    align-items: start;
}

.page-id-6290 .align-start .sticky-top {
    top: 40px;
}

.page-id-6290 .align-start .sticky-top-2 {
    top: 100px;
}

.page-id-6290 .sticky-top .carousel-item img {
    max-width: 350px;
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

.page-id-6290 .marquee {
    width: 100%;
    height: 12rem;
    pointer-events: none;
    overflow: hidden;
}

.page-id-6290 .marquee__inner-wrap {
    height: 100%;
    width: 100%;
}

.page-id-6290 .marquee__inner {
    height: 100%;
    width: fit-content;
    align-items: center;
    display: flex;
    position: relative;
    animation: marquee 45s linear infinite;
    will-change: transform;
}

.page-id-6290 .marquee__inner-2 {
    animation: marqueee 50s linear infinite;
    transform: translateX(-50%);
}

@keyframes marquee {
    to {
        transform: translateX(-50%);
    }
}

@keyframes marqueee {
    to {
        transform: translateX(50%);
    }
}

.three-partners h3 {
    font-size: 2.75rem
}

.flips-hero {}

.flips-hero {
    animation: none !important;
    height: auto !important;
}

.flips-hero .flip-card .flip-card-inner .flip-card-back {

    width: auto !important;
    height: auto !important;
    background: none !important;
}



.marquee-wrapper {
    position: relative;
    display: flex;
    overflow: hidden;
    gap: 1rem;
    border-radius: 1rem;
}

.marquee-wrapper .marquee-content {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 2rem;
    cursor: grab;
    margin-bottom: 2rem;
}



.marquee-content .card-testimonial img {

    width: 182px;
    height: 182px;
}

@media (max-width: 1024px) {
    .marquee-wrapper {
        overflow: auto;
    }
}

.scrollingX {
    animation: scroll 220s linear infinite;
}

.scrollingX-two {
    animation: scroll2 1000s linear infinite;
}

@keyframes scroll2 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(calc(100% - 1rem));
    }
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - 1rem));
    }
}




.bg {
    background: #9b3636;
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh;
    z-index: 1;
}

.section {
    display: flex;
    position: relative;
    z-index: -1;
    min-height: 350px;
}

.section>* {
    width: 50%;
}

.section-img {
    position: relative;
    display: flex;
}

.section-img-inner {
    height: 755px;
    position: fixed;
    left: 15%;
    width: 40%;
    top: 50%;
    mix-blend-mode: multiply;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: blur(30px);
    opacity: 0;
    background-position: 50% 40%;
    transition: 0.6s ease, opacity 0.6s ease, background-position 0.8s ease;
    transform: translateY(-50%);
}

.section-body {
    display: flex;
    align-items: center;
    height: 48vh;
}

.section-text {
    padding: 5vw;
    text-align: center;
    font-size: 20px;
    line-height: 104%;
}

.section.active .section-img-inner {
    opacity: 1;
    background-position: 50% 50%;
    filter: blur(0);
}

.newsection {
    display: block;
    position: relative;
    height: 50vh;
    width: 100%;
    background-color: blueviolet;
}

.section-calc {
    background-color: #fff;

}

.section-wrap {
    padding-top: 50px;
    margin-bottom: 150px;
}

.snap {
    overflow: hidden;
}

.circles {
    position: absolute;


}

.circle-small {
    animation: rotc 10s infinite;
}

.circle-large {
    animation: rotc 10s infinite;
}

.circle-med {
    animation: rotcr 10s infinite;
}

@keyframes rotc {
    0% {
        transform: rotate(0);
    }

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

@keyframes rotcr {
    0% {
        transform: rotate(0);
    }

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

@media (max-width: 1199.98px) {
    .section {
        min-height: 300px;
    }

    .section-img-inner {
        height: 80vh;
    }

    .page-id-6290 .three-card-round {
        width: 250px;
        height: 250px;
        font-size: 1rem
    }
}

.three-card:first-child img {
    transform: rotate(200deg);
}

.three-card:nth-child(2) img {
    transform: rotate(92deg);
    animation-delay: 3s;
}

.three-card:nth-child(3) img {
    transform: rotate(195deg);
    animation-delay: 3s;
}

.three-card:nth-child(4) img {
    transform: rotate(305deg);
    animation-delay: 3s;
}

.three-card:nth-child(5) img {
    transform: rotate(125deg);
    animation-delay: 3s;
}

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

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

.swiper-slide-mob {
    width: 90%;
}

@media (max-width: 991.98px) {
    .f_big1 {
        font-size: 28px;
        line-height: 33px;
        padding-bottom: 0;
    }

    .page-id-6290 .three-card h3 {
        font-size: 23px;
        line-height: 33px;
    }

    .swiper,
    swiper-container {
        padding: 0 0 25px 0;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        background-image: url(../../assets/img/slider-next-icon.svg) !important;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        background-image: url("../../assets/img/slider-next-icon.svg") !important;
    }

    @keyframes marquee {
        to {
            transform: translateX(-1000px);
        }
    }

    .main-content {
        overflow-x: hidden;
    }

    .marquee-wrapper .marquee-content {
        margin-right: 3rem;
    }

    .circle-large {
        width: 250%;
    }

    .circle-med {
        width: 225%;
    }

    .circle-small {
        width: 125%;
    }


    .page-id-6290 .snap a {
        font-size: 11px;
        z-index: 999999;
        position: relative;
    }

    .section-wrap {
        padding-top: 50px;
    }

    .section:nth-child(even) {
        left: 100px;
    }

    .section-img {
        display: none;
    }

    .section-body {
        height: 260px;
    }

    .page-id-6290 .align-start .sticky-top {
        position: relative;
        top: 0 !important;
    }

    .page-id-6290 .align-start .sticky-top-2 {
        top: 0;
    }

    .page-id-6290 .three-main-card figcaption h3 {
        font-size: 40px;
    }

    .page-id-6290 .three-card {
        width: 100%;
    }

    .page-id-6290 .three-card .bordered-circle {
        max-width: 80px;
        right: 40px;
        top: 40px;
        animation: rotci 5s infinite;
        height: 80px;
    }

    @keyframes rotci {
        0% {
            transform: rotate(0)
        }

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

    .page-id-6290 .three-card h3 {
        text-align: left;
    }

    .page-id-6290 .section-three {
        padding: 30px 0;
    }


    .page-id-6290 .three-card-round {
        width: 244px !important;
        height: 244px !important;
        text-align: center;
    }

    .page-id-6290 .carousel-item {
        text-align: center;
    }

    .page-id-6290 .swiper-wrapper {
        padding-bottom: 0;
    }

    .page-id-6290 .section-calc {
        padding: 0 25px !important;
        border: none;
    }

    .page-id-6290 .calc {
        border-radius: 20px;
        border: 2px solid #cb1019;
        padding: 30px 15px !important;
        margin-bottom: 20px;

    }

    .page-id-6290 .credit-card-2 {
        margin-bottom: 10px;
    }

    .page-id-6290 .snap {
        background-size: cover;
        background-position: 50%;
        margin-bottom: 30px;

    }

    .page-id-6290 .snap p {
        font-size: 35px;

    }

    .page-id-6290 .three-card:nth-child(odd) {
        float: left;
    }

    .page-id-6290 .three-card:nth-child(even) {
        float: right;
    }

    .page-id-6290 .flips {
        animation-duration: 15s;
    }
}

.page-id-6290 .accordion-item {
    border: 0;
    border-bottom: 1px solid #bebebe;
    padding: 20px 0 20px 0;
    width: 100%;
    float: left;
    margin-right: 20px;
    border-radius: 0;
}

.page-id-6290 .faq-sec-main {
    position: relative;
    z-index: 999;
    background: #fff;
}

.page-id-6290 .faq-sec-main .heading-type-1 {
    text-align: center;
    padding-bottom: 30px;
}

footer {
    background-color: #fff;
}

/***********calculator_360*******************/

#dot-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dot-form {
    width: 100%;
    max-width: 500px;
}

.dot-form #form-title {
    margin-top: 0;
    font-weight: bold;
    align-items: center;
}

.dot-form #dot-slider {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 90px;
}

.dot-form #dot-slider::before {
    content: "";
    position: absolute;
    height: 2px;
    width: calc(100% * (10 / 11));
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #d0d0d0;
}

.dot-form #dot-slider input,
.dot-form #dot-slider label {
    box-sizing: border-box;
    flex: 1;
    cursor: pointer;
}

.dot-form #dot-slider label {
    display: inline-block;
    position: relative;
    width: 20%;
    height: 100%;
}

.dot-form #dot-slider label::before {
    content: attr(data-dot-amount);
    position: absolute;
    left: 50%;
    padding-top: 10px;
    transform: translate(-50%, 45px);
    font-size: 14px;
    letter-spacing: 0.4px;
    font-weight: 400;
    opacity: 0.55;
    white-space: nowrap;
    transition: all 0.15s ease-in-out;
}

.dot-form #dot-slider label::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border: 2px solid #d0d0d0;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

.dot-form #dot-slider label:hover::after {
    transform: translate(-50%, -50%) scale(1.25);
}

.dot-form #dot-slider input:checked+label::before {
    font-weight: 800;
    opacity: 1;
}

.dot-form #dot-slider input:checked+label::after {
    border-width: 4px;
    transform: translate(-50%, -50%) scale(0.75);
    border: 2px solid #64bb47;
    background: #64bb47;
}

#dot-slider input {
    display: none;
}

#dot-slider input:checked~#dot-input-label {
    opacity: 1;
}

#dot-slider #dot-input-label {
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    background: #64bb47;
    border-radius: 50%;
    transition: all 0.15s ease-in-out;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    opacity: 0;
    z-index: 2;
}

#dot-slider input:checked:nth-child(1)~#dot-input-label {
    left: 5%;
}

#dot-slider input:checked:nth-child(3)~#dot-input-label {
    left: 15%;
}

#dot-slider input:checked:nth-child(5)~#dot-input-label {
    left: 25%;
}

#dot-slider input:checked:nth-child(7)~#dot-input-label {
    left: 35%;
}

#dot-slider input:checked:nth-child(9)~#dot-input-label {
    left: 45%;
}

#dot-slider input:checked:nth-child(11)~#dot-input-label {
    left: 55%;
}

#dot-slider input:checked:nth-child(13)~#dot-input-label {
    left: 65%;
}

#dot-slider input:checked:nth-child(15)~#dot-input-label {
    left: 75%;
}

#dot-slider input:checked:nth-child(17)~#dot-input-label {
    left: 85%;
}

#dot-slider input:checked:nth-child(19)~#dot-input-label {
    left: 95%;
}

/***********calculator_360_end***************/
.eligiblity_txt {
    background: #fff !important;
    z-index: 999 !important;
}

.ap_cl {
    color: #000;
    line-height: 35px;
}

.log_36 {
    height: 75px !important;
    margin-top: 5px;
}

@media (min-width: 320px) and (max-width: 766px) {
    .page-id-6290 nav.navbar {
        height: 85px;
    }

    .amt_pa {
        margin-right: 40px;
    }

    .log_36 {
        height: auto !important;
        margin: 0 auto !important;
        width: 180px !important;
    }

    .criteria-inner {
        padding: 32px 30px 0 30px !important;
    }

    .hm_thr_btn {
        width: 75% !important;
        margin: 0 auto;
        float: none !important;
    }

    .page-template-financing .timeline li {
        margin-bottom: 70px !important;
        margin-top: -8px !important;
    }

    .installment-timeline .timeline li {
        margin-bottom: -10px !important;
        margin-top: -15px !important;
    }

    .installment-timeline .timeline li:nth-child(3) {
        margin-top: 60px !important;
    }

    .installment-timeline .mobile-time-line-dots {
        margin-top: 10px;
    }

    .container .personal-finance-banner-top img {
        height: auto !important;
    }

    .mid_emb {
        margin: 0 auto 30px auto !important;
        display: none !important;
    }

    html .home-main-banner p {
        margin-bottom: 35px !important;
    }

    .mb_appn {
        margin-top: 15px !important;
    }

    .offer-info-benefits-icon-sec a p {
        max-width: 100% !important;
    }
}

.home-main-banner p {

    margin-bottom: 60px !important;
}

.mid_emb {
    width: 90px;
    margin: 0 auto 74px auto;
    text-align: center;
    display: block;
}

.installment-timeline-img img {
    width: 420px !important;
}

.img-qr {
    max-width: 150px;
}

.mt-6 {
    margin-top: 5rem !important;
}

.hm_thr_btn {
    float: right;
    width: 43%;
}

.installment-timeline .timeline-text p {
    min-height: 120px !important;
}

.container .installment-timeline-img {
    margin-top: 20px !important;

}

.mob_ttli {
    text-decoration: none;
}

.ds_appn {
    padding-top: 10px;
}

/*** New Offer Page ***/

.page-id-6290 .hero__new {
    color: #fff;
    padding: 150px 0;
    background: linear-gradient(63deg, #9bccdc 0%, #8a87c0 100%);
}

.page-id-6290 .hero__new h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 106.5%;
    /* 74.55px */
    margin-bottom: 24px;
}

.page-id-6290 .hero__new p {
    font-size: 25px;
    font-weight: 400;
    line-height: 104%;
    /* 26px */
    margin-bottom: 24px;
}

.page-id-6290 .hero__new a {
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 700;
    line-height: 143%;
    /* 31.46px */
    color: #1e1e1e;
    text-decoration: none;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    width: fit-content;
}

.page-id-6290 .hero__new a p {
    margin-bottom: 0;
}

.page-id-6290 .tasheel__card-slide {
    border-radius: 40px;
    background: linear-gradient(63deg, #9bccdc 2.31%, #cb1019 96.62%);
}

.page-id-6290 .tasheel__card-slide-blue {
    border-radius: 60px;
    background: linear-gradient(63deg, #9bccdc 0%, #8a87c0 100%);
    color: #fff;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    padding: 30px;
}

.page-id-6290 .hero__new {
    color: #fff;
    padding: 144px 0;
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2023/11/MicrosoftTeams-image-1.png);
    background-size: cover;
    background-position: right bottom;
}

.page-id-6290 .hero__new h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 24px;
}

.page-id-6290 .hero__new p {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 24px;
    width: 70%;
}

.page-id-6290 .hero__new a {
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 700;
    line-height: 143%;
    /* 31.46px */
    color: #1e1e1e;
    text-decoration: none;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    width: fit-content;
}

.page-id-6290 .hero__new a p {
    margin-bottom: 0;
}

.page-id-6290 .tasheel__card-slide {
    border-radius: 40px;
    background: linear-gradient(63deg, #9bccdc 2.31%, #cb1019 96.62%);
    padding: 30px;
    color: #fff;
    height: auto;

}

.page-id-6290 .section__tasheel-offer {
    padding: 80px 0 100px;
    position: relative;
    overflow: hidden;
}

.page-id-6290 .swiper__navs {
    position: absolute;
    left: 100px;
    bottom: -50px;
}

:root {
    --swiper-theme-color: #181818;
}

.page-id-6290 .swiper-button-next,
.page-id-6290 .swiper-button-prev {
    padding: 20px 26px 20px 26px;
    display: block;
    border-radius: 10px;
    max-width: 48px;
}

.page-id-6290 .swiper-button-next:after,
.page-id-6290 .swiper-button-prev:after {
    font-size: 1rem;
}

.page-id-6290 .swiper-button-next,
.page-id-6290 .swiper-rtl .swiper-button-prev,
.page-id-6290 .swiper-button-prev,
.page-id-6290 .swiper-rtl .swiper-button-next {
    height: auto;
    width: auto;
}

.page-id-6290 .swiper-button-prev svg {
    transform: rotate(180deg);
}

.page-id-6290 .swiper-button-next {
    left: -36px;
}

.page-id-6290 .tasheel__card-slide-button {
    background-color: #fff;
    color: #1e1e1e;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px 24px;
    border-radius: 40px;
    margin-top: 40px;
}

.page-id-6290 .tasheel__card-slide svg {
    animation: rotate-animation 10s infinite linear;
}


@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-180deg);
    }

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

.page-id-6290 .tasheel__card-slide-dark {
    color: #181818;
    background: transparent;
}

.page-id-6290 .tasheel__card-slide-dark a {
    background-color: #cb1019;
    color: #fff;
}

.page-id-6290 .swiper-wrapper {
    transition-timing-function: linear;
    padding-top: 20px;
}

.page-id-6290 .swiper-slide-card {
    border-radius: 20px;
    position: relative;
    margin-right: 30px;

}

.page-id-6290 .swiper-slide-card img {
    width: 100%;
    min-height: 200px;
}

.page-id-6290 .swiper-slide-card figcaption {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffffd8;
    width: fit-content;
    font-weight: bold;
    line-height: 1.2;
}

.page-id-6290 .bring-front {
    z-index: 99;
    background-color: #fff;
    position: relative;
    padding-bottom: 0px;
    padding-right: 0px;
    border-radius: 215px;
}

.page-id-6290 .bring-front::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    width: 52vw;
    height: 125%;
    left: -30vw;
    top: -65px;
    z-index: -1;
}

.page-id-6290 .container {
    position: relative;
}

.page-id-6290 .how-to .nav-link.active,
.page-id-6290 .how-to .show>.nav-link,
.page-id-6290 .how-to .nav-link {
    color: #131313;
    background-color: transparent;
    font-size: 30px;
    font-weight: bold;
    border-radius: 0;
    border-left: 5px solid #f3f3f3;
    margin-bottom: 5px;
}

.page-id-6290 .how-to .nav-pills .nav-link {
    color: rgb(190, 190, 190);
    border-radius: 0;
}

.page-id-6290 .how-to .nav-pills .nav-link.active {
    border-left: 5px solid #cb1019;
    color: #181818;
}

.page-id-6290 .offer-tab {
    font-size: 30px;
    font-weight: bold;
}

.page-id-6290 section {
    overflow: hidden;
}

.page-id-6290 .swiper__nav-buttons {
    position: absolute;
    z-index: 99;
    top: 85%;
}

.page-id-6290 .infinite-slider-3 {
    padding-bottom: 0px;
}

.page-id-6290 .infinite-slider-3 .swiper-wrapper {
    padding: 100px 0;
}

.page-id-6290 .section-interest {
    color: #131313;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    height: 585px !important;
    background-image: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2023/12/MicrosoftTeams-image-6.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 89%;
    margin: 0 auto;
}

.col-md-6.mb_intres1 {
    width: 100%;
}

.col-md-6.d-flex.align-items-end.mb_intres2 {
    width: 100% !important;
    display: block !important;
}

.mb_intres2 .row.pb-5 {
    float: right !important;
    margin-top: 0px;
}

.mb_intres1 p {
    margin-left: 110px;
    margin-top: 0px;
    width: 50%;
}

.page-id-6290 .hero__new-btn span {
    float: left;
    width: 100%;
    display: contents !important;
}

.page-id-6290 .section-interest a,
.page-id-6290 .tasheel__card-slide-button-blue {

    background-color: #8B88C1 !important;
    color: #fff !important;
    width: fit-content !important;
}

.page-id-6290 .section-interest a {
    margin-top: 10px;
}

.page-id-6290 .video {
    min-height: 350px;
    width: 78% !important;
    margin: 0 auto 100px auto;

}

.page-id-6716 .video {
    min-height: 350px;
    width: 78% !important;
    margin: 0 auto 100px auto;

}

.page-id-6290 .tap_pay figure:nth-child(1) {
    margin-left: 12px;
}

.tap_pay .tasheel__card-slide-blue.tasheel__card-slide-dark {
    padding: 0;
    margin-top: 30px;
    padding-bottom: 30px;
}

.page-id-6290 .tap_pay .infinite-slider-3 .swiper-wrapper {
    padding: 100px 0 40px 0 !important;
}

.tap_pay .btn.tasheel__card-slide-button {
    margin-top: 0;
}

.page-id-6290 .infinite-slider-3 .swiper-wrapper {
    padding: 100px 0 0px 0;
}

.bas_frt {
    width: 37%;
}

@media (max-width: 1399.98px) {

    body {

        font-family: Frutiger-Regular !important;
    }

    .page-id-6290 .bring-front::before {
        left: -25vw;
    }

    .page-id-6290 .hero__new h1 {
        font-size: 50px;
        line-height: 66px;
    }

    .page-id-6290 .hero__new-btn {
        font-size: 15px !important;
        font-weight: bold;

    }

}

@media (min-width: 360px) and (max-width: 374px) {
    .mb_intres2 p {
        margin-top: 81px !important;
    }

    html .page-id-6290 .section-interest {
        height: 575px !important;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    .mb_intres2 p {
        margin-top: 55px !important;
    }
}

@media (min-width: 412px) and (max-width: 450px) {
    .mb_intres2 p {
        margin-top: 140px !important;
    }

    html .page-id-6290 .section-interest {
        height: 668px !important;

    }
}

.d-mob {
    display: none !important;
}

@media (max-width: 767.98px) {
    .foo_btm_lo {
        width: 28% !important;

    }

    .footer-bottom-sec .mobile-img {
        width: 70%;
        float: left;
    }

    .offer-info-benefits-icon-sec a p {
        font-size: 18px !important;
        line-height: 28px !important;
        margin-bottom: 0 !important;
    }

    html .personal-finance-timeline li:nth-child(3) {
        margin-bottom: 0 !important;
    }

    html .personal-finance-banner-top .banner-text h1 {
        font-family: Frutiger-Regular !important;
        font-weight: 500;
    }

    .criteria-box-sec h3 {
        font-size: 14px;
    }

    .foo_btm_lo {
        display: none !important;
    }

    .d-desk {
        display: none !important;
    }

    .d-mob {
        display: block !important;
    }

    html .las_firs {
        font-size: 8px !important;
        margin: 0 !important;
        position: absolute;
        left: 20px !important;
        text-align: left !important;
        bottom: -43px !important;
        width: 100% !important;
    }

    .page-id-6290 .section__tasheel-offer {
        padding: 15px 0 50px 0 !important;
    }

    .page-id-6290 .hero__new {
        color: #fff;
        padding: 144px 0;
        background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/mt4.png);
        background-size: cover;
        background-position: right bottom;
    }

    .page-id-6290 .tasheel__card-slide-button {
        margin-top: 0;
    }

    .tap_pay .tasheel__card-slide-blue.tasheel__card-slide-dark {
        padding: 0;
        margin-top: 0;
        padding-bottom: 0;
    }

    .page-id-6290 .tes_fron {
        padding-bottom: 0;
        border-radius: 0;
    }

    .infinite-slider .img-fluid,
    .infinite-slider-2 .img-fluid {
        max-width: 90%;
        height: auto;
    }

    .page-id-6290 .tasheel__card-slide {
        width: 320px !important;
    }

    .page-id-6290 .tes_lft p {
        width: inherit;
    }

    .page-id-6290 .tap_pay .infinite-slider-3 .swiper-wrapper {
        padding: 0px 0 40px 0 !important;
    }

    html .page-id-6290 .d-none {
        display: none !important;
    }

    .page-id-6290 .hero__new {
        padding: 50px 0;
    }

    .page-id-6290 .hero__new h1 {
        font-size: 40px;
        line-height: 50px;
        width: 78%;
    }

    .page-id-6290 .hero__new-btn {
        font-size: 15px !important;
        font-weight: bold;
        border-radius: 95px !important;
        padding: 12px 20px !important;
    }

    .page-id-6290 .section__tasheel-offer {
        padding: 15px 0;
    }

    .page-id-6290 .swiper__navs {
        right: calc(100%/3);
    }

    .page-id-6290 .swiper-button-next {
        left: auto;
    }

    .page-id-6290 .tasheel__card-slide-blue {
        font-size: 35px;
    }

    .page-id-6290 .tasheel__card-slide-dark {
        padding: 0;
    }

    .page-id-6290 .tasheel__card-slide-dark a {
        margin-top: 20px;
    }

    .page-id-6290 .swiper-slide-card figcaption {
        font-size: 15px;
    }

    .page-id-6290 .infinite-slider-3 {
        padding: 50px 0 0;
    }

    .page-id-6290 .section-three {
        padding: 0;
    }

    .page-id-6290 .section-interest {

        height: 646px !important;
        background-image: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2023/12/Untitled-4.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        margin: 0 auto !important;
    }

    .mb_intres2 {
        display: block !important;
    }

    .mb_intres2 p {
        margin-left: 38px;
        margin-top: 70px;
    }

    .mb_intres2 a.btn.tasheel__card-slide-button.tasheel__card-slide-button-blue {
        margin-left: 42px;
    }

    .mb_intres1 p {
        margin-left: 40px;
        margin-top: 20px;
        width: 66%;
    }

    .page-id-6290 .section-interest p {
        font-size: 32px;
    }
}

.tab-content .img-fluid {
    width: 300px;
}

.tab-content .ms-5 {
    width: 415px;
}

.tes_lft p {
    width: 70%;
}

.page-id-6290 .tes_fron {
    padding-bottom: 36px;
    border-radius: 0;
}


}

@media (min-width: 1400px) and (max-width: 1599px) {
    .page-id-6290 .section-interest {

        height: 732px !important;
        width: 95% !important;

    }
}

@media (min-width: 1600px) and (max-width: 1679px) {
    .page-id-6290 .section-interest {

        height: 600px !important;
        width: 77% !important;

    }
}

@media (min-width: 1680px) and (max-width: 1900px) {
    .page-id-6290 .section-interest {
        height: 600px !important;
        width: 73% !important;

    }
}

@media (min-width: 1901px) and (max-width: 2000px) {
    .page-id-6716 .video {
        min-height: 350px;
        width: 52% !important;
        margin: 0 auto 100px auto;
    }

    .page-id-6290 .btn-white {
        font-size: 19px;
    }

    .page-id-6290 .tes_fron {
        padding-bottom: 75px;
        border-radius: 0;
    }

    .page-id-6290 .container {
        max-width: 1700px !important;

    }

    .page-id-6290 .hero__new h1 {
        font-size: 62px;
        width: 82%;
        font-weight: 700;
        line-height: 80px;
        margin-bottom: 50px;
    }

    .hero__new .img-fluid {
        max-width: 90%;
    }

    .page-id-6290 .hero__new p {
        font-size: 38px;
        font-weight: 400;
        line-height: 48px;
        margin-bottom: 56px;
        width: 70%;
    }

    .page-id-6290 .hero__new a {
        font-size: 24px;
        line-height: 143%;
        padding: 30px 20px;

    }

    .page-id-6290 .tasheel__card-slide-blue {
        font-size: 62px;
        line-height: 72px;
        padding: 50px 30px 50px 50px;
    }

    .page-id-6290 .tasheel__card-slide-button {
        font-size: 19px;
    }

    .page-id-6290 .swiper-slide-card {
        width: 315px !important;
    }

    .bas_frt {
        width: 37%;
    }

    .page-id-6290 .how-to .nav-link.active,
    .page-id-6290 .how-to .show>.nav-link,
    .page-id-6290 .how-to .nav-link {
        font-size: 32px;
    }

    .page-id-6290 .offer-tab {
        font-size: 34px;
        font-weight: bold;
    }

    .how-to h2 {
        font-size: 48px;
    }

    .page-id-6290 .tab-content .img-fluid {
        width: 375px;
    }

    .page-id-6290 .tab-content .ms-5 {
        width: 485px;
    }

    h2.bas_h {
        font-size: 48px;
    }

    .calc h3 {
        font-size: 48px;
    }

    .para-type-2 {
        font-size: 28px;
        line-height: 38px;
    }

    .range-input-title span {
        font-size: 28px;
        line-height: 38px;
    }

    .dot-form #dot-slider label::before {
        font-size: 18px;
    }

    .page-id-6290 button.link-type-1 {
        font-size: 21px;
        margin-right: 25px;
        padding: 25px 40px;
        font-weight: 300;
    }

    .page-id-6290 .light-grey {
        color: #8b8b8b;
        font-size: 24px;
        margin-top: 40px;
    }

    .page-id-6290 .section-calc {
        font-size: 28px;
        border-radius: 20px;
        border: 2px solid #cb1019;
        padding: 45px !important;
    }

    .page-id-6290 .f12 {
        font-size: 18px;
        line-height: 31px;
    }

    .page-id-6290 .credit-card-2 span {
        color: #C8D3E6;
        font-size: 24px;
    }

    .page-id-6290 .credit-card-2 {
        padding: 25px 25px;
        min-height: 180px;
    }

    .page-id-6290 .credit-card-2 p {
        font-size: 29px;
    }

    .page-id-6290 .section-interest {
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
    }

    .mb_intres1 p {
        margin-left: 195px;
    }

    .page-id-6290 .container .heading-type-1 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -1px;
    }

    .page-id-6290 button.accordion-button.collapsed {
        font-size: 24px;
    }

    .page-id-6290 .here-to-help-sec h2 {
        font-size: 38px;
        line-height: 48px;
        color: #181818;
    }

    .page-id-6290 .here-to-help-sec p {
        font-size: 18px;
        line-height: 28px;
    }

    .page-id-6290 .here-to-help-sec a img {
        width: 25px;
        height: 100%;
        margin-right: 10px;
    }

    .page-id-6290 .here-to-help-sec a p {
        font-size: 21px;
        line-height: 31px;
        color: #bebebe;
        font-weight: 700;
        transition: all .3s ease-in-out;
    }

    .infinite-slider .img-fluid,
    .infinite-slider-2 .img-fluid {
        width: 215px !important;
    }

    .page-id-6290 .section-interest .container {

        height: 800px !important;

    }

    .mb_intres1 p {
        margin-top: 60px;
        width: 35%;
    }

    .mb_intres2 .row.pb-5 {
        float: right !important;
        margin-top: 140px;
        margin-right: 15%;
    }

    .page-id-6290 .section-interest {
        height: 830px !important;

    }

    .page-id-6446 .swiper-slide-card {
        margin-right: 15px;

    }

    .page-id-6290 .section-interest,
    .page-id-6716 .section-interest {
        width: 93%;

    }
}

.foo_btm_lo {
    width: 45%;
    float: right;
}

.las_firs {
    font-size: 8px !important;
    margin: 0 !important;
    position: absolute;
    right: 0;
    text-align: right;
    bottom: -140px;
}

.partner_sect {
    display: block;
}

.pad_btm {
    padding-bottom: 13px;
}

.mar_rt {
    padding-right: 23px;
}

.container .heading-type-1 {
    line-height: 42px;
}

.dropdown-menu.large-menu {
    min-width: 60vw !important;
}

.home-main-banner {
    background-position: 50% 5% !important;
    background-size: 250px !important;
}

/*****baseeta_ree*************/
.new_blue_shade h3.mt-3 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}

.new_blue_shade {
    padding: 20px 0 0px !important;
}

.new_blue_shade .swiper-slide.tasheel__card-slide.mb-3 {
    height: 186px;
}

.page-id-6716 .section-three {
    padding: 0px 0;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.page-id-6716 .btn-three-blue {
    background-color: #8A87C0;
    color: #fff;
    display: block;
    padding: 20px 70px;
    font-size: 25px;
    width: fit-content;
    border-radius: 40px;
    text-decoration: none;
}

.page-id-6716 .btn-three-green {
    background-color: #67B24B;
    text-decoration: none;
    padding: 20px 70px;
    font-size: 25px;
}

.page-id-6716 .three-main-card {
    position: relative;
}

.page-id-6716 .three-main-card figcaption {
    position: absolute;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    padding: 60px;
}

.page-id-6716 .three-main-card figcaption h3 {
    font-size: 70px;
}

.page-id-6716 .three-card {
    position: relative;
    background: rgb(111, 185, 91);
    background: linear-gradient(61deg, rgba(111, 185, 91, 1) 0%, rgba(147, 214, 165, 1) 100%);
    padding: 40px;
    border-radius: 40px;
    height: 310px;
    margin-bottom: 16px;
}

.page-id-6716 .three-card {
    color: #fff;
}

.page-id-6716 .three-card h3 {
    width: 70%;
    font-size: 40px;
    line-height: 50px;
}

.page-id-6716 .three-card .bordered-circle {
    position: absolute;
    max-width: 100px;
    right: 40px;
    top: 40px;
    animation: rotci 5s infinite;
}

.page-id-6716 .three-marquee .logo {
    margin: 10px 25px;
}

.page-id-6716 .three-marquee a {
    margin-top: 50px;
}

.page-id-6716 .flips-wrapper {
    overflow: hidden;
}

.page-id-6716 .flips {
    display: flex;
    align-items: align-items-center;
    gap: 20px;
    height: 250px;
    animation: marquee 25s linear infinite;
    will-change: transform;

}

.page-id-6716 .link-type-2 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;
    width: 150px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    line-height: 18px;
    flex-direction: column;
    font-weight: 700;
    transition: all .3s ease-in-out;
}

.page-id-6716 .flip-card {
    background-color: transparent;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    perspective: 1000px;
    border-radius: 20px;

}

.page-id-6716 .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;

}

.page-id-6716 .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.page-id-6716 .flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
}


.page-id-6716 .flip-card-back {
    background-color: #2980b9;
    transform: rotateY(180deg);
    position: relative;
}

.page-id-6716 .flips .flip-card:nth-child(odd) .flip-card-back {
    background: linear-gradient(63deg, #67B24B 17.93%, #93CA7F 85.75%);
    border-radius: 50%;
    height: 220px;
    width: 220px;
}

.page-id-6716 .swiper-new {
    width: 100%;
    height: 100%;
}

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

.page-id-6716 .swiper-slide-new img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-id-6716 .swiper-slide-new {
    width: 80%;
}



.page-id-6716 .flips .flip-card:nth-child(even) .flip-card-back {
    background: linear-gradient(215deg, #9BCCDC -12.98%, #8A87C0 114.45%);
    width: 220px;
}

.page-id-6716 .flip-card-back p {
    position: absolute;
    padding: 16px 40px;
    border-radius: 20px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.page-id-6716 .three-card-round {
    display: flex;
    align-items: center;
    width: 306px;
    height: 306px;
    border-radius: 50%;
}

.page-id-6716 .three-card-round h3 {
    font-size: 20px;
    bottom: auto;
    position: relative;
    width: 240px;
    text-align: center;
}

.page-id-6716 .three-card.three-card-round.blue {
    background: linear-gradient(215deg, #9BCCDC -12.98%, #8A87C0 114.45%);
}

.page-id-6716 .section-calc {
    font-size: 15px;
    border-radius: 20px;
    border: 2px solid #cb1019;
    padding: 45px !important;
}

.page-id-6716 .light-grey {
    color: #8b8b8b;
    font-size: 15px;
}

.page-id-6716 .credit-card {
    border-radius: 20px;
    background: linear-gradient(67deg,
            #8a87c0 2.91%,
            #9bccdc 55.99%,
            #cb1019 121.9%);
    padding: 40px;
    color: #fff;
}

.page-id-6716 .credit-card-title {
    font-size: 30px;
}

.page-id-6716 .btn-white {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    width: fit-content;
}

.page-id-6716 .f12 {
    font-size: 12px;

}

.page-id-6716 button.link-type-1 {
    text-align: center;
    width: fit-content;
    font-size: 15px;
    margin-right: 15px;
    padding: 15px 40px;
}

.page-id-6716 button.btn-white-border {
    background-color: #fff;
    border: 1px solid #BEBEBE;
    color: #BEBEBE !important;
    padding: 15px 40px;
}

.page-id-6716 .credit-card-2 {
    padding: 25px;
    min-height: 132px;
}

.page-id-6716 .credit-card-2 span {
    color: #C8D3E6;
    font-size: 15px;
}

.page-id-6716 .credit-card-2 p {
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 18px;

}

.page-id-6716 .snap {
    background: linear-gradient(63deg, #8A87C0 2.39%, #9BCCDC 41.69%, #67B24B 100%);
    height: 593px;
    width: 100%;
    border-radius: 60px;

}

.page-id-6716 .snap p {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    max-width: 394px;
    line-height: 100%;
}

.page-id-6716 .snap a {
    padding: 12px 20px;
    background-color: #fff;
    color: #000;
    border-radius: 40px;
    font-size: 14px;
    font-weight: bold;
    margin: 50px auto 0;
    display: block;
    width: fit-content;
    text-decoration: none;
}

.page-id-6716 .three-accordion .accordion-item {
    padding: 30px;
    border-radius: 30px !important;
    background: #FFF;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.08);
    border: none;
    margin-bottom: 10px;
}

.page-id-6716 .align-start {
    align-items: start;
}

.page-id-6716 .align-start .sticky-top {
    top: 40px;
}

.page-id-6716 .align-start .sticky-top-2 {
    top: 100px;
}

.page-id-6716 .sticky-top .carousel-item img {
    max-width: 350px;
}

.page-id-6716 .marquee {
    width: 100%;
    height: 12rem;
    pointer-events: none;
    overflow: hidden;
}

.page-id-6716 .marquee__inner-wrap {
    height: 100%;
    width: 100%;
}

.page-id-6716 .marquee__inner {
    height: 100%;
    width: fit-content;
    align-items: center;
    display: flex;
    position: relative;
    animation: marquee 45s linear infinite;
    will-change: transform;
}

.page-id-6716 .marquee__inner-2 {
    animation: marqueee 50s linear infinite;
    transform: translateX(-50%);
}

@media (max-width: 1199.98px) {

    .page-id-6716 .three-card-round {
        width: 250px;
        height: 250px;
        font-size: 1rem
    }
}


@media (max-width: 991.98px) {

    .page-id-6716 .snap a {
        font-size: 11px;
        z-index: 999999;
        position: relative;
    }

    .page-id-6716 .align-start .sticky-top {
        position: relative;
        top: 0 !important;
    }

    .page-id-6716 .align-start .sticky-top-2 {
        top: 0;
    }

    .page-id-6716 .three-main-card figcaption h3 {
        font-size: 40px;
    }

    .page-id-6716 .three-card {
        width: 100%;
    }

    .page-id-6716 .three-card .bordered-circle {
        max-width: 80px;
        right: 40px;
        top: 40px;
        animation: rotci 5s infinite;
        height: 80px;
    }


    .page-id-6716 .three-card h3 {
        text-align: left;
    }

    .page-id-6716 .section-three {
        padding: 30px 0;
    }


    .page-id-6716 .three-card-round {
        width: 244px !important;
        height: 244px !important;
        text-align: center;
    }

    .page-id-6716 .carousel-item {
        text-align: center;
    }

    .page-id-6716 .swiper-wrapper {
        padding-bottom: 0;
    }

    .page-id-6716 .section-calc {
        padding: 0 25px !important;
        border: none;
    }

    .page-id-6716 .calc {
        border-radius: 20px;
        border: 2px solid #cb1019;
        padding: 30px 15px !important;
        margin-bottom: 20px;

    }

    .page-id-6716 .credit-card-2 {
        margin-bottom: 10px;
    }

    .page-id-6716 .snap {
        background-size: cover;
        background-position: 50%;
        margin-bottom: 30px;

    }

    .page-id-6716 .snap p {
        font-size: 35px;

    }

    .page-id-6716 .three-card:nth-child(odd) {
        float: left;
    }

    .page-id-6716 .three-card:nth-child(even) {
        float: right;
    }

    .page-id-6716 .flips {
        animation-duration: 15s;
    }
}

.page-id-6716 .accordion-item {
    border: 0;
    border-bottom: 1px solid #bebebe;
    padding: 20px 0 20px 0;
    width: 100%;
    float: left;
    margin-right: 20px;
    border-radius: 0;
}

.page-id-6716 .faq-sec-main {
    position: relative;
    z-index: 999;
    background: #fff;
}

.page-id-6716 .faq-sec-main .heading-type-1 {
    text-align: center;
    padding-bottom: 30px;
}


@media (min-width: 320px) and (max-width: 766px) {
    .page-id-6716 nav.navbar {
        height: 85px;
    }

    .tab_arc .tablinks {
        padding: 14px 9px !important;
    }

    .postid-6818 .offer-info-benefits-icon-sec p,
    .postid-6809 .offer-info-benefits-icon-sec p,
    .postid-6830 .offer-info-benefits-icon-sec p,
    .postid-6812 .offer-info-benefits-icon-sec p,
    .postid-6815 .offer-info-benefits-icon-sec p,
    .postid-6833 .offer-info-benefits-icon-sec p,
    .postid-6836 .offer-info-benefits-icon-sec p,
    .postid-6842 .offer-info-benefits-icon-sec p,
    .postid-6845 .offer-info-benefits-icon-sec p,
    .postid-6848 .offer-info-benefits-icon-sec p,
    .postid-6857 .offer-info-benefits-icon-sec p,
    .postid-6854 .offer-info-benefits-icon-sec p,
    .postid-6851 .offer-info-benefits-icon-sec p,
    .postid-6934 .offer-info-benefits-icon-sec p,
    .postid-8377 .offer-info-benefits-icon-sec p {
        margin-left: 18px;
        max-width: 78% !important;
        float: left !important;
        margin-bottom: 20px !important;
    }

    .postid-6818 .offer-info-benefits-icon-sec p a,
    .postid-6809 .offer-info-benefits-icon-sec p a,
    .postid-6830 .offer-info-benefits-icon-sec p a,
    .postid-6812 .offer-info-benefits-icon-sec p a,
    .postid-6815 .offer-info-benefits-icon-sec p a,
    .postid-6833 .offer-info-benefits-icon-sec p a,
    .postid-6836 .offer-info-benefits-icon-sec p a,
    .postid-6842 .offer-info-benefits-icon-sec p a,
    .postid-6845 .offer-info-benefits-icon-sec p a,
    .postid-6848 .offer-info-benefits-icon-sec p a,
    .postid-6857 .offer-info-benefits-icon-sec p a,
    .postid-6854 .offer-info-benefits-icon-sec p a,
    .postid-6851 .offer-info-benefits-icon-sec p a,
    .postid-6934 .offer-info-benefits-icon-sec p a,
    .postid-8377 .offer-info-benefits-icon-sec p a {
        font-size: 18px !important;
        line-height: 28px !important;

    }
}


/*** New Offer Page ***/

.page-id-6716 .hero__new {
    color: #fff;
    padding: 150px 0;
    background: linear-gradient(63deg, #9bccdc 0%, #8a87c0 100%);
}

.page-id-6716 .hero__new h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 106.5%;
    /* 74.55px */
    margin-bottom: 24px;
}

.page-id-6716 .hero__new p {
    font-size: 25px;
    font-weight: 400;
    line-height: 104%;
    /* 26px */
    margin-bottom: 24px;
}

.page-id-6716 .hero__new a {
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 700;
    line-height: 143%;
    /* 31.46px */
    color: #1e1e1e;
    text-decoration: none;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    width: fit-content;
}

.page-id-6716 .hero__new a p {
    margin-bottom: 0;
}

.page-id-6716 .tasheel__card-slide {
    border-radius: 40px;
    background: linear-gradient(63deg, #9bccdc 2.31%, #cb1019 96.62%);
}

.page-id-6716 .tasheel__card-slide-blue {
    border-radius: 60px;
    background: linear-gradient(63deg, #9bccdc 0%, #8a87c0 100%);
    color: #fff;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    padding: 30px;
}

.page-id-6716 .hero__new {
    color: #fff;
    padding: 144px 0;
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2023/11/MicrosoftTeams-image-1.png);
    background-size: cover;
    background-position: right bottom;
}

.page-id-6716 .hero__new h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 24px;
}

.page-id-6716 .hero__new p {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 24px;
    width: 70%;
}

.page-id-6716 .hero__new a {
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 700;
    line-height: 143%;
    /* 31.46px */
    color: #1e1e1e;
    text-decoration: none;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    width: fit-content;
}

.page-id-6716 .hero__new a p {
    margin-bottom: 0;
}

.page-id-6716 .tasheel__card-slide {
    border-radius: 40px;
    background: linear-gradient(63deg, #9bccdc 0%, #8a87c0 100%);
    padding: 30px;
    color: #fff;
    height: auto;

}

.page-id-6716 .container.section-calc {
    margin-top: 80px;
}

.page-id-6716 .section__tasheel-offer {
    padding: 20px 0 100px;
    position: relative;
    overflow: hidden;
}

.page-id-6716 .swiper__navs {
    position: absolute;
    left: 100px;
    bottom: -50px;
}

.page-id-6716 .swiper-button-next,
.page-id-6716 .swiper-button-prev {
    padding: 20px 26px 20px 26px;
    display: block;
    border-radius: 10px;
    max-width: 48px;
}

.page-id-6716 .swiper-button-next:after,
.page-id-6716 .swiper-button-prev:after {
    font-size: 1rem;
}

.page-id-6716 .swiper-button-next,
.page-id-6716 .swiper-rtl .swiper-button-prev,
.page-id-6716 .swiper-button-prev,
.page-id-6716 .swiper-rtl .swiper-button-next {
    height: auto;
    width: auto;
}

.page-id-6716 .swiper-button-prev svg {
    transform: rotate(180deg);
}

.page-id-6716 .swiper-button-next {
    left: -36px;
}

.page-id-6716 .tasheel__card-slide-button {
    background-color: #fff;
    color: #1e1e1e;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px 24px;
    border-radius: 40px;
    margin-top: 40px;
}

.page-id-6716 .tasheel__card-slide svg {
    animation: rotate-animation 10s infinite linear;
}

.page-id-6716 .tasheel__card-slide-dark {
    color: #181818;
    background: transparent;
}

.page-id-6716 .tasheel__card-slide-dark a {
    background-color: #cb1019;
    color: #fff;
}

.page-id-6716 .swiper-wrapper {
    transition-timing-function: linear;
    padding-top: 20px;
}

.page-id-6716 .swiper-slide-card {
    border-radius: 20px;
    position: relative;
    margin-right: 30px;

}

.page-id-6716 .swiper-slide-card img {
    width: 100%;
    min-height: 200px;
}

.page-id-6716 .swiper-slide-card figcaption {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffffd8;
    width: fit-content;
    font-weight: bold;
    line-height: 1.2;
}

.page-id-6716 .bring-front {
    z-index: 99;
    background-color: #fff;
    position: relative;
    padding-bottom: 0px;
    padding-right: 0px;
    border-radius: 215px;
}

.page-id-6716 .bring-front::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    width: 52vw;
    height: 125%;
    left: -30vw;
    top: -65px;
    z-index: -1;
}

.page-id-6716 .container {
    position: relative;
}

.page-id-6716 .how-to .nav-link.active,
.page-id-6716 .how-to .show>.nav-link,
.page-id-6716 .how-to .nav-link {
    color: #131313;
    background-color: transparent;
    font-size: 30px;
    font-weight: bold;
    border-radius: 0;
    border-left: 5px solid #f3f3f3;
    margin-bottom: 5px;
}

.page-id-6716 .how-to .nav-pills .nav-link {
    color: rgb(190, 190, 190);
    border-radius: 0;
}

.page-id-6716 .how-to .nav-pills .nav-link.active {
    border-left: 5px solid #cb1019;
    color: #181818;
}

.page-id-6716 .offer-tab {
    font-size: 30px;
    font-weight: bold;
}

.page-id-6716 section {
    overflow: hidden;
}

.page-id-6716 .swiper__nav-buttons {
    position: absolute;
    z-index: 99;
    top: 85%;
}

.page-id-6716 .infinite-slider-3 {
    padding-bottom: 0px;
}

.page-id-6716 .infinite-slider-3 .swiper-wrapper {
    padding: 100px 0;
}

.page-id-6716 .section-interest {
    color: #131313;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    height: 585px !important;
    background-image: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/03/MicrosoftTeams-image-new-fr.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 89%;
    margin: 0 auto;
}

.page-id-6716 .hero__new-btn span {
    float: left;
    width: 100%;
    display: contents !important;
}

.page-id-6716 .section-interest a,
.page-id-6716 .tasheel__card-slide-button-blue {

    background-color: #8B88C1 !important;
    color: #fff !important;
    width: fit-content !important;
}

.page-id-6716 .section-interest a {
    margin-top: 10px;
}

.page-id-6716 .tap_pay figure:nth-child(1) {
    margin-left: 12px;
}

.page-id-6716 .tap_pay .infinite-slider-3 .swiper-wrapper {
    padding: 100px 0 40px 0 !important;
}

.page-id-6716 .infinite-slider-3 .swiper-wrapper {
    padding: 100px 0 0px 0;
}

@media (max-width: 1399.98px) {


    .page-id-6716 .bring-front::before {
        left: -25vw;
    }

    .page-id-6716 .hero__new h1 {
        font-size: 50px;
        line-height: 66px;
    }

    .page-id-6716 .hero__new-btn {
        font-size: 15px !important;
        font-weight: bold;

    }

}

@media (min-width: 360px) and (max-width: 374px) {

    html .page-id-6716 .section-interest {
        height: 575px !important;
    }
}

@media (min-width: 412px) and (max-width: 450px) {

    html .page-id-6716 .section-interest {
        height: 668px !important;

    }
}

@media (max-width: 767.98px) {

    .page-id-6716 .video video {
        border-radius: 0;
        height: auto;
    }

    .tap_payp {
        text-align: center;
    }

    html .fr_bn {
        left: 0px !important;
    }

    .page-id-6716 .container.section-calc {
        margin-top: 20px;
    }

    html .page-id-6716 .las_firs {
        font-size: 10px !important;
        margin: 0 !important;
        position: absolute;
        left: 30px !important;
        text-align: left !important;
        bottom: -42px !important;
        width: 100% !important;
    }

    .page-id-6716 .section__tasheel-offer {
        padding: 15px 0 50px 0 !important;
    }

    .page-id-6716 .hero__new {
        color: #fff;
        padding: 144px 0;
        background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/03/MicrosoftTeams-image-4-new.png);
        background-size: cover;
        background-position: right bottom;
    }

    .page-id-6716 .tasheel__card-slide-button {
        margin-top: 0;
    }

    .page-id-6716 .tes_fron {
        padding-bottom: 0;
        border-radius: 0;
    }

    .page-id-6716 .tasheel__card-slide {
        width: 320px !important;
        height: 255px;
        padding: 60px 30px 0 30px;
    }

    .page-id-6716 .tes_lft p {
        width: inherit;
    }

    .page-id-6716 .tap_pay .infinite-slider-3 .swiper-wrapper {
        padding: 0px 0 40px 0 !important;
    }

    html .page-id-6716 .d-none {
        display: none !important;
    }

    .page-id-6716 .hero__new {
        padding: 50px 0;
    }

    .page-id-6716 .hero__new h1 {
        font-size: 40px;
        line-height: 50px;
        width: 78%;
    }

    .page-id-6716 .hero__new-btn {
        font-size: 15px !important;
        font-weight: bold;
        border-radius: 95px !important;
        padding: 12px 20px !important;
    }

    .page-id-6716 .section__tasheel-offer {
        padding: 15px 0;
    }

    .page-id-6716 .swiper__navs {
        right: calc(100%/3);
    }

    .page-id-6716 .swiper-button-next {
        left: auto;
    }

    .page-id-6716 .tasheel__card-slide-blue {
        font-size: 35px;
    }

    .page-id-6716 .tasheel__card-slide-dark {
        padding: 0;
    }

    .page-id-6716 .tasheel__card-slide-dark a {
        margin-top: 20px;
    }

    .page-id-6716 .swiper-slide-card figcaption {
        font-size: 15px;
    }

    .page-id-6716 .infinite-slider-3 {
        padding: 50px 0 0;
    }

    .page-id-6716 .section-three {
        padding: 0;
    }

    .page-id-6716 .section-interest {

        height: 646px !important;
        background-image: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/03/Untitled-new.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        margin: 0 auto !important;
    }

    .page-id-6716 .section-interest p {
        font-size: 32px;
    }
}

.page-id-6716 .tes_fron {
    padding-bottom: 36px;
    border-radius: 0;
}


}

@media (min-width: 1400px) and (max-width: 1599px) {
    .page-id-6716 .section-interest {

        height: 732px !important;
        width: 95% !important;

    }
}

@media (min-width: 1600px) and (max-width: 1679px) {
    .page-id-6716 .section-interest {

        height: 600px !important;
        width: 77% !important;

    }
}

@media (min-width: 1680px) and (max-width: 1900px) {
    .page-id-6716 .section-interest {
        height: 600px !important;
        width: 73% !important;

    }
}

@media (min-width: 1901px) and (max-width: 2000px) {
    .fr_bn {

        width: 140px;
        margin: 25px auto 0 auto !important;

        left: -15px !important;
    }

    .page-id-6716 .btn-white {
        font-size: 19px;
    }

    .page-id-6716 .tes_fron {
        padding-bottom: 75px;
        border-radius: 0;
    }

    .page-id-6716 .container {
        max-width: 1700px !important;

    }

    .page-id-6716 .hero__new h1 {
        font-size: 62px;
        width: 82%;
        font-weight: 700;
        line-height: 80px;
        margin-bottom: 50px;
    }

    .page-id-6716 .hero__new p {
        font-size: 38px;
        font-weight: 400;
        line-height: 48px;
        margin-bottom: 56px;
        width: 70%;
    }

    .page-id-6716 .hero__new a {
        font-size: 24px;
        line-height: 143%;
        padding: 30px 20px;

    }

    .page-id-6716 .tasheel__card-slide-blue {
        font-size: 62px;
        line-height: 72px;
        padding: 50px 30px 50px 50px;
    }

    .page-id-6716 .tasheel__card-slide-button {
        font-size: 19px;
    }

    .page-id-6716 .swiper-slide-card {
        width: 315px !important;
    }

    .page-id-6716 .how-to .nav-link.active,
    .page-id-6716 .how-to .show>.nav-link,
    .page-id-6716 .how-to .nav-link {
        font-size: 32px;
    }

    .page-id-6716 .offer-tab {
        font-size: 34px;
        font-weight: bold;
    }

    .page-id-6716 .tab-content .img-fluid {
        width: 375px;
    }

    .page-id-6716 .tab-content .ms-5 {
        width: 485px;
    }

    .page-id-6716 button.link-type-1 {
        font-size: 21px;
        margin-right: 25px;
        padding: 25px 40px;
        font-weight: 300;
    }

    .page-id-6716 .light-grey {
        color: #8b8b8b;
        font-size: 24px;
        margin-top: 40px;
    }

    .page-id-6716 .section-calc {
        font-size: 28px;
        border-radius: 20px;
        border: 2px solid #cb1019;
        padding: 45px !important;
    }

    .page-id-6716 .f12 {
        font-size: 18px;
        line-height: 31px;
    }

    .page-id-6716 .credit-card-2 span {
        color: #C8D3E6;
        font-size: 24px;
    }

    .page-id-6716 .credit-card-2 {
        padding: 25px 25px;
        min-height: 180px;
    }

    .page-id-6716 .credit-card-2 p {
        font-size: 29px;
    }

    .page-id-6716 .section-interest {
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
    }

    .page-id-6716 .container .heading-type-1 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -1px;
    }

    .page-id-6716 button.accordion-button.collapsed {
        font-size: 24px;
    }

    .page-id-6716 .here-to-help-sec h2 {
        font-size: 38px;
        line-height: 48px;
        color: #181818;
    }

    .page-id-6716 .here-to-help-sec p {
        font-size: 18px;
        line-height: 28px;
    }

    .page-id-6716 .here-to-help-sec a img {
        width: 25px;
        height: 100%;
        margin-right: 10px;
    }

    .page-id-6716 .here-to-help-sec a p {
        font-size: 21px;
        line-height: 31px;
        color: #bebebe;
        font-weight: 700;
        transition: all .3s ease-in-out;
    }

    .page-id-6716 .section-interest .container {

        height: 800px !important;

    }

    .page-id-6716 .section-interest {
        height: 830px !important;

    }

    .page-id-6716 .swiper-slide-card {
        margin-right: 15px;

    }

    .page-id-6716 .section-interest {
        width: 93%;

    }
}

.fr_bn {
    background: #cb1019 !important;
    border-color: #cb1019 !important;
    color: #fff !important;
    text-align: center !important;
    width: 140px;
    margin: 25px auto 0 auto !important;
    display: block;
    position: relative;
    left: -15px !important;
}

.page-id-6716 .how-to {
    margin-top: 0 !important;
}

.page-id-6716 .video video {
    width: 100%;
    border-radius: 0px;
}

.vide_sec {
    display: none;
}

/*********baseeta_ree_close**********/
.header-right-sec .link-type-1 {
    display: none;
}

.fri_bn {
    background: #cb1019 !important;
    border-color: #cb1019 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 20px 30px !important;
}

.tab_arc .tablinks {
    padding: 10px 30px;
    font-size: 15px;
}

.page-id-6290 .video video {
    border-radius: 20px;
}

.page-id-6716 .video video {
    border-radius: 20px;
}

.postid-6818 .offer-info-benefits-icon-sec p a,
.postid-6809 .offer-info-benefits-icon-sec p a,
.postid-6830 .offer-info-benefits-icon-sec p a,
.postid-6812 .offer-info-benefits-icon-sec p a,
.postid-6815 .offer-info-benefits-icon-sec p a,
.postid-6833 .offer-info-benefits-icon-sec p a,
.postid-6836 .offer-info-benefits-icon-sec p a,
.postid-6842 .offer-info-benefits-icon-sec p a,
.postid-6845 .offer-info-benefits-icon-sec p a,
.postid-6848 .offer-info-benefits-icon-sec p a,
.postid-6857 .offer-info-benefits-icon-sec p a,
.postid-6854 .offer-info-benefits-icon-sec p a,
.postid-6851 .offer-info-benefits-icon-sec p a,
.postid-6934 .offer-info-benefits-icon-sec p a,
.postid-8377 .offer-info-benefits-icon-sec p a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #1e1e1e;
    margin-left: 18px;
    max-width: 78%;
}

.postid-6818 .offer-info-benefits-icon-sec p,
.postid-6809 .offer-info-benefits-icon-sec p,
.postid-6830 .offer-info-benefits-icon-sec p,
.postid-6812 .offer-info-benefits-icon-sec p,
.postid-6815 .offer-info-benefits-icon-sec p,
.postid-6833 .offer-info-benefits-icon-sec p,
.postid-6836 .offer-info-benefits-icon-sec p,
.postid-6842 .offer-info-benefits-icon-sec p,
.postid-6845 .offer-info-benefits-icon-sec p,
.postid-6848 .offer-info-benefits-icon-sec p,
.postid-6857 .offer-info-benefits-icon-sec p,
.postid-6854 .offer-info-benefits-icon-sec p,
.postid-6851 .offer-info-benefits-icon-sec p,
.postid-6934 .offer-info-benefits-icon-sec p,
.postid-8377 .offer-info-benefits-icon-sec p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #1e1e1e;
    margin-left: 18px;
    max-width: 78%;
    float: left !important;
}

.postid-6818 .offer-info-benefits-icon-sec a,
.postid-6809 .offer-info-benefits-icon-sec a,
.postid-6830 .offer-info-benefits-icon-sec a,
.postid-6812 .offer-info-benefits-icon-sec a,
.postid-6815 .offer-info-benefits-icon-sec a,
.postid-6833 .offer-info-benefits-icon-sec a,
.postid-6836 .offer-info-benefits-icon-sec a,
.postid-6842 .offer-info-benefits-icon-sec a,
.postid-6845 .offer-info-benefits-icon-sec a,
.postid-6848 .offer-info-benefits-icon-sec a,
.postid-6857 .offer-info-benefits-icon-sec a,
.postid-6854 .offer-info-benefits-icon-sec a,
.postid-6851 .offer-info-benefits-icon-sec a,
.postid-6934 .offer-info-benefits-icon-sec a,
.postid-8377 .offer-info-benefits-icon-sec a {
    display: contents !important;
    float: left !important;
}

.postid-6818 .offer-info-benefits-icon-sec a img,
.postid-6809 .offer-info-benefits-icon-sec a img,
.postid-6830 .offer-info-benefits-icon-sec a img,
.postid-6812 .offer-info-benefits-icon-sec a img,
.postid-6815 .offer-info-benefits-icon-sec a img,
.postid-6833 .offer-info-benefits-icon-sec a img,
.postid-6836 .offer-info-benefits-icon-sec a img,
.postid-6842 .offer-info-benefits-icon-sec a img,
.postid-6845 .offer-info-benefits-icon-sec a img,
.postid-6848 .offer-info-benefits-icon-sec a img,
.postid-6857 .offer-info-benefits-icon-sec a img,
.postid-6854 .offer-info-benefits-icon-sec a img,
.postid-6851 .offer-info-benefits-icon-sec a img,
.postid-6934 .offer-info-benefits-icon-sec a img,
.postid-8377 .offer-info-benefits-icon-sec a img {
    width: 24px;
    float: left;
}

/*****************home renovation*******************/
.renov_first .personal-finance-banner-top {
    background-color: #fff;
    border-radius: 20px;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.renov_first .personal-finance-banner-top .banner-text h1 {
    color: #181818;

}

.renov_first .personal-finance-banner-top .banner-text p {
    color: #181818;

}

.renov_first .personal-finance-banner-top .link-type-5 {
    background-color: #cb1019;
    border: 1px solid #cb1019;
    color: #fff !important;

}

.renov_first .personal-finance-banner-top .banner-text a:hover {
    color: #fff !important;
    opacity: 0.8;
}

.renov_first .personal-finance-banner-top .banner-text {
    padding: 24px 17px;
}

.renov_first .container .personal-finance-banner-top img {
    height: auto;
    padding-right: 0;
    border-radius: 0px 20px 20px 0px;
}

.renov_sec {
    background-color: #fff;
    padding: 60px 0;
}

.renov_first.Personal-finance-banner {
    background-color: #f3f3f3;
    padding: 60px 0;
}

.renov_sec h1 {
    font-size: 30px;
    line-height: 40px;
}

.renov_third .personal-finance-banner-top {
    background-color: #f8f8f8;
    border-radius: 20px;
    padding: 0px;

}

.renov_third.life-situation-sec {
    padding: 30px 0 80px 0;
    background-color: #fff;
}

.start-using-today-sec.renov_fourth {
    background: #f8f8f8;
}

.page-id-6975 .effortless-financial-services-sec {
    background-color: #fff;
    padding: 30px 0;
}

.page-id-6975 .personal-finance-timeline .time-line-btn {
    margin: 60px auto;
}

.renov_third.life-situation-sec {
    padding: 30px 0 80px 0;
    background-color: #fff;
}

.page-id-6975 .timeline-btn {
    background: #f8f8f8;
    padding: 0;
}

.page-id-6975 .timeline li span {
    background-color: #ffff;
}

.page-id-6975 .timeline-text h2 {
    font-size: 24px;
    color: #181818;
}

.page-id-6975 .timeline .timeline-btn:after {

    background-color: rgba(128, 128, 128, 0.2);
    z-index: 1;

}

.renov_third h1 {
    color: #181818 !important;
    font-size: 30px !important;
    line-height: 40px !important;
}

.renov_third p {
    color: #181818 !important;
}

.renov_third .personal-finance-banner-top .banner-text {
    padding: 40px;
}

.renov_third .personal-finance-banner-top img {
    padding-right: 0;
}

.renov_third .container .personal-finance-banner-top img {
    height: 340px;
}

@media (min-width: 360px) and (max-width: 766px) {

    .renov_first .personal-finance-banner-top .banner-text p {
        color: gray;
    }

    .renov_third p {
        color: gray !important;
    }

    .personal-finance-timeline .time-line-btn {
        margin-top: 60px;
    }

    .renov_first .container .personal-finance-banner-top img {
        height: auto;
        padding-right: 0;
        border-radius: 20px 20px 0px 0px;
        background: none;
        padding: 0;
    }

    .renov_first .personal-finance-banner-top .banner-text h1 {
        font-size: 30px;
        font-weight: 500;
    }

    .renov_sec h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .renov_third .personal-finance-banner-top img {
        padding: 0;
        background: none;
    }

    .renov_third h1 {
        color: #181818 !important;
        font-size: 28px !important;
        line-height: 40px !important;
        font-weight: 700 !important;
    }

    .page-id-6975 .personal-finance-timeline .time-line-btn {
        width: 110% !important;
        margin-left: -30px !important;
    }
}

/********************** New partners page ************************/
.single-partner-posts .offer-info-bnr {
    background-color: transparent;
    padding: 40px 0 0px 0;
}

.single-partner-posts .offer-info-bnr-cnt {
    padding: 0 !important;
}

.single-partner-posts .offer-info-bnr-btns {
    margin-bottom: 0;
}

.single-partner-posts .main-content .offer-info-bnr-cnt h1 {
    font-size: 43px;
    max-width: 95%;
}

.step_numn {
    background: #64bb47;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    padding: 4px 0px;
}

.hw_wor {
    margin-top: 35px;
}

.step_cont ul {
    padding: 0 20px;
}

.step_cont li {
    font-size: 15px;
}

.single-partner-posts .time-line-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 40px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    margin: auto;
    background-color: #64bb47;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-direction: column;
    border-radius: 10px;
}

.single-partner-posts .time-line-btn:hover {
    background-color: rgba(101, 188, 71, 0.7);
}

.partner_highlig {
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/Rectangle-17423.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 80px;
    padding-bottom: 20px;
}

.par_hg_ic {
    padding: 15px;
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/BGwhite.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    margin-bottom: 15px;
}

.single-partner-posts .credit-cards-highlights-cnt p {
    font-size: 21px;
    line-height: 28px;
    color: #fff;
    max-width: 90%;
}

.partner_highlig .heading-type-1 {
    color: #fff;
    letter-spacing: 1px;
}

.single-partner-posts .social-media-bnr {
    background-image: url("https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/EN-Footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 260px;
    border-radius: 20px;
    padding: 55px 62px 0 62px;
    margin: 72px 0 0 0;
    height: 555px;
}

.part_media_br h2 {
    color: #181818;
    font-size: 36px;
    line-height: 46px;
    width: 30%;
}

.part_media_br .social-media-bnr-icons a img {
    width: 85px;
    height: auto;
}

.partner_first_tt .offer-info-bnr-btns .apply-now-btn {
    width: 120px;

}

@media (min-width: 320px) and (max-width: 767px) {

    .page-template-home-renovation .timeline-btn,
    .page-template-home-renovation1 .timeline-btn,
    .page-template-home-renovation2 .timeline-btn,
    .page-template-home-renovation3 .timeline-btn,
    .page-template-home-renovation4 .timeline-btn,
    .page-template-home-renovation5 .timeline-btn,
    .page-template-home-renovation6 .timeline-btn {
        padding: 0 0px !important;
    }

    .page-template-home-renovation .timeline li,
    .page-template-home-renovation1 .timeline li,
    .page-template-home-renovation2 .timeline li,
    .page-template-home-renovation3 .timeline li,
    .page-template-home-renovation4 .timeline li,
    .page-template-home-renovation5 .timeline li,
    .page-template-home-renovation6 .timeline li {
        margin-top: -20px;
    }

    .partner_first_tt {
        flex-direction: inherit !important;
    }

    .partner_first_tt h1 {
        line-height: 53px;
        max-width: 100% !important;
        font-size: 38px;
        text-align: center;
    }

    .single-partner-posts .offer-info-bnr-cnt {
        padding: 0 15px !important;
        margin-bottom: 30px;
    }

    .single-partner-posts .offer-info-bnr-btns .terms-btn {
        margin-top: 20px;
        padding: 0px 25px !important;
        height: 50px;
    }

    .partner_first_tt .offer-info-bnr-btns .apply-now-btn {
        width: 100%;
        height: 50px;
        margin-bottom: 10px;
    }

    .partner_first_tt .para-type-1 {
        font-size: 15px;
        max-width: 100%;
        text-align: center;
    }

    .single-partner-posts .offer-info-benefits .heading-type-1 {
        text-align: center;
        font-size: 30px;
    }

    .single-partner-posts .offer-info-benefits .row.mb-5 {
        margin-bottom: 15px !important;
    }

    .hw_wor .col-md-2 {
        width: 18%;
        float: left;
    }

    .step_cont {
        width: 80%;
        margin-bottom: 30px;
    }

    .partner_highlig .heading-type-1 {
        width: 100%;
        float: left;
        text-align: center !important;
    }

    .ben_lst {
        max-width: 100% !important;

    }

    .partner_highlig .credit-cards-highlights-cnt {
        display: inline !important;
    }

    .partner_highlig {
        padding-bottom: 50px;
    }

    .single-partner-posts .credit-cards-highlights-cnt p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .single-partner-posts .social-media-bnr {
        background-image: url("https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/EN-Footer.jpg") !important;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 260px;
        border-radius: 20px;
        margin: 70px auto 0 auto !important;
        height: 555px;
        width: 85%;
        background-position: 32% 50%;
        padding: 20px 35px;
    }

    .part_mob_media_br h2 {
        font-size: 30px;
        color: #181818;
        line-height: 40px;
    }

    .part_mob_media_br .par_btn.time-line-btn {
        text-align: left;
        margin: 0;
    }

    .par_second .heading-type-1 {
        margin-bottom: 30px;
        float: left;
        width: 100%;
        font-size: 30px;
    }

    .partner-sec-main-btm .col-md-6 {
        width: 100% !important;
        margin: 0 0px 30px 0 !important;
    }

    .part_last_lft h2 {
        width: 50% !important;
    }

    .part_last_rgt h2 {
        width: 60% !important;
    }

    .page-template-all-partner .section-calc {
        width: 90% !important;
    }

    .partner_calc h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .partner_calc {
        padding: 50px 0 18px !important;
        border-radius: 40px !important;
    }

    .part_last_rgt {
        background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/MbENAP.png) !important;
        background-size: cover !important;
        height: 533px !important;
    }

    .partner_calc p {
        color: #8b8b8b;
        font-size: 14px;
    }

    .page-template-all-partner .partner_first_tt p {
        width: 100% !important;
    }

    .partner_srch {
        max-width: 100% !important;

    }

    .page-template-all-partner #vue-partner-app .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .part_below_btn {
        margin-top: 40px !important;
    }

    .page-template-all-partner .pagination-main {
        justify-content: center !important;
    }
}

@media (min-width: 320px) and (max-width: 600px) {
    .page-template-credit-cards .swiper.credit-card-main-slider {
        padding-bottom: 50px;
    }

    .page-template-credit-cards .credit-card-main-slider .swiper-button-prev,
    .page-template-credit-cards .credit-card-main-slider .swiper-rtl .swiper-button-next {
        right: 52.5%;
        top: auto;
        bottom: 0px;
    }

    .page-template-credit-cards .credit-card-main-slider .swiper-button-next,
    .page-template-credit-cards .credit-card-main-slider .swiper-rtl .swiper-button-prev {
        right: 38%;
        bottom: 0px;
    }

    .page-template-credit-cards .credit-cards-banner-in {
        background: transparent;
    }

    .page-template-credit-cards .credit-cards-banner {
        padding: 32px 0 30px 0;
    }

    .mob_slide {
        display: block !important;
    }

    .desk_slide {
        display: none !important;
    }

    .page-template-all-partner .credit-card-title {
        margin-top: 10px !important;
    }

    .page-template-all-partner .section-calc {
        padding: 0px 30px 30px !important;
    }

    .page-template-all-partner .filter-content .swiper-wrapper {

        height: auto !important;
        padding-bottom: 0;
    }

    .page-template-all-partner .filter-content .pagination-main {
        display: none !important;
    }

    .mySlides2 img {
        border-radius: 20px;
    }

    .mob_grd {
        margin-bottom: 0;
    }
}

.page-template-all-partner .partner_first_tt p {
    width: 25%;
}

.all_par_frt {
    background: #fff;
}

.page-template-all-partner .section-calc {
    width: 50%;
    border-radius: 30px;
    padding: 0 50px 50px;
}

.page-template-all-partner .light-grey {
    color: #8b8b8b;
    font-size: 11px;
    margin-bottom: 0;
}

.page-template-all-partner .credit-card {
    margin: 40px 0 15px 0;
}

.page-template-all-partner .credit-card-title {
    font-size: 30px;
    color: #cb1019;
}

.page-template-all-partner .credit-card-title {
    font-size: 40px;
    color: #cb1019;
    margin-top: -20px;
}

.partner_calc {
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/Calcbg.png);
    background-size: cover;
    width: 100% !important;
    padding: 50px 0 70px;
    background-repeat: no-repeat;
    border-radius: 35px;
}

.partner_calc h1 {
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.page-template-all-partner .life-situation-sec {
    padding: 40px 0;
    background-color: #fff;
}

.par_cal_btn {
    background: #A581B4;
    border-color: #A581B4;
}

.par_cal_btn:hover {
    background: #A581B4;
    border-color: #A581B4;
    opacity: 0.5;
}

.part_last_lft {
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/EN-Footer.jpg);
    background-size: cover;
    padding: 35px 0 0 35px;
    height: 413px;
    border-radius: 25px;
}

.part_last_lft h2 {
    color: #181818;
    font-size: 30px;
    line-height: 40px;
    width: 40%;
}

.part_last_lft .par_btn.time-line-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    background-color: #64bb47;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-direction: column;
    border-radius: 10px;
    text-align: left;
    margin: 0;
}

.part_last_rgt {
    background: url(https://pub-8cc1e7e790734f13aeec8c4218000996.r2.dev/2024/04/RightfooterEN.png);
    background-size: cover;
    padding: 35px 0 0 35px;
    height: 413px;
}

.part_last_rgt h2 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    width: 40%;
}

.part_last_rgt .par_btn.time-line-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 16px;
    color: #181818;
    text-decoration: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-direction: column;
    border-radius: 10px;
    text-align: left;
    margin: 0;
}

.partner-sec-main-btm .col-md-6 {
    width: 48%;
    margin: 0 10px;
}

.par_second {
    background: #fff;
}

.part_all_cnt p {
    color: #181818;
    float: left;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 600;
}

.part_all_cnt a {
    text-decoration: none;
}

.par_second .heading-type-1 {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.part_below_btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 40px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    margin: auto;
    background-color: #64bb47;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-direction: column;
    border-radius: 10px;
}

.slideshow-container {
    position: relative;
}

/* Caption text */
.text {
    color: #fff;
    font-size: 50px;
    padding: 8px 12px;
    position: absolute;
    bottom: 40px;
    width: 80%;
    text-align: left;
    left: 55px;
    font-weight: 700;
}

.numbertext {
    color: #fff;
    font-size: 21px;
    padding: 8px 12px;
    position: absolute;
    top: 40px;
    left: 55px;
}

.dot {
    height: 3px;
    width: 50px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 0;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.slideshow-container2 {
    position: relative;
}

/* Caption text */
.text2 {
    color: #fff;
    font-size: 36px;
    padding: 8px 12px;
    position: absolute;
    bottom: 75px;
    width: 80%;
    text-align: left;
    left: 55px;
    font-weight: 700;
    line-height: 46px;
}

.numbertext2 {
    color: #fff;
    font-size: 21px;
    padding: 8px 12px;
    position: absolute;
    bottom: 35px;
    left: 55px;
}

.dot2 {
    height: 3px;
    width: 50px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 0;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.page-template-all-partner .active {
    background-color: #cb1019;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 5s;
}

@keyframes fade {
    from {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.mob_slide {
    display: none;
}

.desk_slide {
    display: block;
}

.partner_lst {
    padding: 0;
    float: left;
    width: 100%;
}

.partner_lst li {
    list-style: none;
    display: inline;
}

.partner_lst li {
    list-style: none;
    display: inline;
    background: #f4f4f4;
    margin-right: 10px;
    padding: 5px 12px;
    font-size: 12px;
    color: #181818;
    border-radius: 5px;
    margin-top: 15px;
    float: left;
}

.partner_srch {
    max-width: 28%;
    height: 38px;
    margin-top: 0px;
    float: left;
    margin-right: 20px;
}

.partner_srch .input-group-text {
    background-color: transparent;
    border-radius: 10px 0 0 10px;
    border: 1px solid #e5e5e5;
    border-right: 0;
}

.partner_srch img {
    width: 24px;
}

.partner_srch>.form-control,
.partner_srch>.form-select,
.partner_srch>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.partner_srch input,
.partner_srch input:focus {
    border-left: none !important;
    padding-left: 0;
    border-radius: 0 10px 10px 0;
    border: 1px solid #e5e5e5;
}

.page-template-all-partner .main-content .offers-tab-sec {
    padding: 30px 0 0px;
}

.page-template-all-partner .all_par_frt {
    padding-bottom: 0;
}

.page-template-all-partner .par_second {
    padding-top: 0;
}

.partner_lst li:first-child {
    background: #CDEBC3;
    color: #414141;
}

.page-template-all-partner .filter-btn.active {
    background-color: transparent;
    color: #181818;
    border-bottom: 3px solid #cb1019;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
}

.page-template-all-partner .filter-btn {
    background-color: transparent;
    border: 3px solid #bebebe;
    border-radius: 0px;
    color: #181818;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    font-weight: 600;
    margin-right: 25px;
}

.partner_calc .inp_flds {
    font-size: 16px;
    line-height: 26px;
    border: 1px solid #c1c1c1;
    color: #181818;
    border-radius: 5px;
    padding: 5px 5px;
    text-transform: lowercase;
    width: 140px;
    float: left;
}

.single-partner-posts .partner_first_tt img {
    border-radius: 35px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-primary {
    background: #64bb47;
    border: none;
    padding: 10px 32px;
    border-radius: 10px;
}

.mySlides img {
    border-radius: 30px;
}

.btn-white-border.link-type-1.par_cal_btn {
    background-color: #fff;
    border: 1px solid #BEBEBE;
    color: #BEBEBE !important;
    padding: 15px 40px;
}

.mob_grd {
    width: 320px;
}

.partAll {
    padding-bottom: 0;
}

.page-template-home-renovation .timeline li span,
.page-template-home-renovation1 .timeline li span,
.page-template-home-renovation2 .timeline li span,
.page-template-home-renovation3 .timeline li span,
.page-template-home-renovation4 .timeline li span,
.page-template-home-renovation5 .timeline li span,
.page-template-home-renovation6 .timeline li span {
    background: #fff;
    font-size: 18px;
    width: 115px !important;
}

.page-template-home-renovation .timeline .timeline-btn:after,
.page-template-home-renovation1 .timeline .timeline-btn:after,
.page-template-home-renovation2 .timeline .timeline-btn:after,
.page-template-home-renovation3 .timeline .timeline-btn:after,
.page-template-home-renovation4 .timeline .timeline-btn:after,
.page-template-home-renovation5 .timeline .timeline-btn:after,
.page-template-home-renovation6 .timeline .timeline-btn:after {
    background-color: rgba(128, 128, 128, 0.2);
    z-index: 1;
}

.page-template-home-renovation .timeline-btn,
.page-template-home-renovation1 .timeline-btn,
.page-template-home-renovation2 .timeline-btn,
.page-template-home-renovation3 .timeline-btn,
.page-template-home-renovation4 .timeline-btn,
.page-template-home-renovation5 .timeline-btn,
.page-template-home-renovation6 .timeline-btn {
    background: transparent;
    padding: 0 0px;
}

#nav-credit-card-tab {
    display: none;
}

.dc_lm::after {
    display: none;
}

.postid-8508 .par_hg_ic,
.postid-8510 .par_hg_ic,
.postid-8735 .par_hg_ic,
.postid-8836 .par_hg_ic,
.postid-8857 .par_hg_ic,
.postid-8863 .par_hg_ic,
.postid-8933 .par_hg_ic,
.postid-8941 .par_hg_ic,
.postid-9930 .par_hg_ic {
    display: none;
}

.ben_lst {
    padding: 0;
    float: left;
    color: #fff;
    font-size: 21px;
    max-width: 75%;
    margin-left: 32px;
}

/***********creditcard***************/
.page-template-credit-cards .credit-cards-banner-buttons {
    display: none;
}

.page-template-credit-cards .credit-cards-banner-img {
    width: 100%;
}

.page-template-credit-cards .credit-cards-banner-img img {
    width: 100%;
    border-radius: 20px;
}

.page-template-credit-cards .credit-card-main-slider .swiper-wrapper {
    padding-bottom: 0;
}

.raice-request-forms .wpcf7-list-item,
#requestCall .wpcf7-list-item {
    margin: 0;
}

.accept_cook,
#requestCall .accept_cook {
    margin-bottom: 0 !important;
}

.raice-request-forms-tabs label,
#requestCall label {
    color: #181818;
}

/* Slider container */
.page-id-10312 .slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* Ensures overflow doesn't break the layout */
    margin: 0 auto;
}

.page-id-10312 .slider {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
    /* Full width of the slider */
}

/* Slide styles */
.page-id-10312 .slide {
    min-width: 33.33%;
    /* 3 images visible on desktop */
    box-sizing: border-box;
}

.page-id-10312 .slide img {
    width: 100%;
    height: auto;
}

/* Navigation buttons */
.page-id-10312 .prev,
.page-id-10312 .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    z-index: 10;
    /* Ensure buttons are always on top of the slider */
}

.page-id-10312 .prev {
    left: 10px;
}

.page-id-10312 .next {
    right: 10px;
}

@media (min-width: 1200px) {
    .page-id-10312 .tab-container {
        width: auto;
    }
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .page-id-10312 .slide {
        min-width: 100%;
        /* Show 1 image at a time on mobile */
    }

    .iphone_par_log {
        width: 33%;
    }

    .qr_code {
        display: none;
    }

    html .qr_code_btn {
        padding: 10px 20px !important;
        margin-bottom: 25px;
        border-radius: 10px !important;
        width: 250px !important;
    }

    html .qr_code_btn_vlt {
        padding: 10px 20px !important;
        width: 250px !important;
    }

    html .qr_code_btn_wht {
        background: #cb1019 !important;
        color: #fff !important;

    }


}

.qr_code {
    width: 60px;
    margin-right: 15px;
}

.qr_code_btn {
    background: #cb1019 !important;
    padding: 15px 20px !important;
    width: 210px !important;
    text-align: left;
    color: #fff !important;
    border-color: #cb1019 !important;
    border-radius: 20px !important;
}

.qr_code_btn_vlt {
    background: #A681B4 !important;
    padding: 15px 20px !important;
    width: 210px !important;
    text-align: left;
    color: #fff !important;
    border-color: #A681B4 !important;
    border-radius: 20px !important;
}

.qr_code_btn_wht {
    background: #fff !important;
    padding: 15px 20px !important;
    width: 210px !important;
    text-align: left;
    color: #181818 !important;
    border-color: #cb1019 !important;
    border-radius: 20px !important;
}

.btn-check:checked+.qr_code_btn_wht,
:not(.btn-check)+.btn:active,
.qr_code_btn_wht:first-child:active,
.qr_code_btn_wht.active,
.qr_code_btn_wht.show {
    background-color: #fff !important;
    border: 1px solid #cb1019 !important;
}

.sticky-btn {
    position: fixed;
    bottom: -100px;
    /* Initially off-screen */
    right: 20px;
    z-index: 1000;
    transition: transform 0.3s ease, bottom 0.3s ease;
}

.show-sticky {
    bottom: 20px;
    /* Shows the button when sticky */
}

.hide-sticky {
    bottom: -100px;
    /* Hides the button */
}

.qr_code_btn_wht .fa-long-arrow-right {
    display: none;
}

@media (max-width: 768px) {
    .sticky-btn {
        bottom: -100px;
        /* Initially off-screen for mobile */
        right: 10px;
        /* Adjust position for mobile */
    }

    .show-sticky {
        bottom: 15px;
        /* Adjust the height for mobile view */
    }

    html .qr_code_btn_wht.sticky-btn {
        background: #cb1019 !important;
        color: #fff !important;
        width: 95% !important;
    }

    .qr_code_btn_wht .fa-long-arrow-right {
        display: block !important;
        padding-left: 15px;
    }

    .page-id-6290 .fa.fa-long-arrow-right {
        padding-left: 10px;
        margin-top: 5px;
        display: block !important;
    }
}

/*----------------*/
.str_tt {
    width: 100%;
}

.str_code {
    background: #A580B3 !important;
    text-align: center;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 400 !important;
}

.visit_str {
    background: #181818 !important;
    text-align: center;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff !important;
    float: right;
    margin-top: 15px;
    font-size: 18px;
}

.str_con {
    width: 100%;
    font-size: 15px !important;
}

.cond_app {
    font-weight: 100;
}

@media (min-width: 320px) and (max-width: 767px) {
    .visit_str {
        margin-top: 10px;
        width: 100%;
        padding: 5px 30px;
        font-size: 15px;
    }

    .str_code {
        padding: 5px 0;
        width: 100%;
        font-size: 15px !important;
    }

    .swiper-slide img {
        width: 100%;
    }

    .part_below_btn {
        margin-top: 0 !important;
    }

    .offers-tab-sec {
        padding: 20px 0 0 0 !important;
    }

    .str_con {
        width: 100%;
        font-size: 11px !important;
    }

    #vue-partner-app .swiper-wrapper {
        padding-bottom: 0 !important;
        padding-top: 0;
    }
}

.qr_code_btn .fa.fa-long-arrow-right.arr_cs {
    display: none;
}

.product-img {
    background-color: #f6ccd0 !important;
}