@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap";

.check-box,
.hero-remit-bank,
.icon-circle,
.issue-box,
.navbar,
.navbar a,
.navbar ul,
.navigating-the-maze-item {
    display: flex;
    align-items: center
}

.ad-contact-bg h3,
.back-to-top,
.card-body-acc,
.faq-section,
.hero h1,
.hero h4,
.hero-achieve h4,
.hero-achieve h6,
.hero-achieve p,
.ind-ic-data-cust h4,
.ind-ic-data-cust p,
.inter-text,
.small-para,
body,
footer,
h1,
h2,
h4,
p {
    font-family: Inter, sans-serif
}

.filter-carousel,
html {
    scroll-behavior: smooth
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

.canva-dash-web,
.card-tilt-data:hover .fptext,
.desk-blur-img,
.desktop-view-lab,
.expert-layout-img-desk,
.hide-for-mob,
.landing-home-data,
.navbar .dropdown ul li:hover>ul,
.navbar .dropdown:hover>ul,
.remit-feat-box-sec-web,
.remit-mobile-don,
.why-section-web,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    letter-spacing: .6px;
    padding-top: 65px;
    overflow-x: hidden
}

@media (min-width: 1200px) {
  .container {
    max-width: 90%;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 80%;
  }
}
#header {
    z-index: 10001;
    background: #002a45;
    transition: .5s
}

#header .logo {
    font-size: 28px;
    color: #fff;
    font-weight: 600
}

.CostsOfGlobal-list,
.navbar ul,
.remitso-footer-links {
    list-style: none;
    padding: 0;
    margin: 0
}

.hero h1,
.hero h4 {
    margin-bottom: 5rem
}

#sync1.owl-theme,
.Risk-Free-Acquisition .timeline-item,
.calender-iframe,
.carousel-test,
.carousel3,
.fa-ul>li,
.features-data-btn,
.globe-container,
.hero-payment,
.icon-input,
.lifecycle-of-effort,
.login-register .input-group,
.navbar li,
.offer-section,
.pass-pricing-last-desc-divider,
.phone-design-wrapper-text,
.phone-wrapper,
.raas-process-timeline,
.schedule-demo-request .left-card-wrapper,
.splash-slider .slide-content {
    position: relative
}

.navbar a {
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    transition: .3s
}

.navbar .dropdown ul a:hover,
.navbar a:hover {
    color: #4688f4
}

.navbar .dropdown ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #074872;
    padding: 10px 30px;
    list-style: none;
    box-shadow: 0 4px 10px #0000001a;
    z-index: 99;
    border-radius: 15px
}

.navbar .dropdown ul li {
    width: 200px
}

.navbar .dropdown ul li a {
    display: block;
    padding: 6px 10px;
    line-height: 1.2
}

.navbar .dropdown ul a {
    padding: 6px 10px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap
}

.navbar .dropdown>a>.dropdown-icon {
    margin-left: 8px
}

.navbar .dropdown .dropdown ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff
}

.mobile-nav-toggle {
    display: none;
    font-size: 28px;
    color: #fff;
    cursor: pointer
}

.anchor-btn,
.nav-btn-head {
    border-radius: 30px
}

.nav-btn-head:hover,
.table-bordered td,
.table-bordered th {
    color: #fff !important
}

.fixed-top-head {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.drop-app-web {
    background: #074872 !important
}

.custom-bg{
    background-color: #001421 !important;
    position: relative;
    overflow: hidden;
}

.hero {
    position: relative;
    padding: 2rem 0;
    min-height: 90vh;
    display: flex;
    align-items: center
}

.hero::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #004aad;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hero h1 {
    font-size: 3rem
}

.hero h4,
.hero-achieve h6 {
    font-size: 1.3rem
}

.hero .hero-img-wrapper {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 50%
}

.hero .hero-img-wrapper img,
.phone-slide-file-background-swiper,
.raas-process-arrow svg {
    width: 100%;
    height: 100%
}

section {
    padding: 3.5rem 0
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 45px;
    line-height: 1.3
}

h4 {
    font-size: 26px;
    line-height: 1.6;
    font-weight: 400
}

p {
    font-size: 20px;
    line-height: 1.5
}

@media only screen and (max-width:991px) {
    body {
        padding-top: 58px
    }

    .hero {
        flex-direction: column
    }

    .hero::before {
        width: 100%
    }

    .hero .hero-img-wrapper {
        display: none
    }

    .hero h1 {
        font-size: 2.6rem
    }

    .navbar {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .engagement-section .engage-wrapper {
        flex-direction: column;
        gap: 6rem
    }

    .navbar-nav .nav-item .nav-link {
        padding: 1.5rem 0
    }
}

.advantage-hero,
.feature-hero,
.hero-achieve,
.hero-upd,
.pricing-hero,
.why-section {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

.blog-column,
.faq-file {
    display: flex;
    flex-direction: column
}

.blog-column .blog-image {
    width: 100%;
    height: 280px;
    margin-bottom: 1rem
}

.blog-column .blog-image img {
    width: 100%;
    height: 100%;
    object-fit: inherit;
    border-radius: 6px
}

.blog-image img {
    margin-bottom: 5px !important
}

.blog-column .blog-desc .date-author {
    color: #75839a;
    margin-bottom: 15px;
    font-size: .8rem;
    display: flex;
    justify-content: space-between
}

.blog-column .blog-desc h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #fff;
    overflow: visible;
    text-overflow: ellipsis
}

.blog-column .blog-desc h2 {
    color: #fff;
    font-size: 20px
}

.blog-column .blog-desc p,
li {
    line-height: 1.7;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px
}

.blog-desc p {
    margin-bottom: 10px !important
}

.blog-column .blog-desc a.link-btn {
    font-size: .9rem;
    font-weight: 500;
    color: #f9fbff;
    background-color: #377cd5;
    padding: .6rem 1.2rem;
    border-radius: 10px;
    transition: .25s linear;
    text-decoration: none;
    margin-top: 20px
}

.blog-column .blog-desc a.link-btn:hover,
.blog-security-last a:hover,
.cal-btn,
.cal-btn:hover {
    background-color: #377cd5
}

.blog-image,
.faq-sec-data,
.feature-data-box-text-f,
.form-read-more,
.our_solution_cat {
    margin-top: 20px
}

.Source-Code-License h5,
.ULTIMATE-SAFETY-NET .usn-title span,
.back-to-top:focus,
.card-body-acc ul,
.demo-updated-vi,
.feature-card,
.financial-accounts-dashboard,
.inclusive-platform-feature-item:hover .inclusive-platform-feature-text,
.indus-bank a,
.login-register .toggle-btn button.active,
.paas-modify-card h4,
.pass-pricing-last,
.pass-pricing-last-desc,
.read-more-btn:hover,
.remit-faq-data-text-down li,
.remit-money-cards:hover .remit-money-cards-description,
.remitso-eco-sys-btn a:hover,
.sandbox-input-group button:hover,
.solution_cards_box .solution_card:hover .solu_description p,
.solution_cards_box .solution_card:hover .solu_title h3,
.step-btn.active,
.step-btn.active svg,
.thankyou-data-file h2,
.thankyou-data-file ul,
.white-label-video__list li,
.why-remit-card .solution_card:hover .solu_description p,
.why-remit-card .solution_card:hover .solu_title h3 {
    color: #fff
}

.card-body-acc ul li {
    color: inherit
}

.faq-section .accordion {
    margin: 15px 0
}

.faq-section .accordion .bx {
    margin-right: .2rem;
    color: #869abb
}

.faq-section .accordion .card {
    border: none
}

.faq-section .accordion .card+.card {
    border-top: 1px solid #d6dae0
}

.faq-section .accordion .card-header {
    background-color: #fff0;
    border: none;
    padding: 0
}

.accordion .card-body,
.faq-section .accordion .card-body {
    padding-left: 0;
    padding-right: 0
}

.faq-section .accordion .card-body p {
    line-height: 1.7;
    color: #75839a
}

.faq-section .accordion .card-body li {
    line-height: 1.7;
    color: #75839a;
    font-size: 14px
}

.faq-section h2 {
    font-weight: 500;
    color: #364655
}

.faq-section h2 button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #324c77;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 1.5rem 0;
    text-align: left;
    white-space: normal;
    letter-spacing: 1px
}

.advantage-hero,
.feature-hero {
    min-height: 80vh;
    align-items: center
}

.faq-section h2 button:focus,
.faq-section h2 button:hover {
    text-decoration: none;
    color: #4285f4
}

.feature-hero {
    background-image: url(../img/feature-hero.webp);
    width: 100%
}

.feature-hero h1,
.pricing-hero h1 {
    font-size: 9rem
}

.advantage-hero {
    width: 100%;
    background-position: center
}

.pricing-hero,
.startup-hero {
    min-height: 80vh;
    align-items: center;
    width: 100%
}

.advan1 {
    background-image: url(../img/advantage1/adv1hero.webp)
}

.advan2 {
    background-image: url(../img/advantage2/adv2hero.webp)
}

.advan3 {
    background-image: url(../img/advantage3/adv3hero.webp)
}

.advan4 {
    background-image: url(../img/advantage4/adv4hero.webp)
}

.pricing-hero {
    background-image: url(../img/pricing-hero.webp);
    background-position: center
}

.pricing-wrapper {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, 1fr)
}

.pricing-wrapper .pricing-column {
    background: #bbd3f3;
    padding: 2rem;
    border-radius: 10px;
    line-height: 2
}

.pricing-wrapper .pcol1,
.pricing-wrapper .pcol4 {
    grid-row-start: 1;
    grid-row-end: 3
}

.pricing-wrapper .pcol2 {
    grid-row-start: 1;
    grid-row-end: 2
}

.pricing-wrapper .pcol3 {
    grid-row-start: 2;
    grid-row-end: 3
}

@media only screen and (max-width:767px) {

    .feature-hero h1,
    .pricing-hero h1 {
        font-size: 3rem
    }

    p {
        font-size: 16px
    }

    h2 {
        font-size: 22px
    }

    .blog-column {
        margin-bottom: 35px
    }

    .blog-column .blog-desc h1 {
        height: auto
    }

    .pricing-wrapper {
        display: flex;
        flex-direction: column
    }
}

.startup-hero {
    background: -webkit-linear-gradient(#0a0507cc, #1f0e13cc), url(../img/startup-hero.jpg);
    background: linear-gradient(#0a0507cc, #0a0507cc), url(../img/startup-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

.startup-hero h1,
.thankyou-text-imp h1 {
    font-size: 42px
}

.contact-sec {
    overflow: hidden;
    padding-bottom: 85px;
    color: #111
}

.contact-sec h3 {
    font-size: 24px;
    line-height: 26px;
    color: #111;
    font-weight: 700;
    margin: 0 0 41px
}

.contact-sec .contact-list {
    overflow: hidden;
    margin: 0 0 25px;
    color: #555;
    padding: 0 0 12px;
    position: relative;
    line-height: 1.7
}

.contact-sec .contact-list:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: auto;
    bottom: 0;
    right: auto;
    width: 60px;
    height: 1px;
    background-color: #edb50c
}

.contact-sec .contact-list li,
.contact-sec .hour-list li {
    overflow: hidden;
    margin: 0 0 10px
}

.contact-sec .contact-list a {
    display: inline-block;
    vertical-align: top;
    color: #555;
    transition: .25s linear
}

.contact-sec .contact-list .icon {
    font-size: 18px;
    line-height: 1.7;
    display: inline-block;
    vertical-align: top
}

.contact-sec .contact-list address {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

.contact-sec .hour-list {
    overflow: hidden;
    margin: 0;
    color: #555
}

.contact-sec .marg {
    margin: 0 0 14px
}

.contact-sec p {
    margin: 0 0 15px
}

.contact-sec .contact-form {
    width: 100%;
    overflow: hidden
}

.contact-sec .contact-form .form-group {
    margin: 0 0 75px;
    overflow: hidden
}

.contact-sec .contact-form .form-control {
    font-size: 14px;
    line-height: 16px;
    color: #75839a;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #d2d4d8;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 6px 0
}

.contact-sec .contact-form textarea {
    width: 100%;
    resize: none;
    margin: 0 0 31px
}

.ad-contact-bg {
    background-image: url(../img/adv-contact.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    width: 100%;
    background-position: center;
    text-align: center;
    flex-direction: column;
    padding: 5rem
}

.ad-contact-bg h3,
.navigating-the-maze-label {
    color: #fff;
    font-weight: 500
}

.bk-top {
    position: fixed;
    bottom: 60px;
    right: 30px;
    border-radius: 50%;
    z-index: 90;
    width: 45px;
    height: 45px;
    background: #4285f4;
    color: #f2f2f0;
    display: table;
    box-shadow: 0 5px 15px #0000001a
}

.bk-top-txt {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.back-to-top {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.back-to-top:hover {
    color: #fff;
    text-decoration: none;
    font-size: 13px
}

#top-beamer span,
.credit__link:hover,
.pricing-table a:hover,
.tabs__link:hover {
    text-decoration: underline
}

.anchor-btn,
.beamer-link,
.beamer-link :hover,
.blog-security-last a,
.btn-demo,
.btn-demo:hover,
.btn-primary,
.compl-btn a,
.credit__link,
.cross-border-anch a,
.demo-down-btn,
.expert-data-ana-text a,
.feature-data-box-data-lev-data a:hover,
.fine-btn a,
.float-container a,
.form-read-more a,
.ind-ic-data a,
.inds-credit-union a:hover,
.inds-we-bank a:hover,
.learn-link,
.overview-feat-remit-data a:hover,
.payment-sec-v a,
.phone-design-conatiner,
.phone-design-wrapper-text:hover,
.pricing-table a,
.protfolio-s-text a,
.read-more,
.read-more:hover,
.sandbox-btn,
.software-comp-file-text a,
.tabs__item--active>.tabs__link:hover,
.tabs__link,
.transfer-licensing-link,
.white-paper-text a {
    text-decoration: none
}

.faq-dropdown-wrapper,
.pt2 {
    margin-bottom: 20px
}

.col_white_amrc {
    color: #fff;
    font-family: Inter
}

.ControlAccess h2,
.canva-dash-data h3,
.engagement-section .engage-wrapper .engage-column h3,
.ind-ic h4 {
    font-size: 26px
}

.navbar-toggler,
.raas-simulator .raas-credit-label,
.raas-simulator .raas-fee-label,
.raas-simulator .raas-statement-label,
.raas-simulator .raas-total-label {
    margin: 0
}

p.description {
    height: 80px;
    overflow: hidden
}

@media only screen and (min-width:240px) {

    .privacy-section ol li,
    p,
    ul li {
        line-height: 1.7;
        font-size: 1em
    }
}

.hero-achieve,
.hero-upd {
    background-image: url(../img/index-upd/hero-back.webp);
    background-position: center;
    position: relative;
    padding: 2rem 0;
    min-height: 90vh;
    align-items: center
}

.hero-upd h1 {
    font-size: 30px;
    font-family: Inter, serif;
    font-weight: 700;
    margin-bottom: 2.5rem
}

.hero-upd p {
    font-family: Inter, sans-serif;
    font-size: 22px;
    line-height: 1.7
}

.hero-upd h4 {
    font-size: 1.3rem;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 1.5rem
}

.hero-btn {
    background-color: #377cd5;
    border-width: 3px;
    padding: .5rem 1.8rem;
    font-weight: 600;
    border-radius: 10px;
    font-size: 18px;
    border: none;
    color: #fff
}

.btn-slate:hover,
.custom-btn-green:hover,
.custom-btn-slate:hover,
.hero-btn:hover,
.pass-pricing-last-btn:hover,
.step-btn.active {
    background-color: #377cd5;
    color: #fff
}

.credit__link,
.credit__link:hover {
    color: #fc5555
}

.why-section {
    background-image: url(../img/index-upd/why-back.webp);
    align-items: center;
    width: 100%
}

.blue-section {
    background: #004aad
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.credit {
    font-size: 1.2rem;
    float: right;
    margin-top: .5em
}

.credit__link,
.phone-design-wrapper .nav-item.active p,
.pricing-table th,
.raas-simulator .raas-credit-value,
.raas-simulator .raas-info-emphasis,
.raas-simulator .raas-statement-value,
.remit-cal .font-weight-bold-custom,
.response-item {
    font-weight: 700
}

@media (max-width:620px) {
    .tabs--sm {
        border: 1px solid #d4d4d4
    }

    .tabs--sm .tabs__content {
        border-width: 1px 0 0
    }

    .tabs--sm .tabs__list {
        background-color: #fff;
        margin: 0 0 -1px;
        display: inline-block;
        width: 100%
    }

    .tabs--sm .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0
    }

    .tabs--sm .tabs__list .tabs__item--active,
    .tabs--sm .tabs__list--open .tabs__item {
        position: relative;
        height: auto
    }

    .tabs--sm .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none
    }

    .tabs--sm .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left
    }

    .tabs--sm .tabs__item--active>.tabs__link {
        background-color: #333;
        color: #fff;
        border: 0
    }

    .tabs--sm .tabs__item--active>.tabs__link:hover {
        color: #fff
    }

    .tabs--sm .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: .5em solid #fff0;
        border-top-color: #fff;
        float: right;
        margin-top: .75em
    }
}

@media (max-width:760px) {
    .tabs--md {
        border: 1px solid #d4d4d4
    }

    .tabs--md .tabs__content {
        border-width: 1px 0 0
    }

    .tabs--md .tabs__list {
        background-color: #fff;
        margin: 0 0 -1px;
        display: inline-block;
        width: 100%
    }

    .tabs--md .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0
    }

    .tabs--md .tabs__list .tabs__item--active,
    .tabs--md .tabs__list--open .tabs__item {
        position: relative;
        height: auto
    }

    .tabs--md .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none
    }

    .tabs--md .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left
    }

    .tabs--md .tabs__item--active>.tabs__link {
        background-color: #333;
        color: #fff;
        border: 0
    }

    .tabs--md .tabs__item--active>.tabs__link:hover {
        color: #fff
    }

    .tabs--md .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: .5em solid #fff0;
        border-top-color: #fff;
        float: right;
        margin-top: .75em
    }
}

@media (max-width:990px) {
    .tabs--lg {
        border: 1px solid #d4d4d4
    }

    .tabs--lg .tabs__content {
        border-width: 1px 0 0
    }

    .tabs--lg .tabs__list {
        background-color: #fff;
        margin: 0 0 -1px;
        display: inline-block;
        width: 100%
    }

    .tabs--lg .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0
    }

    .tabs--lg .tabs__list .tabs__item--active,
    .tabs--lg .tabs__list--open .tabs__item {
        position: relative;
        height: auto
    }

    .tabs--lg .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none
    }

    .tabs--lg .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left
    }

    .tabs--lg .tabs__item--active>.tabs__link {
        background-color: #333;
        color: #fff;
        border: 0
    }

    .tabs--lg .tabs__item--active>.tabs__link:hover {
        color: #fff
    }

    .tabs--lg .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: .5em solid #fff0;
        border-top-color: #fff;
        float: right;
        margin-top: .75em
    }
}

@media (max-width:1070px) {
    .tabs--xl {
        border: 1px solid #d4d4d4
    }

    .tabs--xl .tabs__content {
        border-width: 1px 0 0
    }

    .tabs--xl .tabs__list {
        background-color: #fff;
        margin: 0 0 -1px;
        display: inline-block;
        width: 100%
    }

    .tabs--xl .tabs__list .tabs__item {
        overflow: hidden;
        position: absolute;
        height: 0
    }

    .tabs--xl .tabs__list .tabs__item--active,
    .tabs--xl .tabs__list--open .tabs__item {
        position: relative;
        height: auto
    }

    .tabs--xl .tabs__list--open .tabs__item--active>.tabs__link:after {
        content: none
    }

    .tabs--xl .tabs__item {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        text-align: left
    }

    .tabs--xl .tabs__item--active>.tabs__link {
        background-color: #333;
        color: #fff;
        border: 0
    }

    .tabs--xl .tabs__item--active>.tabs__link:hover {
        color: #fff
    }

    .tabs--xl .tabs__item--active>.tabs__link:after {
        content: "";
        width: 0;
        height: 0;
        border: .5em solid #fff0;
        border-top-color: #fff;
        float: right;
        margin-top: .75em
    }
}

.tabs__list {
    margin: 0 0 -1px
}

.tabs__item {
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    vertical-align: top
}

.tabs__item--active>.tabs__link {
    border: 1px solid #d4d4d4;
    background: #fff;
    position: relative;
    z-index: 3;
    color: #333
}

.tabs__item--active>.tabs__link:hover {
    color: #262626
}

.tabs__link {
    font-weight: 500;
    color: #333;
    padding: .5em 1em;
    line-height: 2;
    display: block
}

.tabs__area {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    height: 0
}

.tabs__area--active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    height: auto
}

.tabs__content {
    margin-bottom: 0;
    background: #fff;
    border: 1px solid #dadacb;
    overflow: hidden;
    position: relative;
    clear: both;
    padding: 2.2rem
}

.page-center {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 15px
}

.anchor-btn,
.cross-border-anch,
.faq-file,
.fine-btn a,
.inds-we-bank-ic,
.one-touch-in-img,
.pricing-cont a h6,
.secure-img {
    max-width: fit-content
}

.sldr-crs__sliders {
    overflow: hidden
}

.sldr-crs__media-inner {
    display: grid;
    gap: 36px
}

@media screen and (min-width:992px) {
    .sldr-crs__media-inner {
        grid-template-columns: minmax(0, 3fr) 1fr
    }
}

.sldr-crs__media__block {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: auto;
    isolation: isolate;
    background-color: #fff
}

.sldr-crs__media__block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff0;
    z-index: 1
}

.sldr-crs__image {
    position: relative;
    height: 100%
}

.sldr-crs__image img {
    width: 100%;
    vertical-align: top;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1);
    transition: .3s ease-in-out
}

.sldr-crs__media-logo {
    position: absolute;
    left: 0;
    padding-left: 33px;
    padding-top: 30px;
    z-index: 1
}

.sldr-crs__media-logo svg {
    height: 40px;
    width: 40px;
    fill: #fff
}

.sldr-crs__media-logo svg polygon {
    fill: #fff
}

.sldr-crs__caption {
    bottom: -27px;
    padding-bottom: 40px;
    padding-inline: 33px;
    position: absolute;
    width: min(488px, 100%);
    z-index: 1;
    transition: .3s ease-in-out
}

.sldr-crs__caption h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.6px
}

.sldr-product__desc p {
    font-size: 14px;
    color: #000
}

.sldr-crs-fulink {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 999
}

.contact-data-base h4,
.demo-btn-data,
.remit-feat-box-sec-mob,
.remit-feat-mobile,
.sldr-text,
.sq-shape-mob,
.white-contact-btn-data,
.white-label-remit-data-web,
.why-section-mobile,
.zf-data-clone {
    display: none
}

.sldr-crs-readMore {
    color: #fff;
    opacity: 0
}

.sldr-crs-svg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-right: 32px;
    margin-bottom: 50px
}

.sldr-product-sidebar__inner h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .2px;
    margin-bottom: 15px;
    position: relative;
    margin-top: 0;
    color: #000
}

.sldr-product-sidebar__inner+.sldr-product-sidebar__inner {
    margin-top: 54px
}

.sldr-product-sidebar__inner {
    padding-left: 14px
}

.sldr-product-sidebar__inner h4::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #0c8
}

.sldr-product-head {
    margin-bottom: 32px
}

.sldr-crs__bottom-logo {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    align-items: stretch;
    text-align: center;
    margin-top: 64px
}

.card-pricing,
.choose-remit-fl,
.ind-ic-data,
.ind-ic-data-cust,
.software-comp {
    flex-direction: column;
    display: flex
}

.sldr-crs__logo-media {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 350ms ease-in-out
}

.sldr-crs__logo {
    padding-block: 20px;
    cursor: pointer;
    transition: 350ms ease-in-out;
    position: relative
}

.sldr-crs__border {
    position: absolute;
    top: 0;
    height: 3px;
    background-color: #1d1d1f26;
    width: 100%
}

.sldr-crs__border--width {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 0;
    background: #fff;
    z-index: 1
}

.sldr-crs__logo.active .sldr-crs__border--width {
    width: 100%;
    animation: 6s ease-in-out forwards loadbar
}

@keyframes loadbar {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.sldr-crs__logo:not(.active) .sldr-crs__logo-media {
    filter: brightness(0) saturate(100%) invert(74%) sepia(12%) saturate(210%) hue-rotate(184deg) brightness(97%) contrast(88%)
}

.sldr-product-sidebar {
    overflow: hidden
}

.sldr-crs__media {
    width: 100%;
    overflow: hidden
}

.sldr-crs__media-top,
.sldr-product-sidebar__top {
    display: flex;
    transition: 350ms ease-in-out
}

.sldr-product-sidebar__top {
    transition-delay: 150ms
}

.sldr-crs__media__block:hover .sldr-crs__caption {
    bottom: 0
}

.eb-card:hover::before,
.eb-cta-box:hover::before,
.inclusive-platform-tab-btn.active::before,
.launches-sup-pill:hover::before,
.pathways-to-launch .ptl-card:hover::before,
.phone-design-wrapper-file .card:hover::before,
.raas-process-card:hover::before,
.remit-money-cards:hover::before,
.remitso-footer-award img:hover,
.sldr-crs__media__block:hover .sldr-crs-readMore,
.us-infrastructure .us-card:hover::before,
.you-launch-card:hover::before {
    opacity: 1
}

.sldr-crs__logo-media svg {
    width: 60px
}

@media screen and (max-width:767px) {
    .sldr-crs__caption {
        padding-inline: 15px 30px
    }
}

nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0
}

nav>div a.nav-item.nav-link,
nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 18px 10px;
    color: #172b4b;
    background: #b4d0fc;
    border-radius: 0
}

nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -50px;
    left: -38%;
    border: 15px solid #fff0;
    border-top-color: #4688f4
}

.tab-content-data {
    background: #fff;
    line-height: 25px;
    border: 0 solid #ddd;
    margin-top: 20px
}

.card-body-acc,
.ind-ic-data p,
.simplify-oti p {
    line-height: 1.7
}

nav>div a.nav-item.nav-link:focus,
nav>div a.nav-item.nav-link:hover {
    border: none;
    background: #4688f4;
    color: #fff;
    border-radius: 0
}

.tab-content-data>.active {
    padding: 35px 40px
}

.ind-ic {
    background-color: #0b1950;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.ind-ic-data {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 30px 20px;
    align-items: center;
    height: 100%;
    background: #afaFAF33;
    z-index: 99
}

.ripple-1,
.ripple-2,
.ripple-3,
.ripple-4,
.ripple-5 {
    height: 1px;
    width: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 50%;
    transform: translate3d(-50%, 50%, 0);
    animation-name: ripple;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    will-change: transform, opacity
}

.ripple-1 {
    animation-delay: 0
}

.inclusive-platform-feature-item:nth-child(10),
.raas-process-step:nth-child(3) .raas-process-icon,
.ripple-2 {
    animation-delay: 1s
}

.ripple-3 {
    animation-delay: 2s
}

.ripple-4 {
    animation-delay: 4s
}

.ripple-5 {
    animation-delay: 5s
}

main {
    background-color: #f7f7f7
}

@keyframes ripple {
    0% {
        transform: translate3d(-50%, 50%, 0) scale(0);
        opacity: .33
    }

    100% {
        transform: translate3d(-50%, 50%, 0) scale(2000);
        opacity: 0
    }
}

.ind-ic-data p {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.simplify-oti p {
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 400
}

.ind-ic-data span,
.ind-ic-data-cust span {
    width: 70px;
    height: 2px;
    background-color: #fff;
    margin-top: 25px;
    margin-bottom: 15px
}

.why-img img {
    width: 250px
}

.cas-study,
.sldr-product-head h2 {
    font-family: Inter, serif;
    font-weight: 700
}

.accordion,
.faq-license__cta,
.pt-20 {
    margin-top: 40px
}

.accordion .card {
    border: none;
    margin-bottom: 20px;
    background: 0 0
}

.accordion .card h2 {
    background: url(../img/index-upd/up-arrow.png) calc(100% - 10px) center no-repeat;
    background-size: 20px;
    cursor: pointer;
    font-size: 18px;
    text-shadow: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px
}

.accordion .card h2.collapsed {
    background-image: url(../img/index-upd/down-arrow.png)
}

.blog-column-data p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.blog-column .blog-desc .blog-btn-data a {
    background-color: #4688f4;
    border-width: 3px;
    padding: .5rem 1.8rem;
    font-weight: 600;
    border-radius: 6px;
    font-size: 18px;
    border: none;
    color: #fff
}

.credit-union-img,
.credit-union-text,
.modal-data-body {
    padding: 0
}

.download-section {
    position: relative;
    background: url(../img/index-upd/case-study.webp) 0 0/cover no-repeat fixed
}

.card-pricing-data-text p {
    color: #000;
    border-bottom: 1px solid #000;
    padding: 8px 0
}

.card-pricing-data-text p span {
    padding: 5px 30px
}

.card-pricing {
    background: #fff;
    border-radius: 10px;
    height: 90%
}

.card-pricing-header {
    background: #4483eb;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.card-pricing-header h4 {
    padding: 10px
}

.price-index-text {
    color: #004aad
}

.soft-arch {
    font-size: 28px;
    line-height: 1.6
}

.cust-dash,
.pricing-data-sec {
    background-color: #edf0f3
}

.ind-ic-data-cust {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 25px 20px 75px;
    height: 100%;
    background: #fff
}

.ind-ic-data-cust h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: #000;
    margin-bottom: 15px
}

.ind-ic-data-cust p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #000
}

.start-remitt h5 {
    font-family: Inter, serif;
    font-weight: 700;
    font-size: 38px
}

.hero-pricing h1 {
    font-size: 2.6rem;
    font-family: Inter, serif;
    font-weight: 700;
    margin-bottom: 2rem
}

.hero-pricing h4 {
    font-size: 28px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 2rem
}

.nav-btn,
.nav-btn:hover {
    background: #4688f4;
    border: 1px solid #4688f4
}

.hero-achieve h1 {
    font-size: 2rem;
    font-family: Inter, serif;
    font-weight: 700;
    margin-bottom: 15px
}

.hero-achieve p {
    font-size: 31px;
    line-height: 1.6;
    margin-bottom: 5px
}

#sync2 .item h1,
.aml-sec-text p,
.aml-sec-text-insights p,
.canva-dash-data p,
.di-prof-text p,
.growth-toolkits-file-text p,
.hero-achieve h4,
.hero-remit-index-font p,
.sec-text-in p,
.software-comp-file-text p,
.technical-qa h4,
.technical-qa-text h4,
.what-expect-ex p {
    font-size: 18px
}

.hero-achieve-top {
    background-color: #fff6;
    padding: 20px;
    border-radius: 10px
}

.vertical-divide {
    height: 100%;
    width: 2px;
    background-color: #fff;
    margin: auto;
    padding: 1px 1px 40px
}

.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: .2s;
    box-shadow: 0 .5rem 1rem 0 #0000001a;
    position: relative;
    display: flex;
    height: 100%
}

.pricing .card .card-body {
    text-align: center;
    position: relative;
    padding: 150px 20px 30px
}

.pricing .card .card-body .card-title {
    font-family: Inter, serif;
    margin: 1.5rem 0;
    font-size: 1.8rem;
    letter-spacing: .1rem;
    font-weight: 700;
    position: absolute;
    background: #234475;
    color: #fff;
    width: 104%;
    top: 27px;
    left: -6px;
    right: 0;
    padding: 20px;
    border-radius: 5px
}

.pricing .card .card-body .card-price {
    font-size: 22px;
    margin: 0
}

.pricing .card .card-body hr {
    margin: 1.5rem 0
}

.pricing ul li {
    margin-bottom: 1rem;
    line-height: 1.4
}

.pricing .plan-list-img {
    width: 20px
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.features-data-btn-bottom {
    position: absolute;
    bottom: 5%
}

@media only screen and (max-width:1200px) {
    .gated-data-format {
        margin-left: 15px
    }
}

.ind-ic-data a {
    z-index: 99
}

.zf-tempHeadContBdr-data-rem {
    background: center/cover;
    border-bottom: 1px solid #eaeaea;
    margin: 0;
    padding: 10px 25px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.carousel-test-item-profile span,
.track-data p,
.track-data-comp p,
.zf-tempContDiv p {
    font-size: 12px
}

.zf-tempContDiv .zf-pdfTextArea,
.zf-tempContDiv textarea,
.zf-tempContDiv-data input[type=text] {
    background: 0 0;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px;
    padding: 15px;
    font-size: 13px
}

.zf-templateWrapper-data-rem {
    background: #ffffff4d !important
}

.cross-border-text h4,
.payment-sec-v h4,
.remit-faq-data-text h2,
.software-comp h4,
.tech-stack-text-data h4,
.zf-tempHeadContBdr-data-rem h2,
.zf-templateWrapper-data-rem h2 {
    font-size: 28px
}

.powerful-features-text p,
.usn-card li {
    margin-bottom: 8px
}

.powerful-features-text h5 {
    font-size: 22px;
    margin-bottom: 10px
}

#google_translate_element {
    position: fixed;
    right: 0;
    z-index: 99;
    bottom: 0
}

.data-remitso-sec {
    margin-left: 17px;
    margin-top: 20px
}

.landing-about-remit {
    background-color: #e7f0ff
}

.landing-about-remit-sec {
    border-radius: 10px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(182deg, #a5deff 0, #0b2465 100%)
}

.landing-about-remit-sec p {
    font-size: 16px;
    color: #fff;
    margin-top: 18px
}

.landing-about-remit-sec h5 {
    font-size: 22px;
    color: #fff;
    margin-top: 18px
}

.expert-data-ana,
.faq-sec-data {
    padding: 20px 30px;
    border-radius: 20px
}

.thankyou-btn-remit a i {
    color: #fff;
    font-size: 48px;
    margin-top: 15px
}

.hero-thankyou iframe {
    background-color: #fff;
    margin-top: 15px;
    border-radius: 10px
}

@media (max-width:554px) {

    .chat-iframe-wrap,
    .chat-iframe-wrap iframe,
    .chat-loader-cont {
        min-height: 480px !important;
        height: auto !important;
        position: absolute;
        top: 24%
    }
}

.chat-iframe-wrap,
.chat-iframe-wrap iframe,
.chat-loader-cont {
    min-height: 350px !important;
    height: auto !important
}

.white-bg {
    background-image: url(../img/whitepaper/case-for-ml.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center
}

.white-sec-heading h1 {
    color: #0085a2;
    font-size: 35px
}

.white-contact-btn {
    display: contents
}

.pricing-cont a h6 {
    font-size: 18px;
    background: #234475;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    padding: 10px 15px;
    border-radius: 15px
}

.pricing-slef h4 {
    font-size: 22px;
    color: #000
}

.pricing-slef h5 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-align: end
}

.fixed-top-data {
    position: fixed;
    top: 42px;
    right: 0;
    left: 0;
    z-index: 1030
}

#top-beamer {
    background-color: #0e7ec7;
    padding: 14px 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10001;
    text-align: center
}

.beamer-link,
.financial-aml h4,
.manage-operational-corridors h1,
.manage-operational-corridors h2,
.manage-operational-corridors h3 {
    color: #fff;
    font-weight: 700
}

.beamer-link :hover {
    color: #000;
    font-weight: 700
}

.beamer-header a:hover,
.cal-btn:hover,
.neo-bank a,
.rate-colu,
.text-black {
    color: #000
}

.remit-feat {
    background-color: #20385c
}

.expert-data-ana {
    background-color: #e6e7fe;
    display: flex;
    height: 250px;
    position: relative
}

.expert-data-ana:hover {
    box-shadow: 0 10px 12px 3px #2dced8
}

.expert-data-ana-text a {
    position: absolute;
    bottom: 10%;
    background-color: #2596e6;
    padding: 10px 15px;
    border-radius: 30px;
    color: #fff
}

.expert-data-ana-text p {
    font-size: 18px;
    margin-top: 10px
}

.remit-feat-web {
    display: flex
}

.float-container {
    position: fixed;
    top: 33%;
    left: 0;
    display: flex;
    flex-direction: column;
    width: auto;
    align-items: flex-start;
    z-index: 9999
}

.float-container a {
    z-index: 99;
    display: flex;
    width: 250px;
    height: 50px;
    margin-left: -190px;
    margin-bottom: 10px;
    padding: 10px 20px;
    transition: .3s ease-in-out;
    color: #fff;
    border-color: #46b8da;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(to bottom, #9789be 0, #463f58 100%);
    box-shadow: 0 2px 4px #7d7d7d;
    align-items: center;
    justify-content: flex-end;
    font-family: Inter
}

.float-container a:hover {
    margin-left: 0;
    background-color: #c45100;
    box-shadow: 0 2px 4px #7d7d7d
}

.float-container a img {
    width: 30px;
    margin-left: 10px
}

.advantage-section h3,
.calender-text-data h2,
.price-text-forhead {
    font-size: 32px
}

.font-data-size {
    font-size: 18px !important;
    font-family: Inter !important
}

.remit-feat-box {
    background-color: #1d2026
}

.customization-lottie,
.faq-sec,
.light-green-bg-with-purple {
    background: linear-gradient(to right, #73aeab 0, #877e98 100%)
}

.faq-sec-data {
    background-color: #2c3039;
    color: #fff
}

.sec-text h1 {
    font-size: 38px;
    color: #fff;
    font-weight: 700
}

.sldr-product-head h1 {
    font-size: 3rem;
    color: #000;
    font-weight: 700
}

.remit-payment-gateway,
.remit-sec-cust {
    background-image: url(../img/index-upd/remit-cust.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center
}

.remit-sec-cust-data {
    background-color: #2c30398a;
    padding: 40px;
    border-radius: 20px
}

.modal-request-data {
    background-color: #f6f9f8;
    border-radius: 30px
}

.modal-for-text {
    font-size: 18px;
    color: #000
}

.zf-templateWrapper-request-demo {
    background-color: #f6f9f8;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px
}

.form-read-more a,
.strategy-btn:hover,
.talk-to-data {
    background: #377cd5;
    padding: 14px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.btn-color-for-all {
    background-color: #e2ff54 !important;
    border-radius: 20px
}

.certi-fi {
    background: linear-gradient(to right, #73aeaba3 0, #877e98b3 100%) !important
}

@media only screen and (max-width:767px) {

    .sec-text h1,
    .sldr-product-head h1 {
        font-size: 24px
    }
}

@media only screen and (max-width:567px) {
    .c1-form {
        width: 100%
    }
}

.customization-lottie h1 {
    font-size: 3rem;
    color: #fff
}

.customization-lottie-file {
    gap: 50px
}

#lottie-animation,
#lottie-animation-1 {
    width: 300px;
    height: 300px;
    margin: 0 auto
}

.js-card-text h4 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff
}

.js-card-text p {
    font-size: 15px;
    color: #fff
}

.customization-lottie-file-hr,
.data-driven-comp,
.hr-for-price hr {
    background-color: #fff
}

@media screen and (max-width:1191px) and (min-width:991px) {
    .ag-courses-item_link {
        display: block;
        padding: 30px 20px;
        background-color: #e6e7fe;
        overflow: hidden;
        position: relative;
        height: 380px
    }
}

@media screen and (max-width:1376px) and (min-width:1192px) {
    .ag-courses-item_link {
        display: block;
        padding: 30px 20px;
        background-color: #e6e7fe;
        overflow: hidden;
        position: relative;
        height: 380px
    }
}

.remit-payment-gateway-1,
.remit-payment-gateway-2 {
    height: 250px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.remit-payment-gateway-1 {
    background: linear-gradient(145deg, #fa843d 0, #ce3864 56%, #e253c2 100%);
    align-items: center;
    justify-content: center;
    text-align: center
}

.remit-payment-gateway-1 h4,
.remit-payment-gateway-2 h4,
.remit-payment-gateway-3 h4,
.remit-payment-gateway-4 h4 {
    z-index: 2;
    margin: 0;
    padding: 10px
}

.remit-payment-gateway-1 img,
.remit-payment-gateway-2 img,
.remit-payment-gateway-3 img,
.remit-payment-gateway-4 img {
    transition: .5s ease-in-out;
    z-index: 1;
    position: absolute;
    width: 100%
}

.remit-payment-gateway-1 img {
    right: 85%;
    bottom: 1px
}

.remit-payment-gateway-1:hover img {
    right: 67%;
    bottom: 1px;
    transform: translate(10%, 0)
}

.remit-payment-gateway-2 {
    background: linear-gradient(183deg, #213edf 0, #9b1beb 100%);
    align-items: center;
    justify-content: center;
    text-align: center
}

.remit-payment-gateway-3,
.remit-payment-gateway-4 {
    height: 250px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    text-align: center
}

.remit-payment-gateway-2 img {
    left: 50%;
    bottom: 50%
}

.remit-payment-gateway-2:hover img {
    left: 0;
    bottom: -22%
}

.remit-payment-gateway-3 {
    background: linear-gradient(150deg, #b81be9 0, #c76cbe 54%, #ad1fe6 100%);
    align-items: center;
    justify-content: center
}

.remit-payment-gateway-3 img {
    left: 0;
    bottom: 60%
}

.remit-payment-gateway-3:hover img {
    left: 0;
    bottom: 31%
}

.remit-payment-gateway-4 {
    background: linear-gradient(183deg, #fe8e84 0, #f63e6c 100%);
    align-items: center;
    justify-content: center
}

.remit-payment-gateway-4 img {
    left: 61%
}

.christmas-offer-badge::before,
.remit-payment-gateway-4:hover img {
    left: 0
}

.sq-shape {
    background-color: #151717;
    position: relative;
    overflow: hidden
}

.sq-shape-side-img img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.sq-shape-desk {
    display: block;
    position: relative;
    z-index: 2
}

.zf-templateWrapper-data-rem {
    border: 1px solid #172b4b !important;
    border-radius: 10px;
    background: #ffffff4d !important;
    -webkit-box-shadow: 0 0 0 #e1e1e1;
    -moz-box-shadow: 0 0 0 #e1e1e1;
    box-shadow: 0 0 0 #e1e1e1
}

.pricing-btn-price-upd a,
.software-comp-text a {
    text-decoration: none;
    box-shadow: 0 4px 10px #0006
}

.remit-feat-box-js {
    background-color: #1a2555 !important
}

.demons-refer {
    background-color: #171635 !important;
    padding: 35px;
    border-radius: 20px
}

.overview-feat-remit,
.overview-feat-remit-feat {
    border-radius: 15px;
    position: relative;
    text-align: center
}

.privacy-terms ul li {
    list-style-type: disc;
    color: #444;
    margin-left: 10px
}

.overview-feat-remit {
    background: linear-gradient(to right, #5f51db 0, #aa46c3 100%);
    padding: 10px
}

.ind-lottie-js {
    padding: 25px 20px;
    border: 1px solid #fff;
    border-radius: 30px;
    background: #00000070
}

.feature-data-box-data-lev {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 20px 31px;
    background: #0000008f;
    display: flex;
    flex-direction: column;
    height: 100%
}

.aml-bg,
.bg-dark-back,
.faq-bg-upd,
.remit-feat-box-sec-feat {
    background-color: #08030d
}

.overview-feat-remit-feat {
    background-color: #fff0;
    padding: 20px 25px;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    height: 100%
}

.overview-feat-remit-feat h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600
}

.dist-font,
.overview-feat-remit-feat p,
.remit-power-text p {
    font-size: 14px
}

.remit-faq-data-text-down h4 {
    font-size: 23px
}

.remit-faq-data-text-down p {
    font-size: 16px;
    margin-top: 20px
}

.team-composition-card {
    background-color: #21242f;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.team-composition-card-img,
.team-composition-card-text {
    background-color: #323841;
    border-radius: 15px
}

.team-composition-card-text {
    margin-top: 20px;
    padding: 5px 10px
}

.pci-text h2,
.team-composition-card-text h4 {
    font-size: 21px
}

.team-composition-card-text p {
    font-size: 13px
}

.team-composition-card-link {
    position: absolute;
    top: 7%;
    right: 6%
}

.thankyou-btn-remit {
    font-size: 55px
}

.filter-button {
    font-size: 18px;
    border: 1px solid #377cd5;
    border-radius: 5px;
    text-align: center;
    color: #000;
    margin: 0 6px 30px
}

.filter-button:hover {
    font-size: 18px;
    border: 1px solid #377cd5;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background-color: #377cd5
}

.filter-button-blog.active,
.filter-button-blog:hover,
.filter-button.active {
    background-color: #377cd5;
    color: #fff;
    border-color: #377cd5
}

.filter-carousel {
    display: block;
    overflow-x: auto;
    padding: 10px;
    gap: 10px;
    z-index: 99
}

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

.remit-feat-box-sec-feat {
    background-image: url(../img/index-upd/remit-cust.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center
}

@media only screen and (max-width:991px) {

    .blog-column .blog-desc h1,
    .hero-achieve h1,
    .hero-pricing h1,
    .hero-upd h1 {
        font-size: 1.5rem
    }

    .hero-upd p,
    .ind-ic h4,
    .js-card-text h4,
    .landing-about-remit-sec h5,
    .pricing .card .card-body .card-title,
    .sldr-product-sidebar__inner h4,
    .your-text-data h4,
    .zf-templateWrapper-data-rem h2 {
        font-size: 20px
    }

    .contact-data h4,
    .landing-home-data,
    .remit-feat-web,
    .remit-mobile-don,
    .ripple-1,
    .ripple-2,
    .ripple-3,
    .ripple-4,
    .ripple-5,
    .vertical-divide,
    .white-bg,
    .white-contact-btn,
    .white-label-remit-data,
    .why-section-web {
        display: none
    }

    .remit-feat-mobile,
    .why-section-mobile {
        display: block
    }

    section {
        padding: 2.5rem 0
    }

    .ind-ic-data p,
    .ind-ic-data-cust p,
    .js-card-text p {
        font-size: 12px
    }

    .hero-left {
        margin-top: 25px
    }

    .expert-gap,
    .faq-remit-wise,
    .faq-ro-data,
    .pricing-slef,
    .teams-gap {
        gap: 20px
    }

    .start-remitt h5 {
        font-size: 26px
    }

    .card-pricing {
        height: auto
    }

    .soft-arch {
        font-size: 15px;
        line-height: 1.6
    }

    .hero-achieve p,
    .landing-about-remit-sec p {
        font-size: 14px
    }

    .hero-achieve-data {
        gap: 10px
    }

    .pricing .card {
        border: none;
        border-radius: 1rem;
        transition: .2s;
        box-shadow: 0 .5rem 1rem 0 #0000001a;
        position: relative;
        display: flex;
        height: auto
    }

    .pricing-raw-text h4,
    .wrapper-hero-remit h4 {
        font-size: 18px
    }

    .gated-data-format {
        margin-left: 15px
    }

    .accordion .card h2 {
        padding: 0 34px 10px 0;
        font-size: 16px;
        text-align: left
    }

    .hero-pricing h4,
    .white-sec-heading h1 {
        font-size: 22px
    }

    .advantage-section h3,
    .gated-data-format h3,
    .startup-hero h1 {
        font-size: 24px
    }

    .blog-column .blog-desc .blog-btn-data a {
        background-color: #4688f4;
        border-width: 3px;
        padding: .5rem 1rem;
        font-weight: 600;
        border-radius: 6px;
        font-size: 12px;
        border: none;
        color: #fff
    }

    .hero-landing {
        gap: 40px
    }

    .powerful-features-service,
    .zf-white-data {
        display: flex;
        flex-direction: column-reverse
    }

    .white-label-remit-data-web {
        display: block;
        font-size: 16px
    }

    .demo-btn-data,
    .zf-data-clone {
        display: inline-block
    }

    .blog-section {
        padding: 65px 0;
        position: relative;
        background: #f9f9f9
    }

    .white-zf-data-type p {
        font-size: 15px
    }

    .contact-data h1 {
        margin-top: 15px;
        margin-bottom: 0
    }

    .white-contact-btn-data {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px
    }

    .contact-data-base h4 {
        display: inline-block;
        font-size: 18px
    }

    .pricing-slef h5 {
        text-align: start
    }

    #top-beamer {
        background-color: #0e7ec7;
        padding: 15px 0;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 10001;
        text-align: center;
        font-size: 9px
    }

    .hexagon-data-mt {
        margin-top: -7px
    }

    .expert-data-ana {
        height: 280px
    }

    .float-container a {
        z-index: 99;
        display: flex;
        width: 230px;
        height: 40px;
        padding: 10px
    }

    .float-container a img {
        width: 22px;
        margin-left: 10px
    }

    .font-data-size {
        font-size: 14px !important;
        font-family: Inter !important
    }

    .customization-lottie h1 {
        font-family: Inter;
        font-size: 24px
    }

    #lottie-animation,
    #lottie-animation-1 {
        width: 150px;
        height: 150px;
        margin: 0 auto
    }

    .remit-faq-data-text h2 {
        font-size: 23px
    }

    .remit-faq-data-text-down h4 {
        font-size: 19px
    }

    .remit-faq-data-text-down p {
        font-size: 13px;
        margin-top: 20px
    }

    .country-data-top {
        margin-top: 20px
    }

    .country-header h1 {
        color: #6b6b6b;
        font-size: 28px
    }

    .country-data h4 {
        font-size: 20px;
        color: #000
    }

    .filter-carousel {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        padding: 10px;
        gap: 10px;
        scroll-behavior: smooth
    }
}

.country-data h4 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 26px;
    color: #000
}

.country-data h4 img,
.country-data-home h4 img {
    margin-right: 15px
}

.country-header h1 {
    color: #6b6b6b;
    font-size: 38px;
    font-weight: 700
}

.all-project-data {
    background: linear-gradient(106deg, #bbc7d6 0, #f4f5f5 37%, #ddcad0 70%, #fff 100%)
}

.country-data-home h4 {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 18px
}

.calendly-inline-widget iframe {
    width: 100%;
    height: 700px;
    background-color: #fff0
}

.lmtWIHO_gkbTeeyuvoJC.mOUYF5ZmuNL6I7t0mSFg {
    background-color: #fbfcfd4a !important
}

.thankyou-mod-btn a {
    display: inline-block;
    margin-top: 20px
}

.choose-remit {
    background-color: #e2e2e2;
    padding: 25px 30px;
    border-radius: 15px
}

.choose-remit-for-gradient {
    background: linear-gradient(to bottom, #4f7aff 0, #b321ff 100%);
    padding: 25px 30px;
    border-radius: 15px;
    color: #fff
}

.choose-remit-fl,
.grid-container,
.tech-stack-file {
    height: 100%
}

.partner-with-money {
    background-color: #2c3039b5;
    padding: 30px;
    border-radius: 30px
}

.partner-with-money-trans,
.support-down-bg {
    background-image: url(../img/index-upd/remit-cust.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.accordion .card-for-expert,
.card-for-pricing {
    padding: 17px 10px !important;
    border-radius: 15px
}

.left-circle-blur,
.right-circle-blur {
    border-radius: 50%;
    filter: blur(80px);
    position: absolute;
    opacity: .5
}

.exp-text h2 {
    font-size: 3rem;
    color: #fff;
    font-weight: 700
}

.right-circle-blur {
    width: 976px;
    height: 976px;
    background-color: #213d41;
    top: -15%;
    right: -20%
}

.left-circle-blur {
    width: 1188px;
    height: 942px;
    background-color: #2d594b;
    top: 45%;
    left: -20%
}

.filter-btn-pricing {
    background-color: #fff0;
    color: #fff;
    z-index: 99;
    border-radius: 30px
}

.gallery-bts,
.prcing-bg-upd {
    background-color: #08030d;
    position: relative;
    overflow: hidden
}

.bg-black,
.countries-bg-f {
    background-color: #000
}

.soft-more-than {
    background: linear-gradient(to bottom, #313030 0, #000 100%)
}

.software-comp {
    background-color: #000;
    padding: 30px 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 100%
}

.software-comp-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.hero-btn-light,
.hero-btn-light:hover {
    padding: .5rem 1.8rem;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    display: inline-flex;
    gap: 5px
}

.software-comp-text a {
    color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 10px;
    position: absolute;
    bottom: 8px
}

.software-comp-left-circle-blur,
.software-comp-right-circle-blur {
    border-radius: 50%;
    width: 340px;
    position: absolute;
    opacity: .5;
    z-index: -1
}

.software-comp-left-circle-blur {
    height: 260px;
    background-color: #92954a;
    filter: blur(40px);
    top: 6%;
    left: -34%
}

.software-comp-right-circle-blur {
    height: 340px;
    background-color: #213d41;
    filter: blur(30px);
    top: -39%;
    right: 0
}

.software-comp hr {
    background-color: #676767;
    border: none;
    height: 1px;
    margin: 10px 0
}

.software-comp-2-left-circle-blur {
    width: 340px;
    height: 260px;
    background-color: #4a9578;
    border-radius: 50%;
    filter: blur(40px);
    position: absolute;
    top: 6%;
    left: -34%;
    opacity: .5;
    z-index: -1
}

.software-comp-2-right-circle-blur,
.software-comp-3-right-circle-blur {
    width: 416px;
    height: 363px;
    background-color: #213d41;
    border-radius: 50%;
    filter: blur(30px);
    position: absolute;
    top: -30%;
    right: -9%;
    opacity: .5;
    z-index: -1
}

.software-comp-3-left-circle-blur {
    width: 340px;
    height: 260px;
    background-color: #956e4a;
    border-radius: 50%;
    filter: blur(40px);
    position: absolute;
    top: 6%;
    left: -34%;
    opacity: .5;
    z-index: -1
}

.branded-content p,
.card-body-acc p,
.carousel-test-item p,
.compliance-sight h4,
.compress-text-neo p,
.curv-fi p,
.dev-choose-data-text p,
.faced-case p,
.help-dev-text-head p,
.help-dev-text-para p,
.one-touch-in-text p,
.pricing-faq p,
.protfolio-s-text p,
.sec-text p,
.software-comp-text p,
.soln-case-text p,
.track-data h5,
.track-data-comp h5 {
    font-size: 16px
}

.hero-btn-light {
    background-color: #fff0;
    border-radius: 30px;
    border: 1px solid #fff;
    align-items: center
}

.hero-btn-light:hover {
    background-color: #2596e6;
    border-width: 3px;
    border-radius: 30px;
    border: none;
    align-items: center
}

.zf-input-white,
.zf-textarea-white {
    padding: 10px 15px !important;
    background-color: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #fff !important
}

.zf-input-white {
    border: 1px solid #fff !important;
    border-radius: 10px !important
}

.zf-textarea-white {
    border: 1px solid #fff !important;
    height: 150px !important
}

.zf-input-white::placeholder {
    color: #fff !important
}

.zf-email-white::placeholder {
    color: #fff !important
}

.zf-textarea-white::placeholder {
    color: #fff !important
}

.zf-errorMessage {
    color: red;
    font-size: 12px
}

.zf-submitColor {
    background-color: #00374a;
    color: #fff;
    padding: 10px 15px;
    border-radius: 30px;
    border: none;
    cursor: pointer
}

.carousel-test .item .carousel-test-item-data {
    width: 100px;
    object-fit: fill;
    margin: 0 auto
}

.carousel-test-item {
    position: relative;
    background-color: #fff;
    padding: 20px;
    color: #000;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    height: 360px;
    cursor: pointer
}

.carousel-test-item:hover {
    background-color: #00374a;
    color: #fff
}

.carousel-test .item .carousel-test-item-profile p {
    display: flex;
    align-items: center;
    gap: 31px;
    text-align: center
}

.carousel-test .item .carousel-test-item-profile img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #b0cb3a
}

.carousel-test-item-profile {
    position: absolute;
    bottom: 17px;
    width: 100%;
    left: 0
}

.whats-app-btn {
    position: fixed;
    bottom: 6%;
    right: 2%;
    z-index: 9999;
    height: 60px;
    width: 60px;
    opacity: 0;
    transform: scale(.8);
    transition: opacity .6s, transform .6s
}

.AnnualDIY-stat-card.AnnualDIY-revenue-card:hover::after,
.whats-app-btn.show {
    opacity: 1;
    transform: scale(1)
}

.faq-license__button:hover,
.ideal-license__button:hover {
    opacity: .9
}

@media screen and (max-width:1710px) and (min-width:991px) {
    .carousel-test-item {
        position: relative;
        background-color: #fff;
        padding: 20px;
        color: #000;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        height: 450px
    }
}

.hidden-flag {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0
}

#showLessBtn,
#showMoreBtn {
    margin-top: 20px;
    font-size: 16px
}

#showLessBtn,
.active-indicator,
.canva-dash-mobile,
.card-tilt-data:hover .fplogo,
.custom-next:after,
.custom-prev:after,
.expert-layout-img-mob,
.faq-for-mob,
.layout-bg-mob,
.mob-blur-img,
.mobile-view-lab,
.msb-Streamlined-line,
.phone-design-conatiner--mobile-view,
.pricing-slide-mobile,
.usn-step:last-child::before {
    display: none
}

.aml-feat {
    background-color: #151717
}

.protfolio-s-text h4 {
    font-size: 26px;
    margin-bottom: 15px
}

.protfolio-s-text a {
    border: 1px solid #2596e6;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 13px
}

.summary-box {
    padding: 10px;
    background: #383838;
    border-radius: 15px;
    font-style: italic;
    margin: 10px 0
}

.payment-sec-v a,
.tech-stack-text-data h6 {
    border: 1px solid #2596e6
}

.vertical-car {
    height: 300px;
    width: 2px;
    background-color: #f8f8f8;
    margin: auto;
    padding: 2px 2px 40px
}

.gallery-bts hr {
    background-color: #828282
}

.gallery-bts-t {
    font-size: 28px;
    background: linear-gradient(to right, #fff 0, #3a90ff 20%, #1cffff 40%, #1fc2ff 60%, #1aa9ff 80%, #c212ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    background-size: 200% auto
}

#sync1 .item {
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

#sync2 .item {
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

#sync1 .item img {
    border-radius: 15px;
    border: 5px solid #8b8b8b
}

#sync2 .item img {
    border-radius: 15px;
    border: 5px solid #000
}

.event-left-circle-blur,
.event-right-circle-blur {
    width: 550px;
    height: 550px;
    border-radius: 50%;
    position: absolute;
    opacity: .5
}

.owl-theme .owl-nav [class*=owl-] {
    transition: .3s
}

.owl-theme .owl-nav [class*=owl-].disabled:hover {
    background-color: #d6d6d6
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

#sync1.owl-theme .owl-prev,
.custom-prev {
    left: 10px
}

#sync1.owl-theme .owl-next,
.custom-next {
    right: 10px
}

.event-right-circle-blur {
    background-color: #213d41;
    filter: blur(70px);
    top: 14%;
    right: -60px
}

.event-left-circle-blur {
    background-color: #2d594b;
    filter: blur(80px);
    top: 65%;
    left: -10%
}

.error-page-min {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../img/remit-hero.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.error-page-dev {
    width: 300px;
    height: 300px;
    margin: -50px auto;
    display: block
}

.Control-Every-Step-states-container h4,
.aml-sec-text h4,
.branded-content h4,
.case-bg-studies-text h4,
.compress-text-neo h4,
.dev-choose-data-text h4,
.dev-page-data h4,
.di-prof-head-text h4,
.growth-toolkits-file-text h4,
.help-dev-text-para h4,
.hero-remit-index-font h4,
.main_faq h4,
.one-touch-in-text h4,
.software-comp-file h4,
.tech-stack h4,
.tech-stack-sec h4 {
    font-size: 22px
}

.di-prof-head-text p {
    font-size: 14px;
    color: #3a8bc9
}

.slide-down-to-sec {
    -webkit-animation: 4s ease-in-out infinite fade_move_down;
    -moz-animation: 4s ease-in-out infinite fade_move_down;
    animation: 4s ease-in-out infinite fade_move_down;
    cursor: pointer
}

@-webkit-keyframes fade_move_down {
    0% {
        -webkit-transform: translate(0, -10px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 10px);
        opacity: 0
    }
}

@-moz-keyframes fade_move_down {
    0% {
        -moz-transform: translate(0, -10px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -moz-transform: translate(0, 10px);
        opacity: 0
    }
}

@keyframes fade_move_down {
    0% {
        transform: translate(0, -10px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0, 10px);
        opacity: 0
    }
}

.what-expect-ex {
    border: 5px solid #fff;
    padding: 20px;
    border-radius: 30px;
    background: #7474744d;
    display: flex;
    height: 100%
}

.right-circle-blur-thank {
    width: 800px;
    height: 800px;
    background: linear-gradient(to bottom, #042880 0, #017367 100%);
    border-radius: 50%;
    filter: blur(80px);
    position: absolute;
    top: -15%;
    left: -10%;
    opacity: .5
}

.Marquees,
.marquee-wrapper {
    overflow-x: hidden;
    width: 100%
}

.dev-page-data {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.help-dev-text-head h3 {
    font-size: 25px
}

.dev-choose {
    background-color: #1a3542
}

.marquee-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.Marquee {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200%;
    position: relative
}

.marquee {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    border-radius: 15px
}

.marquee:hover {
    background: #1d1d1d
}

.SecondRow {
    animation: 40s linear infinite reverse Scroll
}

@keyframes Scroll {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.marquee-data-item {
    background: linear-gradient(to bottom, #4f7aff 0, #0cd4b8 100%);
    color: #fff;
    padding: 12px
}

.CostsOfGlobal-list-item:last-child,
.disaster-recovery-config-item:last-child,
.eb-feature-item:last-child,
.marquee-data-item p,
.raas-simulator .raas-slider-container:last-child {
    margin-bottom: 0
}

.marquee-data-item:hover {
    background: linear-gradient(to bottom, #0cd4b8 0, #4f7aff 100%);
    color: #fff
}

.video-container {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.responsive-video {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    border: none
}

.in-bg {
    background-image: url(../img/innovation/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.growth-toolkits-file {
    border-bottom: 1px solid #a82cff;
    border-top: 1px solid #6668ff;
    border-left: 1px solid #6668ff;
    border-right: 1px solid #6668ff;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.growth-toolkits-file-text-data ul li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    line-height: 1.7;
    text-align: left
}

.support-bg-for-row {
    background: #1d2026a1;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0 10px 20px #0000004d
}

.dev-page-bg-colored,
.dev-page-bg-white {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100%;
    position: relative
}

.dev-page-bg-colored {
    background: linear-gradient(to bottom, #4f7aff 0, #b321ff 100%)
}

.consulting-page-data h4 {
    margin-top: 0
}

.consulting-page-data ul {
    padding: 0;
    margin: 0 0 20px;
    list-style-position: inside
}

.consulting-page-data ul li {
    list-style: disc;
    margin-left: 15px;
    line-height: 1.5
}

.consulting-page-data-file {
    margin-top: auto;
    text-align: center
}

.read-more-btn {
    background-color: #2596e6;
    border-width: 3px;
    padding: .5rem .8rem;
    font-weight: 600;
    border-radius: 30px;
    font-size: 12px;
    border: none;
    color: #fff;
    display: inline-flex;
    gap: 5px
}

.choose-text h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.choose-text-cons p {
    display: flex;
    align-items: center;
    gap: 20px
}

.cons-bg {
    background: linear-gradient(to right, #120420 0, #021230 100%)
}

.consulting-page-data-white ul li,
.text-black {
    color: #000 !important
}

.Month-in-Action h4.font-weight-bold,
.anchor-btn a,
.consulting-page-data-color ul li,
.software-comp-file:hover .software-comp-file-text a,
.software-comp-white-col a,
.software-comp-white:hover {
    color: #fff !important
}

.aml-about-col {
    background-color: #03253b;
    padding: 40px 30px
}

.aml-element-col {
    background-color: #004aad;
    padding: 40px 30px
}

.aml-element-data li {
    color: #fff;
    list-style: disc;
    margin-left: 15px;
    line-height: 1.6
}

.aml-element-data-file-1 {
    background-color: #03253b;
    padding: 22px 25px
}

.aml-element-data-file-2 {
    background-color: #0db099;
    padding: 22px 25px
}

.aml-element-data-file-3 {
    background-color: #0ca6c8;
    padding: 22px 25px
}

.financial-aml-text p {
    font-size: 18px;
    line-height: 1.7
}

.aml-sec-text-insights h4,
.financial-aml h4 {
    font-size: 2.5rem !important;
    line-height: 1.5
}

.aml-financial-bg {
    background-image: url(../img/aml/financial-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.aml-choose {
    background-color: #03253b
}

.line-inline-dash {
    background: #00374a !important;
    box-shadow: inset 0 8px 24px #00000040;
    padding: 24px 0 !important;
    text-align: center
}

.card-tilt-data,
.hero-case-studies,
.hero-remit-bank,
.hero-remit-index,
.home-remit-index,
.thankyou-text-imp {
    background-repeat: no-repeat;
    background-size: cover
}

.tech-stack-text-data h6,
.tech-stack-text-data-blue {
    color: #10233a;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 16px;
    transition: .25s;
    max-width: fit-content
}

.pricing-pass-btn,
.pricing-pass-btn:hover,
.strategy-section,
.tech-stack-text-data h6 {
    border-radius: 20px
}

.tech-stack-text-data-blue {
    border: 1px solid #2596e6;
    background-color: #2596e6;
    border-radius: 20px
}

.blog-sec-faq,
.blog-sec-layout,
.blog-sec-layout-dci {
    color: #fff !important;
    margin-left: 30px !important;
    margin-bottom: 20px !important
}

@media only screen and (max-width:768px) {
    .exp-text h2 {
        font-size: 28px
    }

    .remit-gap {
        gap: 20px
    }

    .help-dev-text-head h3,
    .work-with-you h4 {
        font-size: 22px
    }

    .dev-choose-data-text p,
    .di-prof-head-text p,
    .di-prof-text p,
    .help-dev-text-head p,
    .help-dev-text-para p,
    .work-with-you p {
        font-size: 14px
    }

    .dev-for-flex,
    .df-flex-mobile {
        flex-direction: column-reverse
    }

    .protfolio-s-text h4 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .vertical-car {
        display: none
    }

    .aml-sec-text h4,
    .dev-choose-data-text h4,
    .dev-page-data h4,
    .gallery-bts-t,
    .help-dev-text-para h4,
    .payment-sec-v h4,
    .tech-stack-text-data h4 {
        font-size: 20px
    }

    .mobile-nav-toggle {
        display: block !important;
        font-size: 28px;
        color: #fff;
        cursor: pointer
    }

    .mobile-nav-toggle svg {
  width: 28px;
  height: 28px;
}

.mobile-nav-toggle:focus {
  outline: none;
  box-shadow: none;
}

    .choose-text h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 700
    }

    .aml-sec-text p,
    .aml-sec-text-insights p {
        font-size: 16px
    }

    .financial-aml h4 {
        font-size: 22px !important
    }

    .aml-sec-text-insights h4 {
        font-size: 20px !important;
        line-height: 1.5
    }

    .pci-text h2 {
        font-size: 16px;
        line-height: 1.6
    }

    .tech-stack-text-data h6,
    .tech-stack-text-data-blue h6 {
        font-size: 15px
    }
}

.blog-sec-faq,
.blog-sec-layout {
    list-style: disc !important;
    line-height: 1.7 !important
}

.blog-sec-layout-dci {
    list-style: decimal !important;
    line-height: 1.6 !important
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #c0c9d1;
    line-height: 1.7
}

.pricing-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: 1px solid #ccc
}

.pricing-table td,
.pricing-table th {
    font-size: 14px;
    color: #fff
}

.pricing-table .alt {
    background-color: #fff0
}

.pricing-table-unique th {
    position: relative;
    padding-right: 20px;
    color: #fff
}

.country-select-unique {
    margin-left: 10px;
    background-color: #fff;
    color: #00374a;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 5px;
    border-radius: 10px
}

.pricing-item-bl,
.pricing-upd-pd {
    padding: 8px 10px
}

.country-select-unique option {
    background-color: #000;
    color: #fff
}

.country-select-unique option:focus,
.country-select-unique option:hover {
    background-color: #555;
    color: #fff;
    outline: 0
}

.pricing-pass-btn {
    background-color: #fff0;
    color: #fff
}

.pricing-text-upd ul li {
    color: #fff;
    list-style-type: disc;
    line-height: 1.6;
    margin-left: 20px;
    margin-bottom: 10px
}

.pricing-item-bl {
    background-color: #051894;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.pricing-btn-price-upd a {
    color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 10px
}

.fixed-padd-price,
.mobile-dept {
    padding-top: 60px
}

.fixed-height-card {
    display: flex;
    flex-direction: column;
    height: 670px;
    overflow: hidden
}

.pricing-btn-price-upd {
    position: absolute;
    bottom: 5%;
    width: 100%
}

.card-for-pricing-faq {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px
}

@media screen and (max-width:1510px) and (min-width:991px) {
    .fixed-height-card {
        display: flex;
        flex-direction: column;
        height: 750px;
        overflow: hidden
    }
}

.card-tilt-data .fplogo img,
.frame-1,
.msb-count-flow-link:hover::after,
.remitso-eco-sys-btn a:hover::after {
    width: 100%
}

.hero-case-studies,
.hero-remit-index,
.phone-slide-file-background-swiper .swiper-wrapper {
    align-items: center
}

.hero-case-studies {
    background-image: url(../img/case-studies/hero-bg.webp);
    background-position: center;
    position: relative;
    padding: 2rem 0;
    height: 90vh;
    display: flex
}

.hero-case-studies:before {
    content: "";
    background: #0009;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

.case-bg-studies {
    position: relative;
    background-color: #08030d
}

.frame-1,
.frame-2 {
    position: absolute
}

.frame-1 {
    top: 21%;
    left: 0
}

.frame-2 {
    top: 16%;
    left: 94%
}

.faced-case {
    background-color: #011725;
    padding: 15px
}

.faced-case h4,
.remitso-eco-sys h4,
.soln-case-text h5 {
    font-size: 24px
}

.soln-case-text h4 {
    font-size: 30px;
    font-weight: 600
}

.case-blue-col {
    color: #3e7ded
}

.card-tilt-data {
    background-color: #eee;
    background-position: 50% 50%;
    display: block;
    height: 250px;
    margin: 5px;
    position: relative;
    transition: .3s;
    cursor: pointer
}

.hero-remit-index,
.home-remit-index {
    background-position: center;
    height: 100vh;
    position: relative
}

.card-tilt-data:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #16161699;
    transition: .3s
}

.card-tilt-data .fplogo,
.card-tilt-data .fptext {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    position: absolute;
    z-index: 1
}

.card-tilt-data-img-1 {
    background-image: url(../img/industries/bank.webp)
}

.card-tilt-data-img-2 {
    background-image: url(../img/industries/neo-bank.webp)
}

.card-tilt-data-img-3 {
    background-image: url(../img/industries/credit-unions.webp)
}

.card-tilt-data-img-4 {
    background-image: url(../img/industries/fintechs.webp)
}

.card-tilt-data-img-5 {
    background-image: url(../img/industries/exchange-houses.webp)
}

.card-tilt-data-img-6 {
    background-image: url(../img/industries/money-transfer.webp)
}

.card-tilt-data .fplogo {
    width: 60%
}

.card-tilt-data .fptext {
    display: none;
    font-size: 16px;
    text-align: center;
    width: 65%
}

.card-tilt-data .fptext p {
    color: #fff;
    margin: 0
}

.card-tilt-data:hover {
    box-shadow: 0 0 0 25px #0003 inset
}

.card-tilt-data:hover:after {
    background-color: #1616164d
}

.blog-desc ul li {
    margin-bottom: 4px;
    line-height: 1.3
}

.blog-desc ol li,
.remitso-footer-links li {
    margin-bottom: 12px
}

.blog-desc ol li ul li {
    margin-bottom: 3px;
    line-height: 1.2
}

.blog-desc ul,
.gradient-cta h2,
.thank-sec-card-text {
    margin-bottom: 15px
}

.blog-desc h3,
.blog-desc h5,
.blog-desc h6 {
    margin-top: 20px;
    margin-bottom: 10px
}

.hero-remit-index {
    background-image: url(../img/remit-hero.webp);
    display: flex
}

.thankyou-text-imp {
    background-image: url(../img/remit-hero.webp);
    background-position: center;
    background-attachment: scroll;
    display: flex;
    height: 100vh
}

.hero-remit-bank,
.home-remit-index {
    height: 90vh
}

.home-remit-index {
    background-image: url(../img/index/home-hero-bg.webp);
    display: flex;
    align-items: center
}

.form-control.remit-index-form {
    color: #fff;
    background: 0 0;
    border: 1px solid #377cd5;
    padding: 15px;
    border-radius: 10px 0 0 10px
}

.form-control.remit-index-form::placeholder {
    color: #fff;
    opacity: 1
}

.remit-index-btn,
.remit-index-btn:hover {
    background-color: #377cd5;
    border: 1px solid #377cd5;
    border-radius: 0 10px 10px 0;
    color: #fff
}

.hero-remit-index-font h1 {
    font-size: 42px;
    margin-bottom: 10px
}

.feat-ind-img-upd img {
    width: 200px;
    margin: auto;
    display: flex
}

.compl-btn a,
.software-comp-file-text a {
    display: inline-flex
}

.inds-credit-union,
.inds-we-bank,
.software-comp-file {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.custom-bg,
.raas-process {
    background-color: #001421;
    position: relative;
    overflow: hidden
}

.complianc-bg,
.greypf,
.indus-bank,
.pricing-table td,
.software-comp-coloured {
    background-color: #00374a
}

.software-comp-white {
    background: linear-gradient(to bottom, #00374a 0, #2d907a 100%);
    color: #fff;
    transition: .3s
}

.compl-btn a,
.credit-union,
.exchange-house,
.inds-credit-union,
.inds-we-bank,
.ready-to-launch-arrow,
.schedule-demo-request .cta-link i,
.software-comp-file,
.software-comp-file-text a,
.tech-stc-img,
.white-paper-text a {
    transition: transform .3s
}

.software-comp-white:hover {
    background-color: #00374a;
    border-color: #00b6de4d;
    transform: translateY(-1px)
}

.software-comp-file {
    padding: 30px 20px;
    border-radius: 20px;
    z-index: 1;
    flex-direction: column;
    height: 100%
}

.back-office-offical:hover .abstract-bar-1,
.back-office-offical:hover .abstract-bar-2,
.back-office-offical:hover .preview-image,
.compliance-sight-line:hover,
.credit-union:hover,
.exchange-house:hover,
.inds-we-bank:hover,
.software-comp-file:hover,
.tech-stc-img:hover {
    transform: scale(1.05)
}

.init-one:hover,
.price-ess:hover,
.track-data-comp:hover,
.track-data:hover {
    transform: scale(1.1);
    color: #fff
}

.software-comp-file-text a {
    color: #fff;
    padding: 10px 0;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    position: absolute;
    bottom: 18px;
    left: 21px
}

.fintech-bank i,
.indus-bank i {
    padding: 6px;
    border-radius: 50%
}

.compl-btn a span,
.inds-credit-union a span,
.inds-we-bank a span,
.software-comp-file-text a span,
.white-paper-text a span {
    margin-left: 5px;
    display: inline-block;
    transition: transform .3s
}

.compl-btn a:hover span,
.inds-credit-union a:hover span,
.inds-we-bank a:hover span,
.software-comp-file-text a:hover span,
.white-core-value-feature-item:hover,
.white-paper-text a:hover span {
    transform: translateX(10px)
}

.indus-bank-blue {
    background-color: #041a3a
}

.neo-bank {
    background-color: #f6f9f8;
    border-radius: 15px
}

.fintech-bank,
.indus-bank i {
    background-color: #e2ff54
}

.application-pen-bg:hover,
.greenpf,
.money-transfer,
.one-time-bg,
.pri-ess-includes-last {
    background-color: #2d907a
}

.credit-union {
    background-color: #001027;
    overflow: hidden;
    padding: 0 20px;
    border: 1px solid #fff;
    border-radius: 15px
}

.credit-union-img img {
    height: 450px;
    border-radius: 15px
}

.inds-credit-union,
.inds-we-bank {
    height: 450px;
    padding: 25px 30px;
    border-radius: 20px
}

.indus-bank i {
    font-size: 32px;
    color: #000
}

.fintech-bank i {
    background-color: #000;
    font-size: 32px;
    color: #fff
}

.exchange-house {
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.inds-exchange,
.inds-we-bank-img {
    position: absolute;
    right: 0;
    bottom: -3px
}

.inds-credit-img {
    position: absolute;
    right: 0;
    bottom: -100px;
    left: -100px
}

.neo-bank-credit {
    background-color: #00394d
}

.neo-bank-credit-img img,
.phone-design-wrapper .nav-item.active::before,
.phone-design-wrapper .nav-item:hover::before {
    width: 80%
}

.fintech-bank-text {
    color: #00374a
}

.exchange-house-img {
    padding: 0;
    display: flex;
    justify-content: end
}

.exchange-house-img img {
    width: 360px;
    border-radius: 15px
}

.exchange-house {
    padding: 0 30px
}

.inds-we-bank-ic {
    background-color: #e2ff54;
    padding: 5px;
    border-radius: 50%
}

.payout-part h4 {
    color: #e2ff54
}

.one-touch-in-img {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px
}

.tech-stack-md {
    background-color: #001229;
    padding: 0;
    position: relative;
    overflow: hidden
}

.tech-left-circle-blur {
    width: 550px;
    height: 550px;
    background-color: #2d594b;
    border-radius: 50%;
    filter: blur(80px);
    position: absolute;
    left: -1%;
    opacity: .5
}

.tech-stc-img {
    display: block;
    cursor: pointer
}

.tech-stack {
    background-color: #fff3;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

@supports not (backdrop-filter:blur(10px)) {
    .tech-stack {
        background-color: #ffffff80
    }
}

.tech-stack-sec p {
    font-size: 16px;
    margin-bottom: 10px
}

.tech-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.tech-item i {
    font-size: 30px
}

.tech-stac {
    background-color: #d1d1d1;
    padding: 10px 5px;
    border-radius: 50%;
    margin-right: 10px
}

.secure-img {
    background-color: #2d907a;
    padding: 15px;
    border-radius: 50%
}

.application-pen-bg,
.tech-item-sec {
    background-color: #00374a;
    border-radius: 15px
}

.tech-item-sec {
    padding: 20px
}

.caro-img img {
    width: 50px !important
}

.application-pen-bg {
    padding: 30px 20px
}

.payment-sec-v a {
    border: none;
    background-color: #e2ff54;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 13px;
    color: #000
}

.application-pen-bg a,
.application-pen-bg a:hover {
    border: none;
    background-color: #377cd5;
    color: #fff
}

.aws-based-text h2,
.sec-text-in h1,
.sec-text-in h2 {
    font-size: 38px
}

@media screen and (max-width:1610px) and (min-width:991px) {

    .inds-credit-union,
    .inds-we-bank {
        height: 530px;
        padding: 25px 30px;
        border-radius: 20px;
        display: block;
        cursor: pointer;
        position: relative;
        overflow: hidden
    }
}

.solution_cards_box .solution_card,
.why-remit-card .solution_card {
    box-shadow: 0 2px 4px 0 #8890c333 0 5px 15px 0 #252c6126;
    padding: 10px 15px;
    min-height: 265px;
    overflow: hidden
}

.our_solution_category {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.our_solution_category .solution_cards_box {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.solution_cards_box .solution_card {
    background: #00374a;
    border-radius: 15px;
    margin: 15px;
    position: relative;
    z-index: 1;
    transition: .7s
}

.solution_cards_box .solution_card:hover,
.why-remit-card .solution_card:hover {
    background: linear-gradient(to bottom, #050950 0, #288674 100%);
    color: #fff;
    transform: scale(1.1);
    z-index: 9
}

.solution_cards_box .solution_card:hover::before,
.why-remit-card .solution_card:hover::before {
    background: #556cd61a
}

.solution_cards_box .solution_card:before,
.why-remit-card .solution_card:before {
    content: "";
    position: absolute;
    background: #556cd60d;
    width: 170px;
    height: 400px;
    z-index: -1;
    transform: rotate(42deg);
    right: -56px;
    top: -23px;
    border-radius: 35px
}

.hover_color_bubble {
    position: absolute;
    background: #3651cf26;
    width: 100rem;
    height: 100rem;
    right: 0;
    z-index: -1;
    top: 16rem;
    border-radius: 50%;
    transform: rotate(-36deg);
    left: -18rem;
    transition: .7s
}

.solution_cards_box .solution_card:hover .hover_color_bubble,
.why-remit-card .solution_card:hover .hover_color_bubble {
    top: 0
}

.solution_cards_box .solution_card .so_top_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #e2ff54;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.solution_cards_box .solution_card .so_top_icon img,
.why-remit-card .solution_card .so_top_icon img {
    object-fit: contain
}

.compl-btn a {
    color: #000;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:320px) {
    .sol_card_top_3 {
        position: relative;
        top: 0
    }

    .our_solution_category {
        width: 100%;
        margin: 0 auto
    }

    .our_solution_category .solution_cards_box {
        flex: auto
    }
}

@media only screen and (min-width:768px) {
    .our_solution_category .solution_cards_box {
        flex: 1
    }
}

@media only screen and (min-width:1024px) {
    .sol_card_top_3 {
        position: relative;
        top: -3rem
    }

    .our_solution_category {
        width: 50%;
        margin: 0 auto
    }
}

@media only screen and (min-width:1269px) {
    .sol_card_top_3 {
        position: relative;
        top: -3rem
    }

    .our_solution_category {
        width: 65%;
        margin: 0 auto
    }
}

.price-ess {
    background-color: #00374a;
    padding: 30px 0;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: .7s;
    cursor: pointer
}

.hero-remit-credit,
.hero-remit-fintech,
.hero-remit-money,
.hero-remit-neo,
.response-item {
    align-items: center
}

.curv-fi {
    background-color: #fff;
    color: #00374a;
    width: 60%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    padding: 30px 25px
}

.init-one,
.technical-qa {
    border-radius: 15px;
    height: 100%
}

.price-ess-pad {
    padding: 0 25px
}

.curv-fi h4 {
    font-size: 22px;
    font-weight: 600
}

.price-ess-img {
    position: absolute;
    top: 10px;
    right: 15px
}

.init-one {
    background: linear-gradient(to bottom, #00374a 0, #0083b0 100%);
    margin: 0 5px;
    padding: 20px 10px;
    cursor: pointer;
    transition: .7s
}

.init-one:hover {
    background: linear-gradient(to bottom, #0083b0 0, #00374a 100%);
    z-index: 9
}

.one-touch-in-text span {
    color: #e2ff54;
    font-size: 12px
}

.price-ess-pad-for p {
    font-size: 12px;
    color: #fff
}

.response-item,
.technical-qa-text p {
    font-size: 15px
}

.btn-b-pad {
    padding-bottom: 20px
}

.technical-qa {
    background-color: #fff;
    color: #000;
    padding: 15px 20px
}

.gap-2,
.gap-3,
.technical-qa-gap {
    gap: 10px
}

.response-options {
    display: flex;
    gap: 20px;
    margin-top: 10px
}

.response-item {
    display: flex;
    gap: 8px;
    color: #000
}

.check-box {
    width: 22px;
    height: 22px;
    border: 2px solid #ccc;
    justify-content: center;
    border-radius: 4px
}

.hero-remit-credit,
.hero-remit-exchange,
.hero-remit-fintech,
.hero-remit-money,
.hero-remit-neo {
    background-position: top;
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex
}

.check-box.checked {
    border-color: green
}

.check-box.checked svg {
    width: 14px;
    height: 14px
}

.check-box:not(.checked) {
    border-color: #aaa
}

.hero-remit-bank {
    background-image: url(../img/banks/banks/bg.webp);
    background-position: top;
    position: relative
}

.hero-remit-neo {
    background-image: url(../img/banks/neo-bank/bg.webp)
}

.hero-remit-credit {
    background-image: url(../img/banks/credit/bg.webp)
}

.hero-remit-fintech {
    background-image: url(../img/banks/fintech/bg.webp)
}

.hero-remit-money {
    background-image: url(../img/banks/money-trans/bg.webp)
}

.hero-remit-exchange {
    background-image: url(../img/banks/exchange/bg.webp);
    align-items: center
}

.compre-bank,
.compre-credit,
.compre-exchange,
.compre-fintech,
.compre-money,
.compre-neo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.ad-ready .container,
.hero-remit-bank .container,
.hero-remit-credit .container,
.hero-remit-exchange .container,
.hero-remit-fintech .container,
.hero-remit-license .container,
.hero-remit-money .container,
.hero-remit-neo .container,
.remit-money-cards-content,
.remitso-footer .container {
    position: relative;
    z-index: 2
}

.vc-bar {
    height: 100px;
    width: 2px;
    background-color: #f8f8f8;
    margin: auto;
    padding: 2px 2px 40px
}

.js-card-feat,
.track-data,
.white-paper {
    transition: .7s;
    height: 100%;
    cursor: pointer
}

.track-data {
    background-color: #082a7bb4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 10px;
    border-right: 10px solid #082b7b
}

.why-remit-card .solution_card {
    background: #00374a;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    transition: .7s
}

.solution_card .solu_title h3 {
    color: #fff;
    font-size: 1.3rem;
    margin-top: 13px;
    margin-bottom: 13px
}

.solution_card .solu_description p {
    font-size: 15px;
    margin-bottom: 15px
}

.why-remit-card .solution_card .so_top_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq-file-data li {
    line-height: 1.6;
    font-size: 15px;
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 10px
}

.compre-exchange,
.compre-neo {
    background-image: url(../img/banks/compre/img-6.webp);
    position: relative
}

.compre-bank {
    background-image: url(../img/banks/compre/img-2.webp);
    position: relative
}

.compre-credit {
    background-image: url(../img/banks/compre/img-3.webp);
    position: relative
}

.compre-fintech {
    background-image: url(../img/banks/compre/img-4.webp);
    position: relative
}

.compre-money {
    background-image: url(../img/banks/compre/img-5.webp);
    position: relative
}

.cross-border-bg {
    background: linear-gradient(to right, #032462 0, #001321 100%);
    border-radius: 30px;
    padding: 20px 15px
}

.cross-border-anch {
    background-color: #d9d9d9;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.cross-border-anch a {
    color: #011b42;
    font-size: 20px;
    display: flex;
    align-items: center
}

.cross-border-anch i {
    font-size: 24px;
    margin-right: 8px
}

.expert-layout-text h2 {
    font-size: 22px;
    color: #fff;
    margin-top: 15px
}

.expert-layout-text p {
    font-size: 16px;
    color: #fff;
    margin-top: 5px
}

.js-card-feat,
.white-paper {
    background-color: #00374a;
    padding: 20px 15px;
    border-radius: 15px;
    display: flex;
    flex-direction: column
}

.js-card-feat:hover,
.transfer-licensing-card:hover .transfer-licensing-img-wrap img,
.white-paper:hover {
    transform: scale(1.1)
}

.white-paper-text h4 {
    font-size: 22px;
    color: #fff
}

.white-paper-text p {
    font-size: 16px;
    color: #fff
}

.white-paper-text a {
    color: #fff;
    padding: 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.card-container {
    background-color: #00374a;
    border-radius: 10px;
    box-shadow: 0 4px 8px #0003;
    padding: 15px;
    width: 100%;
    text-align: center
}

.read-more,
.read-more:hover {
    background: #e2ff54;
    color: #000
}

.post-frame {
    width: 100%;
    height: 250px;
    border-radius: 8px;
    border: none
}

.read-more {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 30px;
    font-size: 16px;
    transition: background .3s
}

.faq-content-wrapper,
.main_faq h4 {
    margin-top: 10px
}

.track-data-comp {
    background-color: #00374a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0;
    height: 100%;
    transition: .7s;
    cursor: pointer;
    border-radius: 50px
}

.bg-faq-black,
.faq-file {
    background-color: #010f1e
}

.track-data-comp-text {
    padding: 10px 15px
}

.faq-content,
.faq-select {
    padding: 15px;
    border: none;
    background-color: #00070f
}

.faq-select {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    width: 100%
}

.faq-content {
    display: none;
    border-radius: 5px;
    margin-bottom: 10px
}

.filter-faq-desk {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #00374a;
    color: #fff;
    border: none
}

.faq-text-bg {
    background-color: #00070f;
    padding: 10px 15px;
    border-radius: 10px
}

.faq-line-dash {
    border: 1px solid #fff
}

.bluepf {
    background-color: #041a3a;
    border-radius: 15px
}

.yellowpf {
    background-color: #e2ff54;
    color: #000
}

.cust-kyc-rf-img {
    position: absolute;
    right: -15px;
    bottom: -68px
}

.js-card-hr {
    border: 0;
    border-top: 2px solid #fff;
    opacity: 1
}

.pri-cal {
    background: linear-gradient(to right, #00374a 0, #2d907a 100%);
    border-radius: 20px;
    padding: 20px 10px
}

.calculator-pri {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    color: #fff
}

.calculator-pri label {
    font-size: 16px;
    font-weight: 700;
    text-align: left
}

.calculator-pri input {
    width: 100%;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    border: 1px solid #377cd5;
    border-radius: 5px;
    background-color: #fff0;
    color: #fff
}

.calculator-pri ::placeholder {
    color: #a7a7a7
}

.calculator-pri .fixed-input {
    background-color: #fff0;
    border: 1px solid #377cd5;
    color: #fff
}

.cal-btn {
    padding: 10px 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    text-align: left
}

.calculator-pri .result {
    font-size: 22px;
    font-weight: 700
}

.calculator-pri-df {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    width: 60%
}

.blog-cta-btn,
.currency-box {
    display: flex;
    background-color: #002a45
}

.hero-dot ul li {
    list-style: disc !important;
    margin-left: 20px
}

.currency-box {
    color: #377cd5;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 700;
    text-align: center;
    min-width: 100px;
    justify-content: center;
    align-items: center
}

.blog-cta-btn {
    justify-content: space-between;
    padding: 30px;
    border-radius: 20px
}

.remit-power-main {
    background-color: #00374a;
    border-radius: 20px;
    padding: 20px
}

.remit-power-text {
    background-color: #024a62;
    border-radius: 30px;
    padding: 15px 20px;
    transition: background-color .3s ease-in-out
}

.remit-power-text:hover {
    background-color: #056a8d;
    cursor: pointer
}

@media screen and (max-width:1560px) and (min-width:991px) {
    .navbar a {
        padding: 10px 8px;
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none;
        display: flex;
        align-items: center;
        transition: .3s
    }
}

.main_faq ul li {
    list-style: disc;
    margin-left: 15px
}

.thankyou-fall-bg,
.transfer-licensing-bg {
    background-color: #002237
}

.transfer-licensing-card {
    background-color: #f0f0f0;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
    cursor: pointer
}

.transfer-licensing-img-wrap {
    flex: 0 0 50%;
    height: 100%;
    overflow: hidden
}

.transfer-licensing-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease-in-out
}

.transfer-licensing-text {
    padding: 1rem;
    flex: 1
}

.transfer-licensing-text h5 {
    font-weight: 600;
    margin-bottom: .5rem;
    transition: color .3s ease-in-out;
    color: #001421
}

.transfer-licensing-text p {
    margin: 0;
    color: #001421;
    font-size: 15px
}

.transfer-licensing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px #00000026
}

.transfer-licensing-card:hover .transfer-licensing-text h5 {
    color: #002237
}

.transfer-licensing-link {
    display: inline-flex;
    align-items: center;
    margin-top: .75rem;
    color: #002237;
    font-weight: 500;
    transition: color .3s ease-in-out;
    font-size: 16px
}

.transfer-licensing-link:hover {
    color: #014366
}

.transfer-licensing-arrow {
    display: inline-block;
    margin-left: .25rem;
    transition: transform .3s ease-in-out
}

.transfer-licensing-link:hover .transfer-licensing-arrow {
    transform: translateX(4px)
}

.compliance-consulting-index .row {
    perspective: 1000px
}

.compliance-consulting-card {
    position: relative;
    background: 0 0;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform .5s, box-shadow .5s;
    cursor: pointer
}

.compliance-consulting-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #ffffff1a 0, #ffffff0d 50%, #ffffff1a 100%);
    transform: skewX(-20deg);
    transition: transform .7s;
    pointer-events: none
}

.compliance-consulting-card:hover::before {
    transform: translateX(200%) skewX(-20deg)
}

.compliance-consulting-card:hover {
    transform: translateY(-10px) rotateY(5deg);
    box-shadow: 0 12px 24px #0000004d
}

.compliance-consulting-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    transition: transform .7s;
    transform-origin: center
}

.compliance-consulting-card:hover .compliance-consulting-icon img {
    transform: rotate(360deg) scale(1.2)
}

.compliance-consulting-card h5 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    transition: color .3s;
    margin-bottom: 10px
}

.compliance-consulting-card p {
    line-height: 1.4;
    color: #cfd8e4;
    font-size: 15px
}

.compliance-consulting-card:hover h5 {
    color: #00ffb3
}

.thankyou-bg-fall-1 {
    background-color: #19536c
}

.thankyou-bg-fall-2 {
    background-color: #004a47
}

.thankyou-data-file {
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem 0
}

.feature-icon,
.hero-span,
.pri-ess,
.pri-ess-includes {
    margin-bottom: 10px
}

.thankyou-data-file h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.thankyou-data-file ul {
    list-style: none;
    padding-left: 0
}

.thankyou-data-file ul li::before {
    content: "•";
    display: inline-block;
    width: 1em;
    margin-right: .5em;
    color: #fff
}

.thank-contact-section {
    background-color: #0f1221;
    padding: 4rem 0
}

.thank-contact-section h2 {
    color: #fff;
    margin-bottom: 1.5rem;
    font-size: 28px
}

.thank-contact-section .btn-book {
    background-color: #377cd5;
    color: #fff;
    border: none;
    padding: 12px 15px;
    border-radius: 50px
}

.price-ess-essential p {
    font-size: 20px
}

.price-ess-essential-file {
    font-size: 18px !important
}

.pri-ess {
    background-color: #fff;
    display: flex;
    position: relative
}

.pri-ess-includes {
    background-color: #00374a;
    display: flex
}

.price-ess-file li {
    font-size: 14px;
    list-style: disc;
    margin-left: 20px;
    color: #fff
}

.pri-ess-text {
    padding: 20px 15px
}

.glowing-heart {
    position: absolute;
    top: 2px;
    right: 20px;
    z-index: 10;
    font-size: 24px;
    animation: 1.5s infinite alternate glow
}

.glowing-heart-wrapper {
    position: absolute;
    top: 0;
    right: 10px;
    text-align: center;
    z-index: 10
}

.most-loved-text {
    font-size: 12px;
    color: #ff4d4d;
    font-weight: 700;
    margin-top: 28px
}

.pricing-table {
    background-color: #2d907a;
    border-radius: 10px;
    overflow: hidden
}

.pricing-table td,
.pricing-table th {
    vertical-align: middle;
    padding: 1rem;
    border: 1px solid;
    line-height: 1.7;
    text-align: left
}

.btn-primary,
.calendar-loader,
.demo-down-text,
.faq-license__cta,
.faq-license__title,
.globe-container,
.hero-section,
.ideal-license__cta,
.ideal-license__subtitle,
.ideal-license__title,
.pricing-table th,
.raas-video {
    text-align: center
}

.pricing-table th {
    background-color: #2d907a;
    color: #fff
}

.pricing-table a,
.remitso-privacy-contact strong,
.text-info {
    color: #377cd5
}

.note {
    font-size: 14px;
    color: #ccc;
    margin-top: 10px
}

.anchor-btn,
.fine-btn a {
    background-color: #377cd5;
    color: #fff !important;
    padding: 10px 20px;
    font-size: 16px;
    transition: background-color .3s
}

.fine-btn a {
    border-radius: 10px
}

.table-fine-data li {
    list-style: disc;
    margin-left: 10px;
    font-size: 14px;
    color: #fff
}

.help-dev-text-head ul li,
.text-slate li {
    list-style: disc;
    margin-left: 20px
}

.custom-2-bg {
    background: linear-gradient(to right, #00374a 0, #2d907a 100%)
}

.hero-remit-license {
    background-image: url(../img/license-coverage/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    height: 90vh;
    display: flex;
    align-items: center
}

.hero-span {
    color: #e2ff54;
    font-size: 14px
}

.Inclusive-Platform-adon-icon,
.feature-card .feature-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.feature-card .feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.feature-card .feature-text {
    font-size: .9rem;
    line-height: 1.4;
    color: #cbd5e0
}

.ideal-license {
    background: linear-gradient(to right, #00374a, #2d907a);
    padding: 60px 20px
}

.ideal-license__container {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: 40px;
    padding: 60px
}

.ideal-license__title {
    color: #2d907a;
    font-size: 2rem;
    margin-bottom: 40px
}

.ideal-license__content {
    display: flex;
    gap: 40px;
    flex-wrap: wrap
}

.ideal-license__image {
    flex: 1 1 400px
}

.ideal-license__image img {
    width: 100%;
    border-radius: 8px
}

.ideal-license__list {
    flex: 1 1 400px;
    list-style: none;
    padding: 0;
    margin: 0
}

.ideal-license__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px
}

.ideal-license__icon {
    width: 48px;
    height: 48px;
    background: #2c7f8f;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0
}

.ideal-license__copy,
.raas-simulator .raas-info-text-container {
    flex: 1
}

.ideal-license__item-title {
    font-weight: 600;
    color: #0b2631;
    margin-bottom: 4px
}

.ideal-license__item-text {
    font-size: .9rem;
    color: #334155;
    line-height: 1.4
}

.ideal-license__subtitle {
    color: #334155;
    margin: 40px 0 20px;
    font-size: .95rem
}

.ideal-license__button {
    background: #377cd5;
    border: none;
    padding: 12px 32px;
    border-radius: 24px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.faq-license {
    background: #f1feff;
    padding: 60px 20px
}

.faq-license__inner {
    max-width: 1200px;
    margin: 0 auto
}

.faq-license__title {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #fff
}

.faq-license__highlight {
    color: #2c7f8f
}

.faq-license__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 15px
}

.faq-license__card {
    background: #023b4c;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.faq-license__question {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 12px
}

.faq-license__answer {
    color: #b8c4cf;
    font-size: .9rem;
    line-height: 1.5;
    flex-grow: 1
}

.faq-license__button {
    background: #377cd5;
    border: none;
    padding: 12px 32px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.license_please_note {
    background-color: #00211d
}

.license_please_note__title {
    font-size: 1.75rem;
    font-weight: 600
}

.license_please_note__item {
    align-items: flex-start
}

.license_please_note__icon {
    flex: 0 0 48px;
    height: 48px
}

.license_please_note__icon img {
    width: 100%;
    height: auto
}

.license_please_note__heading {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.license_please_note__text {
    color: #e0f2e9;
    font-size: .9rem;
    line-height: 1.5
}

@media only screen and (max-width:786px) {
    .case-bg-studies-text h4 {
        font-size: 18px
    }

    .soln-case-text h4 {
        font-size: 22px;
        font-weight: 600
    }

    .faced-case p,
    .sec-text p,
    .soln-case-text p {
        font-size: 15px
    }

    .hero-remit-index-font h4,
    .software-comp-file h4,
    .soln-case-text h5 {
        font-size: 20px
    }

    .blog-section-for-margin {
        margin-top: 20px
    }

    .hero-remit-index-font h1 {
        font-size: 34px;
        margin-bottom: 10px
    }

    .hero-remit-index-font p,
    .tech-stack h4 {
        font-size: 17px
    }

    .hero-remit-index,
    .home-remit-index {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100%;
        display: flex
    }

    .hero-remit-index {
        width: 100%;
        background-image: url(../img/remit-hero-mob.webp);
        color: #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        margin-top: 60px
    }

    .home-remit-index {
        background-image: url(../img/index/home-hero-bg.webp);
        align-items: center;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .desk-blur-img,
    .expert-layout-img-desk,
    .faq-for-deskt,
    .hide-for-mob,
    .remit-power-img,
    .vc-bar {
        display: none
    }

    .blog-cta-btn,
    .expert-layout-img-mob,
    .faq-for-mob,
    .mob-blur-img {
        display: block
    }

    .inds-credit-union,
    .inds-we-bank {
        height: 550px;
        padding: 25px 30px;
        border-radius: 20px;
        transition: transform .3s;
        display: block;
        cursor: pointer;
        position: relative;
        overflow: hidden
    }

    .hero-remit-bank,
    .hero-remit-credit,
    .hero-remit-neo {
        padding-top: 100px;
        padding-bottom: 70px
    }

    .hero-remit-bank,
    .hero-remit-credit,
    .hero-remit-exchange,
    .hero-remit-fintech,
    .hero-remit-license,
    .hero-remit-money,
    .hero-remit-neo {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100%;
        display: flex
    }

    .hero-remit-bank,
    .hero-remit-credit,
    .hero-remit-neo {
        align-items: center
    }

    .sec-text-in h2 {
        font-size: 26px;
        text-align: center;
        margin-bottom: 15px
    }

    .sec-text-in h1 {
        font-size: 26px
    }

    .sec-text-in p,
    .software-comp-file-text p {
        font-size: 16px
    }

    .form-control.remit-index-form {
        color: #fff;
        background: 0 0;
        border: 1px solid #377cd5;
        padding: 15px;
        border-radius: 10px 0 0 10px;
        font-size: 12px
    }

    .our_solution_cat {
        margin-top: 0
    }

    .curv-fi h4 {
        font-size: 20px;
        font-weight: 600
    }

    .curv-fi p {
        font-size: 14px
    }

    .hero-remit-bank {
        background-image: url(../img/banks/banks/bg.webp)
    }

    .hero-remit-exchange,
    .hero-remit-fintech,
    .hero-remit-money {
        align-items: center;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .hero-remit-bank::before,
    .hero-remit-credit::before,
    .hero-remit-exchange::before,
    .hero-remit-fintech::before,
    .hero-remit-license::before,
    .hero-remit-money::before,
    .hero-remit-neo::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0009;
        z-index: 1
    }

    .hero-remit-neo {
        background-image: url(../img/banks/neo-bank/bg.webp)
    }

    .hero-remit-credit {
        background-image: url(../img/banks/credit/bg.webp)
    }

    .hero-remit-fintech {
        background-image: url(../img/banks/fintech/bg.webp)
    }

    .hero-remit-money {
        background-image: url(../img/banks/money-trans/bg.webp)
    }

    .hero-remit-exchange {
        background-image: url(../img/banks/exchange/bg.webp)
    }

    .cross-border-text h4 {
        font-size: 22px
    }

    .blog-cta-bt {
        padding-top: 20px;
        padding-bottom: 10px
    }

    .hero-remit-license {
        background-image: url(../img/license-coverage/bg.webp);
        align-items: center;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .ideal-license__content {
        flex-direction: column
    }

    .ideal-license__image,
    .ideal-license__list {
        flex: 1 1 100%
    }

    .ideal-license__container {
        padding: 20px
    }
}

.hero-section {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../img/remit-hero.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.hero-subtext {
    font-size: 1rem;
    color: #cbd5e1
}

.email-form {
    background: #ffffff0d;
    border: 1px solid #d6ff44;
    border-radius: 50px;
    display: flex;
    max-width: 500px;
    overflow: hidden;
    width: 100%
}

.email-form input {
    background: 0 0;
    border: none;
    padding: .8rem 1rem;
    color: #fff;
    flex: 1;
    outline: 0
}

.email-form button {
    background: #d6ff44;
    border: none;
    padding: 0 1.5rem;
    color: #000;
    font-weight: 600
}

.mockup-container {
    position: relative;
    margin: 2rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    z-index: 2
}

.phone-mockup {
    width: 100%;
    max-width: 300px;
    height: auto;
    z-index: 1
}

.floating-card {
    position: absolute;
    width: 150px;
    max-width: 35vw;
    z-index: 5;
    animation: 6s ease-in-out infinite float
}

@media (max-width:991px) {

    .navbar ul,
    .navbar.navbar-mobile ul {
        position: fixed;
        left: 0;
        right: 0;
        padding: 20px;
        z-index: 999
    }

    .navbar .dropdown .dropdown ul a,
    .navbar ul a {
        color: #fff;
        padding: 10px
    }

    .mobile-nav-toggle {
        display: block !important
    }

    .navbar ul {
        display: none;
        flex-direction: column;
        background: #22272bf2;
        top: 60px;
        overflow-y: auto
    }

    .navbar ul li {
        width: 100%
    }

    .navbar ul a {
        max-width: fit-content
    }

    .navbar.navbar-mobile ul {
        display: flex;
        flex-direction: column;
        background: #032e4a;
        top: 93px
    }

    .navbar .dropdown ul {
        position: relative;
        padding: 0;
        background: #074872;
        width: 100%;
        display: none;
        z-index: 999
    }

    .canva-dash-mobile,
    .navbar .dropdown.active>ul,
    .remit-feat-box-sec-mob {
        display: block
    }

    .navbar .dropdown ul li {
        width: 100%;
        padding: 10px 20px
    }

    .navbar .dropdown ul a {
        font-size: 16px;
        color: #fff
    }

    .navbar .dropdown .dropdown ul {
        position: static;
        display: none;
        width: 100%;
        background-color: #444;
        padding-left: 20px
    }

    .navbar .dropdown .dropdown ul a:hover {
        color: #428bca
    }

    .navbar .dropdown .dropdown-active>ul {
        display: block;
        position: relative;
        margin-top: 10px
    }

    .navbar.navbar-mobile .header-for-p {
        top: 15% !important;
        margin-bottom: 5px;
        padding: 0
    }

    .navbar .dropdown .dropdown .drop-app-web {
        left: 0
    }

    .canva-dash-web,
    .mockup-container,
    .remit-feat-box-sec-web,
    .sq-shape-desk,
    .sq-shape-side-img img {
        display: none
    }

    .sq-shape-mob {
        display: block;
        z-index: 2
    }

    .remit-payment-gateway-gap {
        gap: 20px
    }

    .feature-data-box-data-lev-data {
        gap: 30px
    }

    .feature-data-box-text-f {
        margin-top: 0
    }

    .canva-dash-data h3 {
        font-size: 22px
    }

    .canva-dash-data p {
        font-size: 16px
    }

    .hero-section {
        position: relative;
        width: 100%;
        height: 100%;
        background-image: url(../img/remit-hero-mob.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        margin-top: 35px
    }

    .hero-margin {
        margin-bottom: 0
    }

    .hero-heading {
        font-size: 1.8rem
    }

    .hero-subtext {
        font-size: .95rem
    }

    .phone-mockup {
        width: 100%;
        z-index: 3
    }

    .remit-branded-order-text {
        order: 1
    }

    .remit-branded-order-img {
        order: 2;
        margin-top: 20px
    }

    .proactively-mitigate-risk-main {
        display: flex;
        flex-direction: column-reverse
    }
}

.demo-cta,
.features-grid {
    margin-top: 2rem
}

#features-empowering {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: linear-gradient(to bottom, #053239, #011623)
}

.Everything-You-Need .row.row-cols-2,
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
}

.cards-grid,
.msb-Streamlined-grid,
.msb-sec {
    grid-template-columns: 1fr
}

.feature-empowering-text h4 {
    color: #377dd7
}

.feature-card {
    border: 1px solid #2d3748;
    border-radius: 1rem;
    padding: 1.5rem;
    background: #ffffff05;
    transition: .3s;
    height: 100%;
    background-color: #00211d
}

.money-card,
.money-card-white {
    transition: transform .3s, box-shadow .3s;
    cursor: pointer
}

.feature-card:hover {
    background-color: #00211d;
    border-color: #377dd7
}

.feature-card h5 {
    margin-top: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px
}

.feature-card p {
    font-size: .95rem;
    color: #cbd5e1;
    margin-top: .5rem
}

.globe {
    width: 100%;
    max-width: 450px;
    animation: 25s linear infinite spin;
    filter: drop-shadow(0 0 30px #00bfff55)
}

@keyframes spin {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

.demo-cta .btn {
    background-color: #d6ff44;
    color: #000;
    font-weight: 600;
    border-radius: 30px;
    padding: .6rem 1.5rem
}

.money-card {
    background: linear-gradient(to bottom, #070f25, #3d4e88);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 60px 30px
}

.money-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px #070f25, 0 15px 30px #3d4e88
}

.learn-link {
    color: #fff;
    font-weight: 500;
    font-size: .9rem
}

.learn-link:hover {
    text-decoration: underline;
    color: #fff
}

.bg-desk {
    background-color: #001c34
}

.data-bg-for,
.side-green {
    background-color: #2d907a !important
}

.pricing-table-data-for th {
    background-color: #e2ff54 !important;
    color: #00374a !important;
    border: 1px solid #000 !important
}

.reolt-issue {
    background-color: #041a3a;
    padding: 20px 15px;
    border-radius: 10px
}

.issue-box {
    gap: 10px;
    margin-bottom: 20px;
    color: #fff
}

.icon-circle {
    background-color: #47b09c;
    justify-content: center
}

.data-bg-pot {
    background-color: #006395 !important
}

.interactive-links-section {
    font-family: Inter
}

.interactive-links-section h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #d72638;
    text-align: center;
    text-decoration: underline
}

.interactive-links-section .column h3 {
    font-size: 20px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 15px
}

.interactive-links-section ul {
    padding-left: 18px
}

.interactive-links-section li {
    margin-bottom: 12px;
    line-height: 1.6;
    transition: transform .2s, background-color .3s;
    background-color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    border-left: 4px solid #fff0
}

.interactive-links-section li:hover {
    transform: scale(1.02);
    background-color: #fff8e1;
    border-left-color: #d72638
}

.interactive-links-section a {
    color: #0a3d62;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
    display: block
}

.side-green-text h4,
.side-green-text p {
    color: #041a3a !important
}

.interactive-links-section a:hover {
    color: #d72638
}

.hero-payment {
    height: 100vh;
    background-image: url(../img/payment_orchestration/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.calendar-loader,
.modal-video {
    top: 0;
    justify-content: center;
    left: 0
}

.Everything-You-Need .font-weight-semibold,
.side-green-text p {
    font-weight: 600 !important
}

.side-blue {
    background-color: #041a3a !important
}

.money-card-white {
    background: linear-gradient(to bottom, #070f25, #3d4e88);
    border-radius: 10px
}

.money-card-white:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 25px #00ffb426
}

.hero-heading-semi h1 span {
    font-size: 32px;
    font-weight: 600
}

.phone-wrapper {
    width: 100%;
    margin: auto
}

.phone-video {
    width: 100%;
    height: 550px;
    background-color: #ebebeb;
    display: block;
    border-radius: 20px
}

.btn-demo {
    background: #377cd5;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.btn-demo:hover {
    background-color: #1b88d0;
    color: #fff
}

.calender-iframe {
    width: 100%;
    border-radius: 10px;
    z-index: 1
}

.calendar-loader {
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #fff;
    z-index: 5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: opacity .4s;
    pointer-events: none
}

.calendar-loader.active {
    pointer-events: auto
}

.hubspot-form-wrapper-code {
    background-color: #fff;
    border-bottom-left-radius: 20px
}

.zf-templateWidth {
    width: 100%;
    background: #fff;
    border-radius: 15px
}

.thank-contact-section {
    background-image: url(../img/thankyou-bg.png)
}

.custom-card {
    background-color: #161b22;
    border: 1px solid #334155;
    border-radius: 1rem;
    transition: .3s
}

.custom-card:hover,
.instruction-card:hover {
    border-color: #377cd5;
    transform: scale(1.02)
}

.btn-slate,
.custom-btn-green,
.custom-btn-slate {
    background-color: #28a745;
    color: #fff
}

.text-success {
    color: #334155
}

.instruction-card {
    background-color: #161b22;
    border: 1px solid #334155;
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
    transition: .3s
}

.step-number {
    font-size: 20px;
    font-weight: 700;
    background-color: #22c55e;
    color: #000;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0
}

.msb-Streamlined-text,
.msb-sec-text,
.text-slate,
.text-slate li {
    color: #94a3b8
}

.credential-block {
    background-color: #1f2937;
    border-radius: .375rem;
    display: inline-block;
    padding: .25rem .5rem;
    font-family: monospace
}

.brand-text {
    color: #64ffda
}

.section-card {
    background-color: #161b22;
    border-radius: .75rem;
    box-shadow: 0 0 10px #64ffda0d;
    padding: 1.5rem
}

.border-accent {
    border-left: 4px solid #377cd5;
    padding-left: 1rem
}

.license_data_sec .card {
    background-color: #00374a;
    border-radius: 15px;
    border: none;
    padding: 25px;
    height: 100%
}

.license_data_sec .card h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff
}

.license_data_sec .card p {
    font-size: .95rem;
    color: #cfdcdc;
    margin: 0
}

.license_data_sec .icon-wrapper {
    width: 50px;
    height: 50px;
    background-color: #004c4c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.license_data_sec .icon-wrapper img {
    font-size: 20px;
    color: #00ffd1
}

.launch_business_sec {
    background: linear-gradient(90deg, #00374a, #2d907a);
    padding: 100px 20px
}

.launch_business_sec .text-gradient {
    background: linear-gradient(to right, #60f8dd, #66d8c0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.launch_business_sec .btn-primary {
    background-color: #5c9df8;
    border: none;
    border-radius: 20px;
    font-size: 14px
}

.launch_business_sec .btn-primary:hover {
    background-color: #4b8ce0
}

.cards-grid {
    display: grid;
    gap: 1.5rem
}

.demo_card {
    background-color: #1f293780;
    backdrop-filter: blur(8px);
    border: 1px solid #374151;
    padding: 1.5rem;
    border-radius: .75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 10px #00000080;
    transition: .3s
}

.btn-primary,
.btn-secondary {
    border-radius: .5rem;
    font-weight: 600
}

.blog-security-last a,
.btn-primary,
.btn-secondary,
.demo-down-btn {
    transition: background-color .3s
}

.demo_card:hover {
    border-color: #22c55e
}

.icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
    color: #d1d5db
}

.demo-down-text p,
.subtitle {
    color: #9ca3af;
    margin-bottom: 1rem
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.subtitle {
    font-size: .875rem
}

.demo-btn-group {
    width: 100%;
    margin-top: 1rem
}

.btn-primary {
    display: block;
    width: 100%;
    background-color: #16a34a;
    color: #fff;
    padding: .75rem 1.5rem;
    margin-bottom: .75rem
}

.btn-primary:hover {
    background-color: #15803d
}

.btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #4ade80;
    padding: .5rem 1rem;
    background: 0 0;
    border: none;
    cursor: pointer
}

.btn-secondary:hover,
.demo-down-btn {
    background-color: #374151
}

.play-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem
}

.demo-down-text {
    margin-top: 3rem;
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #374151;
    padding-top: 2rem
}

.demo-down-text p {
    font-size: 1.125rem
}

.demo-down-btn {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    padding: .75rem 2rem;
    border-radius: .5rem
}

.demo-down-btn:hover {
    background-color: #4b5563;
    color: #fff
}

.modal-video {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000c;
    display: flex;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s
}

.modal-video.active {
    opacity: 1;
    visibility: visible
}

.modal-content-demo {
    background-color: #1f2937;
    padding: 20px;
    border-radius: 12px;
    position: relative;
    width: 90%;
    max-width: 800px
}

.close-button {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #fff;
    color: #111827;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid #111827
}

.sandbox-details {
    max-width: 40rem;
    margin: 0 auto;
    background: #1f293780;
    backdrop-filter: blur(5px);
    border: 1px solid #374151;
    border-radius: 1rem;
    box-shadow: 0 4px 10px #0000004d;
    font-family: sans-serif;
    color: #fff
}

.sandbox-item {
    border-bottom: 1px solid #374151
}

.sandbox-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    background: 0 0;
    border: none;
    color: inherit;
    text-align: left;
    cursor: pointer
}

.sandbox-icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke: #9ca3af;
    transition: transform .3s
}

.sandbox-icon.rotated {
    transform: rotate(180deg)
}

.sandbox-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
    padding: 0 1.25rem
}

.sandbox-content.open {
    max-height: 1000px;
    padding-bottom: 1rem
}

.sandbox-section {
    margin-top: 1rem
}

.sandbox-section label {
    font-weight: 700;
    display: block;
    margin-bottom: .25rem;
    color: #d1d5db
}

.sandbox-section p {
    color: #9ca3af;
    font-size: .875rem
}

.sandbox-input-group {
    display: flex;
    background: #111827;
    border: 1px solid #4b5563;
    border-radius: .5rem;
    margin-top: .5rem
}

.sandbox-input-group input {
    flex: 1;
    background: 0 0;
    padding: .75rem;
    border: none;
    color: #fff;
    outline: 0
}

.sandbox-input-group button {
    background: 0 0;
    border: none;
    color: #9ca3af;
    padding: .75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1rem
}

.sandbox-btn,
.sandbox-content img {
    border-radius: .5rem;
    margin-top: 1rem
}

.copy-feedback {
    display: none;
    color: #34d399;
    font-size: .75rem;
    margin-left: .5rem
}

.sandbox-btn {
    display: inline-block;
    padding: .5rem 1rem;
    background: #374151;
    color: #fff;
    text-align: center;
    transition: background .3s
}

.sandbox-btn:hover {
    background: #4b5563;
    color: #fff
}

.sandbox-content img {
    width: 100%;
    border: 1px solid #4b5563
}

@media screen and (max-width:768px) {
    .responsive-video {
        max-height: 300px
    }

    .interactive-links-section {
        padding-top: 92px
    }

    .interactive-links-section .column {
        margin-bottom: 30px
    }

    .interactive-links-section h3 {
        font-size: 20px
    }

    .interactive-links-section li {
        font-size: 14px;
        padding: 6px 10px
    }

    .aws-based-text h2 {
        font-size: 22px
    }

    .font-demo-text {
        font-size: 32px
    }
}

.msb-sec {
    display: grid;
    gap: 2rem
}

.msb-sec-card {
    background: 0 0;
    padding: 2rem;
    border-radius: .75rem;
    border: 1px solid
}

.msb-sec-icon {
    background-color: #0ea5e91a;
    border: 1px solid;
    color: #fff;
    border-radius: .5rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.msb-sec-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: .5rem
}

.msb-Streamlined {
    position: relative;
    padding: 2rem 0
}

.msb-Streamlined-grid {
    display: grid;
    gap: 3rem;
    position: relative
}

.msb-Streamlined-step {
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    animation: .8s forwards msbFadeUp
}

.bottom-bar,
.made-with-love,
.notch {
    transform: translateX(-50%)
}

.google-iframe-dot:nth-child(2),
.inclusive-platform-feature-item:nth-child(2),
.msb-Streamlined-step:first-child,
.msb-count-flow-item:nth-child(2),
.raas-process-step:first-child,
.raas-simulator .raas-section:nth-child(2),
.us-infrastructure .us-card:first-child,
.usn-step:nth-child(3),
.white-core-value-card:nth-child(2) {
    animation-delay: .2s
}

.AnnualDIY-stat-card:nth-child(2),
.eb-card:nth-child(2),
.google-iframe-dot:nth-child(3),
.inclusive-platform-feature-item:nth-child(4),
.msb-Streamlined-step:nth-child(2),
.msb-count-flow-item:nth-child(4),
.pathways-to-launch .ptl-card:nth-child(2),
.raas-process-step:first-child .raas-process-icon,
.us-infrastructure .us-card:nth-child(3),
.white-core-value-card:nth-child(4) {
    animation-delay: .4s
}

.bar3,
.inclusive-platform-feature-item:nth-child(6),
.msb-Streamlined-step:nth-child(3),
.msb-count-flow-item:nth-child(6) {
    animation-delay: .6s
}

.msb-Streamlined-number {
    margin: 0 auto 1rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #1e293b;
    border: 2px solid #0ea5e9;
    color: #38bdf8;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom_border,
.footer {
    border-top: none
}

.msb-Streamlined-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: .5rem
}

@keyframes msbFadeUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.footer-worldwide img {
    display: block;
    margin: 0
}

.footer-worldwide {
    margin-bottom: 0;
    padding-bottom: 0
}

.footer {
    margin-top: 0;
    padding-top: 0
}

.hero-heading span {
    font-size: 56px !important
}

@media (max-width:786px) {

    .compliance-consulting-card:hover h5,
    .transfer-licensing-text h5 {
        font-size: 18px
    }

    .compliance-consulting-card p,
    .transfer-licensing-link,
    .transfer-licensing-text p {
        font-size: 12px
    }

    .thankyou-data-file {
        padding: 10px
    }

    .thankyou-data-file h2 {
        font-size: 20px
    }

    .hero-heading span {
        font-size: 44px !important
    }

    .hero-remit-index {
        height: 100% !important;
        margin-top: 35px
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .hero-section {
        margin-top: 45px;
        height: 100%
    }

    .hero-remit-index {
        height: 100% !important;
        margin-top: 45px
    }
}

@media screen and (max-width:768px) and (min-width:1368px) {
    .hero-section {
        height: 100% !important
    }
}


    .setup-options {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* Base Card */
.setup-card {
  flex: 1;
  min-width: 260px;
  padding: 20px 24px;
  border-radius: 16px;
  text-decoration: none;
  border: 1px solid #d1d9e6;
  background: #f4f7fb;
  color: #1a1a1a;
  transition: all 0.3s ease;
  display: block;
}

/* Title */
.setup-card .title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Description */
.setup-card .desc {
  font-size: 14px;
  color: #444;
}

/* Active (Blue One) */
.setup-card.active {
  background: #377cd5;
  color: #fff;
  border-color: #377cd5;
  box-shadow: 0 8px 24px rgba(55, 124, 213, 0.35);
}

.setup-card.active .desc {
  color: #e6efff;
}

/* Hover Effects */
.setup-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

.setup-card.active:hover {
  box-shadow: 0 10px 28px rgba(55, 124, 213, 0.45);
}

/* Responsive */
@media (max-width: 576px) {
  .setup-options {
    flex-direction: column;
  }
  .cust-revert-flex{
    display: flex;
    flex-direction: column-reverse;
  }
}