@media screen and (min-width:2000px) {
    .container-fluid {
        width: 100%;
        max-width: 1900px;
        margin: 0 auto;
        padding: 0 20px;
    }
}

@media screen and (max-width:1520px) {
    .column img {
        width: 150px
    }

    .team-content {
        padding-top: 20px;
    }

    .city-card h6 {
        font-size: 20px !important;
    }
}

@media screen and (max-width:1366px) {
    h1.heading-text {
        font-size: 45px;
        line-height: normal;
        margin-bottom: 20px;
    }

    .heading-paragraph {
        line-height: 24px;
        font-size: 18px;
    }

    h2.inner-title {
        font-size: 40px;
        line-height: normal;
    }

    .steps-block {
        gap: 40px
    }

    .how-works-banner .how-works-title {
        font-size: 23px;
        line-height: normal;
    }

    .steps .steps-content h4 {
        font-size: 22px;
        line-height: normal;
    }

    .how-works-content h3 {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 40px;
    }

    .steps-wrapper .steps-block-wrapper .steps .step-count {
        min-width: 68px;
        width: 68px;
        height: 68px;
        background-size: 35px 35px !important;
    }

    .steps:after {
        left: 32px;
        top: 68px;
    }

    .feature-card h5 {
        font-size: 25px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .city-card h6 {
        font-size: 22px;
        line-height: normal;
    }

    .city-statistics {
        padding-bottom: 0px;

    }

    .city-statistics span {
        font-size: 30px;
        line-height: normal;
    }

    .city-statistics label {
        font-size: 15px;
        line-height: normal;
    }

    .city-card {
        padding: 10px;
    }

    .cta {
        margin: 30px 0;
        text-align: center;
        padding: 0 50px;
    }

    .launching-section h2,
    .team-content h2 {
        margin-bottom: 20px;
    }

    .team-section p,
    .partnet-content p,
    .platform-section p,
    .how-wroks-section p {
        font-size: 18px;
        line-height: normal;
    }

    .navbar {
        padding: 0 30px !important;
        width: 100% !important;
        max-width: 100%;
    }

    .how-works-banner {
        width: 100%;
        height: auto;
        margin-bottom: 60px;
    }

    .container {
        max-width: 95%;
    }

    .feature-card.feature-card-top {
        width: 100%;
        height: auto;
        min-height: 400px;
    }

    .feature-card.feature-card-btm {
        width: 100%;
        height: auto;
        min-height: 400px;
    }

    .feature-card.feature-card-btm img,
    .feature-card .icon-box img {
        width: 100%;
    }

    .feature-card.feature-card-ride .icon-box .card-banner {
        width: 120%;
        bottom: -60px;
    }

    /* .platform-section {
        background-color: #e9b3e2;
    } */

    .partner-section {
        border-radius: 0px;
        height: auto;
    }

    .team-content {
        width: 100%;
    }

    .inquir-form {
        width: 100%;
    }

    .team-banner img {
        width: 100%;
    }

    .team-banner {
        width: 100%;
    }

    .inquir-form input {
        height: 45px;
    }

    .inquir-form select {
        height: 45px;
    }

    .custom-dropdown {
        min-height: 45px !important;
        height: 45px;
    }

    .custom-dropdown img {
        top: 10px
    }
}

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


    .column .scroll {
        gap: 5px
    }
}

@media screen and (max-width:1023px) {
    .team-banner {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .navbar {
        padding: 0 30px !important;
        width: 100% !important;
        max-width: 100%;
    }

    .navbar-toggler {
        order: 1
    }

    .navbar div.text-end {
        margin-left: auto;
    }

    h2.inner-title {
        font-size: 30px;
        line-height: normal;
    }

    .partnet-content {
        padding: 40px 0;
    }

    .partner-banner img {
        width: auto;
        height: 450px;
        margin: auto;
    }

    .social ul {
        gap: 5px
    }

    .social ul li a {
        width: 40px;
        height: 40px;
    }

    .steps-for-business .how-works-banner .how-works-title,
    .how-works-banner .how-works-title {
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 20px;
        padding: 10px 20px;
        line-height: normal;
        font-size: 24px;
        width: 90%;
        text-align: center;
    }

    .steps-content {
        width: 50%;
    }

    .share-squch-section {
        padding-bottom: 80px;
    }

    .share-content {
        align-items: start;
        place-content: center;
    }



    .share-banner img {
        max-height: 400px;
    }

    .share-content h2.inner-title {
        font-size: 40px !important;
        line-height: normal !important;
        text-align: left;

    }

    .share-content p.text-muted {
        font-size: 16px !important;
        line-height: 25px;
        margin: 0px;
    }

    .share-content .btn.btn-primary,
    .share-content .btn-action .btn.btn-primary {
        width: auto !important;
    }

    /* .team-section {
        padding: 50px 0;
    } */

    .gallery {
        height: 720px;
        overflow: hidden;

    }

    .team-content {
        padding-top: 30px !important;
    }

    .column .scroll {
        gap: 5px
    }


    .form-row {
        margin-bottom: 15px;
    }

    .city-card:before {
        top: 10px;
        height: 10px;
        width: 94%;
    }

    .faqs-section .row>div {
        padding: 0px;
        margin: 0px;
    }

    .share-banner:after {
        pointer-events: none;
    }
}

@media screen and (max-width:980px) {
    .team-content {
        max-width: 100%;
        margin: auto;
    }

    .column .scroll {

        animation: scrollUp 35s linear infinite;
    }

    /* Alternate columns scroll opposite direction */
    .column:nth-child(even) .scroll {
        animation: scrollDown 35s linear infinite;
    }

    .terms-modal .modal-dialog {
        max-width: 100%;
        height: 95vh;
    }

    .modal-body.success-modal-body {
        height: calc(100vh - 305px);
        overflow: auto;
    }

    .modal div.modal-content {
        /* border-radius: 5px !important; */
        padding: 0px !important;
        border: 10px !important;
        /* box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important; */
        overflow: hidden !important;
    }

    .modal div.modal-content .welcome-text {
        border-radius: 0px !important;
        margin: 0px !important;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        text-align: center !important;
    }

    .earn-icon img,
    .welcome-icon img {
        width: 50px;
        height: 50px;
    }

    .earn-offer.what-earn {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .faqs-section h3 {
        padding: 15px;
        font-size: 15px !important;
    }

    .accordion-body {
        padding: 10px;
        font-size: 15px;
    }

    .accordion-header button.accordion-button {
        font-size: 15px !important;
        line-height: normal;
        font-family: 'poppinsmedium';
        height: 50px;
    }

    .btn.btn-primary,
    .btn-action .btn.btn-primary {
        min-width: 290px;
    }

    .footer-other-left {
        justify-content: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-other-right {
        justify-content: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact-form-modal .modal-body {

        overflow: auto;
        padding: 20px !important
    }

    .contact-form-modal .modal-body .col-md-12>div {
        margin-bottom: 8px !important;
        position: relative;
    }

    .contact-form-modal form .form-control {
        height: 40px !important;
    }

    .contact-form-modal .modal-header {
        border-radius: 8px 8px 0 0 !important;
    }

    .ContactModal-module__M_UpNq__contactFormGroup {
        position: relative;
    }

    .ContactModal-module__M_UpNq__contactInvalidFeedback {
        color: #dc3545;
        margin-top: 1px;
        font-size: 10px;
        display: block;
        position: absolute;
        right: 5px;
    }

    .testimonial-area {
        padding: 50px 0 !important;
        text-align: center;
    }

    .dreamit-section-title2 h1 {
        font-size: 30px !important;
        line-height: 40px !important;
        text-align: center;
    }

    .testimonial-area .techno-testimonial-thumb img {
        margin: 20px auto;
        width: 90% !important;
    }

    .testimonial-area .techno-single-testimonial-box {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 30px;
    }

    .testimonial-area .techno-single-testimonial-box.white:before {
        display: none;
    }

    .testimonial-area .testimonial-thumb {
        width: 130px;
        height: 130px;
        margin: 15px 25px 25px;
    }

    .testimonial-area .testimonial-title p {
        font-size: 16px;
    }

    .faqs-section .faq-tabs ul li .nav-link {
        padding: 0 5px !important;
        line-height: normal !important;

    }

    .tab-content>.tab-pane {
        display: block;
    }

    .faqs-section h3 {
        display: flex !important;
    }

    .faq-tabs .nav-pills.nav-pills {
        display: none !important;
    }

    .otp-form-row .otp-form-row-inner .otp-select button.btn {
        width: 120px !important;
        min-width: 120px;
        height: 45px;
    }

    .otp-form-row .otp-form-row-inner .otp-select .custom-dropdown {
        width: calc(100% - 130px) !important
    }

    .otp-form-row .otp-form-row-inner .otp-select .custom-dropdown select {
        width: 100% !important;
    }


}

@media screen and (max-width:790px) {}

@media screen and (max-width:767px) {
    .footer-menu {
        display: none;
    }


    .share-content {
        text-align: center;
    }

    .share-squch-section {
        padding-bottom: 0px;
    }

    .share-content .btn-action {
        flex-direction: column;
        width: 100%;
        place-content: center;
    }

    .share-content .btn-action .btn.btn-outline-secondary {
        width: 290px !important;
        margin: auto !important;
    }

    .share-banner img {
        max-height: 440px;
    }

    .share-squch-section .row {
        flex-direction: column-reverse;
    }

    .share-content h2.inner-title {
        text-align: center;
        width: 100%;
    }

    .app-row h4 {
        font-size: 26px !important;
        line-height: 32px !important;
        text-align: center;
    }

    .team-banner {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .site-header .navbar {
        height: 60px;
        padding: 0 15px !important;
    }

    .navbar-brand img {
        height: 40px;
    }

    .site-header .btn.btn-primary {
        display: none;
    }

    .navbar-toggler {
        margin-left: auto;
        padding: 0px;

    }


    .navbar-collapse {
        position: absolute;
        height: 100vh;
        top: 60px;
        width: 100vw;
        background: #ffffff;
        left: 0px;
        padding: 30px;
        border-top: 1px solid #e1e1e1;
    }

    .site-header ul li a {
        color: #000000;
    }

    .hero-content {
        padding: 0 20px !important;
    }

    h1.heading-text {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .hero-section {
        padding-top: 50px;
        height: auto;
        background-position: center top -100px !important;
        background-size: cover !important;
        background-color: #faf7fe;
    }

    .ticker {
        margin-top: 2px;
    }

    .header-title {
        margin: 20px 0 15px;
    }

    .heading-paragraph {
        padding: 15px 0px;
        font-size: 16px;
        line-height: 24px;
    }

    .btn-action {
        flex-direction: column;
        gap: 15px !important;
        margin-bottom: 15px !important;
    }

    .btn-action .btn.btn-outline-secondary {
        width: 100%;
    }

    .hero-pic .banner1 img {
        height: 310px;
    }

    .hero-pic .banner2 {
        margin-left: -5px;
        margin-top: 43px;
    }

    .hero-pic .banner2 img {
        height: 280px;
    }

    .ticker,
    .carousel-container,
    .carousel-text {
        height: 60px;
    }

    .carousel-text span {
        height: 60px;
        font-size: 23px;
    }

    h2.inner-title {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 5px;
    }


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

    .team-section .team-content>p,
    .partnet-content>p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .launching-section,
    .platform-section,
    .how-wroks-section {
        padding: 40px 0;
    }

    .inner-top-block {
        gap: 15px !important;
        margin-bottom: 30px !important;
    }

    .inner-top-block p.text-muted {
        font-size: 16px;
        line-height: 24px;
    }



    .how-works-image-left .col-md-6 {
        padding-top: 0px !important
    }

    .how-works-banner {
        width: 100%;
        height: 350px;
        margin-bottom: 50px;
    }

    .steps-for-business .how-works-banner .how-works-title,
    .how-works-banner .how-works-title {
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 20px;
        padding: 10px 20px;
        line-height: normal;
        font-size: 24px;
        width: 90%;
        text-align: center;
    }

    .how-works-content h3 {
        font-size: 26px !important;
        padding-bottom: 20px;
        border-bottom: 2px solid #e1e1e1;
        text-align: center;
    }

    .steps {
        gap: 15px;
    }

    .steps .step-count {
        width: 65px;
        height: 65px;
        min-width: 65px;
    }

    .how-wroks-section .steps-block-wrapper .steps .step-count {
        background-size: 30px 30px !important;
    }

    .steps-block {
        width: 100%;
    }

    .steps .steps-content {
        width: calc(100% - 35px)
    }

    .steps .steps-content h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .steps:after {
        left: 32px;
        top: 58px;
    }

    .platform-section p,
    .steps .steps-content p {
        font-size: 16px;
        line-height: 20px;
        margin: 0px;
    }

    .how-works-image-left {
        margin-bottom: 60px;
    }

    .feature-card.feature-card-top {
        width: 95%;
        margin: auto;
    }

    /* .platform-section {
        background-color: #eab6e4;
    } */

    .feature-card.feature-card-btm {
        width: 95%;
        margin: auto;
    }

    .feature-card h5 {
        font-size: 28px;
        line-height: 30px;
    }

    .city-statistics span {
        font-size: 28px;
        line-height: 30px;
    }

    .city-statistics label {
        font-size: 18px;
        line-height: normal;
    }

    .city-card h6 {
        font-size: 22px;
        line-height: 30px;
    }

    .cta {
        height: auto;
        margin: 0px 0 10px;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        padding: 30px 0;
        border-radius: 0px;
    }

    .cta a {
        font-size: 22px;
        line-height: 26px;
    }

    .launching-section h2,
    .team-content h2 {
        margin-bottom: 10px;
    }

    .inner-title {
        margin-bottom: 0px;
    }

    .inner-title h2 {
        font-size: 30px;
    }

    .partner-section {
        border-radius: 0px;
        height: auto;
    }

    .partnet-content {
        padding: 50px 0 30px;
    }

    .partner-banner-mobile img {
        width: 100%;
        margin-top: 30px;
    }

    .info h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .partner-banner {
        display: none;
    }

    .partner-banner-mobile {
        display: flex;
    }


    .team-section {
        padding: 20px 0;
        border-radius: 0px;
    }

    .team-content {
        width: 100%;
    }

    .inquir-form {
        width: 100% !important;
    }

    .team-banner img {
        width: 100%;
    }

    footer {
        height: auto;
        padding-top: 40px;
    }

    footer .ftr-links {
        margin: 20px 0 0px;
    }

    footer .ftr-links ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2px;
        margin-bottom: 0px;
    }

    footer h6 {
        margin-bottom: 5px;
    }

    footer .col-md-8 .ftr-links:nth-child(3) ul {
        margin-bottom: 20px !important;
    }

    .copyright p,
    footer ul li a {
        font-size: 13px !important;
    }

    footer .ftr-links ul li {
        width: calc(33.33% - 10px);
        font-size: 14px;
    }

    .our-app {
        flex-direction: row;
        place-content: center;
        margin-top: 30px;
    }

    .copyright {
        padding: 10px 0;
    }

    .ticker ul li {
        font-size: 20px;
    }

    /* .platform-section {
        background-position: center top -315px
    } */

    .feature-card.feature-card-top {
        min-height: 450px;
    }

    .faqs-section {
        padding: 50px 0;
    }

    .accordion-body {
        padding: 10px;
        font-size: 15px;
    }

    .accordion-header button.accordion-button {
        font-size: 15px !important;
        line-height: normal;
        font-family: 'poppinsmedium';
        height: 50px;
    }
}

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

    .column .scroll {
        animation: scrollUp 55s linear infinite !important;
    }

    .column:nth-child(even) .scroll {
        animation: scrollDown 55s linear infinite !important;
    }

    .team-section {
        padding: 30px 0 !important;
        /* max-width: 95% !important; */
    }

    .column img {
        width: 175px !important;
    }

    .gallery {
        margin-bottom: 10px;
        height: auto !important;
        max-height: 480px;
        overflow: hidden;
    }

    .team-content {
        width: 100%;
        margin: auto;
    }

    .checkbox-group label {
        font-size: 11px;
    }

    /* Mobile modal centering and styling */
    .modal-dialog {
        display: flex !important;
        align-items: center !important;
        min-height: calc(100vh - 200px) !important;
        margin: 20px auto !important;
        max-width: 90vw !important;
    }

    .modal div.modal-content {
        border-radius: 10px !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;
        overflow: hidden !important;
    }

    .modal div.modal-content .welcome-text {
        border-radius: 10px 10px 0 0 !important;
        padding: 25px 15px 15px !important;
    }

    .modal-body.success-modal-body {
        border-radius: 0 0 20px 20px !important;
        padding: 15px 15px 30px !important;
    }

    .social-success-link {
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* Make social buttons circular on mobile */
    .social-success-link .btn {
        width: 45px !important;
        height: 45px !important;
        min-width: 45px !important;
        max-width: 45px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        flex: none !important;
        line-height: 0 !important;
        margin-top: 20px !important;
    }

    /* Override flex-fill class */
    .social-success-link .btn.flex-fill {
        flex: none !important;
    }

    /* Show only icons, hide text - center them properly */
    .social-success-link .btn svg {
        width: 18px !important;
        height: 19px !important;
        /* margin: 0 auto !important; */
        display: block !important;
        flex-shrink: 0 !important;
        margin-right: -7px;
    }

    .custom-btn-close img {
        width: 25px !important;
        height: 25px !important;
    }

    /* Hide button text content */
    .social-success-link .btn .gap-1,
    .social-success-link .btn .gap-2 {
        gap: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .bonus-content .early-access {
        font-size: 14px !important;
    }

    .bonus-content .signup-bonus {
        font-size: 14px !important;
    }

    .welcome-icon {
        font-size: 30px !important;
    }

    .copy-link-block {
        flex-direction: row;
        gap: 10px;
        margin-bottom: 15px !important;
    }

    .modal-body.success-modal-body .copy-link {

        padding: 10px !important;
    }

    .welcome-text h3 {
        font-size: 24px !important;
        margin-bottom: 8px !important;
    }

    .welcome-text p {
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }

    /* Reduce gaps in modal sections */
    .earn-offer-block {
        margin-bottom: 15px !important;
        gap: 15px !important;
    }

    .earn-offer-block .earn-offer {
        margin-bottom: 0 !important;
        padding: 25px 15px 15px !important;
        width: 100% !important;
    }

    .earn-offer-block .earn-offer h3 {
        font-size: 11px !important;
        padding: 4px 12px !important;
        width: auto !important;
        max-width: 180px !important;
        white-space: nowrap !important;
        top: -12px !important;
    }

    .earn-offer-block .earn-offer span {
        font-size: 14px !important;
        line-height: 1.5 !important;
        /* display: block !important; */
        margin-bottom: 6px !important;
        text-align: center !important;
    }

    .earn-offer-block .earn-offer span:last-child {
        margin-bottom: 0 !important;
    }

    .earn-offer-block .earn-offer span strong {
        font-size: 16px !important;
    }

    .earn-offer.what-earn {
        margin-bottom: 0 !important;
    }



    /* Social buttons spacing */
    .social-success-link {
        margin-bottom: 15px !important;
        gap: 12px !important;
    }

    /* Footer text */
    .modal-body.success-modal-body .text-center p {
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }

    .launching {
        font-size: 22px;
    }

    .earn-offer h3 {
        left: 0;
        right: 0;
        margin: auto;
    }

    .hero-section {
        padding: 30px 0 0 !important;
    }

    .hero-mockup {
        max-width: 350px;
    }
}

@media screen and (max-width:580px) {
    footer .ftr-links ul li {
        width: calc(50% - 3px)
    }

    .column img {
        width: 170px !important;
    }

    .team-section {
        padding: 10px 0 !important;
    }

    .welcome-text p {
        font-size: 12px !important;
    }

    .earn-offer-block .earn-offer h3 {
        padding: 6px 12px !important;
    }

    .modal-body.success-modal-body {
        padding: 30px 15px !important
    }

    .earn-offer-block {
        gap: 25px !important
    }
}

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

    .column img {
        width: 143px !important;
    }

    h1.heading-text {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .heading-paragraph {
        padding: 10px 0;
        font-size: 14px;
        line-height: 18px;
    }

    .platform-section p,
    .steps .steps-content p {
        font-size: 14px;
        line-height: 18px;
    }

    h2.inner-title {
        font-size: 25px;
        line-height: 30px;
    }

    .share-content h2.inner-title {
        font-size: 30px !important;
    }

    .btn-action .btn.btn-outline-secondary:hover span {
        white-space: nowrap;
    }

    .share-banner img {
        max-height: 360px;
    }

}