@media (max-width: 991px) {

    .dis_mbl {


        display: none;
    }

    .hide--91px {

        display: none;
    }

    .choose-pag-mbl {

        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .choose-items .pagination-btn .choose-pag-mbl {

        /* top: 0;
        bottom: -90px;
        transform: translateY(30%); */
        position: inherit;
        margin-top: 30px;

    }

    .ptb-100px {

        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .banner-area .mission-card img {

        display: none;
    }

}



@media (max-width: 767px) {
    .hero-6 .hero-content h1 {
        font-size: 24px;
    }
    .lgo-width img{

        width: 200px !important;
    }

    .innovation h2 {

        font-size: 30px;
    }
    .team-items{

        text-align: center;
    }
    .mbl-dis-none{

        display: none;
    }

    .tax_pay {

        padding: 50px 0 50px;
    }
    .process-style-one-item{

        text-align: center;
    }
    .comprehensive_payroll_solutions .flex-revss{

        flex-direction: column-reverse;
    }

    .payouts-faqs .faq-content .accordion-button::before {


        top: 54%;
        right: 12px;
    }

    .slider-mobile {
        flex-direction: column;
        animation: none;
    }

    .pb-sm-0 {

        padding-bottom: 0px;
    }

    .faq-content .accordion-button {

        font-size: 16px;
    }

    .row-1-mbile {

        flex-direction: column;
    }

    .section-title {

        text-align: center;
    }


    .footer-policy-sec .list-items2 {

        flex-direction: column;
        gap: unset !important;
        align-items: center;
    }

    .pt-sm-50 {

        padding-top: 50px;
    }

    .direction-rev {

        flex-direction: column-reverse;
    }

    .flex-sm-cl {

        flex-direction: column;
    }

    .hero-1 .hero-contact-box .contact-form-item .payment-save {

        justify-content: center;
    }

    .sign-up-center {

        display: flex;
        justify-content: center;
    }

    .homeC-work-process-item {

        text-align: center;
    }

    .payment-link-img .frame-shape {

        width: 160px;
    }

    .transparent-taxing .dashboard-image.mbl-mt {

        margin: 30px auto 0 !important;
    }

    .payment-link-img .message-shape {

        width: 100px;
    }

    .pay-mbl-sec h2 {

        font-size: 30px !important;
        text-align: center;
    }

    .pay-mbl-sec p {

        text-align: center;
    }

    .flex-sm-cl li {

        list-style-type: none;
        margin-bottom: 15px;
    }

    .payroll-text-sm {

        text-align: center !important;


    }


    .choose-mbl {

        padding: unset;
    }

    .choose-mbl h2 {

        font-size: 30px !important;
    }

    .choose-mbl .process-style-one {

        grid-template-columns: 1fr;
    }

    .hero-mbl {

        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .section-title-mbl h2 {

        font-size: 24px;
    }

    .working-mbl h2 {

        font-size: 30px;
    }

    .section-mbl-cnt-cntr {

        text-align: center;
    }

    .working-mbl {

        padding-top: 50px;
    }

    .working-mbl .working-card-items {
        text-align: left;
    }

    .fs-24px {

        font-size: 24px !important;
    }

    .ser-mbl-sctn h2 {

        font-size: 30px;
    }

    .hero-3 {

        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .text-sm-center {

        text-align: center;
    }

    .pb-20 {

        padding-bottom: 20px;
    }

    .mt-sm-3px {

        margin-top: 16px;
    }

    .text-sm-centers {
        text-align: center !important;
    }

    .clr-ffs {

        color: #ffff !important;
    }

    .flx-clm {
        flex-direction: column !important;
        text-align: center;
    }

    .mr-sm-0 {

        margin-right: 0px !important;
    }

    .ml-sm-0px {

        margin-left: 0px !important;
    }

    .faq-mbl-sctn h2 {

        font-size: 30px;
    }

    .serv_s h4 {

        font-size: 30px !important;
    }

    .mbl_mbl {

        padding-top: 50px;
        padding-bottom: 0px;
    }

    .wd__mbl {


        width: 100% !important;
    }

    .d-mbl-none img {

        display: none;
    }

    .pricing-card-items-2 {

        padding: 40px 20px;
    }

    .text-smss-center {

        text-align: center !important;
    }
}

.flx-clm {

    flex-direction: column;
    /* color: #fff !important; */
    text-align: center;
}

.flx-clm h6 {

    color: #ffff !important;
}

.flx-clm p {

    color: #fff;
}

.bg-blck {

    color: #D1B65B;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
    position: relative;
    background-color: #101828;
    box-shadow: 0px 10px 60px rgba(209, 182, 91, 0.2);
    padding: 6px 12px;
    border-radius: 10px;
}


/* instant settlement */


section.section-4 {
    background-color: #111117;
    background-image: var(--section-4-bg-image);
}

.person {
    width: 100%;
    border-radius: 5px;
}

.team .items .item {
    margin-bottom: 50px;
}

.intro {
    margin-bottom: 50px;
}

.team .items h4 {
    margin: 0 0 10px;
}

.odd h4 {
    color: #f9f9f9;
}

.team .items p {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.highlights p {
    /* white-space: pre-wrap; */
}

.team .quote {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    background-color: #058283;
    border-radius: 4px;
    color: #f1f1f1;
}

.team .quote h4 {
    margin-top: 0;
    color: #ffffff;
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .offcanvas__logo img {

        width: 200px;
    }

    .billing__ {

        padding-bottom: 50px !important;
    }


}

.pr-3 {

    padding-right: 3px !important;
}

.share-list {
    margin: 0.5rem 0 0 0;
    display: -webkit-inline-box;
}

.share-list li:first-child i {
    margin-left: 0;
}

.share-list .nav-link i {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    display: inline-block;
    background: rgba(0, 0, 0, .25);
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #058283;
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.wdth-25px {

    width: 25px !important;
}

.mt-15px {

    margin-top: 15px;
    color: #ffff;
}

.fs-16px {

    font-size: 16px;
}

.pl-0 {

    padding-right: 0px !important;
}

/* .list-style ul {

    padding-left: 25px;
} */

/* .list-style li {

    list-style-type: disc;
} */

.mt-5px {

    margin-top: 5px;
}

.w-h25px {

    width: 25px !important;
    height: 25px !important;
}

.mx-100p {

    max-width: 100% !important;
}

.mt-10px {

    margin-top: 25px;
    font-size: 16px;
}

.mt-10pxs {

    margin-top: 15px;
}

.pay-img-wid {

    width: 25px !important;
    /* height: 25px; */
}


@media (min-width: 1200px) {
    .vendor_p .abt-pos-btm {

        bottom: 135px;
    }

    .vendor_p_title {

        max-width: 540px;
    }

    .v_p img {

        width: 445px;
        height: 432px;
    }

    .about-image-1.v_p {
        bottom: 68px;
        left: -115px;

    }

    .about-image-2.v_p {

        top: 49px;
        right: -68px;
    }
}

.vendor_p_title h2 {

    color: #ffff;
}

.v_p h2 {

    color: #ffff;
}

.mt-3pxs {

    margin-top: 5px;
}

.ptb-100px {

    padding-top: 100px;
    padding-bottom: 100px;
}

.snappy_section h3 {

    font-size: 20px !important;
}

.border-1px {

    border: 1px solid black;
}

.text-lefts {

    text-align: left !important;
}

.mb-10pxs {

    margin-bottom: 10px !important;
}

.seamless_ h3 {

    font-size: 20px !important;

}

.mb-10h {

    margin-bottom: 10px !important;
}

.pos-tp {
    top: 135px !important;
}

.fs-65px {

    font-size: 65px !important;
}

.btm-30px {

    top: 135px !important;
}

.innovative_ h3 {

    font-size: 20px;
    color: #ffff;
}

.qr_ h3 {

    font-size: 20px;
}

.unlock_ h5 {

    font-size: 20px;
}

.unlck_future h3 {

    font-size: 20px;
}

.unlck_future .about-icon-items {

    margin-bottom: 20px !important;
}

.instant_stlnmnt {

    padding: 100px 0 100px;
}

.about-section-five .content-column .inner-column .list-style-two {
    margin-bottom: 34px;
    max-width: 450px;
}

.list-style-two.two-column {
    display: flex;
    flex-wrap: wrap;
}

.about-section-five .content-column .inner-column .list-style-two li {
    margin-bottom: 10px;
    padding-left: 25px;
}

.list-style-two {
    position: relative;
}

.about-section-five .content-column .inner-column .sec-title {
    margin-bottom: 40px;
}

.list-style-two.two-column li {
    width: 50%;
}

.about-section-five .image-column .inner-column .image-box .image img {
    width: 100%;
}

.list-style-two li i {
    position: absolute;
    top: 30%;
    left: 0;
    color: black;
    font-size: 16px;
    border-radius: 50%;
}

.list-style-two li {
    position: relative;
}

.mb-15pxss {

    margin-bottom: 15px !important;
}

.pg__mb15px {

    margin-bottom: 25px !important;
}

.clrr-ff {

    color: #fff;
}

.why_ h5 {

    font-size: 20px !important;
}

.impeccable_ h3 {

    font-size: 20px !important;
}

.mb_25px {

    margin-bottom: 25px;
}

.smart_ h3 {

    font-size: 20px;
    color: #ffff;
}

.invoice_sec h3 {

    font-size: 20px;
}

.cta_ h3 {

    font-size: 20px !important;
    color: #ffff;
    text-align: center;
}

.current_ h3 {

    font-size: 20px !important;
}

.tb__ p {

    font-size: 16px;
}

.mb_30px {

    margin-bottom: 20px;
}

.tb__ h3 {

    font-size: 20px;
    margin-bottom: 5px;
}

.nv__flx {

    display: flex;
    gap: 10px;
}

/* 
.img-wdth60 {


    width: 60%;
} */

.al-itm-cntr {

    align-items: center;
}

.blg__ h3 {

    font-size: 20px;
}

.btn_mt_20px {

    margin-top: 25px;
}

.mbb_20px {

    margin-bottom: 25px;
}

.tx_ben h3 {

    font-size: 20px;
}

.bannr__ h1 {

    font-size: 65px;
}

.infinite-wrap {
    display: flex;
    overflow: hidden;
    /* Hide overflow */
    width: 100%;
    /* Full width */
}

.swiper-slides {
    flex: 0 0 10%;
    /* Adjust based on how many slides you want visible */
    /* box-sizing: border-box; */
    /* Ensure padding/margin doesn't affect width */
}

/* Animation for infinite sliding */
@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
        /* Slide to the left */
    }
}

.infinite-slider {
    display: flex;
    /* Flexbox for horizontal alignment */
    animation: slide 15s linear infinite;
    /* Animation timing */
    width: calc(200%);
    /* Adjust for duplicated slides */
}

.txt-cntrs {

    text-align: center;
}


.slider-container {
    position: relative;
    max-width: 100%;
    /* Adjust as needed */
    overflow: hidden;
}

.slider {
    display: flex;
    transition: transform 0.5s ease;
    /* Smooth transition */
}

.row-1 {
    display: flex;
    /* Make the row a flex container */
    flex-wrap: nowrap;
    /* Prevent wrapping */
}

.choose-card {
    min-width: 300px;
    /* Set a minimum width for the cards */
    margin: 10px;
    /* Space between cards */
}

.button-container {
    position: absolute;
    bottom: 20px;
    /* Positioning from the bottom */
    left: 50%;
    transform: translateX(-50%);
    /* Center align */
    display: flex;
    gap: 10px;
    /* Space between buttons */
}

.prev, .next {
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    cursor: pointer;
    font-size: 2rem;
    padding: 10px;
    border-radius: 5px;
    /* Optional: round the button corners */
}

.api_cnnt {

    color: #ffff;
}

.rw-mb10px {
    margin-bottom: 15px;
}

.pay-mbs {
    margin-bottom: 15px !important;
}

.img__wd {

    width: 100% !important;
}

.payout-serv h5 {

    font-size: 20px;
}

.test-mb-15 {

    margin-bottom: 15px !important;
}

.vendr_mb {

    margin-bottom: 20px !important;
}

.smart_dis h3 {

    font-size: 20px !important;
}

.mtt-15px {

    margin-top: 15px;
}

.v_b {

    margin-bottom: 15px;
}

.billing__ h3 {

    font-size: 20px;
}

.infinite-slider:hover {
    animation-play-state: paused;
}

.choose__ h3 {

    font-size: 20px;
}

.pl-25px {

    padding-left: 25px;
    list-style-type: disc;
}

.potential__ h3 {

    font-size: 20px;
    color: #fff;
}

.potential__ p {

    color: #ffff;
}

.fs-50px {
    font-size: 50px;
}

.hme_cnt h5 {

    font-size: 20px;
}

.wd_50 {

    width: 50%;
    margin: 0 auto;
}

.tm_ h4 {


    font-size: 20px;
}

.tm_ .team-image {
    overflow: hidden;
    /* Prevent overflow during zoom */
    width: 300px;
    /* Set the width of your image */
    height: auto;
    /* Set the height of your image */
    border-radius: 10px;
    /* Optional: rounded corners */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
    /* Optional: shadow effect */
}

.tm_ .team-image img {
    width: 100%;
    /* Make image fill the container */
    height: auto;
    /* Maintain aspect ratio */
    transition: transform 0.3s ease;
    /* Smooth transition */
}

.tm_ .team-image:hover img {
    transform: scale(1.1);
    /* Zoom effect */
}

.pp_sctm h3 {


    font-size: 20px;
}

.swiper-container-1 {

    /* Optional: limit maximum width */
    overflow: hidden;
    /* Prevent overflow */
}

#name-error {
    color: red;
}

#phone-error {

    color: red;
}

#email-error {

    color: red;
}

#main_password-error {

    color: red;
}

#confirm_password-error {

    color: red;
}

#email2-error {

    color: red;
}

#message-error {

    color: red;
}

#password-error {

    color: red;
}

.footer--plc a {

    color: rgba(255, 255, 255, 0.55);
}

.addrs_ h3 {

    color: rgba(255, 255, 255, 0.55);
}

.addrs_ p {

    color: rgba(255, 255, 255, 0.55);
}

.gap-10 {
    display: flex;
    gap: 15px !important;
}

.alcnt-cntr {

    align-items: center;
}

.perks__ h3 {

    font-size: 20px;
    color: #ffff;
}

.pricing__ h3 {

    font-size: 20px;
    text-align: center;
}

.pricing__ h2 {

    text-align: center;
}

.clr_fff {

    color: #fff;
}

.mx-width100 {

    max-width: 100% !important;
}

.ai__tp {


    top: 42% !important;
}

.fnt-sz h3 {

    font-size: 20px;
}

.mb-dsk-0 {

    margin-bottom: 0px !important;
}

.swiper-container-3 {
    overflow: hidden;
    /* Hide overflow content */
}

.fs-20px h6 {

    font-size: 20px;
}

.mt-10pxs {

    margin-top: 10px !important;
}

.ml-lg-20px {

    margin-left: 20px !important;
}

.grw_img img {

    width: 350px !important;
}

.us-sh {

    right: 0% !important;
}

.grw_cntr {

    align-items: center;
}


.slider_slide h3 {

    font-size: 20px;
}

.service-card-items.active .icon {

    color: black !important;
}

@media (min-width: 1477px) {

    .banner-content p {


        max-width: 770px;
    }


}

.choose_fs h3 {

    font-size: 20px !important;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .container-fluid.fluid-fl {
        max-width: 1320px;
    }
}

.acnt_mx h3 {

    max-width: 689px !important;
}

.changes_ .paragraph {

    margin: 0 auto;
    text-align: center;
}

.fs-50px {

    font-size: 50px !important;
}

.pl_ h3 {

    font-size: 20px !important;
}

.pay-rw-cnt {

    align-items: center;
}

.hr-clr {

    color: #ffff;
}


.main-menu ul li a.active {

    color: #D1B65B !important;
    /* Change to your preferred text color */
}

.mn_hg a {
    list-style-type: upper-alpha;
    color: darkblue !important;
}

.pay_links h6 {


    font-size: 20px !important;
}

.js_cntr {

    justify-content: center !important;
}

.current_ac_mb {

    margin-bottom: 20px;
}

.c_a_mt {

    margin-top: 25px;
}

.c_a_card h3 {

    font-size: 20px !important;
}

@media only screen and (max-width: 767px) {
    .features-content ul li {
        padding: 25px 22px;
        margin-bottom: 25px;
    }

    .offcanvas__logo img {

        width: 100px;
    }
    .mobile-flex-cl-rev{

        flex-direction: column-reverse;
    }

    .fs-65px {

        font-size: 30px !important;
    }
    .flawless_billing .row{

        flex-direction: column-reverse;
    }

    .works-btn .nav-tabs .nav-link i {
        top: 50%;
        right: 14px;
        position: absolute;
        transform: translateY(-50%);
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 27px;
        border-radius: 100%;
        background-color: #D1B65B;
        text-align: center;
    }

    .instant_stlnmnt {

        padding: 50px 0 50px;
    }

    .instant_stlnmnt h1 {

        font-size: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    .instant_stlnmnt p {

        text-align: center;
    }

    .instant_stlnmnt .about-button {
        display: flex;

        justify-content: center;
    }

    .about-info {

        padding: 20px;
    }

    .get_bg img {

        width: 265px !important;
    }

    .about-us-area h2 {

        font-size: 30px !important;
    }

    .image--flxs img {

        width: 265px !important;
    }

    .list-style-two.two-column li {

        width: 100%;
    }

    .faq-installment-settlement h2 {

        font-size: 28px !important;
    }

    .instant_stlnmnt .section-title {

        text-align: center;
    }

    .planning-wrapper .planning-content .planning-items .number {

        width: 50px;
    }

    .works-btn .nav-tabs .nav-link {

        font-size: 16px;
    }

    .faq-content .accordion-item .accordion-header .accordion-button.collapsed {

        padding: 30px 10px;
    }

    .faq-content .accordion-item .accordion-collapse .accordion-body {

        padding-left: 10px;
    }

    .faq-content .accordion-item .accordion-collapse .accordion-body {

        padding-right: 10px;
    }

    .features-content ul li i {
        top: 0;
        left: 0;
        position: relative;
        transform: unset;
        font-size: 40px;
        width: 60px;
        height: 60px;
        line-height: 72px;
        display: inline-block;
        margin-bottom: 25px;
    }

    .features-content ul li h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .section-heading {
        margin-bottom: 30px;
    }

    .c_a_text-sm {

        text-align: center;
    }

    .c_a_font h2 {

        font-size: 30px !important;
    }

    .services-card .services-card-body {
        padding: 25px 20px;
    }

    .radius-30 {
        border-radius: 15px;
    }

    .services-card .services-card-body .businessman {
        width: 50px;
        height: 50px;
        line-height: 60px;
        border-radius: 10px;
        margin-bottom: 20px;
        font-size: 25px;
    }

    .services-area .services-items {
        margin: 0;
    }

    .services-area .section-heading {
        margin-bottom: 100px !important;
    }

    .services-area .section-heading .services-btn .swiper-button-next {
        left: 50px;
        right: 0;
    }

    .services-area .section-heading .services-btn {
        right: auto;
        left: 36%;
        bottom: 0;
        position: relative;
    }

    .services-area .section-heading .services-btn .swiper-button-prev {
        left: 0;
        right: 0;
    }

    .services-area .section-heading .services-btn .swiper-button-prev, .services-area .section-heading .services-btn .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .features-image {
        padding: 20px 14px;
        max-width: 540px;
        text-align: center;
        margin-bottom: 30px;
    }

    .features-image .feature-image-2 {
        right: 0;
        bottom: 50px;
    }

    .features-image .feature-shape-1 {
        display: none;
    }

    .banner-card .flex-warp h3 {
        font-size: 17px;
    }

    .banner-card .flex-warp {
        padding-left: 60px;
    }

    .pb-sm-50 {

        padding-bottom: 50px;
    }

    .banner-card {
        padding: 20px 20px 0;
    }

    .banner-card .flex-warp {
        padding-left: 60px;
        margin-bottom: 30px;
    }

    .banner-card .banner-image-body .service-image-4 {
        left: 15px;
        bottom: 165px;
        max-width: 100px;
    }

    .banner-card.part-three .star-5 {
        display: none;
    }

    .banner-card .flex-warp i {
        width: 50px;
        height: 50px;
        line-height: 56px;
    }

    .text-ca-center {

        text-align: center;
    }

    .slider_slide h2 {

        font-size: 30px;
    }

    .faq-sm-50 h2 {

        font-size: 30px;
    }

    .feature-account {
        padding: 30px 20px;
    }

    .feature-account h3 {
        font-size: 30px !important;
        margin-bottom: 30px;
    }

    .feature-account ul li {
        margin-bottom: 25px;
    }

    .feature-account ul li h4 {
        font-size: 18px;
    }

    .feature-account .hero-image-2 {
        top: auto;
        right: 0;
        bottom: 0;
        position: relative;
        transform: unset;
        margin-top: 25px;
    }

    .api_bank h2 {

        font-size: 30px !important;
    }

    .single-features-card {
        padding: 25px 20px;
    }

    .single-features-card i {
        top: 0;
        left: 0;
        display: block;
        position: relative;
        margin-bottom: 25px;
    }

    .feature-account ul li h4 {
        font-size: 18px;
    }

    .api_ft h2 {

        font-size: 30px;
    }

    .single-features-card h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .mb-sm-20px {

        margin-bottom: 20px;
    }

    .financial-about-area .about-image .app-image-6 {
        padding-left: 0;
    }

    .financial-about-area .about-image {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .financial-about-area .about-image .app-image-7 {
        right: 0;
        bottom: 60px;
    }

    .financial-about-area .financial-about-content .check li {
        margin-bottom: 15px;
    }

    .text-ap-cntr {

        text-align: center;
        padding-top: 30px;
    }

    .text-ap-cntr h2 {

        font-size: 30px;
    }

    .mb-api-15px {
        margin-bottom: 15px !important;
    }

    .section-title h2 {

        font-size: 30px;
    }

    .planning-card {
        padding: 25px 20px;
    }

    .planning-card .title i {
        font-size: 30px;
        width: 50px;
        height: 50px;
        line-height: 58px;
        margin-right: 10px;
    }

    .planning-card .title h3 {
        font-size: 18px !important;
    }

    .planning-card p {
        margin-bottom: 25px;
    }

    .Hero .position-relative {
        margin: 50px 0px 0px;
    }

    .Hero {
        padding: 50px 0px !important;
    }

    .hero_payouts_mbl h2 {
        font-size: 30px !important;
    }

    .Hero p {
        padding: 20px 0px 30px !important;
    }

    .text-pay-cntr {

        text-align: center;
    }

    .Hero .position-absolute img {
        width: 100%;
    }

    .Services .flex-wrap .gap-3 {
        width: 100%;
    }

    .Services img {
        width: 50px;
    }

    .pos-mbl-un {

        position: unset !important;
    }

    .Testimonials .ps-lg-5 {
        gap: 30px;
    }

    .Services .h-100 {
        padding-left: unset;
    }

    .payout-sec-cntr {

        text-align: center;
        padding-top: 50px;
    }

    .Services .h-100 p {
        padding-right: unset;
        margin-top: 15px;
    }
}


@media screen and (max-width: 1199px) {
    .Testimonials .ps-lg-5 {
        padding-left: 0px !important;
        height: 100%;
    }
}

/* .banner-card.part-three .flex-warp {
    margin-bottom: 88px;
} */



.mb_vendr {

    margin-bottom: 20px !important;
}


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


    .img-wdth60 {
        width: 60%;
    }

    .tax_pay p {

        max-width: 750px;
        margin: 0 auto;
    }

    .tax_pay h1 {

        max-width: 75%;
        margin: 0 auto;
        padding-bottom: 25px;
    }

    .api_lg_ft h3 {

        font-size: 20px !important;
    }

    .testi-ptys h6 {

        font-size: 20px;
    }

    .hero__p p {


        padding: unset;
    }
}

.vp_h3 h3 {

    font-size: 20px;
}

.billing_ h5 {

    margin-bottom: 10px;
}

.padding_lft {

    padding-left: 25px;
}

.billing_sctn {

    margin-bottom: 15px;
}

.billing_sctn h5 {

    margin-bottom: 15px;
}

.intergrate_ h4 {

    font-size: 20px;
}

.w_p h3 {
    font-size: 20px;
}

.w_p .working-card-items {

    border: 1px solid #101828;
}


.submenu_nav:has(+ .submenu li a.active) {
    color: #D1B65B !important;
}

.api_bank h2 {

    color: black;
}

.api_bank p {


    color: black !important;
}

.footer-section.footer-bg h2 {

    font-size: 30px !important;
}


/* billing section */


.section-spacing {
    padding: 80px 0;
}

.billing_information_form {
    padding: 15px;
    border: 2px solid #8200ff;
}

.billing-item {
    z-index: 2;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.5fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.main__billing .container-medium {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px px;
    padding-right: 30px;
}

.billing_information_form .b1 {
    padding-left: 5px;
}

.billing_information_form h6 {
    color: #000;
}

.billing_information_form .b1 {
    padding-left: 5px;
}

.main__billing .w-form {
    margin: 0 0 15px;
}

.main__billing .input-group {
    /* align-items: center; */
    margin-bottom: 20px;
    position: relative;
}

.main__billing label {
    margin-bottom: 5px;
    font-weight: 500;
    display: block;
}

.main__billing .form-input {
    height: 60px;
    border: 1px solid #575555;
    background-color: white;
    color: #252525;
    border-radius: 10px !important;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
    transition: all .3s ease-in-out;
}

.main__billing .w-input, .w-select {

    width: 100%;
    vertical-align: middle;
    line-height: 1.42857;
    display: block;

}

.main__billing .inner-input-divs {
    display: flex !important;
    gap: 15px;
}

.main__billing .input-group {
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

.order_summary {
    border: 2px solid #8200ff;
    padding: 15px;
    height: max-content;
}

.order_summary h6 {
    color: #000;
}

.edit_your_order._1 {
    color: black;
}

.edit_your_order._1 {
    padding: 20px 0;
    border-bottom: 2px solid #A03942;
    /* color: black; */
}

.edit_your_order {
    display: flex;
    justify-content: space-between;
}

.edit_your_order._1 {
    color: black;
}

.offer_disclaimer {
    border-bottom: 2px solid #A03942;
    margin-top: 7px;
}

.offer_disclaimer a {
    color: black;
}

.edit_your_order._3 {
    font-size: 12px;
    margin-top: 5px;
    color: black;
}

.edit_your_order._2 {
    margin-bottom: 5px;
}

.edit_your_order.total_inr {
    color: black;
    font-size: 18px;
}

.nice_saved {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    color: #175cff;
}

.order_summary p {
    /* font-size: 10px; */
    margin-top: 10px;
    color: black;
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 400;
}

.main__billing .list-state {

    display: flex;
    gap: 5px;
}


.button_flex {


    display: flex;
    gap: 20px;
}

.footer-bgrnd {

    background-image: url(../img/hero/footer.png);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.abt-sec .about-image-2 {

    width: 398px;
}

.abt-sec .about-image-1 {

    width: 398px;
}

.icon-width img {

    width: 60.02px;
    height: 60px;
}

.ai-sh-img {

    width: 409px;
}

.bg-work {

    background-image: url(../img/home/streamlined_processes_bg.png);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.starts-img img {

    width: 150px;
}

.clr-txt {

    color: #D1B65B !important;
}

.contact-us-bgs {

    background-color: #101828 !important;
}

.contact-us-bgs h4 {

    color: #ffff;
}

.contact-us-bgs p {

    color: #ffff;
}

.contact-us-bgs label {

    color: #ffff;
}

.comprehensive-section .pricing-card-items {

    background-color: #101828;
    color: #ffff;
}

.comprehensive-section h3 {

    color: #fff;
}

.funfact-box-items h2 {

    color: #ffff;
}

/* .pricing-price h2 {

    color: #D1B65B !important;
} */

/* .pricing-price sub {

    color: #D1B65B !important;
} */

.price-list-color li i {

    color: #101828 !important;
}

.pricing-button a {

    color: #fff;
}

.swiper-pagination-bullet-active {

    background-color: #D1B65B;
}

.payment-gateway-banner {

    background-image: url(../img/pg/enabling_frictionless_bg.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.payment-gateway-banner .ai-shape-2 {

    width: 250px;
    height: 250px;
}

.payment-gateway-banner .ai-shape-1 img {

    width: 450px;
    height: auto;
}

.payment-wdth img {
    width: 110px;
    height: 110px;
}

.image-s {

    width: 633px;
    height: 633px;
}

.message-shape {

    width: 130px;
}

.any-colr {

    color: #D1B65B !important;
}

.srvc-srvc img {

    width: 54.97px;
    height: 54.97px;
}

.simply-algn-cntr {

    align-items: center;
}

.simply-algn-cntr .about-image-items .about-image-1 {

    max-width: unset;
}

.box-shadow-s {

    box-shadow: 4px 3px 47px rgba(209, 182, 91, 0.5) !important;
}

.payroll-image img {

    width: 100%;
    height: auto;
}

.revolutionizing-icon img {

    width: 60.02px;
    height: 60px;
}

.innovate_design img.radius-30 {

    width: 100px;
    /* height: 273.05px; */
}

.trustworthy_img img {
    /* width: 100%; */
    max-width: 495px !important;
    height: 495px !important;
}

.escrow_services img {

    width: 300px;
    height: 300px;
}

.image-3 img {

    width: 100%;
    /* height: 443px; */
}

/* .image-2 {

    width: 440px;
    height: 497px;
} */

.image-1 {
    /* width: 470px; */
    height: auto;
}

.bg-color-blck {

    background-color: #101828;
}

.instant-cont h3 {

    color: #ffff;
}

.instant-cont p {

    color: #ffff;
}

.c_a_card .banner-card {

    padding: 45px 50px 45px;
}

.smart_integration img {

    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}

.smart_integration_s_a .section-heading {
    max-width: 100% !important;
}

.current_ac_effor .services-card-body {

    background-color: #101828;
    padding: 30px 30px;
}

.current_ac_effor h3 {

    color: #ffff;
    margin-bottom: 15px;
}

.current_ac_effor p {

    color: #ffff;
}

.pos-rel {

    position: relative;
}

.service-popular-content-2 .service-content img {

    width: 45px;
    height: 45px;
}

.happy_solutions .single-account {

    background-color: #101828;
    color: #ffff;
}

.happy_solutions .single-account h3 {

    color: #ffff;
}

.get_bg {

    background-color: #101828;
}

.get_bg h3 {

    color: #fff;
}

.get_bg p {
    color: #fff;
}

.get_bg h2 {

    color: #fff;
}

.sr-vc-hvr .icon img {

    width: 80px;
    height: 80px;
}

.sr-vc-hvr .service-thumb {

    /* background-color: #ffff; */
    border-radius: 100px;
}

/* .color-code-h3 {

    color: #ffff !important;
} */

.service-card-items.sr-vc-hvr {

    background: #101828;
}

.smart_ .counter-items {

    background-color: #00000078;
    border: unset !important;
}

.text-blck {

    color: #082720;
}

.works-btn i {

    width: 80px;
    height: 80px;
}

.single-works-card i img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.smart_collect_sctn .project-image {

    background: #ffff;
    display: flex;
    justify-content: center;
    border-radius: 10px;
}

.smart_collect_sctn .project-image img {

    width: 300px;
    height: 300px;
}

.vp_2 img {

    width: 80px;
    height: 80px;
}

.vp_3 .testimonial-image {

    background-size: 100% 100%;
    width: 100%;
    height: 550px;
    max-width: 550px;
}

.billing_easy_integration i img {

    width: 80px;
    height: 80px;
}

.our_resources .team-image img {

    width: 100px;
    height: 100px;
}

/* .our_perks .service-box-items:hover {

    background-color: #D1B65B;
} */


.fun_hover .funfact-box-items:hover {

    background-color: #D1B65B;
}


.cls-1:hover {
    fill: black;
    transition: fill 0.3s ease;
}

.service_plans .pricing-card-items-2 .pricing-button .theme-btn::before {

    background-color: #D1B65B;
}

.service_plans .pricing-card-items-2 .pricing-button .theme-btn::after {

    background-color: #D1B65B;
}

ul.list-items li a.active {
    color: #D1B65B !important;
    /* Active color (can be changed to any color you want) */

}

.widget-head h4 {

    color: #D1B65B !important;
}

.email-link {
    color: rgba(255, 255, 255, 0.55);
    /* Link color */
    font-size: 18px;
    text-decoration: none;
    /* Remove underline */
}

.email-link:hover {
    color: #D1B65B;
    /* Hover color */
}

.phone-link {
    color: rgba(255, 255, 255, 0.55);
    /* Link color */
    font-size: 18px;
    text-decoration: none;
    /* Remove underline */
}

.phone-link:hover {
    color: #D1B65B;
    /* Hover color */
}

li a.active {
    color: #D1B65B;
    /* font-weight: bold; */
}

.ease_payments .ease_payments_btn::after {

    background-color: #101828 !important;
    /* color: #ffff !important;
    */
}

.ease_payments .ease_payments_btn:hover {

    color: #ffff;

}

.why-us-bg {

    background-color: #000;
}

.payment-link-img .first_img {

    width: 500px !important;
}

.why_invoice .service-popular-items .service-image img {

    width: 125px;
}

.invoice_sec .service-content {

    text-align: center;
}

.cta-newsletter-section h3 {

    text-align: left;
}

.why_invoice .service-popular-items {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 10px 60px rgba(209, 182, 91, 0.2);
}

.banner-card-image.image-2 {

    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-card-image.image-2 img {

    width: 100%;
    max-width: 225px;
    height: auto;
}

.banner-image-body.image-3 img {

    width: 100%;
    max-width: 225px !important;
    height: auto;
}

.banner-card-image.image-3 {

    display: flex;
    justify-content: center;
    align-items: center;
}

.transparent-taxing img {

    width: 100%;
    max-width: 900px;
}

.transparent-taxing .dashboard-image {

    margin: 25px auto 0 !important;
}

.color__s {

    color: black;
}

.tax_benefits .service-image {

    display: flex;
    justify-content: center;
}

.tax_benefits .service-image img {

    width: 100%;
    max-width: 100px;
}

.tax_benefits .service-content {

    text-align: center;
}

.swiper-slides h6 {

    font-size: 20px;
}

.our-escrow-services li {

    color: black;
}

.our-escrow-services p {

    color: black;
}

.acnt_mx {


    background-color: #101828;
    color: #ffff;
}

.acnt_mx h3 {

    color: #ffff !important;
}

.acnt_mx h4 {

    color: #ffff;
}

.payouts-bg {

    background-color: #101828;
}

.payout-process {

    background-color: #101828;
}

.swift-payouts {

    background-color: #101828;
}

.row--cntr {

    align-items: center;
}

.vendor_benefits_rev {

    flex-direction: row-reverse;
}

.grow-business-section .check li i {


    top: 1px;
    left: 0;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    background-color: #D1B65B;

}

.grow-business-section .check li {

    padding-left: 35px;
    margin-bottom: 10px;
    position: relative;
    color: black;
}

.why-choose-us-content .theme-btn::after {

    background-color: #101828;
}

.why-choose-us-content .theme-btn:hover {

    color: #ffff;
}

.trusted-solutions .testimonials-card {

    border: 1px solid #101828;
    box-shadow: 0px 4px 8px rgba(209, 182, 91, 0.5);

}

.trusted-solutions h3 {

    color: black;
    margin-bottom: 10px;
}

.flawless_billing ul li i {


    top: 1px;
    left: 0;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    background-color: #D1B65B;
}

.flawless_billing ul li {

    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    color: black;

}

.planning-wrapper .planning-content .planning-items:hover {

    background-color: #ffff;
}

.fabulous-features .choose-card {

    border: 1px solid #101828;
    box-shadow: 0px 4px 8px rgba(209, 182, 91, 0.5);

}

.lgo-width img {

    width: 250px;
    /* height: 35px; */
}

.content-color h2 {

    color: black !important;
}

.content-color a {

    color: black;
}

.pricing-section-content-color h2 {

    color: black;
}

.pricing-section-content-color h3 {

    color: black;
}

.pricing-section-content-color h2 span {

    color: black;
}

.faq-section-content-color h2 {

    color: black;
}

.ease-payment-content-color h1 {

    color: black;
}

.payment-gain-heading-color h5 {

    color: black;
}

.why-us-bg h2 {

    color: #ffff;
}

.why-us-bg h5 {

    color: black;
}

.impecable-heading h2 {

    color: black;
}

.impecable-heading h3 {

    color: black;
}

.feature-section-color h2 {

    color: black;
}

.why-us-image img {

    width: 100%;
    max-width: 335px;
}

.image--flxs {

    display: flex;
    justify-content: center;

}

.image--flxs img {

    width: 500px;
}

.get_bg img {

    width: 450px;
}

.get_bg_flxx {

    display: flex;
    justify-content: center;
}

.sr-vc-hvr {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banner-card {

    border: 1px solid black;
}

.pricing-header p {

    color: #ffff;
}

.frame-shape {

    max-width: 260px;
}

.message-shape {

    max-width: 100px;
}

.seamless-ways-img img {

    max-width: 500px;
}



@media only screen and (min-width: 1476px) and (max-width: 1843px) {

    .max-res img {

        max-width: 500px;
    }
    .theme-btn-125{


        padding: 14px 20px;
    }
    .header-main .main-menu ul li{

        margin-inline-end: 20px !important; 
    }
    .lgo-width img{

        width: 250px;
    }
    .max-res-flx {

        display: flex;
        justify-content: center;
    }

    .max-res-flx img {

        max-width: 500px;
    }

    .feature-account .hero-image-2 {


        top: 53%;
        right: -15px;
        max-width: 500px;

    }

    .unlck_future .about-content {

        margin-left: 0px !important;
    }

    .unlck_future i img {

        max-width: 60px;
    }

    .banner-area .mission-card {
        right: 4%;
        transform: rotate(351deg);
    }

    .banner-area .mission-card.two {

        top: 24%;
        left: 0%;
    }
    .trustworthy_img img{

        max-width: 282px !important;
        height: unset;
    }

}

.happy_solutions p {

    color: #ffff !important;
}

.escrow__accounts__bg {

    background-color: #101828;
}

.fs-fs-20px {

    font-size: 20px !important;
    text-align: center;
}

.our_escrow_services .faq-content .accordion-item {

    border: unset;
}

.our_escrow_services .faq-content .accordion-item .accordion-collapse .accordion-body {


    background-color: #101828;
    border-radius: 10px;
}

.our_escrow_services li {

    color: #ffff;
}

.our_escrow_services p {

    color: #ffff;
}

.our_escrow_services.service-area .faq-content .accordion-button {

    padding: 15px !important;
    background-color: #101828;
}

.our_escrow_services.service-area .faq-content .accordion-button i {

    margin-right: unset;
    color: #ffff;
}

.our_escrow_services i img {

    width: 50px;
}

.our_escrow_services.service-area .faq-content .accordion-button {

    color: #ffff;
    border: 1px solid #ffff;
}

.our_escrow_services .faq-content .accordion-button::before {

    color: #ffff;
}

.financial-about-area .financial-about-content .check li {

    color: black;
}

.intuitive_billing .hero-content {

    margin-bottom: 0px !important;
}

.flawless_billing img {

    max-width: 500px;
}

.flawless_billing .feature-video-thumb {

    display: flex;
    justify-content: center;
}

.billing_excellence img {

    max-width: 500px;
    width: 100%;
}

.fabulous_features {

    max-width: 500px;
}

.fab-features img {

    max-width: 500px;
    width: 100%;
}

.fab-features .choose-image {

    display: flex;
    justify-content: center;
}

.comprehensive_payroll_solutions ul li {

    color: black;
}

.our-advantage-section ul li {

    color: black;
}

.ben-fs-20px {

    font-size: 20px;
}

.innovation ul li {

    color: black;
}

.bg-color- {

    background-color: #101828;
}

.f-bold {

    font-weight: 800;
}

.f-bold:hover {

    /* font-weight: 800 */
    color: #101828 !important;
}

.f-bold-clr:hover {

    color: #ffff !important;
}


.footer-policy-sec .list-items2 {

    display: flex;
    gap: 30px;

}

.list-items2 li a:hover {

    color: #D1B65B;
}


.offcanvas__contact-text.mail_mail a:hover {

    color: #D1B65B;
}

.offcanvas__contact-text.phone_phone a:hover {

    color: #D1B65B;
}


.scroll-up::after:hover {

    color: #ffff;
}




@media (min-width: 1024px) and (max-width: 1199px) {



    .about-wrapper-3 .about-image-2 {

        display: none;
    }
    .ipad-pro-none{

        display: none;
    }
    .ipad-pro-margin{

        display: flex;
        margin: 0 auto;
    }

    .about-wrapper-3 .about-image-1 {

        display: none;
    }

    .hero-revenue .offset-lg-1 {


        margin-left: unset;
    }
}





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


    .img__wd {


        display: none;
    }

    .section-title h2, .section-title .h2 {

        font-size: 40px;
    }

    .pt-payouts-50px {

        padding-top: 50px;
    }

    .fab-features .why-choose-us-content {

        width: 100%;
        max-width: unset;
    }

    .fab-features .section-title {

        text-align: center;
    }

    .fab-features .section-title h2 {

        margin-bottom: 15px;
    }

    .fab-features .row {

        flex-direction: column-reverse;
    }

    .billing_enhance .popular-service-box-items:nth-child(3) {

        margin: 0 auto;
    }

    .billing_enhance .billing_robustsecurity {

        margin: 0 auto;
    }

    .feature-video-section .row {

        flex-direction: column-reverse;
    }

    .feature-video-section .section-title {

        text-align: center;
    }

    .billing_excellence .section-title {

        text-align: center;
    }

    .billing_excellence .billing-image {

        display: flex;
        justify-content: center;
        margin-top: 25px;
    }

    .fabulous-features .slider-mobile {

        animation: none !important;
    }

    .fabulous-features .row-1 {

        flex-direction: column;
    }

    .billing_faqs .faq-content {

        width: 100%;
        max-width: unset;
    }
}


@media (min-width: 768px) and (max-width: 1475px) {

    .feature-account .hero-image-2 {


        position: inherit;
        transform: unset;
    }


}


@media (min-width: 768px) and (max-width: 1199px) {


    .streamline-section img {

        display: none;
    }

    .streamline-section .arrow-shape img {

        display: none;
    }

    .streamline-section .arrow-cols {
        display: none;

    }
}

.signup-signin-buttons {

    margin-top: 25px;
}


/* loader */

.logo-pre {
    /* background: linear-gradient(to bottom, #FFFCE9 0, #FFE1EC 100%); */
    border-radius: 50%;
    height: 100px;
    width: 200px;
    box-shadow: 0 0 0 0 rgb(0 0 0/0%);
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px
}

.onloadpage .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}

.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #202020;
}

/* loader */


.scroll-up:hover {
    cursor: pointer; /* Optional: to change cursor to indicate it's clickable */
}

.scroll-up:hover .scroll-circle path {
    /* Example hover effect: Change the stroke color on hover */
    stroke: #ffff; /* Change stroke color */
    stroke-width: 3; /* Example of changing stroke width */
    stroke-dashoffset: 0; /* Animating stroke-dashoffset */
    transition: stroke 0.3s ease, stroke-dashoffset 0.3s ease; /* Smooth transition */
}

.scroll-up:hover::after{

    color: #ffff;

}

/* active clas */


.active {
    font-weight: bold; /* Example styling for active state */
    color: #f00; /* Example color for active link */
}

/* 

 .hero-content:hover {
    transform: scale(0.5);
}  */

.width_390px{

    width: 390px;
}
.accordion-body{

    font-weight: 400;
}
.color_white_companyname{

    color: rgba(255, 255, 255, 0.55);
    font-weight: 400;
}

.e_a_btn:hover{


    border: 1px solid #fff;
}
.sign_home_btn:hover{

    border: 1px solid #ffff;
}