/* max width */
@media screen and (max-width: 1100px) { 
    a.nav-link.w-nav-link{
        font-size: 15px;
    }
    .section-package{
        height: unset!important;
    }
    .package-top-content{
        padding-bottom: 20px
    }
}
@media screen and (max-width: 1024px) {
    .contact-block {
        width: 100%;
        text-align: center;
    }
    .flex-column{
        flex-direction: column;
        align-items: center;
    }
    .conract-button{
        justify-content: center;
        align-items: center;
    }
    .desktopImageHome{
        display: none;
    }
    .mobileImageHome{
        display: flex;
    }
    .holding-credit-card.center {
        inset: -9% -10% auto auto !important;
    }
    .footer{
        background: unset!important;
    }
    .section.main-banner {
        padding-top: 150px;
    }
    .comparing-table-features-wrapper{
        width: 100%;
        display: block;
    }
    .comparing-table-wrapper{
        flex-direction: column;
    }
    .comparing-table-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .feature-area1, .feature-area2, .feature-area3, .feature-area4 {
        grid-row: auto; /* Allow natural stacking */
    }
    .pricing-2-wrapper {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    .card-pricing-itemm {
        grid-row: auto; /* Allow natural stacking */
    }
    a.nav-link.w-nav-link{
        font-size: 15px;
    }
    a.signup-button{
        font-size: 15px;
        padding: 14px 5px;
    }
    .location-link{
        word-break: break-word;
      }
   
}

@media screen and (max-width: 991px) {
    .card-process.w-inline-block:hover{
        transform: unset!important;
    }
    .scroll-down-link-wrap{
        display: none!important;
    }
    .flex-column{
        flex-direction: column;
        align-items: center;
    }
    .conract-button{
        justify-content: center;
        align-items: center;
    }
    .price-content-wrapper{
        position: relative!important;

    }
    .location-link{
        word-break: keep-all;
      }
    .process-left-content-wrapper {
        flex-flow: row;
        max-width: none;
    }
    .process-card {
        padding-left: 1.7rem;
        padding-right: 1.7rem;
    }
    h5 {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .process-left-content {
        display: none;
    }
    .process-right-content-wrapper {
        flex-flow: row;
        max-width: none;
    }
    .process-bottom-content-wrapper {
        grid-column-gap: 1.7rem;
        grid-row-gap: 1.7rem;
        flex-flow: column;
    }
    .cta-wrapper.reverse {
        grid-row-gap: 40px;
        flex-direction: column;
    }
    .holding-credit-card{
        position: relative;
        inset: unset;
    }
    .holding-credit-card.first {
        height: 300px;
        /* top: auto; */
        bottom: 0%;
        right: -15%!important;
        transform: rotateX(0) rotateY(180deg) rotateZ(180deg);
        inset: unset;
    }
    .holding-credit-card.aboutcard1 {
        inset: auto 0% -5% auto !important;
        right: -11% !important;
    }
    .current-grid{
        grid-template-columns: 1fr!important;
    }
    .current-grid  .home-features {
        grid-template-columns: 1fr 1fr;
      }
      .values-image {
        width: unset    ;
        height: 100%;
    }
    .image-banner{
        object-fit: unset;
        object-position: unset;
        padding-left: unset;
        height: auto;
    }
    .section.image-cta-home{
        background-image: unset;
    }
    .contact_Detail{
        grid-template-columns:1fr;
      }

      a.nav-link.w-nav-link{
        font-size: 15px;
    }
    .smart-collect-btn{
        display:block !important;
        margin-top: 30px;
    }
      a.signup-button{
        font-size: 15px;
        padding: 14px 5px;
    }
    .home-hero-section{
        padding-bottom: 0!important;
        padding-top: 0!important;
    }
    .modular-hero-wrapper {

        height: calc(100vh - 280px)!important;
      }
      .about-header-right-content-wrapper{
        padding-top: 50px;
      }
      .about-header-component{
        flex-direction: column-reverse!important;
      }
      .faq-grid{
    grid-template-columns: 1fr;
      }
      .pb-sm-100{
        padding-bottom: 0;
      }
      .left-banner-wrap{
        opacity: 1!important    ;
    }
    .align-items_end_mob{
    align-items: end;
    }
    .grid-container{
        grid-template-columns: 1fr!important;
      }
}

@media screen and (max-width: 767px) {
  
   .grid-container .column.mt-20 div{
        display: grid;
        flex-wrap: wrap;
      }
    
   
  
    .current-grid  .home-features {
        grid-template-columns: 1fr!important;
      }
    .about-content-wrapper {
        flex-direction: column;
      }
    .section.step-section .progress_inner {
        position: relative;
    }
    .section.step-section .progress_inner__tabs .tab {
        opacity: 1;
        position: relative;
        margin-top: 0;
        margin-bottom: 20px;
        top: 0;
    }
    .section.step-section .progress_inner__bar--set, .section.step-section .progress_inner__step, .section.step-section .progress_inner__status {
        display: none;
    }
    .section.step-section .progress_inner, .section.step-section {
        height: unset !important;
        width: unset !important;
        top: unset !important;
        transform: unset !important;
        margin: unset !important;
    }
    .process-left-content-wrapper {
        flex-flow: column;
    }
    .process-card {
        padding: 1.7rem 1.5rem;
    }
    .process-right-content-wrapper {
        flex-flow: column;
    }
    .mobileImageAbout{
        display: none;
    }
    img._3d-card.second{
        inset: unset;
    }
    img._3d-card{
        position: relative;
        left: 10%;
    }
    .comparing-table-wrapper {
        grid-template-columns: 1fr; /* Single-column layout */
    }
    .feature-area1, .feature-area2, .feature-area3, .feature-area4 {
        grid-row: auto;
    }
    .pricing-2-wrapper {
        grid-template-columns: 1fr; /* Single-column layout */
    }
    .page-loading-inner>img {
        width: 150px!important;
      }
      .about-header-right-content h2.heading-style-h2{
        font-size:32px!important;
      }
      .text-sm-left{
        text-align: left!important;
      }
      .pt-100{
        padding-top: 70px;
      }
      .invoice-list{
        flex-direction: column;
        gap: unset;
      }
      .stories_tabs-menu{
        flex-direction: row;
      }
      .stories_tab-link{
        padding: 1rem       ;
      }
      .stories_card , .stories_tabs {
        grid-template-columns:1fr;
        padding-top: 20px;
      }
      .stories_card-content{
        padding-left: 0;
      }
      .stories_card-icon-wrapper{
        margin-bottom: 20px;
      }
      .value-bottom-content-wrapper{
        flex-direction: column  ;
      }
      .arrow-slider{
        font-size: 18px
      }
      .value-card h5.heading-style-h5{
        margin: 0 0;
      }
      .value-right-content-wrapper , .value-left-content-wrapper{
        grid-row-gap:2.5rem;
      }
}


@media screen and (max-width: 479px) {
    .process-bottom-content-wrapper, .process-left-content-wrapper {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
    }
    .process-card {
        flex-flow: column;
        padding: 1.5rem 1.25rem;
    }

    h3, h4 {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .process-right-content-wrapper {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
    }
    #w-node-_51de461a-6272-a933-97a5-524fc21a6062-bd16a7c2 {
        grid-area: 2 / 1 / 2 / 2;
    }
    .payout-section :is(.solution-slider-right-arrow,.solution-slider-left-arrow){
        bottom: -61%;
    }
    .card-wrapper-large{
        font-size: 16px;
    }
}

@media screen and (max-width: 300px){
    .image-mobile-center {
        width: 250px;
        margin-top: -20px;
        margin-bottom: 20px;
      }
}

/* min width */
@media screen and (min-width: 1025px) {
.desktopImageHome{
    display: flex;
}
.mobileImageHome{
    display: none;
}
}


@media screen and (min-width:767px) and (max-width: 991px) {
    .modular-hero-wrapper {
        height: calc(100vh - 380px) !important;
    }
}