.blogModule {
                    background: transparent;
                }

                .headerOne.gradientBanner::after {
    display: none;
}

                .videoFour.lite .videoWrap a {
                    position: relative;
                }

                /* ── Bento Card ── */
                .formWrapper {
                    position: relative;
                    background: #ffffff;
                    border-radius: 16px;
                    padding: 25px;
                    overflow: hidden;
                    box-shadow: none;
                }

                .formWrapper::before {
                    position: absolute;
                    top: 0;
                    left: 24px;
                    right: 24px;
                    height: 3px;
                    background: linear-gradient(90deg, #5338ff, #6F57E9 55%, #ffc465);
                    border-radius: 0 0 3px 3px;
                    pointer-events: none;
                }

                /* ── Pill Tabs ── */
                .formWrapper .topContentWrapper {
                    display: flex;
                    gap: 12px;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    margin-bottom: 2px;
                }

                .formWrapper h3 {
                    color: #0B0757;
                    font-size: 16px;
                    margin-bottom: 2px;
                }

                .formWrapper .topContentWrapper ul {
                    display: flex;
                    gap: 3px;
                    list-style: none;
                    flex-wrap: nowrap;
                    padding: 4px;
                    background: #F7F7F7 0% 0% no-repeat padding-box;
                    border-radius: 8px;
                }

                .formWrapper .topContentWrapper ul li {
                    border-radius: 50px;
                }

                .formWrapper .topContentWrapper ul li a {
                    display: flex;
                    align-items: center;
                    padding: 6px 13px;
                    font-size: 13px;
                    font-weight: 500;
                    color: #313131;
                    border-radius: 8px;
                    text-decoration: none;
                    white-space: nowrap;
                        border: 1px solid #F7F7F7;
                    transition: color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
                }

                .formWrapper .topContentWrapper ul li.active a {
                    background: #ffffff;
                    color: #313131;
                    border-color: #a7a7a7;
                }

                .formWrapper .topContentWrapper ul li a span {
                    display: none;
                }

                /* ── Tab Panes ── */
                .formWrapper .tab-pane {
                    opacity: 0;
                    visibility: hidden;
                    display: none;
                    transform: translateY(5px);
                    transition: opacity 0.28s ease, transform 0.28s ease;
                }

                .tab-pane.active {
                    opacity: 1;
                    visibility: visible;
                    display: block;
                    position: relative;
                    transform: translateY(0);
                }

                /* ── Form layout ── */
                .contactFormSection .formWrapper form {
                    margin-top: 18px;
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                }

                /* ── Inputs ── */
                .contactFormSection .formWrapper input {
                    background: #F7F7F7 0% 0% no-repeat padding-box;
                    border: 1.5px solid transparent;
                    border-radius: 8px;
                    padding: 12px;
                    color: #1C1B3A;
                    font-size: 14px;
                    width: 100%;
                    line-height: 20px;
                    outline: none;
                    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
                    -webkit-appearance: none;
                    appearance: none;
                }

                .contactFormSection .formWrapper input::placeholder {
                    color: #474756;
                }

                .contactFormSection .formWrapper input:focus {
                    border-color: #6F57E9;
                    background: #ffffff;
                    box-shadow: 0 0 0 4px rgba(111,87,233,0.10);
                }

                .contactFormSection .formWrapper input:disabled {
                    opacity: 0.42;
                    cursor: not-allowed;
                }

                /* ── OTP section — animated reveal ── */
                #orderOtpSection {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    max-height: 0;
                    opacity: 0;
                    overflow: hidden;
                    transform: translateY(-6px);
                    transition: max-height 0.42s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease 0.06s, transform 0.3s ease 0.04s;
                }

                #orderOtpSection.otp-visible {
                    max-height: 180px;
                    opacity: 1;
                    transform: translateY(0);
                }

                #orderOtpHint {
                    font-size: 12.5px;
                    color: #6B6B8A;
                    margin: 0;
                    line-height: 18px;
                }

                #orderResendOtp {
                    color: #6F57E9;
                    font-size: 13px;
                    font-weight: 500;
                    text-decoration: none;
                    align-self: flex-end;
                    transition: opacity 0.18s ease;
                }

                #orderResendOtp:hover {
                    opacity: 0.65;
                }

                /* ── Step indicator ── */
                .track-steps {
                    display: flex;
                    align-items: center;
                    max-height: 0;
                    overflow: hidden;
                    opacity: 0;
                    margin-bottom: 0;
                    transition: max-height 0.38s ease, opacity 0.28s ease 0.08s, margin-bottom 0.3s ease;
                }

                .track-steps.visible {
                    max-height: 40px;
                    opacity: 1;
                    margin-bottom: 10px;
                }

                .track-step {
                    display: flex;
                    align-items: center;
                    gap: 6px;
                    font-size: 12px;
                    font-weight: 500;
                    color: #AEAEC8;
                    white-space: nowrap;
                }

                .track-step span {
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 11px;
                    font-weight: 600;
                    background: #F0EEFB;
                    color: #AEAEC8;
                    flex-shrink: 0;
                    transition: background 0.3s ease, color 0.3s ease;
                }

                .track-step.done {
                    color: #6F57E9;
                }

                .track-step.done span {
                    background: #6F57E9;
                    color: #fff;
                }

                .track-step.active {
                    color: #1C1B3A;
                }

                .track-step.active span {
                    background: #1C1B3A;
                    color: #fff;
                }

                .track-step-line {
                    flex: 1;
                    height: 1.5px;
                    background: #E8E5FF;
                    margin: 0 8px;
                    position: relative;
                    overflow: hidden;
                }

                .track-step-line::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: -100%;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(90deg, #6F57E9, #5338FF);
                    transition: left 0.5s ease 0.18s;
                }

                .track-steps.visible .track-step-line::after {
                    left: 0;
                }

                /* ── Submit button ── */
                .contactFormSection .formWrapper button[type="submit"] {
                    position: relative;
                    overflow: hidden;
                    background: linear-gradient(135deg, #6F57E9 0%, #5338FF 100%);
                    border: none;
                    border-radius: 8px;
                    font-size: 15px;
                    font-weight: 600;
                    letter-spacing: 0.2px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    width: 100%;
                    color: #fff;
                    padding: 13px;
                    cursor: pointer;
                    transition: transform 0.18s ease, box-shadow 0.18s ease;
                    -webkit-tap-highlight-color: transparent;
                }

                .contactFormSection .formWrapper button[type="submit"]::before {
                    content: '';
                    position: absolute;
                    inset: 0;
                    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 55%);
                    pointer-events: none;
                }

                .contactFormSection .formWrapper button[type="submit"]:active:not(:disabled) {
                    transform: translateY(0);
                    box-shadow: 0 2px 8px rgba(111,87,233,0.25);
                }

                .contactFormSection .formWrapper button[type="submit"]:disabled {
                    opacity: 0.6;
                    cursor: not-allowed;
                    transform: none !important;
                }

                /* Button spinner */
                .btn-spinner {
                    width: 16px;
                    height: 16px;
                    border: 2px solid rgba(255,255,255,0.35);
                    border-top-color: #fff;
                    border-radius: 50%;
                    animation: btnSpin 0.65s linear infinite;
                    display: none;
                    flex-shrink: 0;
                }

                .is-loading .btn-spinner {
                    display: block;
                }

                @keyframes btnSpin {
                    to {
                        transform: rotate(360deg);
                    }
                }

                /* ── Error messages ── */
                .formWrapper .error {
                    color: #ef4444;
                    font-size: 12px;
                    margin: -4px 2px 0;
                    animation: errShake 0.32s ease;
                }

                @keyframes errShake {
                    0%,100% {
                        transform: translateX(0);
                    }

                    25% {
                        transform: translateX(-5px);
                    }

                    75% {
                        transform: translateX(5px);
                    }
                }

                /* ── Bottom content ── */
                .bottomContentWrapper {
                    padding: 24px 0 0;
                    border-top: 1px solid rgba(111,87,233,0.10);
                    margin-top: 24px;
                }

                .bottomContentWrapper p {
                    font-size: 14px;
                    margin: 0;
                }

                .contactFormSection.headerOne.gradientBanner .row {
                    align-items: flex-start;
                }

                .contentWithCards.twoGridLayout.threeGidLayout .cards ul li {
                    flex-basis: 15%;
                    position: relative;
                }

                .contentWithCards.twoGridLayout.threeGidLayout .cards ul li:before {
                    content: '';
                    position: absolute;
                    border: 1px dashed #707070;
                    opacity: 0.27;
                    width: 90%;
                    top: 32px;
                    left: 65px;
                }

                .contentWithCards.twoGridLayout.threeGidLayout .cards ul li:last-child:before {
                    display: none;
                }

                .videoFour.lite {
                    background: #F6FAFE;
                    padding: 120px 0px 150px;
                }

                .videoFour.lite .contentWrapper .list ul {
                    grid: auto/repeat(1, auto);
                    gap: 15px;
                }

                .video .contentWrapper {
                    text-align: left;
                }

                .logoSLider {
                    margin-top: 30px;
                }

                /*  .logoSLider img{
     margin-left: -35px;
} */
                .videoFour.lite .videoWrap {
                    margin-top: -3rem;
                }

                .faq2 {
                    background: #fff;
                }

                .blogModule.layoutThree.customBlog .blogCard {
                    background: #F6F8FE 0% 0% no-repeat padding-box;
                    box-shadow: 0px 10px 22px #745BE71A;
                }

                .blogModule .contentWrapper .headingText span {
                    display: unset;
                    color: transparent;
                    background: transparent linear-gradient(99deg, #ffc465, #5338ff) 0 0 no-repeat padding-box;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-position-x: 0;
                    background-position-y: 0;
                }

                @media only screen and (min-width: 767px) and (max-width: 992px) {
                    .headerOne.gradientBanner .contentWrapper img {
                        max-width: 100% !important;
                    }

                    .formWrapper {
                        border-radius: 20px;
                        padding: 22px 18px 18px;
                    }

                    .formWrapper h3 {
                        font-size: 15px;
                    }

                    .bottomContentWrapper {
                        padding: 18px 0 0;
                        margin-top: 18px;
                    }

                    .contactFormSection .formWrapper form {
                        margin-top: 14px;
                        gap: 10px;
                    }

                    .formWrapper .topContentWrapper {
                        gap: 10px;
                    }

                    .formWrapper .topContentWrapper ul {
                        gap: 3px;
                    }

                    .formWrapper .fontSize16 {
                        font-size: 14px;
                        line-height: 18px;
                        margin: 0;
                    }

                    .contentWithCards.twoGridLayout .cards ul {
                        gap: 30px;
                        justify-content: flex-start;
                    }

                    .contentWithCards.twoGridLayout.threeGidLayout .cards ul li {
                        flex-basis: 30%;
                    }

                    .contentWithCards.twoGridLayout.threeGidLayout .cards ul li:before {
                        z-index: -1;
                    }

                    .contentWithCards.withOutBG.inBoxWithBG .row {
                        padding: 50px 30px 140px;
                    }

                    .videoFour.lite .videoWrap {
                        margin-top: 0rem;
                    }

                    .contentWrapper h2.headingText {
                        font-size: 42px;
                        line-height: 55px;
                        margin-bottom: 15px;
                    }

                    .videoFour.lite {
                        padding: 80px 0px 80px;
                    }

                    .contentWithCards.twoGridLayout.largeHeading {
                        padding: 20px 0px 60px;
                    }
                }

                @media only screen and (min-width: 992px) {
                    .blogModule.layoutTwo.layoutEight {
                        padding: 6rem 0;
                    }

                    .blogModule:before, .blogModule.layoutTwo.layoutSeven:after {
                        display: none;
                    }

                    .blogModule .blogCards {
                        margin-top: 3rem;
                    }

                    ul.slick-dots {
                        display: none !important;
                    }

                    .logoSLider .slick-dots li {
                        padding: 0px;
                    }

                    .logoSLider .slick-dots li button {
                        font-size: 0;
                        width: 12px;
                        height: 12px;
                        background: #989595;
                        border-radius: 50%;
                        border: none;
                        cursor: pointer;
                    }

                    .logoSLider .slick-dots li.slick-active button {
                        background: #735ae5;
                        width: 14px;
                        height: 14px;
                    }
                }

                @media only screen and (max-width: 767px) {
                    .headerOne.gradientBanner:after {
                        display: none;
                    }
                    .formWrapper {
    padding: 16px;
}
                    .logoSLider {
                        white-space: nowrap;
                        overflow: auto;
                    }

                    .logoSLider img {
                        max-width: 200px;
                    }

                    .contentWithCards.twoGridLayout .cards {
                        overflow: unset;
                    }

                    .videoFour.lite .contentWrapper .list ul li {
                        flex-flow: wrap;
                        font-size: 16px;
                        line-height: 24px;
                    }

                    .slick-dots {
                        gap: 0.8rem;
                        margin-top: 10px;
                    }

                    .slick-dots li button {
                        width: 15px;
                    }

                    .contentWithCards .cards ul li .iconWrap img {
                        max-width: 35px;
                    }

                    .headerOne.gradientBanner .col-md-7.mt-xl {
                        margin-top: 0px;
                    }

                    .headerOne.gradientBanner .contentWrapper img {
                        display: none !important;
                    }

                    .formWrapper h3 {
                        font-size: 14px;
                    }

                    .bottomContentWrapper {
                        padding: 18px 0 0;
                        margin-top: 18px;
                    }

                    .contactFormSection .formWrapper form {
                        margin-top: 14px;
                        gap: 10px;
                    }

                    .formWrapper .topContentWrapper {
                        flex-flow: row;
                        align-items: center;
                        gap: 8px;
                        flex-wrap: wrap;
                    }

                    .formWrapper .topContentWrapper ul {
                        gap: 2px;
                        overflow-x: auto;
                        -webkit-overflow-scrolling: touch;
                    }

                    .formWrapper .topContentWrapper ul li a {
                        padding: 5px 11px;
                        font-size: 12px;
                    }

                    .formWrapper .fontSize16 {
                        font-size: 14px;
                        line-height: 18px;
                        margin: 0;
                    }

                    .contentWithCards.withOutBG.inBoxWithBG .row {
                        padding: 50px 0 70px;
                    }

                    .videoFour.lite .videoWrap {
                        margin-top: 3rem;
                    }

                    .videoFour.lite {
                        background: #F6FAFE;
                        padding: 50px 0px 80px;
                    }

                    .contentWrapper .list {
                        margin: 15px 0 30px;
                    }

                    .blogModule.layoutThree .contentWrapper {
                        justify-content: flex-start;
                        text-align: left;
                    }

                    /* feat boxes */
                    .contentWithCards.twoGridLayout .cards ul {
                        gap: 60px;
                        flex-flow: wrap;
                        padding: 20px 0 0px;
                    }

                    .contentWithCards.twoGridLayout.threeGidLayout .cards ul li:before {
                        content: '';
                        position: absolute;
                        border: 1px dashed #707070;
                        opacity: 0.27;
                        height: 125px;
                        width: 1px;
                        top: 12px;
                        left: 26px;
                        z-index: -1;
                    }

                    .contentWithCards.twoGridLayout.largeHeading {
                        padding: 20px 15px 60px;
                    }

                    .contentWithCards.twoGridLayout.threeGidLayout .cards ul li {
                        flex-basis: 100%;
                        display: grid;
                        grid-template-columns: 56px 1fr;
                        grid-template-rows: 56px 1fr;
                        max-width: 100%;
                        gap: 0px 5px;
                    }

                    .contentWithCards.twoGridLayout .cards ul li .iconWrap {
                        min-width: 40px;
                        grid-column-start: 1;
                        grid-column-end: 2;
                        grid-row-start: 1;
                        grid-row-end: 2;
                    }

                    .contentWithCards.twoGridLayout .cards ul li h3 {
                        font-size: 16px;
                        width: 100%;
                        line-height: 24px;
                        margin: 0px 0 0px;
                        grid-column-start: 2;
                        grid-column-end: 2;
                        grid-row-start: 1;
                        grid-row-end: 2;
                    }

                    .contentWithCards.twoGridLayout .cards ul li p {
                        width: 100%;
                        grid-column-start: 2;
                        grid-row-start: 1;
                        grid-row-end: 2;
                        padding-top: 25px;
                        font-size: 15px;
                    }

                    .contentWrapper .content {
                        line-height: 24px;
                        font-size: 16px;
                    }
                }

                input#otp:disabled {
                    display: none !important;
                }

                .hide {
                    display: none;
                }

                div#otpWrapper input {
                    padding: 12px 5px !important;
                    flex-basis: calc(100% / 6 - 13px);
                    text-align: center;
                }