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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#top-beamer,
.beamer-header {
    display: none !important;
}

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

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

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

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

.hero h1 {
    font-size: 3rem
}

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

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

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

section {
    padding: 3.5rem 0
}

h1 {
    font-size: 48px
}

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

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

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

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

    .hero {
        flex-direction: column
    }

    .hero::before {
        width: 100%
    }

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

    .hero h1 {
        font-size: 2.6rem
    }

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

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

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

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

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

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

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

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

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

.blog-column .blog-desc h1,
.blog-column .blog-desc .blog-card-title {
    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 .link-btn {
    font-size: .9rem;
    font-weight: 500;
    color: #f9fbff;
    background-color: #377cd5;
    padding: .6rem 1.2rem;
    border-radius: 10px;
    transition: .25s linear;
    text-decoration: none;
    margin-top: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    p {
        font-size: 16px
    }

    h2 {
        font-size: 22px
    }

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

    .blog-column .blog-desc h1,
.blog-column .blog-desc .blog-card-title {
        height: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blue-section {
    background: #004aad
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabs__list {
    margin: 0 0 -1px
}

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

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

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

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

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

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

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

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

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

.sldr-crs__sliders {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes loadbar {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

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

.sldr-product-sidebar {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ripple-1 {
    animation-delay: 0
}

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

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

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

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

main {
    background-color: #f7f7f7
}

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

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

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

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

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

.why-img img {
    width: 250px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ind-ic-data a {
    z-index: 99
}
.carousel-test-item-profile span,
.track-data p,
.track-data-comp p {
    font-size: 12px
}
.lead-form-wrapper {
    background: #ffffff4d !important
}

.cross-border-text h4,
.payment-sec-v h4,
.remit-faq-data-text h2,
.software-comp h4,
.tech-stack-text-data h4,
.lead-form-wrapper h2 {
    font-size: 28px
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:554px) {

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

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

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

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

.white-contact-btn {
    display: contents
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.remit-feat-web {
    display: flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lead-form-wrapper {
    border: 1px solid #172b4b !important;
    border-radius: 10px;
    background: #ffffff4d !important;
    -webkit-box-shadow: 0 0 0 #e1e1e1;
    -moz-box-shadow: 0 0 0 #e1e1e1;
    box-shadow: 0 0 0 #e1e1e1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    section {
        padding: 2.5rem 0
    }

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

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

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

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

    .card-pricing {
        height: auto
    }

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

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

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

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

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

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

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

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

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

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

    .hero-landing {
        gap: 40px
    }

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

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

    .demo-btn-data {
        display: inline-block
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-btn-light:hover {
    background-color: #2596e6;
    border-width: 3px;
    border-radius: 30px;
    border: none;
    align-items: center
}
.carousel-test .item .carousel-test-item-data {
    width: 100px;
    object-fit: fill;
    margin: 0 auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    50% {
        opacity: 1
    }

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

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

    50% {
        opacity: 1
    }

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

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

    50% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

.marquee:hover {
    background: #1d1d1d
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .remit-gap {
        gap: 20px
    }

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

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

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

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

    .vertical-car {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.home-remit-title {
    font-family: Inter;
    /* font-size: 82px !important; */
    font-style: normal;
    font-weight: 700 !important;
    background: linear-gradient(90deg, #98A8AE 0%, #DFE8EC 33.75%, #98A8AE 67.51%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.exchange-house {
    padding: 0 30px
}

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

.payout-part h4 {
    color: #e2ff54
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .our_solution_category .solution_cards_box {
        flex: auto
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main_faq ul li {
    list-style: disc;
    margin-left: 15px
}

.thankyou-fall-bg,
.transfer-licensing-bg {
    background-color: #002237
}

.transfer-licensing-card {
    background-color: #f0f0f0;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
    cursor: pointer
}

.transfer-licensing-img-wrap {
    flex: 0 0 50%;
    height: 100%;
    overflow: hidden
}

.transfer-licensing-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease-in-out
}

.transfer-licensing-text {
    padding: 1rem;
    flex: 1
}

.transfer-licensing-text h5 {
    font-weight: 600;
    margin-bottom: .5rem;
    transition: color .3s ease-in-out;
    color: #001421
}

.transfer-licensing-text p {
    margin: 0;
    color: #001421;
    font-size: 15px
}

.transfer-licensing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px #00000026
}

.transfer-licensing-card:hover .transfer-licensing-text h5 {
    color: #002237
}

.transfer-licensing-link {
    display: inline-flex;
    align-items: center;
    margin-top: .75rem;
    color: #002237;
    font-weight: 500;
    transition: color .3s ease-in-out;
    font-size: 16px
}

.transfer-licensing-link:hover {
    color: #014366
}

.transfer-licensing-arrow {
    display: inline-block;
    margin-left: .25rem;
    transition: transform .3s ease-in-out
}

.transfer-licensing-link:hover .transfer-licensing-arrow {
    transform: translateX(4px)
}

.compliance-consulting-index .row {
    perspective: 1000px
}

.compliance-consulting-card {
    position: relative;
    background: 0 0;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform .5s, box-shadow .5s;
    cursor: pointer
}

.compliance-consulting-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #ffffff1a 0, #ffffff0d 50%, #ffffff1a 100%);
    transform: skewX(-20deg);
    transition: transform .7s;
    pointer-events: none
}

.compliance-consulting-card:hover::before {
    transform: translateX(200%) skewX(-20deg)
}

.compliance-consulting-card:hover {
    transform: translateY(-10px) rotateY(5deg);
    box-shadow: 0 12px 24px #0000004d
}

.compliance-consulting-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    transition: transform .7s;
    transform-origin: center
}

.compliance-consulting-card:hover .compliance-consulting-icon img {
    transform: rotate(360deg) scale(1.2)
}

.compliance-consulting-card h5 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    transition: color .3s;
    margin-bottom: 10px
}

.compliance-consulting-card p {
    line-height: 1.4;
    color: #cfd8e4;
    font-size: 15px
}

.compliance-consulting-card:hover h5 {
    color: #00ffb3
}

.thankyou-bg-fall-1 {
    background-color: #19536c
}

.thankyou-bg-fall-2 {
    background-color: #004a47
}

.thankyou-data-file {
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem 0
}

.feature-icon,
.hero-span,
.pri-ess,
.pri-ess-includes {
    margin-bottom: 10px
}

.thankyou-data-file h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.thankyou-data-file ul {
    list-style: none;
    padding-left: 0
}

.thankyou-data-file ul li::before {
    content: "•";
    display: inline-block;
    width: 1em;
    margin-right: .5em;
    color: #fff
}

.thank-contact-section {
    background-color: #0f1221;
    padding: 4rem 0
}

.thank-contact-section h2 {
    color: #fff;
    margin-bottom: 1.5rem;
    font-size: 28px
}

.thank-contact-section .btn-book {
    background-color: #377cd5;
    color: #fff;
    border: none;
    padding: 12px 15px;
    border-radius: 50px
}

.price-ess-essential p {
    font-size: 20px
}

.price-ess-essential-file {
    font-size: 18px !important
}

.pri-ess {
    background-color: #fff;
    display: flex;
    position: relative
}

.pri-ess-includes {
    background-color: #00374a;
    display: flex
}

.price-ess-file li {
    font-size: 14px;
    list-style: disc;
    margin-left: 20px;
    color: #fff
}

.pri-ess-text {
    padding: 20px 15px
}

.glowing-heart {
    position: absolute;
    top: 2px;
    right: 20px;
    z-index: 10;
    font-size: 24px;
    animation: 1.5s infinite alternate glow
}

.glowing-heart-wrapper {
    position: absolute;
    top: 0;
    right: 10px;
    text-align: center;
    z-index: 10
}

.most-loved-text {
    font-size: 12px;
    color: #ff4d4d;
    font-weight: 700;
    margin-top: 28px
}

.pricing-table {
    background-color: #2d907a;
    border-radius: 10px;
    overflow: hidden
}

.pricing-table td,
.pricing-table th {
    vertical-align: middle;
    padding: 1rem;
    border: 1px solid;
    line-height: 1.7;
    text-align: left
}

.btn-primary,
.calendar-loader,
.demo-down-text,
.faq-license__cta,
.faq-license__title,
.globe-container,
.hero-section,
.ideal-license__cta,
.ideal-license__subtitle,
.ideal-license__title,
.pricing-table th,
.raas-video {
    text-align: center
}

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

.pricing-table a,
.remitso-privacy-contact strong,
.text-info {
    color: #377cd5
}

.note {
    font-size: 14px;
    color: #ccc;
    margin-top: 10px
}

.anchor-btn,
.fine-btn a {
    background-color: #377cd5;
    color: #fff !important;
    padding: 10px 20px;
    font-size: 16px;
    transition: background-color .3s
}

.fine-btn a {
    border-radius: 10px
}

.table-fine-data li {
    list-style: disc;
    margin-left: 10px;
    font-size: 14px;
    color: #fff
}

.help-dev-text-head ul li,
.text-slate li {
    list-style: disc;
    margin-left: 20px
}

.custom-2-bg {
    background: linear-gradient(to right, #00374a 0, #2d907a 100%)
}

.hero-remit-license {
    background-image: url(../img/license-coverage/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    height: 90vh;
    display: flex;
    align-items: center
}

.hero-span {
    color: #e2ff54;
    font-size: 14px
}

.Inclusive-Platform-adon-icon,
.feature-card .feature-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.feature-card .feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.feature-card .feature-text {
    font-size: .9rem;
    line-height: 1.4;
    color: #cbd5e0
}

.ideal-license {
    background: linear-gradient(to right, #00374a, #2d907a);
    padding: 60px 20px
}

.ideal-license__container {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: 40px;
    padding: 60px
}

.ideal-license__title {
    color: #2d907a;
    font-size: 2rem;
    margin-bottom: 40px
}

.ideal-license__content {
    display: flex;
    gap: 40px;
    flex-wrap: wrap
}

.ideal-license__image {
    flex: 1 1 400px
}

.ideal-license__image img {
    width: 100%;
    border-radius: 8px
}

.ideal-license__list {
    flex: 1 1 400px;
    list-style: none;
    padding: 0;
    margin: 0
}

.ideal-license__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px
}

.ideal-license__icon {
    width: 48px;
    height: 48px;
    background: #2c7f8f;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0
}

.ideal-license__copy,
.raas-simulator .raas-info-text-container {
    flex: 1
}

.ideal-license__item-title {
    font-weight: 600;
    color: #0b2631;
    margin-bottom: 4px
}

.ideal-license__item-text {
    font-size: .9rem;
    color: #334155;
    line-height: 1.4
}

.ideal-license__subtitle {
    color: #334155;
    margin: 40px 0 20px;
    font-size: .95rem
}

.ideal-license__button {
    background: #377cd5;
    border: none;
    padding: 12px 32px;
    border-radius: 24px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.faq-license {
    background: #f1feff;
    padding: 60px 20px
}

.faq-license__inner {
    max-width: 1200px;
    margin: 0 auto
}

.faq-license__title {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #fff
}

.faq-license__highlight {
    color: #2c7f8f
}

.faq-license__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 15px
}

.faq-license__card {
    background: #023b4c;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.faq-license__question {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 12px
}

.faq-license__answer {
    color: #b8c4cf;
    font-size: .9rem;
    line-height: 1.5;
    flex-grow: 1
}

.faq-license__button {
    background: #377cd5;
    border: none;
    padding: 12px 32px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.license_please_note {
    background-color: #00211d
}

.license_please_note__title {
    font-size: 1.75rem;
    font-weight: 600
}

.license_please_note__item {
    align-items: flex-start
}

.license_please_note__icon {
    flex: 0 0 48px;
    height: 48px
}

.license_please_note__icon img {
    width: 100%;
    height: auto
}

.license_please_note__heading {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.license_please_note__text {
    color: #e0f2e9;
    font-size: .9rem;
    line-height: 1.5
}

@media only screen and (max-width:786px) {
    .case-bg-studies-text h4 {
        font-size: 18px
    }

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

    .faced-case p,
    .sec-text p,
    .soln-case-text p {
        font-size: 15px
    }

    .hero-remit-index-font h4,
    .software-comp-file h4,
    .soln-case-text h5 {
        font-size: 20px
    }

    .blog-section-for-margin {
        margin-top: 20px
    }

    .hero-remit-index-font h1 {
        font-size: 50px;
        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;
    }

    .home-remit-index {
        background-image: url(../img/index/home-hero-bg.webp);
        align-items: center;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .desk-blur-img,
    .expert-layout-img-desk,
    .faq-for-deskt,
    .hide-for-mob,
    .remit-power-img,
    .vc-bar {
        display: none
    }

    .blog-cta-btn,
    .expert-layout-img-mob,
    .faq-for-mob,
    .mob-blur-img {
        display: block
    }

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

    .hero-remit-bank,
    .hero-remit-credit,
    .hero-remit-neo {
        padding-top: 100px;
        padding-bottom: 70px
    }

    .hero-remit-bank,
    .hero-remit-credit,
    .hero-remit-exchange,
    .hero-remit-fintech,
    .hero-remit-license,
    .hero-remit-money,
    .hero-remit-neo {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        height: 100%;
        display: flex
    }

    .hero-remit-bank,
    .hero-remit-credit,
    .hero-remit-neo {
        align-items: center
    }

    .sec-text-in h2 {
        font-size: 26px;
        text-align: center;
        margin-bottom: 15px
    }

    .sec-text-in h1 {
        font-size: 26px
    }

    .sec-text-in p,
    .software-comp-file-text p {
        font-size: 16px
    }

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

    .our_solution_cat {
        margin-top: 0
    }

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

    .curv-fi p {
        font-size: 14px
    }

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

    .hero-remit-exchange,
    .hero-remit-fintech,
    .hero-remit-money {
        align-items: center;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .hero-remit-bank::before,
    .hero-remit-credit::before,
    .hero-remit-exchange::before,
    .hero-remit-fintech::before,
    .hero-remit-license::before,
    .hero-remit-money::before,
    .hero-remit-neo::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0009;
        z-index: 1
    }

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

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

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

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

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

    .cross-border-text h4 {
        font-size: 22px
    }

    .blog-cta-bt {
        padding-top: 20px;
        padding-bottom: 10px
    }

    .hero-remit-license {
        background-image: url(../img/license-coverage/bg.webp);
        align-items: center;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .ideal-license__content {
        flex-direction: column
    }

    .ideal-license__image,
    .ideal-license__list {
        flex: 1 1 100%
    }

    .ideal-license__container {
        padding: 20px
    }
}

.hero-section {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../img/remit-hero.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.hero-subtext {
    font-size: 1rem;
    color: #cbd5e1
}

.email-form {
    background: #ffffff0d;
    border: 1px solid #d6ff44;
    border-radius: 50px;
    display: flex;
    max-width: 500px;
    overflow: hidden;
    width: 100%
}

.email-form input {
    background: 0 0;
    border: none;
    padding: .8rem 1rem;
    color: #fff;
    flex: 1;
    outline: 0
}

.email-form button {
    background: #d6ff44;
    border: none;
    padding: 0 1.5rem;
    color: #000;
    font-weight: 600
}

.mockup-container {
    position: relative;
    margin: 2rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    z-index: 2
}

.phone-mockup {
    width: 100%;
    max-width: 300px;
    height: auto;
    z-index: 1
}

.floating-card {
    position: absolute;
    width: 150px;
    max-width: 35vw;
    z-index: 5;
    animation: 6s ease-in-out infinite float
}

@media (max-width:991px) {

    /* Legacy .navbar mobile overlay rules superseded by .rs-nav mega drawer */

    .canva-dash-mobile,
    .remit-feat-box-sec-mob {
        display: block
    }

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

    .hero-margin {
        margin-bottom: 0
    }

    .hero-heading {
        font-size: 1.8rem
    }

    .hero-subtext {
        font-size: .95rem
    }

    .phone-mockup {
        width: 100%;
        z-index: 3
    }

    .remit-branded-order-text {
        order: 1
    }

    .remit-branded-order-img {
        order: 2;
        margin-top: 20px
    }

    .proactively-mitigate-risk-main {
        display: flex;
        flex-direction: column-reverse
    }
}

.demo-cta,
.features-grid {
    margin-top: 2rem
}

#features-empowering {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: linear-gradient(to bottom, #053239, #011623)
}

.Everything-You-Need .row.row-cols-2,
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
}

.cards-grid,
.msb-Streamlined-grid,
.msb-sec {
    grid-template-columns: 1fr
}

.feature-empowering-text h4 {
    color: #377dd7
}

.feature-card {
    border: 1px solid #2d3748;
    border-radius: 1rem;
    padding: 1.5rem;
    background: #ffffff05;
    transition: .3s;
    height: 100%;
    background-color: #00211d
}

.money-card,
.money-card-white {
    transition: transform .3s, box-shadow .3s;
    cursor: pointer
}

.feature-card:hover {
    background-color: #00211d;
    border-color: #377dd7
}

.feature-card h5 {
    margin-top: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px
}

.feature-card p {
    font-size: .95rem;
    color: #cbd5e1;
    margin-top: .5rem
}

.globe {
    width: 100%;
    max-width: 450px;
    animation: 25s linear infinite spin;
    filter: drop-shadow(0 0 30px #00bfff55)
}

@keyframes spin {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

.demo-cta .btn {
    background-color: #d6ff44;
    color: #000;
    font-weight: 600;
    border-radius: 30px;
    padding: .6rem 1.5rem
}

.money-card {
    background: linear-gradient(to bottom, #070f25, #3d4e88);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 60px 30px
}

.money-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px #070f25, 0 15px 30px #3d4e88
}

.learn-link {
    color: #fff;
    font-weight: 500;
    font-size: .9rem
}

.learn-link:hover {
    text-decoration: underline;
    color: #fff
}

.bg-desk {
    background-color: #001c34
}

.data-bg-for,
.side-green {
    background-color: #2d907a !important
}

.pricing-table-data-for th {
    background-color: #e2ff54 !important;
    color: #00374a !important;
    border: 1px solid #000 !important
}

.reolt-issue {
    background-color: #041a3a;
    padding: 20px 15px;
    border-radius: 10px
}

.issue-box {
    gap: 10px;
    margin-bottom: 20px;
    color: #fff
}

.icon-circle {
    background-color: #47b09c;
    justify-content: center
}

.data-bg-pot {
    background-color: #006395 !important
}

.interactive-links-section {
    font-family: Inter
}

.interactive-links-section h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #d72638;
    text-align: center;
    text-decoration: underline
}

.interactive-links-section .column h3 {
    font-size: 20px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 15px
}

.interactive-links-section ul {
    padding-left: 18px
}

.interactive-links-section li {
    margin-bottom: 12px;
    line-height: 1.6;
    transition: transform .2s, background-color .3s;
    background-color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    border-left: 4px solid #fff0
}

.interactive-links-section li:hover {
    transform: scale(1.02);
    background-color: #fff8e1;
    border-left-color: #d72638
}

.interactive-links-section a {
    color: #0a3d62;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
    display: block
}

.side-green-text h4,
.side-green-text p {
    color: #041a3a !important
}

.interactive-links-section a:hover {
    color: #d72638
}

.hero-payment {
    height: 100vh;
    background-image: url(../img/payment_orchestration/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.calendar-loader,
.modal-video {
    top: 0;
    justify-content: center;
    left: 0
}

.Everything-You-Need .font-weight-semibold,
.side-green-text p {
    font-weight: 600 !important
}

.side-blue {
    background-color: #041a3a !important
}

.money-card-white {
    background: linear-gradient(to bottom, #070f25, #3d4e88);
    border-radius: 10px
}

.money-card-white:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 25px #00ffb426
}

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

.phone-wrapper {
    width: 100%;
    margin: auto
}

.phone-video {
    width: 100%;
    height: 550px;
    background-color: #ebebeb;
    display: block;
    border-radius: 20px
}

.btn-demo {
    background: #377cd5;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.btn-demo:hover {
    background-color: #1b88d0;
    color: #fff
}

.calender-iframe {
    width: 100%;
    border-radius: 10px;
    z-index: 1
}

.calendar-loader {
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: #fff;
    z-index: 5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: opacity .4s;
    pointer-events: none
}

.calendar-loader.active {
    pointer-events: auto
}

.hubspot-form-wrapper-code {
    background-color: #fff;
    border-bottom-left-radius: 20px
}

.lead-form-width {
    width: 100%;
    background: #fff;
    border-radius: 15px
}

.thank-contact-section {
    background-image: url(../img/thankyou-bg.png)
}

.custom-card {
    background-color: #161b22;
    border: 1px solid #334155;
    border-radius: 1rem;
    transition: .3s
}

.custom-card:hover,
.instruction-card:hover {
    border-color: #377cd5;
    transform: scale(1.02)
}

.btn-slate,
.custom-btn-green,
.custom-btn-slate {
    background-color: #28a745;
    color: #fff
}

.text-success {
    color: #334155
}

.instruction-card {
    background-color: #161b22;
    border: 1px solid #334155;
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
    transition: .3s
}

.step-number {
    font-size: 20px;
    font-weight: 700;
    background-color: #22c55e;
    color: #000;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0
}

.msb-Streamlined-text,
.msb-sec-text,
.text-slate,
.text-slate li {
    color: #94a3b8
}

.credential-block {
    background-color: #1f2937;
    border-radius: .375rem;
    display: inline-block;
    padding: .25rem .5rem;
    font-family: monospace
}

.brand-text {
    color: #64ffda
}

.section-card {
    background-color: #161b22;
    border-radius: .75rem;
    box-shadow: 0 0 10px #64ffda0d;
    padding: 1.5rem
}

.border-accent {
    border-left: 4px solid #377cd5;
    padding-left: 1rem
}

.license_data_sec .card {
    background-color: #00374a;
    border-radius: 15px;
    border: none;
    padding: 25px;
    height: 100%
}

.license_data_sec .card h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff
}

.license_data_sec .card p {
    font-size: .95rem;
    color: #cfdcdc;
    margin: 0
}

.license_data_sec .icon-wrapper {
    width: 50px;
    height: 50px;
    background-color: #004c4c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.license_data_sec .icon-wrapper img {
    font-size: 20px;
    color: #00ffd1
}

.launch_business_sec {
    background: linear-gradient(90deg, #00374a, #2d907a);
    padding: 100px 20px
}

.launch_business_sec .text-gradient {
    background: linear-gradient(to right, #60f8dd, #66d8c0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.launch_business_sec .btn-primary {
    background-color: #5c9df8;
    border: none;
    border-radius: 20px;
    font-size: 14px
}

.launch_business_sec .btn-primary:hover {
    background-color: #4b8ce0
}

.cards-grid {
    display: grid;
    gap: 1.5rem
}

.demo_card {
    background-color: #1f293780;
    backdrop-filter: blur(8px);
    border: 1px solid #374151;
    padding: 1.5rem;
    border-radius: .75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 10px #00000080;
    transition: .3s
}

.btn-primary,
.btn-secondary {
    border-radius: .5rem;
    font-weight: 600
}

.blog-security-last a,
.btn-primary,
.btn-secondary,
.demo-down-btn {
    transition: background-color .3s
}

.demo_card:hover {
    border-color: #22c55e
}

.icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
    color: #d1d5db
}

.demo-down-text p,
.subtitle {
    color: #9ca3af;
    margin-bottom: 1rem
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.subtitle {
    font-size: .875rem
}

.demo-btn-group {
    width: 100%;
    margin-top: 1rem
}

.btn-primary {
    display: block;
    width: 100%;
    background-color: #16a34a;
    color: #fff;
    padding: .75rem 1.5rem;
    margin-bottom: .75rem
}

.btn-primary:hover {
    background-color: #15803d
}

.btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #4ade80;
    padding: .5rem 1rem;
    background: 0 0;
    border: none;
    cursor: pointer
}

.btn-secondary:hover,
.demo-down-btn {
    background-color: #374151
}

.play-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem
}

.demo-down-text {
    margin-top: 3rem;
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #374151;
    padding-top: 2rem
}

.demo-down-text p {
    font-size: 1.125rem
}

.demo-down-btn {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    padding: .75rem 2rem;
    border-radius: .5rem
}

.demo-down-btn:hover {
    background-color: #4b5563;
    color: #fff
}

.modal-video {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000c;
    display: flex;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s
}

.modal-video.active {
    opacity: 1;
    visibility: visible
}

.modal-content-demo {
    background-color: #1f2937;
    padding: 20px;
    border-radius: 12px;
    position: relative;
    width: 90%;
    max-width: 800px
}

.close-button {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #fff;
    color: #111827;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid #111827
}

.sandbox-details {
    max-width: 40rem;
    margin: 0 auto;
    background: #1f293780;
    backdrop-filter: blur(5px);
    border: 1px solid #374151;
    border-radius: 1rem;
    box-shadow: 0 4px 10px #0000004d;
    font-family: sans-serif;
    color: #fff
}

.sandbox-item {
    border-bottom: 1px solid #374151
}

.sandbox-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    background: 0 0;
    border: none;
    color: inherit;
    text-align: left;
    cursor: pointer
}

.sandbox-icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke: #9ca3af;
    transition: transform .3s
}

.sandbox-icon.rotated {
    transform: rotate(180deg)
}

.sandbox-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
    padding: 0 1.25rem
}

.sandbox-content.open {
    max-height: 1000px;
    padding-bottom: 1rem
}

.sandbox-section {
    margin-top: 1rem
}

.sandbox-section label {
    font-weight: 700;
    display: block;
    margin-bottom: .25rem;
    color: #d1d5db
}

.sandbox-section p {
    color: #9ca3af;
    font-size: .875rem
}

.sandbox-input-group {
    display: flex;
    background: #111827;
    border: 1px solid #4b5563;
    border-radius: .5rem;
    margin-top: .5rem
}

.sandbox-input-group input {
    flex: 1;
    background: 0 0;
    padding: .75rem;
    border: none;
    color: #fff;
    outline: 0
}

.sandbox-input-group button {
    background: 0 0;
    border: none;
    color: #9ca3af;
    padding: .75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1rem
}

.sandbox-btn,
.sandbox-content img {
    border-radius: .5rem;
    margin-top: 1rem
}

.copy-feedback {
    display: none;
    color: #34d399;
    font-size: .75rem;
    margin-left: .5rem
}

.sandbox-btn {
    display: inline-block;
    padding: .5rem 1rem;
    background: #374151;
    color: #fff;
    text-align: center;
    transition: background .3s
}

.sandbox-btn:hover {
    background: #4b5563;
    color: #fff
}

.sandbox-content img {
    width: 100%;
    border: 1px solid #4b5563
}

@media screen and (max-width:768px) {
    .responsive-video {
        max-height: 300px
    }

    .interactive-links-section {
        padding-top: 92px
    }

    .interactive-links-section .column {
        margin-bottom: 30px
    }

    .interactive-links-section h3 {
        font-size: 20px
    }

    .interactive-links-section li {
        font-size: 14px;
        padding: 6px 10px
    }

    .aws-based-text h2 {
        font-size: 22px
    }

    .font-demo-text {
        font-size: 32px
    }
}

.msb-sec {
    display: grid;
    gap: 2rem
}

.msb-sec-card {
    background: 0 0;
    padding: 2rem;
    border-radius: .75rem;
    border: 1px solid
}

.msb-sec-icon {
    background-color: #0ea5e91a;
    border: 1px solid;
    color: #fff;
    border-radius: .5rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.msb-sec-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: .5rem
}

.msb-Streamlined {
    position: relative;
    padding: 2rem 0
}

.msb-Streamlined-grid {
    display: grid;
    gap: 3rem;
    position: relative
}

.msb-Streamlined-step {
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    animation: .8s forwards msbFadeUp
}

.bottom-bar,
.made-with-love,
.notch {
    transform: translateX(-50%)
}

.google-iframe-dot:nth-child(2),
.inclusive-platform-feature-item:nth-child(2),
.msb-Streamlined-step:first-child,
.msb-count-flow-item:nth-child(2),
.raas-process-step:first-child,
.raas-simulator .raas-section:nth-child(2),
.us-infrastructure .us-card:first-child,
.usn-step:nth-child(3),
.white-core-value-card:nth-child(2) {
    animation-delay: .2s
}

.AnnualDIY-stat-card:nth-child(2),
.eb-card:nth-child(2),
.google-iframe-dot:nth-child(3),
.inclusive-platform-feature-item:nth-child(4),
.msb-Streamlined-step:nth-child(2),
.msb-count-flow-item:nth-child(4),
.pathways-to-launch .ptl-card:nth-child(2),
.raas-process-step:first-child .raas-process-icon,
.us-infrastructure .us-card:nth-child(3),
.white-core-value-card:nth-child(4) {
    animation-delay: .4s
}

.bar3,
.inclusive-platform-feature-item:nth-child(6),
.msb-Streamlined-step:nth-child(3),
.msb-count-flow-item:nth-child(6) {
    animation-delay: .6s
}

.msb-Streamlined-number {
    margin: 0 auto 1rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #1e293b;
    border: 2px solid #0ea5e9;
    color: #38bdf8;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom_border,
.footer {
    border-top: none
}

.msb-Streamlined-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: .5rem
}

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

.footer-worldwide img {
    display: block;
    margin: 0
}

.footer-worldwide {
    margin-bottom: 0;
    padding-bottom: 0
}

.footer {
    margin-top: 0;
    padding-top: 0
}

.hero-heading span {
    font-size: 56px !important
}

@media (max-width:786px) {

    .compliance-consulting-card:hover h5,
    .transfer-licensing-text h5 {
        font-size: 18px
    }

    .compliance-consulting-card p,
    .transfer-licensing-link,
    .transfer-licensing-text p {
        font-size: 12px
    }

    .thankyou-data-file {
        padding: 10px
    }

    .thankyou-data-file h2 {
        font-size: 20px
    }

    .hero-heading span {
        font-size: 44px !important
    }

    .hero-remit-index {
        height: 100% !important;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .hero-section {
        height: 100%
    }

    .hero-remit-index {
        height: 100% !important;
    }
}

@media screen and (max-width:768px) and (min-width:1368px) {
    .hero-section {
        height: 100% !important
    }
}


    .setup-options {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* Base Card */
.setup-card {
  flex: 1;
  min-width: 260px;
  padding: 20px 24px;
  border-radius: 16px;
  text-decoration: none;
  border: 1px solid #d1d9e6;
  background: #f4f7fb;
  color: #1a1a1a;
  transition: all 0.3s ease;
  display: block;
}

/* Title */
.setup-card .title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Description */
.setup-card .desc {
  font-size: 14px;
  color: #444;
}

/* Active (Blue One) */
.setup-card.active {
  background: #377cd5;
  color: #fff;
  border-color: #377cd5;
  box-shadow: 0 8px 24px rgba(55, 124, 213, 0.35);
}

.setup-card.active .desc {
  color: #e6efff;
}

/* Hover Effects */
.setup-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

.setup-card.active:hover {
  box-shadow: 0 10px 28px rgba(55, 124, 213, 0.45);
}

/* Responsive */
@media (max-width: 576px) {
  .setup-options {
    flex-direction: column;
  }
  .cust-revert-flex{
    display: flex;
    flex-direction: column-reverse;
  }
}

.hero-ul li{
    text-align: left;
}

.hero-watch {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    background: #f8f9fa;
}

.hero-watch iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 16px;
}

@media (max-width: 767px) {
    .hero-watch {
        border-radius: 12px;
    }

    .hero-watch iframe {
        border-radius: 12px;
    }
}

.hero-watch-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 50px;
    color: #1f2937;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.hero-watch-btn:hover {
    color: #1f2937;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.hero-watch-btn__icon {
    width: 42px;
    height: 42px;
    background: #377cd5;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding-left: 2px;
    animation: heroPulse 2s infinite;
}

@keyframes heroPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(55, 124, 213, 0.4);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(55, 124, 213, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(55, 124, 213, 0);
    }
}


/* ======================== Knowledge Base ======================== */

.kb-hero {
  --kb-hero-blue: #377cd5;
  --kb-hero-navy: #0f172a;
  --kb-hero-muted: #64748b;
  position: relative;
  overflow: hidden;
  padding: 56px 0 48px;
  background: linear-gradient(
  180deg,
  #001421 0%,
  #00203a 55%,
  #0a1d2e 100%
);
}
.kb-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.kb-hero__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(55, 124, 213, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55, 124, 213, .04) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse 70% 80% at 50% 30%, #000 20%, transparent 75%);
}
.kb-hero__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  animation: kb-hero-float 9s ease-in-out infinite;
}
.kb-hero__orb--1 {
  width: 320px;
  height: 320px;
  top: -80px;
  right: -60px;
  background: rgba(55, 124, 213, .16);
}
.kb-hero__orb--2 {
  width: 260px;
  height: 260px;
  bottom: -70px;
  left: -50px;
  background: rgba(99, 102, 241, .1);
  animation-delay: -4s;
}
@keyframes kb-hero-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(12px, -10px) scale(1.04); }
}
.kb-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.kb-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(55, 124, 213, .08);
  border: 1px solid rgba(55, 124, 213, .16);
  color: var(--kb-hero-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.kb-hero__title {
  font-size: 52px;
  /* font-weight: 800; */
  color: var(--kb-hero-navy);
  margin: 0 0 16px;
}
.kb-hero__sub {
  font-size: clamp(15px, 2vw, 17px);
  line-height: 1.65;
  color: var(--kb-hero-muted);
  margin: 0 auto 28px;
  max-width: 580px;
}
.kb-hero__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 28px;
}
.kb-hero__chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 108px;
  padding: 14px 20px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  cursor: default;
}
.kb-hero__chip:hover {
  transform: translateY(-3px);
  border-color: rgba(55, 124, 213, .28);
  box-shadow: 0 10px 24px rgba(55, 124, 213, .1);
}
.kb-hero__chip strong {
  font-size: 22px;
  font-weight: 800;
  color: var(--kb-hero-navy);
  line-height: 1.2;
}
.kb-hero__chip span {
  font-size: 12px;
  font-weight: 600;
  color: var(--kb-hero-muted);
  letter-spacing: .01em;
}
.kb-hero__chip--soon strong {
  color: var(--kb-hero-blue);
}
.kb-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 999px;
  background: var(--kb-hero-blue);
  color: #fff;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(55, 124, 213, .32);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.kb-hero__cta:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(55, 124, 213, .38);
  background: #2f6fc4;
}
.kb-hero__cta svg {
  transition: transform .22s ease;
}
.kb-hero__cta:hover svg {
  transform: translateY(3px);
}
@media (max-width: 575.98px) {
  .kb-hero {
    padding: 40px 0 36px;
  }
  .kb-hero__chip {
    min-width: 96px;
    padding: 12px 16px;
  }
  .kb-hero__chip strong {
    font-size: 20px;
  }
}

.kb-section {
    --kb-blue: #377cd5;
    --kb-blue-soft: #eff6ff;
    --kb-navy: #0f172a;
    --kb-muted: #64748b;
    --kb-border: #e2e8f0;
    --kb-bg: #f8fafc;
    background: var(--kb-bg);
    padding: 36px 0 72px;
  }
  .kb-search-wrap {
    max-width: 620px;
    margin: 0 auto 28px;
  }
  .kb-search {
    position: relative;
  }
  .kb-search__icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
  }
  .kb-search__input {
    width: 100%;
    height: 52px;
    padding: 0 20px 0 48px;
    border: 1px solid var(--kb-border);
    border-radius: 999px;
    background: #fff;
    font-size: 15px;
    color: var(--kb-navy);
    box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
    transition: border-color .2s, box-shadow .2s;
  }
  .kb-search__input:focus {
    outline: none;
    border-color: #93c5fd;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .1);
  }
  .kb-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 36px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .kb-filters::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .kb-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    border: 1px solid var(--kb-border);
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
  }
  .kb-filter-btn:hover {
    border-color: #93c5fd;
    color: var(--kb-blue);
  }
  .kb-filter-btn.is-active {
    background: var(--kb-blue);
    border-color: var(--kb-blue);
    color: #fff;
    box-shadow: 0 4px 14px rgba(37, 99, 235, .28);
  }
  .kb-filter-btn.is-active svg {
    stroke: #fff;
    fill: #fff;
  }
  .kb-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .kb-card {
    background: #fff;
    border: 1px solid var(--kb-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
    cursor: pointer;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    display: flex;
    flex-direction: column;
  }
  .kb-card:not(.kb-card--soon):hover,
  .kb-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .1);
    border-color: #bfdbfe;
  }
  .kb-card.is-hidden {
    display: none !important;
  }
  .kb-card__thumb {
    position: relative;
    /* aspect-ratio: 16 / 9; */
    overflow: hidden;
    background: #e2e8f0;
  }
  .kb-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
  }
  .kb-card:hover .kb-card__thumb img {
    transform: scale(1.04);
  }
  .kb-card__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.92);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(15, 23, 42, .72);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
  }
  .kb-card:hover .kb-card__play {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .kb-card__duration {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(15, 23, 42, .82);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    letter-spacing: .02em;
    z-index: 1;
  }
  .kb-card__body {
    padding: 16px 18px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .kb-card__tag {
    display: inline-block;
    background: var(--kb-blue-soft);
    color: var(--kb-blue);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    max-width: fit-content;
  }
  .kb-card__title {
    font-size: 16px;
    font-weight: 800;
    color: var(--kb-navy);
    line-height: 1.35;
    margin: 0 0 8px;
  }
  .kb-card__desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--kb-muted);
    margin: 0 0 14px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .kb-card__footer {
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
  }
  .kb-card__action {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--kb-blue);
  }
  .kb-empty {
    text-align: center;
    padding: 48px 20px;
    color: var(--kb-muted);
    font-size: 15px;
  }
  .kb-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
  }
  .kb-page-btn {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--kb-border);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
  }
  .kb-page-btn:hover:not(:disabled) {
    border-color: #93c5fd;
    color: var(--kb-blue);
  }
  .kb-page-btn.is-active {
    background: var(--kb-blue);
    border-color: var(--kb-blue);
    color: #fff;
  }
  .kb-page-btn:disabled {
    opacity: .4;
    cursor: not-allowed;
  }
  .kb-upcoming {
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid var(--kb-border);
  }
  .kb-upcoming__head {
    text-align: center;
    max-width: 520px;
    margin: 0 auto 28px;
  }
  .kb-upcoming__eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--kb-blue);
    background: var(--kb-blue-soft);
    padding: 5px 12px;
    border-radius: 999px;
    margin-bottom: 12px;
  }
  .kb-upcoming__title {
    font-size: 24px;
    font-weight: 800;
    color: var(--kb-navy);
    margin: 0 0 8px;
  }
  .kb-upcoming__sub {
    font-size: 14.5px;
    color: var(--kb-muted);
    margin: 0;
    line-height: 1.6;
  }
  .kb-upcoming__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .kb-upcoming-card {
    display: flex;
    gap: 16px;
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    padding: 14px;
    opacity: .95;
  }
  .kb-upcoming-card__thumb {
    position: relative;
    width: 148px;
    flex-shrink: 0;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    background: #e2e8f0;
  }
  .kb-upcoming-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: grayscale(.35) brightness(.88);
  }
  .kb-upcoming-card__badge {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(15, 23, 42, .52);
    color: #fff;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    padding: 6px;
  }
  .kb-upcoming-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .kb-upcoming-card__body .kb-card__tag {
    align-self: flex-start;
    margin-bottom: 8px;
  }
  .kb-upcoming-card__title {
    font-size: 15px;
    font-weight: 800;
    color: var(--kb-navy);
    margin: 0 0 6px;
    line-height: 1.35;
  }
  .kb-upcoming-card__desc {
    font-size: 13px;
    line-height: 1.55;
    color: var(--kb-muted);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .kb-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility .25s;
  }
  .kb-modal.is-open {
    opacity: 1;
    visibility: visible;
  }
  .kb-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .72);
    backdrop-filter: blur(4px);
  }
  .kb-modal__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .28);
    transform: translateY(16px) scale(.98);
    transition: transform .25s ease;
  }
  .kb-modal.is-open .kb-modal__dialog {
    transform: translateY(0) scale(1);
  }
  .kb-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(15, 23, 42, .75);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s;
  }
  .kb-modal__close:hover {
    background: rgba(15, 23, 42, .95);
  }
  .kb-modal__title {
    font-size: 17px;
    font-weight: 800;
    color: var(--kb-navy);
    margin: 0;
    padding: 18px 56px 14px 20px;
    border-bottom: 1px solid #f1f5f9;
  }
  .kb-modal__video {
    position: relative;
    padding-top: 56.25%;
    background: #0f172a;
  }
  .kb-modal__loader {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    transition: opacity .3s ease, visibility .3s ease;
  }
  .kb-modal__loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .kb-modal__spinner {
    width: 42px;
    height: 42px;
    border: 3px solid rgba(255, 255, 255, .18);
    border-top-color: #fff;
    border-radius: 50%;
    animation: kb-video-spin .75s linear infinite;
  }
  .kb-modal__loader-text {
    margin-top: 14px;
    font-size: 13.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, .72);
    letter-spacing: .02em;
  }
  @keyframes kb-video-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .kb-modal__video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0;
    transition: opacity .35s ease;
  }
  .kb-modal__video.is-ready iframe {
    opacity: 1;
  }
  @media (max-width: 991.98px) {
    .kb-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
    .kb-upcoming__grid {
      grid-template-columns: 1fr;
    }
    .kb-filters {
      flex-wrap: nowrap;
      justify-content: flex-start;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 4px;
    }
    .kb-filter-btn {
      flex-shrink: 0;
    }
  }
  @media (max-width: 575.98px) {
    .kb-section {
      padding-bottom: 48px;
    }
    .kb-search__input {
      height: 48px;
      font-size: 14px;
    }
    .kb-filters {
      gap: 8px;
    }
    .kb-filter-btn {
      font-size: 12.5px;
      padding: 8px 13px;
    }
    .kb-grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }
    .kb-upcoming {
      margin-top: 40px;
      padding-top: 32px;
    }
    .kb-upcoming__title {
      font-size: 20px;
    }
    .kb-upcoming-card {
      flex-direction: column;
      padding: 12px;
    }
    .kb-upcoming-card__thumb {
      width: 100%;
    }
    .kb-card__play {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
      width: 44px;
      height: 44px;
    }
    .kb-modal {
      padding: 12px;
    }
    .kb-modal__title {
      font-size: 15px;
      padding-right: 48px;
    }
  }
/* ======================== Mega Navbar (rs-nav) ======================== */
#top-beamer,
.beamer-header {
  display: none !important;
}
body {
  padding-top: 76px !important;
}
body.rs-nav-open {
  overflow: hidden;
}
.rs-header,
#header.rs-header.fixed-top-head {
  top: 0 !important;
  background: #002a45;
  z-index: 10050;
  overflow: visible !important;
  transition: box-shadow .25s ease;
}
body.rs-nav-open .rs-header {
  z-index: 10080;
}
.rs-header.rs-header--scrolled {
  box-shadow: 0 8px 28px rgba(0, 16, 32, .28);
}
.rs-header .logo img,
.rs-header__logo img {
  max-height: 42px;
  width: auto;
}
.rs-header > .container,
.rs-header .container.d-flex {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  overflow: visible !important;
  min-height: 72px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  position: relative;
}
.rs-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  position: static !important;
  flex: 0 1 auto;
  justify-content: flex-end;
  min-width: 0;
  overflow: visible !important;
}
.rs-nav__drawer-head,
.rs-nav__drawer-foot {
  display: none !important;
}
.rs-nav__list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
  width: max-content !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
.rs-nav__list > li {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Anchor each mega panel to its trigger (no extra padding — that shifted labels up) */
.rs-nav__list > li.rs-mega {
  position: relative !important;
}
.rs-nav__list > li.rs-mega::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 0;
  pointer-events: none;
}
.rs-mega:hover::after,
.rs-mega.is-open::after,
.rs-mega:focus-within::after {
  height: 28px;
  pointer-events: auto;
}
.rs-nav__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 11px 14px;
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none !important;
  background: transparent;
  border: 0;
  cursor: pointer;
  white-space: nowrap !important;
  transition: color .2s ease, background .2s ease;
  border-radius: 8px;
  line-height: 1.25;
  font-family: inherit;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
  box-sizing: border-box;
}
.rs-nav__link:hover,
.rs-nav__link:focus,
.rs-nav__link.is-active,
.rs-mega.is-open > .rs-mega__trigger,
.rs-mega.is-section-active > .rs-mega__trigger {
  color: #7eb6ff !important;
  outline: none;
  text-decoration: none !important;
}
.rs-nav__chevron {
  display: block;
  transition: transform .2s ease;
  flex-shrink: 0;
  opacity: .85;
  width: 13px;
  height: 13px;
  margin: 0;
  position: relative;
  top: 0;
}

/* Panels drop under their own trigger button */
.rs-mega__panel {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 6px);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 560px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 22px 50px rgba(15, 23, 42, .18);
  padding: 18px;
  margin: 0;
  z-index: 10060;
}
.rs-mega__panel::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 20px;
}
.rs-mega__panel--cols-2 {
  width: 580px;
}
.rs-mega__panel--cols-3 {
  width: min(860px, calc(100vw - 32px));
}
.rs-mega--wide .rs-mega__panel {
  width: min(860px, calc(100vw - 32px));
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.rs-mega--end .rs-mega__panel {
  left: auto;
  right: 0;
  transform: none;
}
.rs-mega.is-open > .rs-mega__panel,
.rs-mega:hover > .rs-mega__panel,
.rs-mega:focus-within > .rs-mega__panel {
  display: block !important;
}
.rs-mega.is-open > .rs-mega__trigger .rs-nav__chevron,
.rs-mega:hover > .rs-mega__trigger .rs-nav__chevron,
.rs-mega:focus-within > .rs-mega__trigger .rs-nav__chevron {
  transform: rotate(180deg);
}
.rs-mega__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.rs-mega__panel--cols-3 .rs-mega__grid,
.rs-mega--wide .rs-mega__grid {
  grid-template-columns: 1fr 1fr 1fr;
}
.rs-mega__item {
  display: flex !important;
  align-items: flex-start;
  gap: 14px;
  padding: 14px;
  border-radius: 12px;
  text-decoration: none !important;
  color: #0f172a !important;
  border: 1px solid transparent;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  white-space: normal !important;
  text-transform: none !important;
  max-width: none !important;
  width: auto !important;
  line-height: 1.4;
  min-width: 0;
}
.rs-mega__item:hover,
.rs-mega__item:focus {
  background: #f4f8fd;
  border-color: #bfdbfe;
  box-shadow: 0 6px 16px rgba(55, 124, 213, .08);
  color: #0f172a !important;
  outline: none;
}
.rs-mega__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #eff6ff;
  color: #377cd5;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.rs-mega__icon svg {
  width: 22px;
  height: 22px;
}
.rs-mega__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}
.rs-mega__title {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.35;
  white-space: normal;
}
.rs-mega__desc {
  display: block;
  font-size: 13px;
  font-style: normal;
  color: #64748b;
  line-height: 1.5;
  font-weight: 500;
  white-space: normal;
}
.rs-nav__toggle {
  display: none;
  color: #fff;
  cursor: pointer;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
}
.rs-nav__toggle:focus {
  outline: 2px solid #7eb6ff;
  outline-offset: 2px;
  border-radius: 8px;
}
.rs-nav__backdrop {
  display: none;
}

@media (max-width: 1399.98px) and (min-width: 992px) {
  .rs-nav__link {
    padding: 10px 10px;
    font-size: 12.5px;
  }
  .rs-mega__panel--cols-3 .rs-mega__grid,
  .rs-mega--wide .rs-mega__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  .rs-nav__link {
    padding: 9px 8px;
    font-size: 12px;
  }
}

@media (max-width: 991.98px) {
  body {
    padding-top: 68px !important;
  }
  .rs-header > .container,
  .rs-header .container.d-flex {
    min-height: 64px;
  }
  .rs-nav__toggle {
    display: inline-flex !important;
  }

  /* Backdrop covers only the page area LEFT of the drawer — never the drawer itself */
  .rs-nav__backdrop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: min(400px, 92vw);
    width: auto;
    inset: unset;
    background: rgba(2, 18, 32, .55);
    z-index: 10070;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
  }
  .rs-nav__backdrop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .rs-nav {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: min(400px, 92vw) !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: #002a45 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    z-index: 10090 !important;
    transform: translateX(105%);
    transition: transform .3s ease;
    box-shadow: -12px 0 40px rgba(0, 0, 0, .35);
    padding: 0 !important;
    overflow: hidden !important;
  }
  .rs-nav.is-open {
    transform: translateX(0);
  }
  .rs-nav__drawer-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    flex-shrink: 0;
    background: #002a45;
  }
  .rs-nav__drawer-logo img {
    display: block;
    height: 32px;
    width: auto;
  }
  .rs-nav__drawer-close {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .rs-nav__list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 10px 12px 16px !important;
  }
  .rs-nav__list::-webkit-scrollbar {
    display: none;
  }
  .rs-nav__list > li {
    width: 100% !important;
    position: relative !important;
    display: block !important;
  }
  .rs-nav__list > li.rs-mega {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .rs-nav__list > li.rs-mega::after {
    display: none !important;
  }
  .rs-nav__link {
    width: 100% !important;
    justify-content: space-between;
    padding: 14px 12px !important;
    font-size: 15px !important;
    border-radius: 10px;
    color: #fff !important;
  }
  .rs-nav__link:hover,
  .rs-nav__link.is-active {
    background: rgba(255, 255, 255, .08);
    color: #fff !important;
  }
  .rs-mega__panel {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0 0 6px !important;
    display: none !important;
  }
  .rs-mega__panel::before {
    display: none;
  }
  .rs-mega > .rs-mega__panel {
    display: none !important;
  }
  .rs-mega.is-open > .rs-mega__panel {
    display: block !important;
  }
  .rs-mega__grid {
    grid-template-columns: 1fr !important;
    gap: 6px;
    padding: 4px 0 4px 4px;
  }
  .rs-mega__item {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .1);
    color: #fff !important;
    padding: 12px;
  }
  .rs-mega__item:hover,
  .rs-mega__item:focus {
    background: rgba(55, 124, 213, .28);
    border-color: rgba(126, 182, 255, .4);
    color: #fff !important;
    box-shadow: none;
  }
  .rs-mega__icon {
    background: rgba(55, 124, 213, .3);
    color: #b8d6ff;
  }
  .rs-mega__title {
    color: #fff;
    font-size: 14px;
  }
  .rs-mega__desc {
    color: rgba(255, 255, 255, .72);
  }
  .rs-nav__drawer-foot {
    display: block !important;
    flex-shrink: 0;
    padding: 12px 16px calc(20px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255, 255, 255, .12);
    background: #001829;
  }
  .rs-nav__cta-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .rs-nav__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 18px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    text-transform: none;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .rs-nav__cta--primary {
    background: #377cd5;
    color: #fff !important;
    border: 1px solid #377cd5;
    box-shadow: 0 8px 20px rgba(55, 124, 213, .35);
  }
  .rs-nav__cta--primary:hover {
    background: #2f6fc4;
    border-color: #2f6fc4;
    color: #fff !important;
  }
  .rs-nav__cta--secondary {
    background: rgba(255, 255, 255, .08);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: none;
  }
  .rs-nav__cta--secondary:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(126, 182, 255, .45);
    color: #fff !important;
  }
}

/* =========================================================
   Getting Started — reusable explore / guide cards
   Reuse: .gs-explore, .gs-card-grid, .gs-card, .gs-launch-btn
   ========================================================= */
.gs-explore {
  --gs-blue: #377cd5;
  --gs-blue-soft: #eff6ff;
  --gs-navy: #0f172a;
  --gs-muted: #64748b;
  --gs-border: #e2e8f0;
  --gs-bg: #f1f5f9;
  background: var(--gs-bg);
  padding: 56px 0 72px;
}

.gs-explore__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}

.gs-explore__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--gs-blue-soft);
  color: var(--gs-blue);
  flex-shrink: 0;
}

.gs-explore__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--gs-navy);
  line-height: 1.3;
}

.gs-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.gs-card-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

/* .gs-explore--follow {
  padding-top: 0;
} */

.gs-card {
  background: #fff;
  border: 1px solid var(--gs-border);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
  display: flex;
  flex-direction: column;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.gs-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  border-color: #bfdbfe;
}

.gs-card--link {
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
}

.gs-card--link:hover .gs-card__title {
  color: var(--gs-blue);
}

.gs-card--wide {
  grid-column: 1 / -1;
}

.gs-card--demo {
  position: relative;
  overflow: hidden;
  min-height: 150px;
}

.gs-card--demo::after {
  content: "";
  position: absolute;
  top: -36px;
  right: -36px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(55, 124, 213, .08);
  pointer-events: none;
}

.gs-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gs-blue-soft);
  color: var(--gs-blue);
  margin-bottom: 18px;
}

.gs-card__title {
  margin: 0 0 10px;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--gs-navy);
  line-height: 1.35;
}

.gs-card--demo .gs-card__title {
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}

.gs-card__subtitle {
  margin: 0 0 22px;
  font-size: .95rem;
  line-height: 1.5;
  color: var(--gs-muted);
  flex: 1;
  position: relative;
  z-index: 1;
}

.gs-card__desc {
  margin: 0 0 22px;
  font-size: .95rem;
  line-height: 1.6;
  color: var(--gs-muted);
  flex: 1;
}

.gs-launch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: auto;
  padding: 10px 22px;
  border-radius: 10px;
  background: var(--gs-blue);
  border: 1px solid var(--gs-blue);
  color: #fff !important;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none !important;
  position: relative;
  z-index: 1;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor: pointer;
}

.gs-launch-btn:hover {
  background: #2f6fc4;
  border-color: #2f6fc4;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(55, 124, 213, .3);
}

/* Learn More — interactive link chips */
.gs-learn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.gs-learn-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border: 1px solid var(--gs-border);
  border-radius: 12px;
  color: var(--gs-navy) !important;
  font-size: .95rem;
  font-weight: 600;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease;
}

.gs-learn-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gs-blue);
  flex-shrink: 0;
}

.gs-learn-btn__label {
  line-height: 1.2;
  white-space: nowrap;
}

.gs-learn-btn:hover {
  transform: translateY(-2px);
  border-color: #93c5fd;
  color: var(--gs-blue) !important;
  box-shadow: 0 8px 20px rgba(55, 124, 213, .14);
}

.gs-learn-btn:active {
  transform: translateY(0);
}

/* Bottom CTA banner */
.gs-cta {
  background: #eef4fb;
  border-radius: 16px;
  padding: 48px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gs-cta__title {
  margin: 0 0 12px;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--gs-navy);
  line-height: 1.3;
}

.gs-cta__desc {
  margin: 0 0 24px;
  max-width: 640px;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--gs-muted);
}

.gs-cta__btn {
  align-self: center;
  margin-top: 0;
  padding: 12px 28px;
}

@media (max-width: 992px) {
  .gs-card-grid--3 {
    grid-template-columns: 1fr;
  }

  .gs-learn-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .gs-learn-btn {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .gs-explore {
    padding: 40px 0 56px;
  }
  
  .gs-explore__title {
    font-size: 1.25rem;
  }

  .gs-card-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .gs-card {
    padding: 22px;
  }

  .gs-learn-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .gs-learn-btn {
    padding: 14px 16px;
  }

  .gs-learn-btn__label {
    white-space: normal;
  }

  .gs-cta {
    padding: 36px 20px;
  }

  .gs-cta__title {
    font-size: 1.25rem;
  }

  .gs-cta__desc {
    font-size: .95rem;
  }
}

/* Due diligence / evaluate architecture — reusable on homepage */
.gs-explore--due-diligence {
  background: linear-gradient(180deg, #f8fbff 0%, #f1f5f9 100%);
  padding-top: 64px;
}

.gs-section-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.gs-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #377cd5;
}

.gs-section-head__title {
  margin: 0 0 14px;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--gs-navy);
  line-height: 1.2;
}

.gs-section-head__desc {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--gs-muted);
}

.gs-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 28px;
}

.gs-feature-grid-2{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-bottom: 28px;
}

.gs-feature-card {
  background: #fff;
  border: 1px solid var(--gs-border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
  display: flex;
  flex-direction: column;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.gs-feature-card:hover {
  transform: translateY(-3px);
  border-color: #bfdbfe;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.gs-feature-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.gs-feature-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gs-feature-card__icon svg {
  width: 22px;
  height: 22px;
}

.gs-feature-card__icon--blue {
  background: #eff6ff;
  color: #377cd5;
}

.gs-feature-card__icon--purple {
  background: #f5f3ff;
  color: #7c3aed;
}

.gs-feature-card__icon--green {
  background: #ecfdf5;
  color: #059669;
}

.gs-feature-card__icon--orange {
  background: #fff7ed;
  color: #ea580c;
}

.gs-feature-card__badge {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
}

.gs-feature-card__badge--blue {
  background: #eff6ff;
  color: #2563eb;
}

.gs-feature-card__badge--purple {
  background: #f5f3ff;
  color: #7c3aed;
}

.gs-feature-card__badge--green {
  background: #ecfdf5;
  color: #059669;
}

.gs-feature-card__badge--orange {
  background: #fff7ed;
  color: #ea580c;
}

.gs-feature-card__title {
  margin: 0 0 10px;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--gs-navy);
}

.gs-feature-card__desc {
  margin: 0 0 18px;
  flex: 1;
  font-size: .95rem;
  line-height: 1.6;
  color: var(--gs-muted);
}

.gs-text-link {
  align-self: flex-start;
  color: #377cd5 !important;
  font-size: .92rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: color .2s ease;
}

.gs-text-link:hover {
  color: #2f6fc4 !important;
}

.gs-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gs-panel {
  background: #fff;
  border: 1px solid var(--gs-border);
  border-radius: 16px;
  padding: 22px 20px 12px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
}

.gs-panel__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 0 4px 12px;
  border-bottom: 1px solid #f1f5f9;
}

.gs-panel__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gs-panel__icon svg {
  width: 14px;
  height: 14px;
}

.gs-panel__icon--green {
  background: #ecfdf5;
  color: #059669;
}

.gs-panel__icon--orange {
  background: #fff7ed;
  color: #ea580c;
}

.gs-panel__icon--slate {
  background: #f1f5f9;
  color: #475569;
}

.gs-panel__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--gs-navy);
}

.gs-panel__links {
  display: flex;
  flex-direction: column;
}

.gs-panel__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 4px;
  border-bottom: 1px solid #f1f5f9;
  color: inherit;
  text-decoration: none !important;
  transition: background .2s ease, padding-left .2s ease;
  outline: none !important;
  box-shadow: none !important;
}

.gs-panel__link:last-child {
  border-bottom: 0;
}

.gs-panel__link:hover,
.gs-panel__link:focus {
  padding-left: 6px;
  background: #f8fafc;
  outline: none !important;
  box-shadow: none !important;
}

.gs-panel__link-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.gs-panel__link-text strong {
  font-size: .92rem;
  font-weight: 600;
  color: var(--gs-navy);
  line-height: 1.35;
}

.gs-panel__link-text small {
  font-size: .8rem;
  color: var(--gs-muted);
  line-height: 1.4;
}

.gs-panel__chevron {
  flex-shrink: 0;
  color: #cbd5e1;
  font-size: 1.35rem;
  line-height: 1;
  transition: color .2s ease, transform .2s ease;
}

.gs-panel__link:hover .gs-panel__chevron {
  color: #377cd5;
  transform: translateX(2px);
}

@media (max-width: 992px) {
  .gs-feature-grid,
  .gs-panel-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .gs-explore--due-diligence {
    padding-top: 48px;
  }

  .gs-section-head {
    margin-bottom: 28px;
  }

  .gs-feature-card,
  .gs-panel {
    padding: 20px 18px;
  }

  .gs-feature-card__top {
    flex-wrap: wrap;
  }
}




/* Cookie consent banner (element/consent_banner.php) — here, not in style.min.css, because that file
   loads asynchronously and the banner must never appear unstyled */
.rs-consent {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 10600;
    max-width: 420px;
    padding: 18px 20px;
    border-radius: 14px;
    background: #fff;
    color: #0f172a;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 1.5
}
.rs-consent[hidden] { display: none }
.rs-consent__text { margin: 0 0 14px; color: #334155 }
.rs-consent__text a { color: #2f6fc4; text-decoration: underline }
.rs-consent__actions { display: flex; gap: 10px; justify-content: flex-end }
.rs-consent__btn {
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid #2f6fc4;
    border-radius: 10px;
    background: #2f6fc4;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}
.rs-consent__btn--ghost { background: #fff; color: #2f6fc4 }
.rs-consent__btn:focus-visible { outline: 2px solid #0f172a; outline-offset: 2px }
@media (max-width: 575.98px) {
    .rs-consent { left: 12px; right: 12px; bottom: 12px; max-width: none }
    .rs-consent__btn { flex: 1 }
}