@import url(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);

.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,
.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 only screen and (min-width:1500px) {
    .container {
        max-width: 80%
    }
}

#header {
    z-index: 997;
    background: #002a45;
    transition: .5s
}

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

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

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

#sync1.owl-theme,
.Risk-Free-Acquisition .timeline-item,
.carousel-test,
.carousel3,
.fa-ul>li,
.features-data-btn,
.icon-input,
.login-register .input-group,
.navbar li,
.offer-section,
.phone-design-wrapper-text,
.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 rgb(0 0 0 / .1);
    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: 40px;
    right: 0;
    left: 0;
    z-index: 1030
}

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

.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 {
    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
}

.small-para {
    font-size: 1rem;
    font-style: italic;
    text-align: center;
    font-weight: 300
}

.theme-btn {
    border-width: 3px;
    padding: .5rem 1.8rem;
    font-weight: 600;
    border-radius: 6px;
    font-size: 18px
}

.blog-section,
.inner-blog {
    padding: 150px 0
}

.btn-outline-primary {
    border-color: #004aad;
    color: #004aad
}

.btn-outline-primary:hover {
    background: #004aad;
    border-color: #004aad;
    color: #fff
}

.maroon-section {
    background: #77082e
}

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

.engagement-section .engage-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-top: 10rem
}

.engagement-section .engage-wrapper .engage-column {
    display: flex;
    position: relative;
    background: #77082e;
    flex: 1;
    text-align: center;
    border-radius: 5%
}

.engagement-section .engage-wrapper .engage-column::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .5s;
    z-index: 0
}

.engagement-section .engage-wrapper .engage-column:hover a {
    color: #000;
    z-index: 5
}

.engagement-section .engage-wrapper .engage-column:hover a .engage-icon {
    background-color: #77082e
}

.engagement-section .engage-wrapper .engage-column:hover a .engage-icon .enicon-1 {
    background: url(../img/engage1-wh.png) 0 0/contain
}

.engagement-section .engage-wrapper .engage-column:hover a .engage-icon .enicon-2 {
    background: url(../img/engage2-wh.png) 0 0/contain
}

.engagement-section .engage-wrapper .engage-column:hover a .engage-icon .enicon-3 {
    background: url(../img/engage3-wh.png) 0 0/contain
}

.engagement-section .engage-wrapper .engage-column:hover a .engage-icon .enicon-4 {
    background: url(../img/engage4-wh.png) 0 0/contain
}

.engagement-section .engage-wrapper .engage-column:hover a .engage-icon .enicon-5 {
    background: url(../img/engage5-wh.png) 0 0/contain
}

.engagement-section .engage-wrapper .engage-column:hover::after {
    transform: scaleY(1);
    transform-origin: bottom;
    transition: transform .5s
}

.engagement-section .engage-wrapper .engage-column a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    text-decoration: none;
    padding: 8rem 1rem 2rem;
    font-family: Inter, sans-serif;
    transition: .5s
}

.engagement-section .engage-wrapper .engage-column a .engage-icon {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    padding: 3%;
    top: -26%;
    left: calc(50% - 75px);
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99
}

.engagement-section .engage-wrapper .engage-column a .engage-icon .enicon-1 {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../img/engage1.png) center/contain no-repeat;
    transition: .5s
}

.engagement-section .engage-wrapper .engage-column a .engage-icon .enicon-2 {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../img/engage2.png) 0 0/contain;
    transition: .5s
}

.engagement-section .engage-wrapper .engage-column a .engage-icon .enicon-3 {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../img/engage3.png) 0 0/contain;
    transition: .5s
}

.engagement-section .engage-wrapper .engage-column a .engage-icon .enicon-4 {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../img/engage4.png) 0 0/contain;
    transition: .5s
}

.engagement-section .engage-wrapper .engage-column a .engage-icon .enicon-5 {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../img/engage5.png) 0 0/contain;
    transition: .5s
}

@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
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .engagement-section .engage-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }

    .engagement-section .engage-wrapper .engage-column {
        flex: 0 0 31%;
        margin-bottom: 45px
    }
}

.blog-section {
    position: relative;
    background: #f9f9f9
}

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

.blog-column {
    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: cover;
    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,
.table-responsive {
    margin-top: 20px
}

.Source-Code-License h5,
.back-to-top:focus,
.card-body-acc ul,
.demo-updated-vi,
.feature-card,
.financial-accounts-dashboard,
.indus-bank a,
.login-register .toggle-btn button.active,
.read-more-btn:hover,
.remit-faq-data-text-down li,
.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,
.thankyou-data-file h2,
.thankyou-data-file ul,
.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(rgb(10 5 7 / .8), rgb(31 14 19 / .8)), url(../img/startup-hero.jpg);
    background: linear-gradient(rgb(10 5 7 / .8), rgb(10 5 7 / .8)), url(../img/startup-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

.startup-hero 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 {
    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 rgb(0 0 0 / .1)
}

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

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

.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
}

footer {
    width: 100%;
    background-color: #002a45;
    min-height: 250px;
    padding: 40px 0;
    line-height: 1.5
}

footer p {
    font-size: 15px;
    color: #ccc;
    padding-bottom: 0;
    margin-bottom: 8px
}

footer .footer_ul_amrc {
    margin: 0;
    list-style-type: none;
    font-size: 14px;
    padding: 0 0 10px
}

footer .footer_ul_amrc li {
    padding: 0 0 5px
}

footer .footer_ul_amrc li a {
    color: #ccc;
    font-family: Inter
}

footer .social_footer_ul {
    display: table;
    list-style-type: none
}

footer .social_footer_ul li {
    padding: 10px 10px 0;
    float: left
}

footer .social_footer_ul li a {
    color: #ccc;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    background: #ffffff75
}

footer .bottom_border {
    border-bottom: 1px solid #323f45;
    padding-bottom: 20px
}

.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 {
    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 {
    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 {
    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
}

.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: rgb(29 29 31 / 15%);
    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
}

.phone-design-wrapper-file .card:hover::before,
.sldr-crs__media__block:hover .sldr-crs-readMore {
    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;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background: #afaFAF33;
    z-index: 99
}

.card-pricing,
.ind-ic-data-cust {
    flex-direction: column;
    display: flex
}

.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
}

.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 {
    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: rgb(255 255 255 / .4);
    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 rgb(0 0 0 / .1);
    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,
.sec-text-in 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 {
    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: 100;
    text-align: center
}

.beamer-link {
    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 {
    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 {
    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%
}

.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 rgb(0 0 0 / .4)
}

.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 rgb(0 0 0 / .1);
        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: 100;
        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
}

.choose-remit-fl,
.software-comp {
    flex-direction: column;
    display: flex
}

.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,
.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
}

.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,
.canva-dash-mobile,
.card-tilt-data:hover .fplogo,
.expert-layout-img-mob,
.faq-for-mob,
.layout-bg-mob,
.mob-blur-img,
.msb-Streamlined-line,
.pricing-slide-mobile {
    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 {
    left: 10px
}

#sync1.owl-theme .owl-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 {
    height: 100vh
}

.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: rgb(116 116 116 / .3);
    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
}

.disaster-recovery-config-item:last-child,
.marquee-data-item p {
    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 rgb(0 0 0 / .3)
}

.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 {
    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
}

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

.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 rgb(0 0 0 / .25);
    padding: 24px 0 !important;
    text-align: center
}

.card-tilt-data,
.hero-case-studies,
.hero-remit-bank,
.hero-remit-index,
.home-remit-index {
    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,
.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
}

.phone-design-wrapper .nav-item.active p,
.pricing-table th,
.response-item {
    font-weight: 700
}

@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
    }

    .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 {
    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
    }
}

@media only screen and (max-width:991px) {
    .country-data-top {
        margin-top: 20px
    }

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

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

    .land-hero h1 {
        margin-top: 30px
    }

    .software-comp h4 {
        font-size: 20px
    }

    .text-video-yt iframe {
        width: 100%;
        height: 200px
    }

    .carousel-test-item p {
        font-size: 13px
    }

    .cust-omiz h1 {
        font-size: 28px
    }

    .whats-app-btn {
        position: fixed;
        bottom: 6%;
        z-index: 9;
        height: 60px;
        float: right;
        right: 2%
    }

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

    .software-comp-text a {
        color: #fff;
        text-decoration: none;
        border: 1px solid #d6d6d6;
        border-radius: 30px;
        padding: 10px 15px;
        display: inline-block;
        margin-top: 10px;
        box-shadow: 0 4px 10px rgb(0 0 0 / .4);
        position: absolute;
        bottom: 30px
    }

    .countries-main-map-f,
    .pricing-slide-desxk {
        display: none
    }

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

    .marquee {
        margin: 2px
    }

    .Marquee {
        width: 300%
    }

    .pricing-btn-price-upd {
        position: static
    }

    .fixed-height-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        margin-bottom: 20px
    }

    .pricing-slide-mobile {
        display: block
    }
}

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

.hero-case-studies,
.hero-remit-index {
    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: rgb(0 0 0 / .6);
    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;
    position: relative
}

.card-tilt-data:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(22 22 22 / .6);
    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 rgb(0 0 0 / .2) inset
}

.card-tilt-data:hover:after {
    background-color: rgb(22 22 22 / .3)
}

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

.blog-desc ol li {
    margin-bottom: 12px
}

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

.blog-desc ul {
    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);
    height: 100vh;
    display: flex
}

.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 {
    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,
.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: rgb(0 182 222 / .3);
    transform: translateY(-1px)
}

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

.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-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: rgb(255 255 255 / .5)
    }
}

.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 {
    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 rgb(136 144 195 / .2), 0 5px 15px 0 rgb(37 44 97 / .15);
    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: rgb(85 108 214 / 10%)
}

.solution_cards_box .solution_card:before,
.why-remit-card .solution_card:before {
    content: "";
    position: absolute;
    background: rgb(85 108 214 / 5%);
    width: 170px;
    height: 400px;
    z-index: -1;
    transform: rotate(42deg);
    right: -56px;
    top: -23px;
    border-radius: 35px
}

.hover_color_bubble {
    position: absolute;
    background: rgb(54 81 207 / 15%);
    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
}

.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;
    align-items: center;
    gap: 8px;
    color: #000
}

.check-box,
.hero-remit-bank {
    display: flex;
    align-items: center
}

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

.hero-remit-credit,
.hero-remit-fintech,
.hero-remit-money,
.hero-remit-neo {
    align-items: center;
    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);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    height: 90vh;
    display: flex;
    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
}

.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 {
    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 rgb(0 0 0 / .2);
    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-file {
    display: flex;
    flex-direction: column
}

.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 rgb(0 0 0 / .15)
}

.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, rgb(255 255 255 / .1) 0, rgb(255 255 255 / .05) 50%, rgb(255 255 255 / .1) 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 rgb(0 0 0 / .3)
}

.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
}

.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 rgb(255 255 255 / .1);
    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 {
    text-align: center
}

.pricing-table th {
    background-color: #2d907a;
    color: #fff
}

.pricing-table a {
    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
}

.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 {
    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__cta {
    margin-top: 40px
}

.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 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center
    }

    .sec-text-in h2 {
        font-size: 22px;
        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,
    .hero-remit-neo {
        padding-top: 100px;
        padding-bottom: 70px
    }

    .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;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100%;
        display: flex
    }

    .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: rgb(0 0 0 / .6);
        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);
        padding-top: 100px;
        padding-bottom: 70px
    }

    .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);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100%;
        display: flex;
        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
    }
}

@media (max-width:480px) {
    .faq-license__title {
        font-size: 1.5rem
    }

    .faq-license__grid {
        gap: 16px
    }

    .faq-license__card {
        padding: 16px
    }
}

.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: rgb(255 255 255 / .05);
    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
}

.calender-iframe,
.globe-container,
.hero-payment,
.phone-wrapper {
    position: relative
}

@media (max-width:576px) {
    #header {
        z-index: 997;
        padding: 15px 0;
        transition: .5s
    }

    .floating-card {
        display: none
    }
}

@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: rgb(34 39 43 / .95);
        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: 100px
    }

    .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: 45px
    }

    .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: rgb(255 255 255 / .02);
    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 rgb(0 255 180 / .15)
}

.hero-heading-semi h1 span {
    font-size: 32px;
    font-weight: 600
}

.feature-icon {
    color: #3daeff;
    font-size: 32px;
    margin-bottom: 10px
}

.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
}

@media (max-width:992px) {
    #features-empowering {
        flex-direction: column;
        padding: 4rem 0
    }

    .features-grid {
        grid-template-columns: 1fr
    }

    .dash-remit-img,
    .globe-container,
    .layout-bg-desk {
        display: none
    }

    .feature-empower-data-btn,
    .feature-empowering-text h1,
    .feature-empowering-text h4 {
        text-align: center
    }

    .feature-empower-data-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .inds-exchange img {
        width: 70%
    }

    .layout-bg-mob {
        display: block
    }

    .calender-text-data h2 {
        font-size: 24px
    }

    .calender-text-data {
        display: flex;
        flex-direction: column-reverse
    }
}

.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 rgb(100 255 218 / .05);
    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: rgb(31 41 55 / .5);
    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 rgb(0 0 0 / .5);
    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: rgb(0 0 0 / .8);
    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: rgb(31 41 55 / .5);
    backdrop-filter: blur(5px);
    border: 1px solid #374151;
    border-radius: 1rem;
    box-shadow: 0 4px 10px rgb(0 0 0 / .3);
    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 rgb(14 165 233 / .1)
}

.msb-sec-icon {
    background-color: rgb(14 165 233 / .1);
    border: 1px solid rgb(14 165 233 / .3);
    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%)
}

.msb-Streamlined-step:first-child {
    animation-delay: .2s
}

.msb-Streamlined-step:nth-child(2) {
    animation-delay: .4s
}

.bar3,
.msb-Streamlined-step:nth-child(3) {
    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: 60px
    }
}

@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
    }
}

.modal-open {
    padding-right: 0 !important
}

.remit-branded-section {
    background-color: #041e34;
    color: #fff;
    padding: 60px 0
}

.remit-branded-step h2 {
    font-size: 26px;
    font-weight: 700;
    color: #2b8cff
}

.remit-branded-step h4 {
    font-weight: 600;
    color: #fff;
    font-size: 24px
}

.remit-branded-step p {
    color: #d3d3d3;
    font-size: 1rem;
    line-height: 1.6
}

.remit-branded-phone {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto
}

.ecosystem-support .card {
    background: #0f2747;
    border: 1px solid #fff0;
    border-radius: 12px;
    padding: 20px;
    transition: .3s;
    height: 100%
}

.ecosystem-support .card:hover {
    border: 1px solid #2f80ed;
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgb(47 128 237 / .2)
}

.ecosystem-support .step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #2f80ed;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 15px
}

.ecosystem-support .key-benefit {
    background: #132b4d;
    border-radius: 8px;
    padding: 12px;
    margin: 15px 0;
    font-size: .95rem;
    line-height: 1.7;
    border-left: 5px solid #2f80ed
}

.ecosystem-support .btn-learn {
    background: #2f80ed;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 500;
    color: #fff
}

.ecosystem-support .btn-learn:hover {
    background: #1b64c8
}

.phone-design-wrapper {
    position: relative;
    display: flex;
    justify-content: center
}

.phone-design-conatiner {
    width: 100%;
    max-width: 360px;
    height: 650px;
    background: linear-gradient(to bottom, #f8fbff, #eaf2f8);
    border: 12px solid #000;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgb(0 0 0 / .2);
    text-align: center;
    padding: 40px 20px;
    margin: 0 auto
}

.notch {
    width: 120px;
    height: 25px;
    background: #000;
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 50%
}

.status-icons,
.status-time,
.status-time-2 {
    position: absolute;
    top: 12px;
    gap: 8px;
    display: flex
}

.status-icons {
    right: 20px
}

.status-time,
.status-time-2 {
    left: 20px
}

.logo-center {
    position: relative;
    width: 100px;
    z-index: 99
}

.phone-design-conatiner h2 {
    font-size: 16px;
    color: #004080;
    font-weight: 700;
    margin: 15px 0 5px
}

.phone-design-conatiner p {
    font-size: 14px;
    color: #555;
    margin: 0
}

.floating-card img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15)
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }
}

.phone-cal-country {
    border-radius: 12px;
    padding: 8px;
    background: #f3f8ff
}

.phone-cal-country-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0;
    border: 1px solid #377cd5;
    padding: 8px 6px;
    border-radius: 10px
}

.phone-cal-country-data .right {
    display: flex;
    align-items: center;
    gap: 5px
}

.phone-cal-country-data .flag {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 12px
}

.phone-cal-country .text-num {
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    color: #377cd5
}

.phone-cal-country .text,
.phone-cal-country .text-cur {
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.phone-cal-country.dropdown {
    font-size: 14px;
    color: #444;
    margin-left: 8px;
    cursor: pointer
}

.phone-cal-country .rate {
    font-size: 13px;
    color: #3a6cae;
    margin-top: 15px;
    font-weight: 500
}

.made-with-love {
    font-size: 12px;
    color: #555;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 100%
}

.heart {
    color: #d87ca1;
    font-size: 18px;
    margin: 0 5px;
    display: inline-block;
    animation: 1.5s infinite pulse
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: .7;
        opacity: 1
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
        opacity: .5
    }
}

.top-left {
    top: 12%;
    left: -45px;
    animation-delay: 0s;
    position: absolute
}

.top-right {
    top: 20%;
    right: -37%;
    animation-delay: 1s
}

.bottom-left {
    bottom: 10%;
    left: -34%;
    animation-delay: 2s
}

.bottom-right {
    bottom: 20%;
    right: -35%;
    animation-delay: 3s
}

.bottom-bar {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 6rem;
    height: 4px;
    background: #000;
    border-radius: 9999px
}

.dark .bottom-bar,
.landing-video .overlay:hover .play-btn {
    background: rgb(255 255 255 / .2)
}

.blog-security-last {
    margin-top: 3rem;
    background-color: #1f2937;
    padding: 2rem;
    border-radius: .5rem;
    text-align: center;
    box-shadow: 0 10px 15px rgb(0 0 0 / .3)
}

.blog-security-last p {
    font-size: 1.125rem;
    color: #d1d5db;
    margin-bottom: 1rem
}

.blog-security-last p.highlight {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem
}

.blog-security-last a {
    display: inline-block;
    background-color: #377cd5;
    color: #fff;
    font-weight: 700;
    padding: .75rem 2rem;
    border-radius: .5rem;
    box-shadow: 0 4px 6px rgb(0 0 0 / .2)
}

.remitso-eco-sys-icon {
    width: 40px;
    height: 40px;
    min-width: 32px;
    flex-shrink: 0;
    margin-right: 10px
}

.Product-Suite .feature-block .card a,
.remitso-eco-sys-btn a {
    align-items: center;
    display: inline-flex;
    font-weight: 600;
    text-decoration: none
}

.remitso-eco-sys-btn a {
    color: #377cd5;
    gap: 6px;
    position: relative;
    transition: .3s
}

.remitso-eco-sys-btn a span {
    display: inline-block;
    transition: transform .3s
}

.remitso-eco-sys-btn a:hover span {
    transform: translateX(5px)
}

.remitso-eco-sys-btn a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 2px;
    background: #377cd5;
    transition: width .3s
}

.navigating-the-maze-container {
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    background: rgb(17 24 39 / .5);
    padding: 1.5rem;
    border-radius: .5rem;
    animation: 1s .8s forwards navigating-the-maze-fade-in-up
}

@keyframes navigating-the-maze-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.navigating-the-maze-donut {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient(var(--chart-affiliates) 0 83.2%, var(--chart-irds) 83.2% 98.2%, var(--chart-rnps) 98.2% 100%);
    animation: 1s ease-in-out navigating-the-maze-grow
}

.navigating-the-maze-center,
.navigating-the-maze-donut::before {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.navigating-the-maze-donut::before {
    content: '';
    width: 75%;
    height: 75%;
    background: #111827;
    border-radius: 50%
}

@keyframes navigating-the-maze-grow {
    from {
        transform: scale(.9);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.navigating-the-maze-center {
    text-align: center;
    color: #fff
}

.navigating-the-maze-center span:first-child {
    font-size: 2rem;
    font-weight: 700;
    display: block
}

.navigating-the-maze-center span:last-child {
    font-size: .875rem;
    color: #9ca3af
}

.navigating-the-maze-legend {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1rem
}

.navigating-the-maze-color {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    margin-right: .75rem
}

.navigating-the-maze-label {
    color: #fff;
    font-weight: 500
}

.navigating-the-maze-value {
    margin-left: .5rem;
    color: #d1d5db;
    font-weight: 700
}

:root {
    --chart-affiliates: #3B82F6;
    --chart-irds: #F59E0B;
    --chart-rnps: #10B981
}

.Product-Suite .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem
}

.Product-Suite .glow-background {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 80vh;
    max-width: 1200px;
    max-height: 1200px;
    background: radial-gradient(circle, rgb(29 78 216 / .1) 0, #fff0 70%);
    z-index: -1
}

.Product-Suite .section-header {
    text-align: center;
    padding-top: 6rem;
    padding-bottom: 4rem
}

.Product-Suite .section-header h2 {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    margin: 0
}

.Product-Suite .section-header p {
    margin-top: 1rem;
    font-size: 1.1rem;
    color: #9ca3af;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.Product-Suite .journey-container {
    position: relative;
    padding-top: 10vh;
    padding-bottom: 20vh
}

.Product-Suite .journey-line-svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: 0;
    pointer-events: none
}

.Product-Suite .journey-node {
    transition: r .4s, filter .4s
}

.Product-Suite .journey-node.is-active {
    r: 10;
    filter: drop-shadow(0 0 8px rgb(59 130 246 / .8))
}

.Product-Suite .feature-block {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .6s ease-out, transform .6s ease-out
}

.Product-Suite .feature-block.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.Product-Suite .feature-block .card {
    background: rgb(17 24 39 / .5);
    border: 1px solid #1e293b;
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 1.5rem;
    margin: 20px 0
}

.Product-Suite .feature-block .card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #fff
}

.Product-Suite .feature-block .card p {
    margin-top: .75rem;
    color: #9ca3af;
    line-height: 1.5
}

.Product-Suite .feature-block .card a {
    gap: .5rem;
    margin-top: 1rem;
    font-size: .9rem;
    color: #60a5fa;
    transition: color .3s
}

.Product-Suite .feature-block .card a:hover {
    color: #93c5fd
}

.Product-Suite .feature-block .icon {
    background: #1e293b;
    padding: .75rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 1.2rem
}

@media (min-width:1024px) {
    .blog-image {
        margin-top: 5px
    }

    .msb-sec {
        grid-template-columns: repeat(3, 1fr)
    }

    .Product-Suite .feature-block.align-left {
        margin-right: calc(50% + 80px);
        margin-left: 0
    }

    .Product-Suite .feature-block.align-right {
        margin-left: calc(50% + 80px);
        margin-right: 0
    }

    .Product-Suite .feature-block .card {
        margin-top: 20px !important
    }
}

.lock-svg {
    animation: 1.2s infinite lock-bounce
}

@keyframes lock-bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-3px)
    }
}

.gear-svg {
    animation: 3s linear infinite gear-spin
}

@keyframes gear-spin {
    0% {
        transform: rotate(0)
    }

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

.payout-svg {
    animation: 1.2s infinite payout-bounce
}

@keyframes payout-bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-3px)
    }
}

.icon-svg-wrapper img {
    width: 60px;
    text-align: center
}

.financial-accounts-dashboard .main-card {
    background-color: #1a2c47;
    border: 1px solid #2a4365;
    border-radius: .75rem
}

.financial-accounts-dashboard .kpi-card {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: 1.5rem;
    border-radius: .75rem;
    transition: transform .2s
}

.financial-accounts-dashboard .kpi-card:hover {
    transform: translateY(-3px)
}

.financial-accounts-dashboard .data-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 0;
    border-bottom: 1px solid #2a4365
}

.Control-Every-Step-state-item:last-child,
.Glossary-purpose-item:last-child,
.disaster-recovery-activity-item:last-child,
.financial-accounts-dashboard .data-list-item:last-child,
.proactively-mitigate-risk .radar-item:last-child,
.source-pricing-td-table tbody tr:last-child td {
    border-bottom: none
}

.financial-accounts-dashboard .figure-box {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: .25rem .75rem;
    border-radius: .375rem;
    text-align: right;
    min-width: 120px;
    color: #fff
}

.financial-accounts-dashboard .add-button {
    border: 1px solid #2563eb;
    color: #60a5fa;
    font-weight: 600;
    padding: .25rem .75rem;
    border-radius: .5rem;
    text-align: center;
    width: 100%;
    background: 0 0
}

.financial-accounts-dashboard .add-button:hover {
    background: #2563eb;
    color: #fff
}

.proactively-mitigate-risk .main-card {
    background-color: #1a2c47;
    border: 1px solid #2a4365;
    border-radius: 16px
}

.proactively-mitigate-risk .sub-module-card {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: 1.25rem;
    border-radius: .75rem;
    display: flex;
    align-items: center
}

.Automate-Your-Compliance .sub-module-card.active,
.proactively-mitigate-risk .sub-module-card.active {
    background-color: #2a4365;
    border-color: #60a5fa
}

.proactively-mitigate-risk .sub-module-card .icon {
    color: #60a5fa;
    margin-right: 1rem;
    flex-shrink: 0
}

.proactively-mitigate-risk .radar-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
    border-bottom: 1px solid #2a4365
}

.proactively-mitigate-risk .icon-status {
    flex-shrink: 0
}

.Automate-Your-Compliance .main-card,
.ControlAccess .main-card,
.Every-Customer .main-card,
.Secure-Every-Transaction .main-card,
.Transact-with-Confidence .main-card {
    background-color: #1a2c47;
    border: 1px solid #2a4365;
    border-radius: 16px !important
}

.Automate-Your-Compliance .sub-module-card {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: 1rem;
    border-radius: 16px
}

.Automate-Your-Compliance .sub-module-card .icon {
    color: #60a5fa;
    flex-shrink: 0
}

.Automate-Your-Compliance .policy-item {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: .75rem 1.25rem;
    border-radius: 16px
}

.Secure-Every-Transaction .badge {
    background-color: rgb(30 58 138 / .6);
    color: #60a5fa;
    font-size: .75rem
}

.Secure-Every-Transaction .search-bar {
    background-color: rgb(17 24 39 / .6);
    border: 1px solid #2a4365;
    color: #6b7280
}

.Secure-Every-Transaction .current-page {
    background-color: rgb(55 65 81 / .5)
}

.Secure-Every-Transaction .risk-factor-item {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: .75rem 1.25rem;
    border-radius: .5rem;
    color: #fff;
    text-align: start;
    width: 100%;
    box-sizing: border-box
}

.Secure-Every-Transaction .risk-factor-item .icon {
    background-color: #2a4365;
    color: #60a5fa;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 1rem
}

.Transact-with-Confidence .list-item {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: 1rem 1.25rem;
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem
}

.Transact-with-Confidence .list-item .dot {
    width: 8px;
    height: 8px;
    background-color: #6c757d;
    border-radius: 50%;
    display: inline-block
}

.Transact-with-Confidence .pagination-arrow {
    background-color: #2a4365;
    border: 1px solid #4a5c7b;
    border-radius: .375rem;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    cursor: pointer
}

.Transact-with-Confidence .pagination-arrow.disabled {
    color: #4b5563;
    cursor: not-allowed
}

.Transact-with-Confidence .pagination-arrow.active {
    color: #e0e0e0
}

.icon-svg-wrapper-data img {
    width: 18px;
    height: 18px
}

.ControlAccess .role-card {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: 1.25rem;
    border-radius: .75rem;
    transition: .3s
}

.ControlAccess .role-card.active {
    border-color: #60a5fa;
    box-shadow: 0 0 15px rgb(96 165 250 / .2)
}

.ControlAccess .permission-item {
    display: flex;
    align-items: center;
    font-size: .95rem
}

.ControlAccess .permission-item .icon-granted {
    color: #4ade80;
    margin-right: .75rem;
    flex-shrink: 0
}

.ControlAccess .permission-item .icon-denied {
    color: #f87171;
    margin-right: .75rem;
    flex-shrink: 0
}

.Every-Customer .customer-card {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    padding: .75rem 1rem;
    border-radius: .75rem;
    color: #fff
}

.Every-Customer .customer-card.active {
    border-color: #60a5fa;
    background-color: #2a4365
}

.Every-Customer .status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block
}

.Every-Customer .status-verified {
    background-color: #4ade80
}

.Every-Customer .detail-card {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    border-radius: .75rem;
    padding: 1rem;
    color: #fff
}

.Every-Customer .action-link {
    background-color: #1a2c47;
    border: 1px solid #2a4365;
    padding: .75rem 1rem;
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #e0e0e0;
    cursor: pointer
}

.Every-Customer .pagination-arrow {
    background-color: #2a4365;
    border: 1px solid #4a5c7b;
    border-radius: .375rem;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.disaster-recovery-main,
.party-integrations-main,
.payout-workflows-main {
    background-color: #1a2c47;
    border: 1px solid rgb(51 65 85 / .8);
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / .5);
    padding: 1.5rem
}

.payout-workflows-section-title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.payout-workflows-setting-card {
    background-color: #0d1a2e;
    border: 1px solid rgb(51 65 85 / .6);
    border-radius: .5rem;
    padding: 1rem;
    margin-bottom: .75rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: .2s
}

.payout-workflows-setting-card:hover {
    border-color: rgb(20 184 166 / .5)
}

.payout-workflows-setting-card.highlighted {
    border-color: rgb(20 184 166 / .5);
    box-shadow: 0 0 0 2px rgb(20 184 166 / .2)
}

.payout-workflows-icon {
    flex-shrink: 0;
    margin-top: .25rem;
    width: 24px;
    height: 24px
}

.payout-workflows-card-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: .25rem;
    font-size: 1.125rem
}

.disaster-recovery-status-info p,
.party-integrations-detail-description,
.party-integrations-service-description,
.payout-workflows-card-description {
    color: #94a3b8;
    font-size: .875rem;
    margin: 0
}

.payout-workflows-methods-container {
    background-color: #0d1a2e;
    border: 1px solid rgb(51 65 85 / .6);
    border-radius: .5rem;
    padding: 1rem
}

.payout-workflows-method-section-title {
    color: #94a3b8;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.disaster-recovery-activity-item,
.payout-workflows-method-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
    border-bottom: 1px solid rgb(51 65 85 / .5)
}

.payout-workflows-method-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.disaster-recovery-activity-left,
.payout-workflows-method-info {
    display: flex;
    align-items: center;
    gap: .75rem
}

.payout-workflows-method-name {
    color: #cbd5e1;
    font-weight: 500;
    font-size: .875rem
}

.payout-workflows-add-method,
.payout-workflows-configure-link {
    display: flex;
    align-items: center;
    color: #94a3b8;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer
}

.payout-workflows-configure-link {
    gap: .375rem;
    text-decoration: none;
    transition: color .2s
}

.Glossary-filter-inactive:hover,
.manage-operational-corridors table,
.payout-workflows-configure-link:hover {
    color: #cbd5e1
}

.payout-workflows-add-method {
    justify-content: center;
    gap: .5rem;
    padding: .75rem;
    margin-top: .75rem;
    border: 2px dashed #334155;
    border-radius: .5rem;
    background: 0 0;
    transition: .2s
}

.disaster-recovery-config-button,
.party-integrations-add-btn,
.party-integrations-btn-danger,
.party-integrations-pagination-btn,
.party-integrations-service-item {
    transition: background-color .2s;
    cursor: pointer
}

.party-integrations-header-left,
.party-integrations-header-section {
    align-items: center;
    gap: 1rem;
    display: flex
}

.payout-workflows-add-method:hover {
    background-color: rgb(51 65 85 / .5);
    border-color: #475569;
    color: #cbd5e1
}

.payout-workflows-divider {
    margin: 1rem 0;
    padding-top: 1rem;
    border-top: 1px solid rgb(51 65 85 / .6)
}

.party-integrations-header-section {
    justify-content: space-between;
    margin-bottom: 1.5rem;
    flex-wrap: wrap
}

.party-integrations-section-title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0
}

.party-integrations-search-bar {
    position: relative;
    width: 100%;
    max-width: 20rem
}

.party-integrations-search-input {
    width: 100%;
    background-color: rgb(30 41 59 / .6);
    border: 1px solid #334155;
    border-radius: .375rem;
    padding: .5rem .75rem .5rem 2.5rem;
    color: #fff;
    font-size: .875rem
}

.party-integrations-search-input::placeholder {
    color: #94a3b8
}

.party-integrations-search-input:focus {
    outline: 0;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgb(59 130 246 / .5)
}

.party-integrations-search-icon {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: #94a3b8
}

.party-integrations-add-btn {
    background-color: #2563eb;
    color: #fff;
    font-weight: 600;
    padding: .5rem 1rem;
    border-radius: .375rem;
    border: none;
    display: flex;
    align-items: center;
    gap: .5rem
}

.Control-Every-Step-add-btn:hover,
.Glossary-add-btn:hover,
.party-integrations-add-btn:hover,
.party-integrations-btn-primary:hover {
    background-color: #1d4ed8
}

.party-integrations-service-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-radius: .5rem;
    margin-bottom: .75rem
}

.party-integrations-service-item:hover {
    background-color: rgb(30 41 59 / .5)
}

.party-integrations-service-item.selected {
    background-color: #0d1a2e
}

.party-integrations-service-initial {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    font-size: .875rem
}

.Control-Every-Step-state-badge.initiated,
.party-integrations-service-initial.selected {
    background-color: #3b82f6
}

.party-integrations-service-initial.default {
    background-color: #475569
}

.party-integrations-service-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: .25rem;
    font-size: 20px
}

.party-integrations-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: .875rem
}

.party-integrations-detail-actions,
.party-integrations-pagination-controls {
    align-items: center;
    display: flex;
    gap: .5rem
}

.global-remittance-network p,
.manage-operational-corridors p,
.party-integrations-pagination-info {
    color: #94a3b8
}

.party-integrations-pagination-btn {
    padding: .375rem;
    border-radius: .375rem;
    border: none;
    background: 0 0;
    color: #94a3b8
}

.Control-Every-Step-pagination-btn:hover,
.Glossary-category-card:hover:not(.selected),
.Glossary-pagination-btn:hover,
.party-integrations-pagination-btn:hover {
    background-color: rgb(51 65 85 / .5)
}

.party-integrations-detail-view {
    background-color: #0d1a2e;
    border: 1px solid rgb(51 65 85 / .6);
    border-radius: .5rem;
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column
}

.party-integrations-btn-primary,
.party-integrations-btn-secondary {
    color: #fff;
    padding: .5rem 1rem;
    transition: background-color .2s;
    cursor: pointer
}

.party-integrations-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem
}

.party-integrations-detail-title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.party-integrations-detail-actions {
    margin-bottom: 1.5rem;
    flex-wrap: wrap
}

.party-integrations-btn-primary {
    background-color: #2563eb;
    font-weight: 600;
    border-radius: .375rem;
    border: none
}

.party-integrations-btn-secondary {
    background-color: rgb(51 65 85 / .8);
    font-weight: 600;
    border-radius: .375rem;
    border: none;
    display: flex;
    align-items: center;
    gap: .5rem
}

.disaster-recovery-config-button:hover,
.party-integrations-btn-secondary:hover {
    background-color: rgb(75 85 99 / .8)
}

.party-integrations-btn-danger {
    border: 1px solid rgb(239 68 68 / .5);
    background: 0 0;
    color: #f87171;
    padding: .5rem;
    border-radius: .375rem
}

.party-integrations-btn-danger:hover {
    background-color: rgb(239 68 68 / .1)
}

.party-integrations-detail-fields {
    margin-bottom: 1.5rem
}

.party-integrations-field,
.phone-design-wrapper-file .activity h3 {
    margin-bottom: 1rem
}

.party-integrations-field-label {
    color: #94a3b8;
    font-size: .75rem;
    margin-bottom: .25rem;
    display: block
}

.party-integrations-field-value {
    background-color: rgb(51 65 85 / .5);
    padding: .5rem;
    border-radius: .375rem;
    color: #fff;
    font-size: .875rem;
    word-break: break-all
}

.party-integrations-tip {
    background-color: rgb(51 65 85 / .4);
    padding: .75rem;
    border-radius: .5rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: .75rem;
    color: #94a3b8;
    margin-top: auto
}

.party-integrations-tip-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #60a5fa;
    margin-top: .125rem
}

.disaster-recovery-status-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgb(51 65 85 / .6);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

.disaster-recovery-metric-content p.value,
.disaster-recovery-status-info h2 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .25rem
}

.disaster-recovery-status-indicator {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .75rem;
    border-radius: 9999px;
    font-size: .875rem;
    font-weight: 500
}

.disaster-recovery-status-operational {
    background-color: #0d1a2e;
    color: #4ade80
}

.disaster-recovery-status-syncing {
    background-color: #0d1a2e;
    color: #60a5fa
}

.disaster-recovery-status-dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%
}

.Control-Every-Step-state-badge.cleared,
.disaster-recovery-status-dot.operational {
    background-color: #22c55e
}

.disaster-recovery-status-dot.syncing {
    background-color: #0d1a2e;
    animation: 2s infinite pulse
}

.disaster-recovery-metric-card {
    background-color: #0d1a2e;
    padding: 1rem;
    border-radius: .5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

.disaster-recovery-metric-icon {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(51 65 85 / .5);
    border-radius: .5rem;
    color: #60a5fa
}

.disaster-recovery-metric-content p.title {
    color: #94a3b8;
    font-size: .875rem;
    margin-bottom: .25rem
}

.disaster-recovery-activity-info p.time,
.disaster-recovery-metric-content p.description {
    color: #64748b;
    font-size: .75rem;
    margin: 0
}

.disaster-recovery-section-title {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.disaster-recovery-activity-container,
.disaster-recovery-config-container {
    background-color: #0d1a2e;
    padding: 1rem;
    border-radius: .5rem;
    border: 1px solid rgb(51 65 85 / .6)
}

.disaster-recovery-config-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.disaster-recovery-config-label {
    color: #fff;
    font-weight: 500;
    font-size: .875rem
}

.disaster-recovery-config-button {
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: rgb(51 65 85 / .8);
    color: #fff;
    padding: .375rem .75rem;
    border-radius: .375rem;
    border: none;
    font-size: .875rem
}

.disaster-recovery-activity-icon {
    color: #94a3b8;
    width: 18px;
    height: 18px
}

.disaster-recovery-activity-info p.title {
    color: #fff;
    font-weight: 500;
    font-size: .875rem;
    margin-bottom: .125rem
}

.disaster-recovery-activity-status {
    font-size: .875rem;
    font-weight: 500
}

.Master-Your-Margins .margin-positive,
.disaster-recovery-activity-status.completed {
    color: #4ade80
}

.disaster-recovery-activity-status.in-progress {
    color: #60a5fa
}

.global-remittance-network .gn-card {
    background: #1a2c47;
    border: 1px solid rgb(51 65 85 / .8);
    border-radius: 1rem;
    padding: 15px 10px;
    box-shadow: 0 10px 25px rgb(15 23 42 / .6)
}

.global-remittance-network .search-bar input {
    background-color: rgb(30 41 59 / .6);
    border: 1px solid #475569;
    color: #fff;
    padding-left: 2.5rem
}

.global-remittance-network .search-bar svg,
.manage-operational-corridors .search-bar svg {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    fill: #94a3b8
}

.global-remittance-network .filter-labels span {
    font-size: .9rem;
    font-weight: 500;
    padding: .4rem .8rem;
    border-radius: .5rem;
    cursor: pointer
}

.global-remittance-network .filter-labels .active,
.manage-operational-corridors .filter-labels .active {
    background: rgb(51 65 85 / .8);
    color: #fff
}

.global-remittance-network .company-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid rgb(51 65 85 / .6);
    transition: background .2s;
    cursor: pointer
}

.global-remittance-network .company-item:hover,
.manage-operational-corridors tbody tr:hover {
    background: rgb(30 41 59 / .4)
}

.global-remittance-network .company-initial {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    background: #475569;
    flex-shrink: 0
}

.global-remittance-network .company-type {
    font-size: .75rem;
    text-transform: uppercase;
    color: #94a3b8
}

.global-remittance-network .status-active,
.manage-operational-corridors .status-check {
    color: #22c55e
}

.global-remittance-network .status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px
}

.global-remittance-network .status-dot.active {
    background: #22c55e
}

.global-remittance-network .status-dot.disabled {
    background: #475569
}

.global-remittance-network .pagination-controls button,
.manage-operational-corridors .pagination-controls button {
    background: 0 0;
    border: none;
    color: #94a3b8;
    padding: .4rem .6rem;
    border-radius: .4rem
}

.global-remittance-network .pagination-controls button:hover,
.manage-operational-corridors .pagination-controls button:hover {
    background: rgb(51 65 85 / .5)
}

.global-remittance-network .btn-add,
.manage-operational-corridors .btn-add {
    background: #2563eb;
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    padding: .5rem 1rem;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    gap: .4rem;
    transition: background .2s
}

.global-remittance-network .btn-add:hover,
.manage-operational-corridors .btn-add:hover {
    background: #1d4ed8
}

.manage-operational-corridors .main-card {
    background: #1a2c47;
    border: 1px solid rgb(51 65 85 / .8);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 10px 25px rgb(15 23 42 / .7)
}

.manage-operational-corridors .management-card {
    background: #0d1a2e;
    border: 1px solid rgb(51 65 85 / .6);
    border-radius: .8rem;
    padding: 1.5rem;
    transition: .3s
}

.manage-operational-corridors .management-card.active {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgb(59 130 246 / .5)
}

.manage-operational-corridors .management-icon {
    background: rgb(51 65 85 / .5);
    padding: .8rem;
    border-radius: .5rem;
    color: #3b82f6;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.manage-operational-corridors .management-link {
    color: #3b82f6;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .9rem
}

.manage-operational-corridors thead {
    background: rgb(30 41 59 / .6);
    color: #94a3b8;
    text-transform: uppercase;
    font-size: .75rem
}

.manage-operational-corridors tbody tr {
    border-bottom: 1px solid rgb(51 65 85 / .6);
    transition: background .2s
}

.manage-operational-corridors .currency-name {
    color: #3b82f6;
    font-weight: 600
}

.manage-operational-corridors .search-bar input {
    background-color: rgb(30 41 59 / .6);
    border: 1px solid #475569;
    color: #fff;
    padding-left: 2.2rem
}

.manage-operational-corridors .filter-labels span {
    font-size: .85rem;
    font-weight: 500;
    padding: .3rem .8rem;
    border-radius: .5rem;
    cursor: pointer
}

.Control-Every-Step-main-card,
.Glossary-main-card {
    background-color: #1a2c47;
    border: 1px solid rgb(71 85 105 / .8);
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / .5);
    padding: 1.5rem
}

.Control-Every-Step-management-card {
    background-color: #0d1a2e;
    border: 1px solid rgb(71 85 105 / .6);
    border-radius: .5rem;
    padding: 1.5rem;
    transition: .3s;
    margin-bottom: 1.5rem
}

.Control-Every-Step-management-card.active,
.Glossary-category-card.selected {
    border-color: rgb(59 130 246 / .8);
    box-shadow: 0 0 0 2px rgb(59 130 246 / .5)
}

.Control-Every-Step-icon-container {
    background-color: rgb(51 65 85 / .5);
    border-radius: .5rem;
    padding: .75rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Control-Every-Step-icon,
.Glossary-icon {
    color: #60a5fa;
    width: 24px;
    height: 24px
}

.Control-Every-Step-card-title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0
}

.Control-Every-Step-card-description {
    color: #94a3b8;
    font-size: .875rem;
    margin-top: .5rem;
    margin-bottom: 0
}

.Control-Every-Step-section-title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.Control-Every-Step-add-btn,
.Glossary-add-btn {
    background-color: #2563eb;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: .5rem 1rem;
    border-radius: .375rem;
    font-size: .875rem;
    transition: background-color .3s;
    display: flex;
    align-items: center;
    gap: .5rem
}

.Control-Every-Step-search-container,
.Glossary-search-container {
    position: relative;
    max-width: 20rem
}

.Control-Every-Step-search-input,
.Glossary-search-input {
    background-color: rgb(30 41 59 / .6);
    border: 1px solid #374151;
    border-radius: .375rem;
    padding: .5rem .75rem .5rem 2.5rem;
    color: #fff;
    width: 100%
}

.Control-Every-Step-search-input::placeholder {
    color: #94a3b8
}

.Control-Every-Step-search-input:focus,
.Glossary-search-input:focus {
    outline: 0;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgb(37 99 235 / .5)
}

.Control-Every-Step-search-icon,
.Glossary-search-icon {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    width: 18px;
    height: 18px
}

.Control-Every-Step-state-item {
    padding: 1rem;
    border-bottom: 1px solid rgb(71 85 105 / .6);
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

.Control-Every-Step-state-badge {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    font-size: .75rem;
    flex-shrink: 0
}

.Control-Every-Step-state-badge.created {
    background-color: #64748b
}

.Control-Every-Step-state-badge.available {
    background-color: #10b981
}

.Control-Every-Step-state-badge.success {
    background-color: #14b8a6
}

.Control-Every-Step-state-name {
    color: #fff;
    font-weight: 600;
    margin: 0
}

.Control-Every-Step-state-description,
.Glossary-purpose-description {
    color: #94a3b8;
    font-size: .875rem;
    margin: .25rem 0 0
}

.Control-Every-Step-pagination,
.Glossary-pagination {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .875rem
}

.Control-Every-Step-pagination-info {
    color: #94a3b8
}

.Control-Every-Step-pagination-controls,
.Glossary-pagination-controls {
    display: flex;
    gap: .5rem
}

.Control-Every-Step-pagination-btn {
    background: 0 0;
    border: none;
    color: #94a3b8;
    padding: .375rem;
    border-radius: .375rem;
    transition: background-color .3s
}

.Glossary-category-card {
    background-color: #0d1a2e;
    border: 1px solid rgb(71 85 105 / .6);
    border-radius: .5rem;
    padding: 1rem;
    transition: .3s;
    margin-bottom: 1rem;
    cursor: pointer
}

.Glossary-icon-container {
    background-color: rgb(51 65 85 / .5);
    border-radius: .5rem;
    padding: .5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.Glossary-card-title {
    color: #fff;
    font-weight: 700;
    margin: 0;
    font-size: 20px
}

.Glossary-card-description {
    color: #94a3b8;
    font-size: .875rem;
    margin-top: .25rem;
    margin-bottom: 0
}

.Glossary-section-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0
}

.Glossary-section-subtitle {
    color: #94a3b8;
    font-size: .875rem;
    margin-top: .25rem
}

.Glossary-search-input::placeholder {
    color: #94a3b8
}

.Glossary-filter-labels {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: .875rem;
    font-weight: 500
}

.Glossary-filter-active {
    color: #fff;
    background-color: rgb(51 65 85 / .8);
    padding: .375rem .75rem;
    border-radius: .375rem
}

.Glossary-filter-inactive {
    color: #94a3b8;
    cursor: pointer;
    transition: color .3s
}

.Glossary-purpose-item {
    padding: 1rem;
    border-bottom: 1px solid rgb(71 85 105 / .6);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Glossary-purpose-content {
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

.Glossary-purpose-initial {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    font-size: .875rem;
    flex-shrink: 0;
    background-color: #64748b
}

.Glossary-purpose-name {
    color: #fff;
    font-weight: 600;
    margin: 0;
    font-size: 20px
}

.Glossary-toggle {
    width: 24px;
    height: 24px;
    color: #475569;
    transition: .3s;
    cursor: pointer
}

.Glossary-toggle.active {
    color: #4ade80;
    transform: rotate(180deg)
}

.Glossary-pagination-info {
    color: #94a3b8
}

.Glossary-pagination-btn {
    background: 0 0;
    border: none;
    color: #94a3b8;
    padding: .375rem;
    border-radius: .375rem;
    transition: background-color .3s;
    cursor: pointer
}

.Master-Your-Margins .main-card {
    background-color: #1a2c47;
    border: 1px solid #2a4365;
    border-radius: 1rem
}

.Master-Your-Margins .cyan-theme {
    background-color: rgb(34 211 238 / .05);
    border-color: #fff
}

.Master-Your-Margins .cyan-accent-text {
    color: #22d3ee
}

.Master-Your-Margins .static-box {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    border-radius: .375rem;
    padding: .5rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.Master-Your-Margins .static-table-box {
    background-color: #0d1a2e;
    border: 1px solid #2a4365;
    border-radius: .375rem;
    padding: .5rem;
    text-align: right;
    color: #fff
}

.Master-Your-Margins .table-header {
    color: #9ca3af;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em
}

.Master-Your-Margins .tab {
    padding: .75rem 1.5rem;
    border-bottom: 2px solid #fff0;
    cursor: pointer
}

.Master-Your-Margins .tab.active {
    color: #22d3ee;
    border-bottom-color: #22d3ee
}

.Master-Your-Margins .add-slab {
    color: #38bdf8;
    font-weight: 600;
    font-size: .875rem;
    cursor: pointer
}

.blog-column .blog-desc h3 {
    color: #fff;
    font-size: 18px
}

.phone-design-wrapper-file {
    color: #1f2937;
    text-align: left;
    flex-grow: 1;
    position: relative
}

.phone-design-wrapper-file .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    animation: .6s ease-out slideInFromTop
}

.phone-design-wrapper-file .header h2 {
    font-weight: 700;
    font-size: 1.5rem;
    color: #111827;
    margin: 0
}

.phone-design-wrapper-file .subtext {
    font-size: .875rem;
    color: #6b7280;
    margin: .25rem 0 0
}

.phone-design-wrapper-file .avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.phone-design-wrapper-file .avatar::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / .4), transparent);
    transition: left .6s
}

.phone-design-wrapper-file .avatar:hover::before {
    left: 100%
}

.phone-design-wrapper-file .avatar:hover {
    transform: scale(1.05) rotate(5deg);
    box-shadow: 0 8px 25px rgb(59 130 246 / .3)
}

.phone-design-wrapper-file .avatar .icon {
    width: 24px;
    height: 24px;
    color: #fff;
    z-index: 1;
    display: block;
    margin: 0;
    flex-shrink: 0
}

.phone-design-wrapper-file .stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
    animation: .6s ease-out .2s both slideInFromLeft
}

.phone-design-wrapper-file .card {
    background: linear-gradient(135deg, #f8fafc, #e2e8f0);
    padding: 1.25rem;
    border-radius: 16px;
    border: 1px solid rgb(226 232 240 / .8);
    transition: .3s;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.phone-design-wrapper-file .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(59 130 246 / .1), rgb(147 51 234 / .1));
    opacity: 0;
    transition: opacity .3s
}

.phone-design-wrapper-file .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgb(0 0 0 / .15);
    border-color: rgb(59 130 246 / .3)
}

.phone-design-wrapper-file .card .value {
    font-weight: 700;
    font-size: 1.375rem;
    color: #111827;
    margin: .5rem 0 0;
    position: relative;
    z-index: 1
}

.phone-design-wrapper-file .compliance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #166534;
    padding: 1rem;
    border-radius: 16px;
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: .875rem;
    border: 1px solid #86efac;
    transition: .3s;
    cursor: pointer;
    animation: .6s ease-out .4s both slideInFromRight
}

.phone-design-wrapper-file .compliance:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgb(34 197 94 / .2)
}

.phone-design-wrapper-file .compliance .verified {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #15803d
}

.phone-design-wrapper-file .activity h3,
.phone-design-wrapper-file .activity-item .amount {
    color: #111827;
    font-size: 1rem;
    font-weight: 700
}

.phone-design-wrapper-file .compliance .icon-sm {
    width: 18px;
    height: 18px;
    animation: 2s infinite bounce
}

.phone-design-wrapper-file .activity {
    animation: .6s ease-out .6s both slideInFromBottom
}

.phone-design-wrapper-file .activity-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    padding: 1rem;
    border-radius: 12px;
    font-size: .875rem;
    margin-bottom: .75rem;
    transition: .3s;
    cursor: pointer;
    border: 1px solid rgb(226 232 240 / .8);
    position: relative;
    overflow: hidden
}

.phone-design-wrapper-file .activity-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    transform: scaleY(0);
    transition: transform .3s;
    transform-origin: bottom
}

.phone-design-wrapper-file .activity-item:hover::before {
    transform: scaleY(1)
}

.phone-design-wrapper-file .activity-item:hover {
    transform: translateX(8px);
    box-shadow: 0 6px 20px rgb(0 0 0 / .1);
    background: linear-gradient(135deg, #fff, #f1f5f9)
}

.phone-design-wrapper-file .activity-item p {
    margin: 0;
    color: #374151
}

.phone-design-wrapper .bottom-nave {
    background: linear-gradient(135deg, rgb(255 255 255 / .95), rgb(248 250 252 / .95));
    backdrop-filter: blur(20px);
    border-top: 1px solid rgb(226 232 240 / .8);
    padding: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 12px;
    color: #6b7280;
    text-align: center;
    border-radius: 10px 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -4px 20px rgb(0 0 0 / .1);
    animation: .6s ease-out .8s both slideInFromBottom;
    z-index: 10
}

.Audit-the-Code .glass-card,
.companies-trust-data {
    backdrop-filter: blur(10px);
    background: rgb(255 255 255 / .05)
}

.phone-design-wrapper .nav-item {
    text-align: center;
    color: #6b7280;
    font-size: .75rem;
    font-weight: 600;
    padding: 5px;
    border-radius: 12px;
    transition: .4s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    position: relative;
    min-width: 60px;
    user-select: none;
    overflow: hidden
}

.phone-design-wrapper .nav-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    border-radius: 0 0 4px 4px;
    transition: width .4s cubic-bezier(.4, 0, .2, 1)
}

.phone-design-wrapper .nav-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    height: 100%;
    background: rgb(59 130 246 / .1);
    border-radius: 12px;
    transition: transform .3s;
    z-index: -1
}

.phone-design-wrapper .nav-item:active::after {
    transform: translate(-50%, -50%) scale(1.1)
}

.phone-design-wrapper .nav-item:hover {
    color: #3b82f6;
    background: rgb(59 130 246 / .1);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgb(59 130 246 / .2)
}

.phone-design-wrapper .nav-item.active {
    color: #1d4ed8;
    background: rgb(59 130 246 / .15);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(59 130 246 / .25);
    animation: 3s infinite pulse
}

.phone-design-wrapper .nav-item .nav-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    transition: .4s cubic-bezier(.4, 0, .2, 1);
    opacity: .8
}

.phone-design-wrapper .nav-item:hover .nav-icon {
    transform: scale(1.2) rotate(5deg);
    opacity: 1
}

.phone-design-wrapper .nav-item.active .nav-icon {
    transform: scale(1.1);
    opacity: 1;
    filter: drop-shadow(0 2px 4px rgb(59 130 246 / .3))
}

.phone-design-wrapper .nav-item p {
    margin: 0;
    transition: .3s;
    font-weight: 600;
    font-size: 12px
}

.phone-design-wrapper .nav-item:hover p {
    font-weight: 700;
    letter-spacing: .5px
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInFromLeft {
    from {
        opacity: 0;
        transform: translateX(-30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideInFromRight {
    from {
        opacity: 0;
        transform: translateX(30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideInFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-6px)
    }

    60% {
        transform: translateY(-3px)
    }
}

.phone-design-wrapper .nav-item:active {
    animation: .6s bounce
}

.Designed-for-Growth {
    border-radius: 1.5rem;
    border: 1px solid #1a202c;
    background-color: rgb(26 32 44 / .5);
    transition: .3s
}

.Designed-for-Growth:hover {
    border-color: #377cd5;
    background-color: #1a202c
}

.icon-lg {
    height: 3rem;
    width: 3rem
}

.Everything-You-Need,
.text-secondary {
    color: #a0aec0
}

.text-info {
    color: #377cd5
}

.Month-in-Action .card.bg-info p,
.Month-in-Action .card.bg-info small,
.billing-step-1 {
    color: #a5b4fc !important
}

.billing-flow-container {
    background-color: rgb(26 32 44 / .5) !important;
    border: 1px solid #4a5568 !important;
    border-radius: 1.5rem !important
}

.billing-step-1 {
    background-color: rgb(79 70 229 / .2) !important;
    border: 1px solid #4f46e5 !important;
    font-weight: 600 !important
}

.billing-step-final {
    background-color: rgb(16 185 129 / .2) !important;
    border: 1px solid #10b981 !important;
    color: #6ee7b7 !important;
    font-weight: 700 !important
}

.billing-connector {
    width: 1px;
    height: 2rem;
    background-color: #4a5568;
    margin: 0 auto
}

.arrow {
    font-size: 2rem;
    color: #4a5568
}

.billing-group {
    border: 2px dashed #4a5568 !important;
    border-radius: 1.5rem !important
}

.billing-item,
.billing-item-action {
    background-color: #2d3748 !important;
    border: 1px solid #4a5568 !important
}

.billing-fees-container {
    background-color: rgb(30 64 175 / .4) !important;
    border: 1px solid #3b82f6 !important
}

.billing-fee-item:first-of-type {
    background-color: rgb(22 163 74 / .1) !important;
    color: #6ee7b7 !important;
    border-radius: .5rem !important
}

.billing-fee-item:nth-of-type(2) {
    background-color: rgb(139 92 246 / .1) !important;
    color: #c4b5fd !important;
    border-radius: .5rem !important
}

.billing-fee-item:nth-of-type(3) {
    background-color: rgb(20 184 166 / .1) !important;
    color: #5eead4 !important;
    border-radius: .5rem !important
}

.billing-sub-item {
    background-color: rgb(0 0 0 / .2) !important;
    border: 1px solid rgb(20 184 166 / .2) !important;
    color: #5eead4 !important
}

.billing-deduction-info {
    background-color: rgb(153 27 27 / .4) !important;
    border: 1px solid #ef4444 !important;
    color: #fca5a5 !important
}

.Month-in-Action .card,
.embed-responsive-16by9 {
    border-radius: 15px
}

.Month-in-Action .bg-dark {
    background-color: rgb(26 32 44 / .5) !important
}

.Month-in-Action .border-secondary {
    border-color: #4a5568 !important
}

.Month-in-Action .icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    background-color: #377cd5 !important;
    color: #fff !important;
    font-weight: 600
}

.Month-in-Action .card.bg-secondary {
    background-color: #2d3748 !important;
    border: 1px solid #2d3748 !important
}

.Month-in-Action .card.bg-info {
    background-color: rgb(79 70 229 / .1) !important;
    border: 1px solid rgb(79 70 229 / .3) !important
}

.Everything-You-Need .bg-secondary-50,
.Month-in-Action .bg-secondary-50 {
    background-color: rgb(45 55 72 / .5) !important
}

.Month-in-Action .border-secondary-50 {
    border-color: rgb(74 85 104 / .5) !important
}

.Everything-You-Need .text-info,
.Month-in-Action .text-teal,
.Service-Facilitation h3.h5 {
    color: #377cd5 !important
}

.Month-in-Action .border-teal {
    border: 1px solid rgb(56 178 172 / .3) !important
}

.Month-in-Action .pl-4 {
    padding-left: 1rem !important
}

.Path-to-global .timeline-line {
    left: 1.25rem;
    top: 0;
    width: 2px;
    background-color: rgb(74 85 104 / .5)
}

.Path-to-global .timeline-bullet {
    width: 2.5rem;
    height: 2.5rem;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 0);
    top: 50%
}

.Path-to-global .timeline-number {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    border: 4px solid #1a202c
}

.Path-to-global .bg-info {
    background-color: #377cd5 !important
}

.Path-to-global .timeline-card {
    background-color: rgb(26 32 44 / .5) !important;
    border: 1px solid #2d3748 !important;
    transition: .3s
}

.Path-to-global .timeline-card:hover {
    border-color: #377cd5 !important
}

@media (min-width:768px) {

    .cards-grid,
    .msb-Streamlined-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .msb-Streamlined-line {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #334155;
        transform: translateY(-50%)
    }

    .navigating-the-maze-container {
        flex-direction: row
    }

    .disaster-recovery-status-section {
        flex-direction: row;
        align-items: center
    }

    .Path-to-global .timeline-line {
        left: 50%;
        transform: translateX(-50%)
    }
}

.Everything-You-Need .bg-dark {
    background-color: #1a202c !important
}

.Everything-You-Need .border-secondary {
    border-color: #2d3748 !important
}

.Everything-You-Need .rounded-xl {
    border-radius: 1rem !important
}

.Everything-You-Need h2.h3 {
    font-size: 1.875rem
}

.Everything-You-Need .rounded-lg {
    border-radius: .5rem !important
}

.Everything-You-Need .icon-lg {
    height: 2rem;
    width: 2rem
}

.Everything-You-Need .g-4>.col {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.Everything-You-Need .row.g-4 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.Service-Facilitation .card {
    background-color: rgb(26 32 44 / .5) !important;
    border: 1px solid #377cd5 !important;
    border-radius: 1rem !important
}

.Service-Facilitation .icon-container {
    color: #41b9ff !important;
    flex-shrink: 0
}

.Service-Facilitation .icon-container svg {
    height: 2rem !important;
    width: 2rem !important
}

.Service-Facilitation p {
    color: #cbd5e0 !important
}

.Service-Facilitation strong {
    color: #f7fafc !important;
    font-weight: 700 !important
}

.Launch-your-business .card {
    background: rgb(255 255 255 / .05) !important;
    border: 1px solid #1a202c !important;
    border-radius: 1rem !important;
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.Launch-your-business h2 {
    font-size: 2.5rem !important;
    font-weight: 900 !important
}

.Launch-your-business p.lead {
    max-width: 42rem;
    font-size: 1.125rem !important;
    color: #cbd5e0 !important
}

.Launch-your-business .btn.btn-primary {
    background-color: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
    font-weight: 900 !important;
    padding: 1rem 2rem !important;
    border-radius: .5rem !important;
    font-size: 1.125rem !important;
    transition: transform .2s ease-in-out
}

.Launch-your-business .btn.btn-primary:hover {
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
    transform: scale(1.05)
}

@media only screen and (max-width:786px) {
    .Path-to-global .timeline-bullet {
        left: 0;
        transform: translate(0, 0);
        top: 35%
    }

    .Launch-your-business h2 {
        font-size: 26px !important;
        font-weight: 900 !important
    }

    .phone-design-wrapper-file {
        display: block
    }

    .Everything-You-Need h2.h3 {
        font-size: 26px
    }
}

.splash-slider {
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    margin-top: 120px
}

.splash-slider .splash-slide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity .7s ease-out, transform .7s ease-out;
    background-color: #fff0
}

.splash-slider .splash-slide.active {
    opacity: 1;
    transform: translateY(90%)
}

.splash-slider .splash-slide::before {
    content: '';
    position: absolute;
    z-index: -1;
    filter: blur(70px);
    opacity: .7;
    border-radius: 50%;
    animation: 12s ease-in-out infinite alternate subtle-drift
}

.splash-slider #slide1::before {
    background: radial-gradient(circle, #84fab0, #8fd3f4);
    width: 250px;
    height: 250px;
    top: 10%;
    left: -20%
}

.splash-slider #slide2::before {
    background: radial-gradient(circle, #fbc2eb, #a6c1ee);
    width: 300px;
    height: 300px;
    bottom: 5%;
    right: -25%;
    animation-delay: -3s
}

.splash-slider #slide3::before {
    background: radial-gradient(circle, #ffecd2, #fcb69f);
    width: 250px;
    height: 250px;
    top: 15%;
    right: -20%;
    animation-delay: -6s
}

.splash-slider #slide4::before {
    background: radial-gradient(circle, #d4fc79, #96e6a1);
    width: 270px;
    height: 270px;
    bottom: 10%;
    left: -25%;
    animation-delay: -9s
}

.splash-slider #slide5::before {
    background: radial-gradient(circle, #a1c4fd, #c2e9fb);
    width: 300px;
    height: 300px;
    top: 5%;
    left: -15%;
    animation-delay: -12s
}

.splash-slider #slide6::before {
    background: radial-gradient(circle, #ff9a9e, #fecfef);
    width: 280px;
    height: 280px;
    bottom: 15%;
    right: -20%;
    animation-delay: -15s
}

.splash-slider #slide7::before {
    background: radial-gradient(circle, #f6d365, #fda085);
    width: 290px;
    height: 290px;
    top: 10%;
    right: -20%;
    animation-delay: -18s
}

@keyframes subtle-drift {
    from {
        transform: translate(0, 0)
    }

    to {
        transform: translate(15px, 10px)
    }
}

.splash-slider .slide-content h3 {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
    color: #1c2a3e
}

.splash-slider .splash-footer {
    padding: 20px;
    flex-shrink: 0;
    background-color: #f8f9fa;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.splash-slider .pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem
}

.splash-slider .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d1d5db;
    margin: 0 4px;
    transition: .4s
}

.splash-slider .dot.active {
    background-color: #1c2a3e;
    width: 24px;
    border-radius: 5px
}

.splash-slider .request-demo-btn {
    display: block;
    width: 100%;
    background-color: #4a80e5;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    padding: 15px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color .3s
}

.splash-slider .request-demo-btn:hover {
    background-color: #3c70d4
}

.splash-slider .remitso-credit {
    text-align: center;
    font-size: .75rem;
    color: #9ca3af;
    margin-top: 1.25rem
}

.splash-slider .remitso-credit .heart {
    display: inline-block;
    color: #f472b6;
    animation: 1.5s ease-in-out infinite pump
}

@keyframes pump {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }
}

.source-pricing-td-table {
    background: rgb(255 255 255 / .05);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #2d3748
}

.source-pricing-td-table table {
    color: #fff;
    margin-bottom: 0
}

.source-pricing-td-table thead th {
    background: #1a202c;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-top: 2px solid #2d3748;
    border-bottom: 2px solid #2d3748;
    padding: 20px;
    vertical-align: middle;
    line-height: 1.6
}

.source-pricing-td-table tbody td {
    text-align: center;
    border-bottom: 1px solid #2d3748;
    padding: 20px;
    vertical-align: middle;
    line-height: 1.6
}

.source-pricing-td-table .feature-col {
    text-align: left;
    font-weight: 600;
    color: #cbd5e0;
    white-space: nowrap
}

.source-pricing-td-table .highlight-col {
    background: rgb(59 130 246 / .3);
    font-weight: 600;
    color: #e2e8f0
}

.Source-Code-License-card {
    background: rgb(255 255 255 / .05);
    border: 1px solid #2d3748;
    border-radius: 12px
}

.Source-Code-License .icon-box {
    width: 40px;
    height: 40px;
    background: #2d3748;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.Source-Code-License .icon-box i {
    color: #9ca3af;
    font-size: 1.1rem
}

.Source-Code-License p {
    color: #cbd5e0
}

.Source-Code-License .btn-primary {
    background: linear-gradient(90deg, #4a80e5, #3c70d4);
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    transition: background .3s
}

.Source-Code-License .btn-primary:hover {
    background: linear-gradient(90deg, #3c70d4, #2f5bbd)
}

.text-muted {
    color: #b9b9b9 !important
}

.Risk-Free-Acquisition .timeline-container {
    position: relative;
    padding-left: 40px
}

.Risk-Free-Acquisition .timeline-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    width: 2px;
    height: 100%;
    background: rgb(0 150 255 / .4)
}

.Risk-Free-Acquisition .timeline-icon {
    width: 40px;
    height: 40px;
    border: 2px solid #007bff;
    background: #377cd5;
    border-radius: 50%;
    color: #4dafff;
    position: absolute;
    left: -41px;
    top: 15px
}

.Risk-Free-Acquisition .timeline-card {
    background: rgb(255 255 255 / .05);
    border-radius: 10px;
    border: 1px solid #2d3748;
    width: 100%
}

.Risk-Free-Acquisition .heading-accent {
    color: #00c9ff
}

.Audit-the-Code .glass-card {
    border-radius: 10px;
    border: 1px solid #2d3748;
    max-width: 800px
}

.Audit-the-Code p {
    font-size: 1.1rem;
    max-width: 600px;
    line-height: 1.6
}

.companies-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin-top: 20px;
    opacity: 0;
    animation: .8s .4s forwards fadeInUp
}

.companies-trust-data {
    flex: 0 1 200px;
    max-width: 220px;
    border-radius: 16px;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / .1);
    cursor: pointer
}

.companies-trust-data img {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain
}

.floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.floating-circle {
    position: absolute;
    background: rgb(0 123 255 / .1);
    border-radius: 50%;
    animation: 8s ease-in-out infinite float
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInScale {
    to {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

.icon-circle {
    width: 40px;
    height: 40px;
    background: rgb(16 185 129 / .1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-check {
    width: 20px;
    height: 20px;
    stroke: #10b981
}

.login-register {
    padding: 10px;
    position: relative;
    overflow: hidden
}

.login-register h2 {
    font-weight: 700;
    margin-bottom: 8px;
    color: #2d3748;
    font-size: 20px
}

.login-register .subtext {
    font-size: .95rem;
    margin-bottom: 25px;
    color: #718096
}

.login-register .subtext a {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    transition: .3s
}

.login-register .form-footer a:hover,
.login-register .subtext a:hover {
    color: #764ba2;
    text-decoration: none
}

.login-register .toggle-btn {
    display: flex;
    margin-bottom: 30px;
    border-radius: 50px;
    overflow: hidden;
    border: 2px solid #e2e8f0;
    background: #fff;
    position: relative
}

.login-register .toggle-btn button {
    flex: 1;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    transition: .4s cubic-bezier(.4, 0, .2, 1);
    font-weight: 600;
    color: #718096;
    background: 0 0;
    position: relative;
    z-index: 2
}

.login-register .toggle-btn::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: calc(50% - 2px);
    background: linear-gradient(135deg, #377cd5, #0b2f5e);
    border-radius: 46px;
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    z-index: 1
}

.login-register .toggle-btn.register-active::after {
    transform: translateX(100%)
}

.login-register .form-group {
    position: relative;
    margin-bottom: 20px
}

.login-register .form-control {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 15px 20px;
    font-size: .95rem;
    transition: .3s;
    background: #fff
}

.login-register .form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgb(102 126 234 / .1);
    background: #fff
}

.login-register .form-control::placeholder {
    color: #a0aec0;
    font-weight: 400
}

.login-register .input-group-text {
    border: 2px solid #e2e8f0;
    border-left: none;
    background: #fff;
    border-radius: 0 12px 12px 0;
    cursor: pointer;
    transition: .3s;
    color: #a0aec0
}

.login-register .input-group-text:hover {
    color: #667eea
}

.login-register .form-footer {
    font-size: .9rem;
    text-align: right;
    margin-bottom: 25px
}

.login-register .form-footer a {
    color: #667eea;
    text-decoration: none;
    font-weight: 500;
    transition: .3s
}

.login-register .btn-primary {
    background: linear-gradient(135deg, #377cd5, #0b2f5e);
    border: none;
    border-radius: 12px;
    padding: 15px;
    font-weight: 600;
    font-size: 1rem;
    transition: .3s;
    position: relative;
    overflow: hidden
}

.login-register .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgb(102 126 234 / .3)
}

.login-register .btn-primary:active {
    transform: translateY(0)
}

.login-register .faceid-btn {
    width: 100%;
    border: 2px solid #e2e8f0;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
    font-weight: 600;
    color: #718096;
    margin-top: 15px
}

.login-register .faceid-btn:hover {
    border-color: #667eea;
    color: #667eea;
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgb(102 126 234 / .1)
}

.login-register .faceid-btn i {
    margin-right: 10px;
    font-size: 1.2rem
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 25px 0;
    color: #a0aec0;
    font-size: .9rem
}

.divider::after,
.divider::before {
    content: '';
    flex: 1;
    height: 1px;
    background: #e2e8f0
}

.divider span {
    padding: 0 15px;
    background: #f8f9fa;
    font-weight: 500
}

.form-slide-enter {
    animation: .5s slideInRight
}

.form-slide-exit {
    animation: .5s slideOutLeft
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideOutLeft {
    from {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-30px)
    }
}

.icon-input i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #a0aec0;
    z-index: 5
}

.compliance-sight {
    background: linear-gradient(to right, #14b8a6, #06b6d4);
    padding: 10px 15px;
    border-radius: 15px;
    margin-bottom: 10px
}

.compliance-sight-line {
    border-radius: 1rem;
    height: 8rem;
    padding: 1rem;
    transition: transform .3s;
    display: flex
}

.send-money {
    background: linear-gradient(135deg, #377cd5, #0b2f5e);
    color: #fff
}

.add-recipient {
    background-color: #e5e7eb;
    color: #1f2937
}

.compliance-sight-line-icon {
    width: 28px;
    height: 28px
}

.verify-your-identity .icon-wrapper {
    width: 6rem;
    height: 6rem;
    background-color: #dbeafe;
    border-radius: 1rem
}

.verify-your-identity .icon {
    width: 3rem;
    height: 3rem;
    color: #2563eb
}

.verify-your-identity .title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-top: 1rem
}

.verify-your-identity .description {
    color: #6b7280;
    margin-top: .5rem;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto
}

.verify-your-identity .verify-btn {
    padding: .9rem 1rem;
    background: linear-gradient(135deg, #377cd5, #0b2f5e);
    color: #fff;
    border-radius: .5rem;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    transition: transform .3s, background-color .3s
}

.verify-your-identity .verify-btn:hover {
    background-color: #1d4ed8;
    transform: scale(1.05)
}

.verify-your-identity .verify-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(37 99 235 / .5)
}

.verify-your-identity-img img {
    width: 200px;
    height: 200px
}

.bar {
    fill: #000;
    opacity: .3;
    animation: 1.5s infinite signal
}

.bar1 {
    animation-delay: 0s
}

.bar2 {
    animation-delay: .3s
}

.bar4 {
    animation-delay: .9s
}

@keyframes signal {

    0%,
    100% {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

.hero-gradient {
    background: radial-gradient(circle at top, rgb(139 92 246 / .15) 0, #fff0 40%)
}

.landing-video {
    background: #1a1a2e;
    padding-top: 56.25%
}

.landing-video iframe {
    background: 0 0 !important
}

.landing-video .video-wrapper {
    top: 0;
    left: 0
}

.landing-video .video-iframe {
    top: 0;
    left: 0;
    border: 0;
    background: 0 0
}

.hero-landing-bg {
    background-color: #111118
}

.flag-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgb(255 255 255 / .2);
    box-shadow: 0 4px 8px rgb(0 0 0 / .15);
    transition: transform .3s, box-shadow .3s
}

.flag-icon:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgb(0 0 0 / .25)
}

.landing-please .note-box {
    border: 1px solid rgb(59 130 246 / .3);
    background: rgb(59 130 246 / .1);
    border-radius: 20px;
    text-align: left
}

.landing-please .note-title {
    font-weight: 600;
    color: #3b82f6
}

.landing-please .note-text {
    color: #fff;
    font-size: .9rem;
    line-height: 1.7
}

.landing-sucess-rate {
    background-color: #fff0;
    padding: 20px;
    border: 1px solid #28a745 !important;
    border-radius: 20px
}

.landing-lauch h4 {
    font-size: 28px;
    font-weight: 600
}

.demo-updated-vi .cta-card {
    background: #0a2a44;
    border: 1px solid rgb(255 255 255 / .1)
}

.demo-updated-vi .check-icon {
    color: #28a745;
    font-size: 1.2rem;
    line-height: 1.5
}

.demo-updated-vi .btn-custom-primary {
    background-color: #345d82;
    color: #fff;
    border: none;
    transition: .3s
}

.demo-updated-vi .btn-custom-primary:hover {
    background-color: #2a4c6b;
    color: #fff
}

.step-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.step-navigation p {
    font-size: 14px;
    transition: color .3s
}

@keyframes blinkGreen {

    0%,
    100% {
        color: #377cd5
    }

    50% {
        color: #2ecc71
    }
}

.blinking p,
.blinking svg {
    animation: 1.5s infinite blinkGreen
}

.nav-buttons {
    display: flex;
    position: relative;
    background: linear-gradient(to bottom, #e2e8f0, #eaf2f8);
    border-radius: 50px;
    padding: 5px;
    gap: 0;
    overflow: hidden;
    border: 4px solid #e2e8f0
}

.step-btn {
    padding: 15px 25px;
    border: none;
    background: 0 0;
    color: #377cd5;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 2;
    transition: color .3s
}

.step-btn:focus,
.toggle-btn:focus {
    outline: 0
}

.step-btn svg {
    width: 30px;
    height: 30px
}

.step-btn:hover,
.step-btn:hover svg {
    color: #2ecc71
}

.active-indicator {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #377cd5;
    border-radius: 50px;
    z-index: 1;
    transition: .4s;
    width: 0
}

@media (max-width:768px) {

    .mobile-table td,
    .mobile-table th {
        font-size: 12px;
        padding: 5px
    }

    .card-for-seo {
        flex-direction: column;
        align-items: center
    }

    .kyc,
    .risk-mitigation {
        flex: 1;
        width: 100%
    }

    .Control-Every-Step-header h1,
    .Glossary-header h1,
    .disaster-recovery-title,
    .party-integrations-title,
    .payout-workflows-title {
        font-size: 2rem
    }

    .Control-Every-Step-header p,
    .Glossary-header p,
    .disaster-recovery-subtitle,
    .party-integrations-subtitle,
    .payout-workflows-subtitle {
        font-size: 1rem
    }

    .disaster-recovery-container,
    .party-integrations-container {
        padding: 1rem
    }

    .party-integrations-detail-actions,
    .party-integrations-header-section {
        flex-direction: column;
        align-items: stretch
    }

    .party-integrations-header-left {
        flex-direction: column;
        align-items: stretch;
        gap: .75rem
    }

    .party-integrations-search-bar {
        max-width: none
    }

    .party-integrations-detail-actions button {
        justify-content: center
    }

    .Control-Every-Step-section-title,
    .Glossary-section-title {
        font-size: 1.5rem
    }

    .Glossary-filter-labels {
        flex-wrap: wrap;
        gap: .5rem
    }

    .blog-security-last p.highlight {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 1.5rem
    }

    .companies-trust-data {
        min-height: 80px;
        padding: 15px 10px;
        margin: 5px
    }

    .companies-trust-data img {
        max-width: 100px;
        max-height: 50px
    }

    .companies-row {
        gap: 0
    }

    .step-navigation p {
        font-size: 12px
    }

    .step-btn svg {
        width: 15px;
        height: 15px
    }
}

.talk-to-data {
    background: #377cd5;
    padding: 14px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.talk-to-data:hover {
    background: #377cd5;
    color: #fff;
    text-decoration: none
}

.paas-modify .card {
    background: rgb(255 255 255 / .05);
    border: 1px solid #4a5568;
    border-radius: 1rem;
    transition: all 0.3s ease;
    padding: 2rem;
    color: #fff
}

.paas-modify .card:hover {
    border: 2px solid #377cd5
}

.paas-modify .paas-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}

.paas-modify .paas-sub {
    color: #a0aec0
}

.paas-modify .paas-highlight {
    font-size: 1.1rem;
    font-weight: 600;
    color: #e2e8f0
}

.paas-modify .paas-price {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff
}

.paas-modify .paas-link {
    background: none;
    border: none;
    padding: 0;
    color: #4299e1;
    cursor: pointer;
    text-decoration: underline
}

.paas-modify .paas-link:hover {
    color: #2b6cb0
}

.paas-modify .paas-btn {
    background-color: #377cd5;
    color: #fff;
    font-weight: 700;
    padding: .8rem 1.2rem;
    border-radius: .5rem;
    transition: background-color 0.3s ease
}

.paas-modify .paas-btn:hover {
    background-color: #2b5fa7
}

.table .data-filet-light th {
    color: #495057 !important;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.custom-card-file {
    background: rgb(255 255 255 / .05)
}

.paas-modify-card {
    background: rgb(255 255 255 / .05);
    border-radius: .75rem;
    transition: all 0.3s ease
}

.paas-modify-card:hover {
    border: 1px solid #3490dc
}

.paas-modify-card h4 {
    color: #fff
}

.feature-icon {
    color: #38c172;
    font-weight: 700;
    font-size: 16px
}