/* Center image */
.rt-auto-fit {
    width: 100%;
}

/* Floating icons */
.rt-integration-absolute-image {
    position: absolute;
    cursor: pointer;
}

/* Tooltip */
.tooltip {
    position: absolute;
    /* bottom: 120%;
    left: 50%; */
    transform: translateX(-50%) translateY(10px);

    background: #fff;
    color: #052b37;
    padding: 10px 14px;
    border-radius: 8px;
    width: 200px;

    opacity: 1;
    visibility: visible;

    transition: all 0.3s ease;
    text-align: center;
    z-index: 10;
}

.rt-integration-absolute-image.rt-one .tooltip,
.rt-integration-absolute-image.rt-two .tooltip,
.rt-integration-absolute-image.rt-three .tooltip {
    bottom: 0;
    left: -110%;
}

.rt-integration-absolute-image.rt-four .tooltip,
.rt-integration-absolute-image.rt-five .tooltip,
.rt-integration-absolute-image.rt-six .tooltip {
    top: -14%;
    left: 210%;
}

/* Arrow */
.tooltip::after {
    content: "";
    position: absolute;
    /* top: 100%;
    left: 50%;
    transform: translateX(-50%); */
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.rt-integration-absolute-image.rt-one .tooltip::after,
.rt-integration-absolute-image.rt-two .tooltip::after,
.rt-integration-absolute-image.rt-three .tooltip::after {
    top: 45%;
    left: 100%;
    transform: rotate(272deg);
}

.rt-integration-absolute-image.rt-four .tooltip::after,
.rt-integration-absolute-image.rt-five .tooltip::after,
.rt-integration-absolute-image.rt-six .tooltip::after {
    top: 40%;
    right: 100%;
    transform: rotate(90deg);
}

/* Tooltip text */
.tooltip h4 {
    font-size: 20px;
    margin-bottom: 4px;
    color: #052b37;
}

.tooltip p {
    font-size: 13px;
    opacity: 0.8;
}

/* Hover effect */
.rt-integration-absolute-image:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}


/* ******************************************************** */

:root {
    --s-bg: #f3f4f6;
    --s-card: #ffffff;
    --s-text: #111827;
    --s-muted: #6b7280;
    --s-border: #e5e7eb;
    --s-primary: #000000;
    --s-focus: #3b82f6;
}

.sign_section {
    background: var(--black);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rt-hero-v14 {
    background: var(--black);
}

/* When overlay is active */
/* .rt-overlay-active .sign_section,
.rt-overlay-active .rt-hero-v14 {
    background: var(--bg-main) !important;
} */

.sign_section .card {
    background: var(--s-card);
    width: 100%;
    max-width: 420px;
    padding: 32px 0px 0;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
}

/* Logo */
.sign_section .logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto 18px;
    /* background: linear-gradient(135deg, #3b82f6, #93c5fd); */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.sign_section .heading {
    /* font-size: 22px; */
    color: var(--s-text);
    margin-bottom: 24px;
}

.sign_section .form-group {
    position: relative;
    margin-bottom: 20px;
    text-align: left;
    padding: 0 30px;
}

.sign_section .input-wrapper {
    position: relative;
}

.sign_section input {
    width: 100%;
    padding: 16px 40px 16px 12px;
    border-radius: 10px;
    border: 1px solid var(--s-border);
    font-size: 14px;
    background: transparent;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.sign_section input:focus {
    outline: none;
    border-color: var(--s-focus);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* Floating label */
.sign_section label.text {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--s-muted);
    background: #fff;
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);

}

.sign_section input:focus+label.text,
.sign_section input:not(:placeholder-shown)+label.text {
    top: -8px;
    font-size: 11px;
    color: var(--s-focus);
}

.sign_section label.error {
    position: static !important;
    /* remove floating behavior */
    margin-top: 6px;
    /* space below input */
    font-size: 12px;
    color: #e63946;
    display: block;
    padding-left: 2px;
    /* align with input padding */
}

.sign_section input.error {
    border-color: #e63946 !important;
    box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.15);
}

.sign_section input.error+label.text {
    color: #e63946 !important;
}


/* Icons */
.sign_section .icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--s-muted);
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sign_section .forgot {
    text-align: right;
    font-size: 13px;
    margin-bottom: 20px;
    padding-right: 30px;
}

.sign_section .forgot a {
    text-decoration: none;
    color: var(--s-muted);
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
}

.sign_section .forgot a:hover {
    color: var(--s-text);
}

.sign_section button {
    /* width: 100%; */
    width: 80%;
    padding: 12px;
    border-radius: 999px;
    border: none;
    background: var(--s-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
}

.sign_section button:hover {
    opacity: 0.9;
}

.sign_section .terms {
    font-size: 12px;
    color: var(--s-muted);
    margin-top: 16px;
    line-height: 1.5;
}

.sign_section .terms a {
    color: var(--s-text);
    text-decoration: none;
    font-weight: 500;
}

.sign_section .signup {
    margin-top: 60px;
    font-size: 14px;
    color: var(--s-muted);
    background: linear-gradient(90deg, #f6fdff 0%, #eef 100%);
    padding: 10px;
    margin-bottom: 0;
    border-end-end-radius: 18px;
    border-bottom-left-radius: 18px;
}

.sign_section .signup a {
    color: var(--s-text);
    text-decoration: none;
    font-weight: 400;
}

.sign_section .signup a:hover {
    text-decoration: underline;
    font-weight: 600;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/* ******************************************************* */

.rt-nav {
    padding-top: 20px;
}

.rt-nav:has(.rt-navbar-overlay[style*="opacity: 1"]) {
    padding-top: 70px;
    padding-bottom: 10px;
}

.rt-nav:has(.rt-navbar-overlay[style*="opacity: 1"]) .rt-menu-text {
    color: #000 !important;
}

.rt-benefit-v2,
.rt-benefit-v1,
.rt-choose-us-v1,
.rt-about-v2,
.rt-benefit-v4 {
    padding-bottom: var(--_spacing---section-gap-small);
}

.rt-about-v1 {
    padding-top: var(--_spacing---section-gap-large);
}

:root {
    --_spacing---section-gap-small: 3rem;
    --_spacing---section-gap-large: 5rem;
}

.rt-feature-v5 {
    padding-bottom: 0;
}

.rt-hero-v7 {
    padding-bottom: 5rem;
}

.rt-dropdown.sin_page a:hover div {
    color: #475ef3;
    cursor: pointer;
}

.rt-dropdown.active .rt-menu-text,
.rt-dropdown-link.active,
.rt-footer-link.active {
    /* color: #4f8cff; */
    color: var(--brand-blue);
    /* your highlight color */
    font-weight: 600;
}

label.error {
    color: red;
}

/* ******************************* new layout ************************************ */


/* ── HERO ── */
.rt-hero-v6 {
    position: relative;
}

/* ── CARDS STAGE ── */
.cards-stage {
    position: relative;
    z-index: -5;
    width: 100%;
    max-width: 760px;
    height: 500px;
    margin: 0px auto 0;
    bottom: -252px;
    flex-shrink: 0;
    opacity: 0;
    animation: fadeUp 0.9s 0.6s forwards;
}

.card-wrap {
    position: absolute;
    transform-origin: bottom center;
    transition: transform 0.4s cubic-bezier(.34, 1.56, .64, 1), filter 0.4s;
}

.card-wrap img {
    display: block;
    height: 560px;
    width: auto;
    border-radius: 20px;
    object-fit: cover;
    pointer-events: none;
}

/* Left card */
.card-left {
    left: 70%;
    bottom: 0;
    transform: translateX(-175%) rotate(-18deg);
    z-index: 1;
    filter: brightness(0.88);
}

.cards-stage:hover .card-left {
    transform: translateX(-190%) rotate(-22deg) translateY(-10px);
    filter: brightness(0.92);
}

/* Centre card */
.card-centre {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) rotate(-4deg) translateY(0px);
    z-index: 3;
}

.cards-stage:hover .card-centre {
    transform: translateX(-50%) rotate(-4deg) translateY(-18px);
}

/* Right card */
.card-right {
    left: 40%;
    bottom: 0;
    transform: translateX(10%) rotate(9deg);
    z-index: 2;
    filter: brightness(0.88);
}

.cards-stage:hover .card-right {
    transform: translateX(20%) rotate(10deg) translateY(-10px);
    filter: brightness(0.92);
}

/* Digitize circle */
.card-digitize {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateX(-20px);
    z-index: 4;
    animation: spin 18s linear infinite;
}

.card-digitize img {
    width: 100%;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    pointer-events: none;
}

/* White sweep at the bottom */
.hero-sweep {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 238px;
    background: url(../new-images/Home/sec-1/Cover_Bg-1.png);
    background-size: cover;
    z-index: 2;
    background-position: 50%;
    border-radius: 0% 0% 0 0 / 40px 40px 0 0;
}

/* ── KEYFRAMES ── */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

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

@keyframes spin {
    from {
        transform: translateX(-50%) translateX(-20px) rotate(0deg);
    }

    to {
        transform: translateX(-50%) translateX(-20px) rotate(360deg);
    }
}

/* Float pulse on whole stage */
@keyframes floatBob {

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

    50% {
        transform: translateY(-6px);
    }
}

.cards-stage {
    animation: fadeUp 0.9s 0.6s forwards, floatBob 5s 1.6s ease-in-out infinite;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {

    .cards-stage {
        height: 350px;
        max-width: 100vw;
    }

    .card-wrap img {
        height: 320px;
    }

    .card-left {
        transform: translateX(-165%) rotate(-18deg);
    }

    .card-right {
        transform: translateX(16%) rotate(18deg);
    }

    .card-digitize img {
        width: 100%;
        height: auto;
        max-width: 180px;
    }
}

@media (max-width: 480px) {

    .cards-stage,
    .hero-sweep,
    .card-digitize {
        /* height: 240px; */
        display: none;
    }

    .card-wrap img {
        height: 180px;
    }

    .card-left {
        transform: translateX(-155%) rotate(-15deg);
    }

    .card-right {
        transform: translateX(18%) rotate(15deg);
    }

    .hero-sweep {
        height: 80px;
    }
}

:root {
    /* ============================
     BRAND / PRIMARY COLORS
  ============================ */
    --brand-blue: #455EF3;
    --brand-blue-light: #BBC6FB;
    --brand-green: #AADF8D;

    /* ============================
     BACKGROUND COLORS
  ============================ */
    --bg-main: #F8FFF5;
    --bg-footer-top: #BBC6FB;
    --bg-accent-green: #AADF8D;
    --bg-purple: #dcbbff;
    --text-yellow: #f7d046;

    /* ============================
     DARK COLORS (UI / TEXT)
  ============================ */
    --dark-pink: #CE5C90;
    --dark-cream: #FFF2D5;
    --dark-lightpink: #FCC8CB;
    --dark-lightgreen: #DCFFCE;
    --dark-softpink: #FCBBBF;

    /* ============================
     LIGHT COLORS (CARDS / SECTIONS)
  ============================ */
    --light-softpink: #FCBBBF;
    --light-green: #ECF9E7;
    --light-cream: #FFF8E8;
    --light-pink: #FEE8EA;

    /* ============================
     TEXT COLORS
  ============================ */
    --text-dark: #1A1A1A;
    --text-muted: #6B6B6B;
    --text-light: #FFFFFF;

    /* ============================
     BORDER / SHADOW
  ============================ */
    --border-light: rgba(0, 0, 0, 0.08);
    --border-soft: rgba(0, 0, 0, 0.04);
    --shadow-soft: 0 4px 18px rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 8px 28px rgba(0, 0, 0, 0.10);

    /* ============================
     GRADIENTS (Fintech Style)
  ============================ */
    --gradient-blue: linear-gradient(135deg, #455EF3, #BBC6FB);
    --gradient-green: linear-gradient(135deg, #AADF8D, #ECF9E7);
    --gradient-soft: linear-gradient(135deg, #FFF2D5, #FEE8EA);
}


body {
    background: var(--bg-main);
}

body.error-page {
    background: var(--bg-accent-green);
}

.rt-hero-v6 {
    /* background-image: linear-gradient(#000000, #000000), url(../new-images/Home/sec-1/Cover_Bg.png), linear-gradient(#0000 66%, #00ff0038); */
    background: url(../new-images/Home/sec-1/Cover_Bg.png);
    background-position: 50% 100%;
    background-size: cover;
    padding-top: 15rem;
    padding-bottom: 14rem;
}

.rt-hero-v17 {
    background: #000;
}

.rt-menu-text {
    color: var(--white);
}

/* .rt-logo-wrap {
    width: 100%;
    background: #fff;
    padding: 6px;
} */


.rt-logo-wrap {
    position: relative;
    width: 100px;
    height: 80px;
}

.rt-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    transition: opacity 0.3s ease;
}

/* Normal header */
.rt-logo-dark {
    opacity: 0;
    visibility: hidden;
}

.rt-logo-light {
    opacity: 1;
    visibility: visible;
}

/* Dark / overlay header */
.rt-overlay-active .rt-logo-dark {
    opacity: 1;
    visibility: visible;
}

.rt-overlay-active .rt-logo-light {
    opacity: 1;
    visibility: hidden;
}

.rt-logo-wrap img.rt-logo {
    width: 100%;
    height: 100%;
    /* max-width: 100px; */
}


.rt-nevbar .rt-button {
    background: linear-gradient(180deg, #dfcdfe, #faf8ff);
    color: var(--black);
}

.rt-nevbar .rt-button .rt-button-text {
    color: var(--black) !important;
}

.rt-button.bg-bbc6fb {
    border: 1px solid #000000;
}

.rt-button.bg-bbc6fb .rt-button-text {
    color: var(--black) !important;
}

/* .rt-hero-v6-absolute-image.rt-one {
    rotate: 328deg;
    height: auto;
    transform: translateX(-125px) !important;
    -webkit-transform:;
    -moz-transform:;
    -ms-transform:;
    -o-transform:;
}

.rt-hero-v6-absolute-image.rt-two {
    z-index: 1;
    background-color: transparent;
    rotate: 32deg;
    transform: translateX(140px) !important;
    -webkit-transform:;
    -moz-transform:;
    -ms-transform:;
    -o-transform:;
} */

.border-rad-10 {
    border-radius: 10px !important;
}

.bg-black {
    background-color: var(--black);
}

.bg-fcc8cb {
    background-color: #fcc8cb;
}

.bg-dcffce {
    background-color: #dcffce;
}

.bg-fff2d5 {
    background-color: #fff2d5;
}

.bg-aadf8d {
    background-color: var(--bg-accent-green);
}

.rt-button.bg-aadf8d .rt-button-text {
    color: var(--black) !important;
}

.color-pink {
    color: var(--dark-pink);
}

.color-purple {
    color: var(--bg-purple);
}

.color-yellow {
    color: var(--text-yellow);
}

.bg-eaedfe {
    background-color: #eaedfe;
}

.bg-fff8e8 {
    background-color: var(--light-cream);
}

.bg-fee8ea {
    background-color: var(--light-pink);
}

.bg-dark {
    background-color: var(--black);
}

.bg-ecf9e7 {
    background-color: #ecf9e7;
}

.bg-bbc6fb {
    background-color: #bbc6fb;
}

.text-blue-light {
    color: var(--brand-blue-light);
}

.text-white {
    color: var(--text-light);
}

.text-ee8db9 {
    color: #ee8db9;
}

.text-bbc5fb {
    color: #bbc5fb;
}



.rt-overlay-active .rt-menu-text {
    color: #000 !important;
    /* your desired color */
}

.rt-overlay-active .rt-menu-text:hover {
    color: var(--brand-blue) !important;
}

.rt-dropdown.w-dropdown-toggle div:last-child img {
    background-color: var(--white);
    padding: 5px;
    border-radius: 5px;
}

.border-pink-10 {
    background-color: var(--bg-purple);
    border-radius: 10px;
}

.border-pink-10 .rt-button-text {
    color: var(--black) !important;
}

.rt-benefit-v2 {
    background-color: blue;
    /*background: url(../new-images/Home/sec-3/Bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    */
    padding: 50px;
    border-radius: 100px;
    margin-bottom: 40px;
}

.rt-benefit-line-overlay {
    background-color: transparent;
}

/* .rt-about-v1-absolute-image.icon-1{
    inset: 0% auto auto -5%;
}

.rt-about-v1-absolute-image-two.icon-2 {
  inset: 14% 9% auto auto;
}

.rt-about-v1-absolute-image-three.icon-3 { 
  inset: 3% auto auto -10%;
  z-index: -1;
} */

.rt-integration-main,
.rt-choose-us-v2-main,
.rt-trust-main-wrapper {
    background: url(../new-images/Home/last-sec/Bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.rt-cta-v1 {
    z-index: 3;
    position: relative;
}

.rt-footer {
    background-color: #000000;
    position: relative;
}

.rt-footer-button-wrap a img {
    /* background: #fff;
    padding: 10px; */
    width: 100%;
    /* max-width: 180px; */
    height: 100px;
}

.foot-ban-img {
    max-width: 80px;
    height: 80px;
}

.rt-feature-box-wrap.rt-active {
    background-color: #000 !important;
}

.rt-feature-box-wrap.rt-active .rt-text-style-h5,
.rt-feature-box-wrap.rt-active p {
    color: var(--white);
}

/* .rt-feature-box-wrap:hover {
    background-color: #000 !important;
    transition: .5s ease-in;
} */

/* .rt-feature-box-wrap:hover ~ .rt-feature-box-wrap.rt-active,
.rt-feature-box-wrap.rt-active:hover ~ .rt-feature-box-wrap {
    background-color: rgba(255, 255, 255, 0) !important;
        color: #000;
} */

/* .rt-feature-box-main:hover .rt-feature-box-wrap.rt-active {
    background-color: transparent !important;
}

.rt-feature-box-main:hover .rt-feature-box-wrap.rt-active .rt-text-style-h5,
.rt-feature-box-main:hover .rt-feature-box-wrap.rt-active p {
    color: #000 !important;
}

.rt-feature-box-wrap.rt-active:hover {
    background-color: #000 !important;
}

.rt-feature-box-wrap.rt-active:hover .rt-text-style-h5,
.rt-feature-box-wrap.rt-active:hover p {
    color: #000 !important;
}

.rt-feature-box-wrap:hover {
    background-color: #000 !important;
    transition: .5s ease-in;
} */


/* Default active card style */
.rt-feature-box-wrap.rt-active {
    background-color: #000 !important;
    transition: .5s ease-in;
}

/* Hover on ANY card */
.rt-feature-box-wrap:hover {
    background-color: #000 !important;
    transition: .5s ease-in;
}

.rt-feature-box-wrap:hover .rt-text-style-h5,
.rt-feature-box-wrap:hover p {
    color: var(--white);
}

/* Active card should behave like normal card when hovered */
.rt-feature-box-wrap.rt-active:hover {
    background-color: #000 !important;
    /* same hover color */
}

.rt-feature-box-wrap.rt-active:hover .rt-text-style-h5,
.rt-feature-box-wrap.rt-active:hover p {
    color: var(--white);
}

/* When hovering ANY other card, remove active card highlight */
.rt-feature-box-main:hover .rt-feature-box-wrap.rt-active:not(:hover) {
    background-color: transparent !important;
}

.rt-feature-box-main:hover .rt-feature-box-wrap.rt-active:not(:hover) .rt-text-style-h5,
.rt-feature-box-main:hover .rt-feature-box-wrap.rt-active:not(:hover) p {
    color: #000 !important;
}



/* .rt-feature-box-wrap:hover~.rt-feature-box-wrap.rt-active,
.rt-feature-box-wrap.rt-active:hover~.rt-feature-box-wrap {
    background-color: rgba(255, 255, 255, 0) !important;
}

.rt-feature-box-wrap:hover~.rt-feature-box-wrap.rt-active .rt-text-style-h5,
.rt-feature-box-wrap:hover~.rt-feature-box-wrap.rt-active p,
.rt-feature-box-wrap.rt-active:hover~.rt-feature-box-wrap .rt-text-style-h5,
.rt-feature-box-wrap.rt-active:hover~.rt-feature-box-wrap p {
    color: #000;
} */

.rt-feature-box-wrap:hover .rt-text-style-h5,
.rt-feature-box-wrap:hover p {
    color: var(--white);
}

.rt-feature-v4-according-main .rt-feature-v4-according-wrap:nth-child(1) {
    background-color: var(--black);
}

.rt-feature-v4-according-main .rt-feature-v4-according-wrap:nth-child(1) .rt-according-text-warp .rt-text-style-h5,
.rt-feature-v4-according-main .rt-feature-v4-according-wrap:nth-child(1) .rt-feature-v4-according-para p {
    color: var(--white);
}

.rt-feature-v4-according-main .rt-feature-v4-according-wrap .rt-according-text-warp .rt-according-icon {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #1A1A1A;
}

.rt-feature-v4-according-main .rt-feature-v4-according-wrap:nth-child(2) {
    background-color: var(--brand-blue-light);
}

.rt-feature-v4-according-main .rt-feature-v4-according-wrap:nth-child(3) {
    background-color: var(--light-cream);
}

.rt-feature-v4-according-main .rt-feature-v4-according-wrap:nth-child(4) {
    background-color: var(--light-softpink);
}

/*  */
.rt-feature-v2-card-main .rt-feature-v2-card:nth-child(1) {
    background-color: var(--brand-blue-light);
}

.rt-feature-v2-card-main .rt-feature-v2-card:nth-child(2) {
    background-color: var(--light-cream);
}

.rt-feature-v2-card-main .rt-feature-v2-card:nth-child(3) {
    background-color: var(--light-softpink);
}

.rt-feature-v2-card-main .rt-feature-v2-card:nth-child(4) {
    background-color: var(--black);
}

.rt-feature-v2-card-main .rt-feature-v2-card:nth-child(4) .rt-feature-v2-text-wrap .rt-text-style-h6,
.rt-feature-v2-card-main .rt-feature-v2-card:nth-child(4) .rt-feature-v2-text-wrap p {
    color: var(--white);
}

.rt-button.rt-two {
    background-color: var(--bg-purple) !important;
}

.rt-work-box-two:nth-child(1) {
    background-color: #eaedfe;
}

.rt-work-box-two:nth-child(2) {
    background-color: var(--light-cream);
}

.rt-work-box-four {
    background-color: var(--light-pink);
}

.rt-work-box-three {
    background-color: var(--black);
}

.rt-work-box-v2-content-wrap {
    background-color: var(--bg-accent-green);
}

.rt-plateform-box-main .rt-plateform-box:nth-child(1) {
    background-color: #eaedfe;
}

.rt-plateform-box-main .rt-plateform-box:nth-child(2) {
    background-color: var(--light-cream);
}

.rt-plateform-content-wrap .rt-button {
    background-color: var(--bg-purple);
    border-radius: 10px;
}

.rt-plateform-content-wrap .rt-button .rt-button-text {
    color: var(--black) !important;
}

.rt-benefit-v1-card-main .rt-benefit-card-wrap:nth-child(1) {
    background-color: #eaedfe;
}

.rt-benefit-v1-card-main .rt-benefit-card-wrap:nth-child(2) {
    background-color: #ecf9e7;
}

.rt-benefit-v2 .rt-benefits-v2-heading-wrap .rt-sub-text {
    color: #fff;
}

.pb-0 {
    padding-bottom: 0px;
}

.rt-benefit-v2 .rt-benefits-v2-heading-wrap h2,
.rt-benefit-v2 .rt-benefits-v2-heading-wrap p {
    color: var(--white);
}

.rt-benefits-v2-heading-wrap h2 {
    color: var(--dark-pink);
}

.rt-benefits-v2-heading-wrap p {
    color: var(--black);
}

.rt-choose-us-v2-icon-wrap .w-layout-hflex img {
    width: 100%;
    max-width: 60px;
}

.rt-choose-us-v2-heading-wrap .rt-sub-text,
.rt-choose-us-v2-heading-wrap h2,
.rt-choose-us-v2-heading-wrap p,
.rt-choose-us-v2-box-text-wrap .rt-text-style-h6,
.rt-choose-us-v2-box-text-wrap p {
    color: var(--black);
}

.rt-complex-main {
    background-color: var(--brand-blue);
}

.rt-feature-v5-box-top-part.rt-active {
    background-color: #AADF8D !important;
}

.rt-trust-main-wrapper .rt-trust-top-part .rt-sub-text,
.rt-trust-main-wrapper .rt-trust-top-part .rt-text-style-h2,
.rt-trust-main-wrapper .rt-trust-top-part .rt-trust-para-warp p,
.rt-product-list li div.rt-text-style-h6 {
    color: var(--black) !important;
}

.rt-integration-absolute-image img {
    width: 100%;
    height: auto;
    max-width: 130px;
}

.rt-mobile-menu-llink-main {
    display: none;
}

.rt-turbo {
    width: 100%;
    max-width: 905px;
    /* margin: 0 auto; */
}

.rt-feature-v2-card-main .rt-feature-v2-card .rt-feature-v2-button-wrap,
.rt-feature-v5-box-wrap .rt-feature-v4-box-button-wrap {
    display: none;
}

/* .rt-footer-top-button-wrap {
    display:none
} */

.rt-footer-link-wrap .rt-text-style-h5 {
    letter-spacing: 1px;
}

.rt-feature-v3-absolute-star {
    display: none;
}

.mb-0 {
    padding-bottom: 0;
}

.rt-feature-v2-card {
    min-height: 300px;
}

.rt-feature-v3-image-main .w-layout-vflex {
    align-items: center;
}

.rt-work-box-v2-content-wrap {
    text-align: left;
}

.rt-feature-v3 {
    padding-bottom: 50px;
}

.rt-about-text {
    display: flex;
    gap: 20px;
    align-items: center;
}

.rt-about-text img {
    width: 100%;
    max-width: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.rt-choose-us-v2-box-text-wrap .rt-text-style-h6 {
    font-size: 30px;
    font-weight: 300;
}

.input-wrapper {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #777;
}

.toggle-password.active i {
    color: #000;
}

.rt-blog-post-image-wrap.rt-radius-small.rt-overflow-hidden {
    display: none;
}

.w-layout-hflex.rt-feature-v5-box-main {
    justify-content: center;
}

.rt-benefit-v5-card-wrap {
    min-height: 580px;
}

.contact-icon {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 20px;
}

.contact-icon svg {
    width: 20px;
    height: 20px;
}

.rt-blog-content-left {
    display: none;
}


/* *********************************** media query starts ****************************************** */

/*  */
@media (max-width: 1800px) and (min-width: 1500px) {

    /* .hero-sweep {
        background: none
    } */
    .rt-turbo {
        max-width: 630px;
    }

    .rt-integration-absolute-image.rt-six {
        inset: 85% 26% auto auto;
    }

    .rt-integration-absolute-image.rt-five {
        inset: 35% 16% auto auto;
    }

    .rt-integration-absolute-image.rt-four {
        inset: -12% 21% auto auto;
    }

    .rt-integration-absolute-image.rt-three {
        left: 26%;
    }

    .rt-integration-absolute-image.rt-two {
        top: 36%;
        left: 16%;
    }

    .rt-integration-absolute-image.rt-one {
        top: -10%;
        left: 22%;
    }

    .rt-image-medile-part {
        max-width: 20.2rem;
    }
}

@media (max-width: 1499px) {
    .rt-benefit-v5-card-wrap {
        min-height: 0;
    }
}

@media (max-width: 1200px) {
    /* .hero-sweep {
        background: none;
        height: auto;
    } */

    .rt-integration-absolute-image {
        width: 7%;
    }

    .rt-work-v1 {
        height: auto;
    }

    .rt-about-v2-left-part,
    .rt-about-v2-right-part {
        max-width: 50%;
    }

    .rt-feature-v3-sticky {
        height: auto;
    }

    .rt-work-v2-sticky {
        height: 60vh;
    }

    .rt-testimonial-big-text {
        font-size: 4.5rem;
    }

    .rt-hero-v17 {
        padding-bottom: 3rem;
    }

    .rt-feature-v3 {
        margin-top: 5rem;
        height: 65vh;
        margin-bottom: 5rem;
    }

    .rt-button-text {
        font-size: .8rem;
    }

    .rt-trust-left-image-wrap {
        padding: 0;
    }

    .rt-benefit-v5-card-wrap {
        min-height: 0;
    }

}

@media (max-width: 1040px) and (min-width: 992px) {
    .rt-feature-v3 {
        margin-bottom: 0;
    }

    .rt-benefit-v2-sticky-wrapper {
        height: 150vh;
    }

    .sign_section .card {
        max-width: 600px;
    }

    .rt-hero-v14 {
        padding-top: 11rem;
    }

    .rt-benefit-v5-card-wrap {
        min-height: 0;
    }
}

@media(max-width:1040px) {
    .rt-turbo {
        max-width: 380px;
    }

    .rt-integration-absolute-image.rt-one {
        top: -20%;
        left: 26%;
    }

    .rt-integration-absolute-image.rt-two {
        top: 32%;
        left: 22%;
    }

    .rt-integration-absolute-image.rt-three {
        left: 28%;
    }

    .rt-integration-absolute-image.rt-four {
        inset: -19% 25% auto auto;
    }

    .rt-integration-absolute-image.rt-five {
        inset: 40% 22% auto auto;
    }

    .rt-integration-absolute-image.rt-six {
        inset: 90% 25% auto auto;
    }

    .rt-integration-absolute-image.rt-four .tooltip,
    .rt-integration-absolute-image.rt-five .tooltip,
    .rt-integration-absolute-image.rt-six .tooltip {
        left: 262%;
    }

    .rt-integration-absolute-image.rt-one .tooltip,
    .rt-integration-absolute-image.rt-two .tooltip,
    .rt-integration-absolute-image.rt-three .tooltip {
        left: -160%;
    }

    .rt-work-v2-sticky {
        height: 40vh;
    }

    .hero-sweep {
        bottom: -9px;
    }

    .rt-work-box-absolute {
        display: none;
    }

    .rt-work-box-two {
        grid-row-gap: 2rem;
    }

    .rt-work-box-content-wrap {
        grid-row-gap: 1.6rem;
    }
}

/* ───────── TABLET (≤ 991px) ───────── */
@media (max-width: 991px) {
    .rt-about-main {
        flex-direction: column;
    }

    .rt-about-image-wrap {
        margin-bottom: 0;
    }

    .rt-image-left-part {
        margin-right: -44.625rem;
    }

    .rt-image-right-part {
        grid-row-gap: 20rem;
    }

    .rt-integration-image-main {
        margin: 5rem 1rem;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .rt-integration-absolute-image {
        width: 100%;
        transform: none !important;
        /* reset Webflow transforms */
    }

    /* 
    .rt-integration-absolute-image.rt-one {
        top: 18%;
        left: 10%;
    }

    .rt-integration-absolute-image.rt-two {
        top: 38%;
        left: 8%;
    }

    .rt-integration-absolute-image.rt-three {
        top: 60%;
        left: 12%;
    }

    .rt-integration-absolute-image.rt-four {
        top: 20%;
        right: 10%;
    }

    .rt-integration-absolute-image.rt-five {
        top: 40%;
        right: 12%;
    }

    .rt-integration-absolute-image.rt-six {
        top: 62%;
        right: 8%;
    } */

    .rt-integration-main,
    .rt-choose-us-v2-main,
    .rt-trust-main-wrapper {
        background-position: center;
    }

    .rt-integration-image-warp {
        display: none;
    }

    .tooltip {
        position: unset;
        transform: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .rt-integration-absolute-image.rt-one .tooltip::after,
    .rt-integration-absolute-image.rt-two .tooltip::after,
    .rt-integration-absolute-image.rt-three .tooltip::after,
    .rt-integration-absolute-image.rt-four .tooltip::after,
    .rt-integration-absolute-image.rt-five .tooltip::after,
    .rt-integration-absolute-image.rt-six .tooltip::after {
        display: none;
    }

    .rt-integration-absolute-image {
        width: 100%;
        transform: none !important;
        position: unset;
        display: flex;
        gap: 20px;
    }

    .rt-footer-link-grid {
        grid-row-gap: 3.25rem;
        grid-template-columns: 1.5fr 1fr;
    }

    .rt-footer-button-wrap.w-layout-vflex {
        align-items: left;
    }

    .rt-hero-v6 {
        padding-top: 10rem;
        padding-bottom: 5rem;
        background: #000000;
    }

    .rt-menu-tab .rt-menu-text {
        color: var(--black);
    }

    .rt-dropdown {
        padding: 1rem 0;
    }

    .rt-dropdown-link {
        padding: 1rem 2rem .6rem;
        font-size: 1rem;
    }

    .rt-feature-v5-box-main,
    .rt-work-box-main {
        grid-template-columns: 1fr;
    }

    .rt-work-v2-left-part,
    .rt-work-v2-right-part,
    .rt-feature-v4-left-part,
    .rt-feature-v4-right-part,
    .rt-feature-v3-left-part,
    .rt-according-para-wrap,
    .rt-about-main-right-part,
    .rt-feature-v3-right-part,
    .rt-about-v2-left-part,
    .rt-about-v2-right-part,
    .rt-about-v2-image-main,
    .rt-plateform-left-part,
    .rt-plateform-right-part,
    .rt-platefrom-para-wrap,
    .rt-plateform-text-box,
    .rt-complex-right-part,
    .rt-complex-ledt-part-main {
        max-width: 100%;
    }

    .rt-complex-right-content {
        max-width: 90%;
    }

    .rt-image-left-part {
        margin-right: 0;
    }

    .rt-image-right-part {
        /* margin-left: -43.4375rem; */
        margin-left: -25.4375rem;
    }

    .rt-feature-v3-center-part,
    .rt-image-medile-part {
        display: none;
    }

    .rt-feature-v3 {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }

    .rt-work-v2-sticky,
    .rt-feature-v3 {
        height: 100%;
    }

    .rt-work-v2-main,
    .rt-feature-v4-main,
    .rt-benefit-v5-card-main,
    .rt-feature-v3-main,
    .rt-about-v2-main,
    .rt-plateform-main,
    .rt-benefit-v4-main,
    .rt-product-main,
    .rt-complex-wrap,
    .rt-trust-main,
    .rt-contact-v3-main {
        flex-direction: column;
    }

    .rt-platefrom-absolute-image {
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }

    .rt-plateform-right-part {
        margin: 0 auto;
    }

    .rt-platefrom-absolute-image {
        width: 90%;
        top: 8%;
        left: 5%;
    }

    .card-digitize,
    .rt-work-box-absolute {
        display: none;
    }

    .rt-feature-v2-card-main {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }

    .rt-hero-v17-box {
        flex-direction: column;
    }

    .rt-hero-v17-box-main {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }

    .rt-contact-v3-left-part {
        max-width: 90%;
    }

    .rt-contact-v3-main {
        grid-column-gap: 3.25rem;
        grid-row-gap: 4.25rem;
    }

    .cards-stage {
        bottom: -170px;
    }

    .hero-sweep {
        bottom: -24px;
    }

    .cards-stage {
        height: 245px;
    }

    .rt-feature-v5-box-wrap {
        min-height: auto;
    }

    .rt-logo-dark {
        opacity: 1;
        visibility: visible;
    }

    .rt-logo-light {
        opacity: 0;
        visibility: hidden;
    }

    .main-layout {
        padding-top: 70px;
    }

    .signin-page .main-layout {
        padding-top: 125px;
    }

    .rt-hero-v7 {
        padding-bottom: 2rem;
    }

    .rt-nav {
        padding-top: 0px;
    }

    .rt-benefit-v5-card-wrap {
        min-height: 0;
    }

}

/* ───────── MOBILE (≤ 768px) ───────── */
@media (max-width: 850px) and (min-width: 800px) {
    .cards-stage {
        height: 460px;
    }
}

@media (max-width: 767px) {
    body {
        --_spacing---section-gap-small: 1.5rem;
    }

    .rt-cta-v1 {
        margin-bottom: 1.75rem;
    }

    .rt-feature-v4 {
        padding-top: 0;
    }

    .rt-feature-v2 {
        padding-bottom: 0;
    }

    .rt-work-v2-main {
        grid-template-columns: 1fr;
    }

    .rt-benefit-v2 {
        /* padding: 40px 6px; */
        padding: 80px 10px;
        margin-bottom: 50px;
        border-radius: 50px;
    }

    .rt-image-left-part {
        margin-right: 0;
    }

    .rt-benefit-v2-image-main {
        grid-template-columns: 1fr;
    }

    .rt-image-right-part {
        grid-row-gap: 2rem;
    }

    .rt-about-v1-box-wrap {
        flex-direction: column;
    }

    .rt-about-v1-box {
        border-right: none;
    }

    .rt-image-right-part {
        margin-left: 0;
    }

    .rt-about-v2-image-main {
        padding: 0;
    }

    .rt-about-v2-main {
        grid-row-gap: 3rem;
    }

    .rt-about-v2-box-wrap {
        grid-template-columns: 1fr;
    }

    .rt-about-v2-box {
        border-right: none;
    }

    .rt-testimonial-big-text {
        font-size: 2.5rem;
        line-height: 1.3;
    }

    .rt-feature-v3 {
        padding-bottom: 0;
    }

    .rt-process-tick-wrapper {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
    }

    .rt-plateform-box-main {
        flex-direction: column;
    }

    .rt-integration-absolute-image.rt-four .tooltip,
    .rt-integration-absolute-image.rt-five .tooltip,
    .rt-integration-absolute-image.rt-six .tooltip,
    .rt-integration-absolute-image.rt-one .tooltip,
    .rt-integration-absolute-image.rt-two .tooltip,
    .rt-integration-absolute-image.rt-three .tooltip {
        position: unset;
    }

    .rt-footer-link-wrap .rt-text-style-h6 {
        font-size: 1.2rem;
        font-weight: 600;
    }

}

@media (max-width: 560px) {
    .rt-footer-link-grid {
        grid-template-columns: 1fr;
    }

    .rt-integration-absolute-image {
        position: relative;
    }

    .rt-integration-absolute-image {
        width: 100%;
    }

    .rt-integration-image-main {
        margin-bottom: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .rt-integration-main,
    .rt-choose-us-v2-main,
    .rt-trust-main-wrapper {
        background-position: center;
    }

    .rt-choose-us-bottom-part {
        grid-template-columns: 1fr;
    }


    .rt-integration-absolute-image img {
        max-width: 80px;
    }

    .rt-integration-absolute-image {
        position: relative;
    }

    .tooltip {
        position: relative;
        opacity: 1;
        bottom: auto;
        left: auto;
        visibility: visible;
        transform: none;
        width: 100%;
    }

    .rt-integration-absolute-image.rt-one,
    .rt-integration-absolute-image.rt-two,
    .rt-integration-absolute-image.rt-three {
        top: auto;
        left: auto;
        display: contents;
    }

    .rt-integration-absolute-image.rt-four,
    .rt-integration-absolute-image.rt-five,
    .rt-integration-absolute-image.rt-six {
        top: auto;
        right: auto;
        display: contents;
    }

    .rt-work-v1 {
        padding-bottom: .2rem;
    }

    .rt-benefit-v2,
    .rt-benefit-v1,
    .rt-choose-us-v1,
    .rt-about-v2,
    .rt-benefit-v4 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .rt-footer-top-button-wrap {
        bottom: 100px;
    }

    .w-layout-vflex.rt-feature-v2-top-part,
    .rt-feature-v2-button-wrap.w-layout-vflex,
    .rt-feature-v2-card,
    .rt-feature-v2-text-wrap {
        align-items: center;
        text-align: center;
    }

    .rt-feature-v2-card {
        min-height: auto;
    }

    .rt-integration-absolute-image:hover .tooltip {
        transform: none;
    }

}

@media (max-width: 500px) and (min-width: 480px) {
    .rt-integration-image-main {
        margin-bottom: 20px;
    }

    .rt-choose-us-v2-card-main {
        grid-template-columns: 1fr;
    }
}

/* ───────── SMALL MOBILE (≤ 480px) ───────── */
@media (max-width: 480px) {

    .rt-integration-absolute-image {
        width: 14%;
    }

    .rt-integration-absolute-image.rt-one {
        top: 14%;
        left: 14%;
    }

    .rt-integration-absolute-image.rt-two {
        top: 34%;
        left: 12%;
    }

    .rt-integration-absolute-image.rt-three {
        top: 56%;
        left: 16%;
    }

    .rt-integration-absolute-image.rt-four {
        top: 16%;
        right: 14%;
    }

    .rt-integration-absolute-image.rt-five {
        top: 36%;
        right: 16%;
    }

    .rt-integration-absolute-image.rt-six {
        top: 58%;
        right: 12%;
    }

    #w-node-_19d23c86-1a4d-bba8-221c-80e0ab946726-ab946710 {
        grid-column: span 1;
    }

    .sign_section {
        min-height: 81vh;
    }

    .signup-page .main-layout {
        background: black;
        padding-top: 145px;
    }
}