@media (min-width: 320px) and (max-width: 579.9px) {

    .section-space {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .smart-contract-development {
        .banner {
            min-height: 65vh;
            padding: 30px 0px;

            .banner-flex {
                text-align: center;

                .banner-head {
                    .banner-title {
                        font-size: 20px;
                        color: #fff;
                        line-height: 24px;
                        text-align: center;
                    }

                    .banner-pera {
                        font-size: 12px;
                        line-height: 16px;
                        color: #fff;
                        text-align: center;
                    }

                    .btn-outline {
                        padding: 10px 15px;
                        width: 50%;
                        margin-bottom: 10px;
                        margin-right: 0 !important;
                        border-radius: 6px;
                        font-size: 11px;
                        line-height: 10px;
                    }

                    .btn-outline-light {
                        width: 50%;
                        border-radius: 6px;
                        font-size: 11px;
                        line-height: 10px;
                        padding: 10px 15px;
                        margin-left: 0 !important;
                    }

                    .d-flex {
                        display: inline !important;
                    }
                }

                .text-end {
                    text-align: center !important;
                    display: none;

                    img {
                        width: 80%;
                        display: none;
                    }
                }
            }
        }

        .quest-section {
            span {
                font-size: 18px;
                line-height: 20px;
            }

            .quest-title {
                font-size: 18px;
                line-height: 20px;
            }

            .smart-contract-para {
                font-size: 12px;
                line-height: 20px;
            }
        }

        .our-smart-section {
            padding-top: 0;
            padding: 0;

            .our-smart-title {
                text-align: center;
                font-size: 18px;
                line-height: 20px;
                margin-bottom: 8px;

            }

            .our-smart-pera {
                text-align: center;
                font-size: 12px;


            }

            .our-smart-box {
                margin-bottom: 10px;

                .d-flex {
                    justify-content: space-between;
                }

                .inner-title {
                    justify-content: center;
                    align-items: center;
                    display: flex;
                }

                p {
                    text-align: left;
                }
            }
        }

        .unleash-business {
            padding-top: 40px !important;

            .banner-flex {
                gap: 20px;

            }

            .unleash-bus-title {
                padding-top: 18px;
                font-size: 18px;
                text-align: center;
                line-height: 22px;
                margin-bottom: 10px;
            }

            .unleash-bus-pera {
                font-size: 12px;
                text-align: center;
                line-height: 20px;
            }

            .mobile-btn {
                text-align: center;
            }

            .btn-outline-light {
                border-radius: 10px;
                font-size: 11px;
            }
        }

        .why-business {
            & .top-head {
                .why-business-title {
                    font-size: 18px;
                    line-height: 22px;
                }
            }
        }

        .blockchain-networks {
            padding-top: 0;

            .pt-5 {
                padding-top: 0 !important;
            }

            img {
                width: 100%;
            }

            & .top-head {
                .blockchain-title {
                    font-size: 18px;
                    line-height: 24px;
                    padding-top: 0;
                }
            }

            .blockchain-box {
                margin-bottom: 15px;

            }
        }

        .development-process {
            .pt-5 {
                padding-top: 0 !important;
            }

            .g-5,
            .gy-5 {
                --bs-gutter-y: 1rem;
            }

            & .top-head {
                .development-process-title {
                    font-size: 18px;
                    line-height: 22px;
                }
            }

            .arrow-position {
                display: none;
            }

            .text-start {
                display: none;
            }

            .mt-5 {
                margin-top: 0 !important;
            }

            .development-process-box {
                /* margin-bottom: 0px; */
                min-height: auto;

                img {
                    width: 40px;
                }

                .title-text {
                    .inner-title {
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 8px;
                        text-align: left;
                        color: #000;
                    }

                    .inner-pera {
                        font-size: 12px;
                        line-height: 16px;
                    }
                }
            }
        }

        .development-technology {
            text-align: center;
            height: 87vh !important;

            & .banner-head {
                .technology-title {
                    font-size: 18px;
                    text-align: center;
                    line-height: 22px;
                }

                .btn-outline-light {
                    font-size: 12px;
                    border-radius: 8px;
                    line-height: 11px;
                }
            }

            .text-end {
                text-align: center;
                width: 70%;
            }
        }

        .why-choose {
            .why-choose-ped {
                padding: 0 15px !important;
            }

            .top-head {
                .why-choose-title {
                    font-size: 18px;
                    text-align: center;
                    line-height: 22px;
                }
            }

            .blockchain-box {
                .d-flex {
                    display: inline !important;
                }

                .blobkchain-box-left {
                    .inner-title {
                        font-size: 18px;
                        line-height: 20px;
                        text-align: center;
                        color: #000;
                    }

                    .inner-pera {
                        text-align: center;
                        font-size: 14px;
                    }
                }
            }



        }

        .faq {
            .faq-title {
                font-size: 18px;
                line-height: 22px;
            }
        }

        .col-hide {
            display: none;
        }

        .why-business {
            .arrow-box {
                padding: 10px;
            }

            .icon-container {
                display: none;
            }

            .left-arrow {
                margin-left: 0px;
            }

            .left-arrow::after {
                left: 0px;
                border-right-color: white;
                display: none;
            }

            .right-arrow::after {
                right: 0px;
                border-left-color: white;
                display: none;
            }

            .feature-box {

                margin: 4px 0;

                .inner-title {
                    font-size: 16px;
                }

                .inner-pera {
                    font-size: 11px;
                    line-height: 18px;
                    text-align: left;
                }
            }
        }
    }

    .nft-marketplac-development {
        .nft-banner {
            padding: 30px 0px;

            .banner-flex {
                text-align: center;

                .banner-head {
                    .d-flex {
                        display: inline !important;
                    }

                    .banner-title {
                        font-size: 18px;
                        color: #fff;
                        line-height: 22px;
                        text-align: center;
                    }

                    .btn-outline {
                        padding: 10px 15px;
                    }

                    .banner-pera {
                        font-size: 12px;
                        line-height: 18px;
                        color: #fff;
                        margin-top: 10px;
                        text-align: center;
                    }

                    .btn-outline-light {
                        font-size: 12px;
                        border-radius: 8px;
                        width: 50%;
                        padding: 8px 14px;
                        line-height: 14px;
                    }
                }

                .text-end {
                    text-align: center !important;

                    img {
                        width: 80%;
                        margin-top: 12px;
                    }
                }
            }

        }

        .grow-your-business {
            .mob-res-img {
                text-align: center !important;
            }

            .grow-title {
                text-align: center;
                font-size: 18px;
                line-height: 22px;
            }

            .grow-title-pera {
                text-align: center;
                font-size: 12px;
                line-height: 18px;
                margin-top: 10px;
            }

            .transform-box {
                padding: 10px;

                .transform-text {
                    font-size: 16px;
                    text-align: center;
                }
            }
        }

        .nft-metaverse-section {
            .nft-metaverse-title {
                font-size: 18px;
                line-height: 22px;
                text-align: center;
                padding-bottom: 10px;
            }

            .nft-metaverse-pera {
                text-align: center;
                font-size: 12px;
                line-height: 18px;
            }
        }

        .our-nft-marketplace {
            .steps-container {
                .padding-tab {
                    padding-bottom: 0 !important;
                }
            }

            .step {
                .step-circle {
                    margin-bottom: 20px;
                    display: none;
                }

                .step-title {
                    font-size: 16px;
                }

                .set-align {
                    height: auto !important;
                }

                p {
                    font-size: 12px;
                    margin-top: 5px;
                }
            }

            .top-head {
                .our-nft-title {
                    font-size: 18px;
                    line-height: 22px;
                    text-align: center;
                }
            }
        }
    }

    .security-token-development {
        .security-token-banner {
            min-height: 70vh;
            padding: 120px 0px 30px;

            .banner-flex {
                text-align: center;
                gap: 10px;

                .banner-head {
                    .banner-title {
                        font-size: 24px;
                        color: #fff;
                        line-height: 35px;
                        text-align: center;
                    }

                    .banner-pera {
                        font-size: 14px;
                        line-height: 21px;
                        color: #fff;
                        text-align: center;

                    }

                    .btn-outline {
                        padding: 8px 14px;
                        font-size: 13px;
                        width: 60%;
                        border-radius: 8px;
                        line-height: 14px;
                        margin-bottom: 10px;
                    }

                    .btn-outline-light {
                        font-size: 13px;
                        border-radius: 8px;
                        line-height: 14px;
                        padding: 8px 14px;
                        width: 60%;
                    }

                    .banner-btn {
                        display: inline !important;
                    }
                }

                .text-end {
                    text-align: center !important;

                    img {
                        width: 80%;
                        display: none;
                    }
                }
            }
        }

        .empower-business {
            .banner-flex {
                gap: 20px;
            }

            .empower-business-title {
                font-size: 20px !important;
                line-height: 35px !important;
                margin-bottom: 10px;
                text-align: center;
            }

            .empower-business-pera {
                text-align: center;
                font-size: 14px;
            }

            .empower-btn {
                text-align: center;
            }

        }

        .our-security {
            .mt-4 {
                margin-top: 10px !important;
            }

            .top-head {
                .title {
                    font-size: 20px !important;
                    line-height: 35px !important;
                    margin-bottom: 10px;
                }

                .pera {
                    text-align: center;
                    font-size: 14px;
                    padding: 0;
                }
            }

            .our-security-box {
                padding: 20px;
                height: auto;

                h4 {
                    font-size: 16px;
                }

                p {
                    font-size: 14px;
                    line-height: 22px;
                }
            }
        }

        .security-token-offerings {

            .top-head {
                .offerings-title {
                    font-size: 20px;
                }

                .offerings-pera {
                    padding: 0;
                    font-size: 14px;
                }
            }

            .sto-box {
                width: 100%;
                border-radius: 40px;
                padding: 20px 8px;
                margin: 0 auto;

                .banner-head {
                    p {
                        color: #FFF;
                        text-align: center;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        text-transform: capitalize;
                    }
                }
            }
        }

        .contact-now {
            & .contact-box {
                p {
                    font-size: 16px;
                }
            }
        }

        .sto-development {
            .top-head {
                h2 {
                    font-size: 20px !important;
                    line-height: 34px !important;
                }
            }

            .sto-development-box {
                padding: 20px 20px 36px;
                min-height: auto;
                margin-bottom: 20px;

                h2 {
                    font-size: 24px;
                    line-height: 35px;
                }

                p {
                    font-size: 14px;
                    line-height: 22px;
                }

            }
        }


        .tab-container {
            flex-direction: column;

            .tabs {
                .tab.active {
                    padding: 5px;
                    width: 100%;
                    text-align: left !important;
                }

                .tab {
                    padding: 5px;

                    span {
                        line-height: 22px;
                        text-align: left;
                        font-size: 14px;
                    }

                    img {
                        width: 40px;
                        height: 50px;
                    }
                }
            }

            .tab-content {
                width: 100%;
                padding: 20px;

                img {
                    width: 80px;
                    height: 80px;
                }
            }
        }
       
        .investment {
            .box-gap {
                gap: 10px;
            }

            .investment-box-center {
                margin-top: 10px;
                margin-bottom: 10px;

                h4 {
                    line-height: 28px !important;
                    font-size: 20px;
                }

            }

            .investment-box {
                gap: 4px;
                height: auto;

                h4 {
                    font-size: 18px;
                }
            }
        }
    }
    .security-token-development {
        & .tab-content {
            p{
                font-size: 14px;
            }
        }
    }
    .security-token-development {
        & .tab-content {
            h3{
                font-size: 20px;
            }
        }
    }
    .faq {
        .accordion {
            & .accordion-item {
                button {
                    .accordion-title {
                        font-size: 16px;
                        line-height: 22px;
                    }
                }

                & .accordion-content {
                    p {
                        font-size: 12px;
                        line-height: 18px;
                        font-weight: 300;
                    }
                }

                button {
                    padding: 14px 0;
                }
            }
        }

        .faq-title {
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            color: #002e5b;
        }

        .faq-image {
            display: none;
        }
    }

    .ps-timeline-sec .container ol.ps-timeline li {
        width: 100%;
        padding-top: 20px;

        p {
            font-size: 14px;
            padding-bottom: 16px;
            line-height: 20px;
        }

        span {
            top: -20px;
            width: 50px;
            height: 50px;
            line-height: 40px;

            &.ps-sp-top,
            &.ps-sp-bot {
                &:before {
                    background: transparent;
                }
            }
        }

    }

    .ps-timeline-sec .container ol.ps-timeline li .ps-top,
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        position: relative;
        left: 0;
        margin: 20px 0;

    }

    ol.ps-timeline {
        margin: 30px 0 !important;
    }

    .timeline {
        .h-bar {
            border-top: 0px;
        }
    }


    .decentralized-exchange-development {

        .main-banner {
            min-height: 75vh;
            padding: 120px 0px 30px;

            .banner-flex {
                text-align: center;

                .banner-head {
                    .banner-title {
                        font-size: 24px;
                        color: #fff;
                        line-height: 28px;
                        text-align: center;
                    }

                    .banner-pera {
                        font-size: 12px;
                        line-height: 16px;
                        color: #fff;
                        text-align: center;
                    }

                    .banner-btn-light {
                        font-size: 12px;
                        margin-right: 0px;
                        padding: 8px 18px;
                        line-height: 10px;
                        margin-bottom: 10px;
                    }

                    .banner-btn-tr {
                        font-size: 12px;
                        margin-right: 0px;
                        padding: 8px 20px;
                        line-height: 10px;
                    }
                }

                .text-end {
                    img {
                        /* display: none; */
                    }
                }
            }
        }

        .decentralized-section {
            .head-title {
                font-size: 24px;
                line-height: 28px !important;
            }

            .head-pera {
                font-size: 12px;
                color: #000;
                line-height: 18px;
                text-align: center;
            }
        }

        .key-highlights {
            h2 {
                font-size: 24px;
                line-height: 28px;
                text-align: center;
                color: rgba(0, 46, 91, 1);
            }

            .highlight-item {
                display: flex;
                align-items: center;
                margin: 12px 0;
                width: 100%;
                justify-content: center;

                .center-line {
                    border: 12px solid #003366;
                    margin-left: -2px;
                }

                .highlight-icon {
                    border: 4px solid #003366;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    font-size: 24px;
                }

                .highlight-text {
                    background-color: #003366;
                    color: #fff;
                    padding: 9px 10px;
                    border-radius: 8px;
                    font-size: 12px;
                    flex: 1;
                    text-align: center;
                }

                .box-width {
                    width: 230px;
                }
            }
        }

        .our-decentralized-section {
            .head-title {
                font-size: 22px;
                line-height: 28px !important;
                text-align: center;
                color: rgba(0, 46, 91, 1);
            }

            .head-pera {
                font-size: 12px;
                color: #000;
                line-height: 20px;
                text-align: center;
            }

            .our-decentralized-box {
                .box-title {
                    line-height: 28px;
                    font-size: 16px;
                }
            }
        }

        .hassle-free-section {
            .head-title {
                font-size: 18px;
                line-height: 28px !important;
            }
        }

        .order-books-section {
            .head-title {
                font-size: 24px;
                line-height: 28px !important;
            }

            .head-pera {
                font-size: 14px;
                color: #000;
                line-height: 22px;
                text-align: center;
            }

            .order-books-box {
                .box-pera {
                    font-size: 14px;
                    text-align: center;
                    margin-bottom: 10px !important;
                    line-height: 22px;
                }

                .mob-center {
                    text-align: center;
                    display: block;
                }
            }
        }

        .why-choose-section {
            .head-title {
                font-size: 24px;
                line-height: 28px !important;
            }

            .head-pera {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 0;
                padding-bottom: 0 !important;
            }
        }

        .trading-solutions {
            .head-title {
                font-size: 22px;
                line-height: 28px !important;
            }

            .head-pera {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 0;
                padding-bottom: 0 !important;
            }

            .inner-box {
                .inner-heading {
                    font-size: 18px;
                    line-height: 22px;
                }

                .text-small {
                    line-height: 22px;
                    font-size: 14px;
                }
            }
        }

        .software-development {
            .head-title {
                font-size: 24px;
                line-height: 28px !important;
                margin-bottom: 15px !important;
            }

            .banner-flex {
                text-align: center;

                img {
                    width: 100%;
                }

                .unleash-bus-pera {
                    font-size: 14px;
                    line-height: 22px;
                    text-align: center;
                    margin-top: 14px;
                }

                .btn-outline-light {
                    margin-right: 10px;
                    margin-top: 0px;
                    margin-bottom: 15px;

                }
            }
        }

        .our-rewards {
            .head-title {
                font-size: 24px;
                line-height: 28px !important;
                margin-bottom: 20px !important;
            }
        }

        .our-client {
            .clutch-logo {
                display: flex !important;
                position: static;
                text-align: center;
                justify-content: center;

                img {
                    width: 150px;
                }
            }

            .head-title {
                font-size: 24px;
            }

            .client-slider {
                margin-left: 0px !important;
                padding: 20px;
            }
        }

       
    }
    .share-vision {
        .bg-box {
            background-color: #002E5B;
            padding: 0px;
            border-radius: 20px;

            .vision-img {
                display: none;
            }

            .vision-title {
                font-size: 22px;
                text-align: center;
            }
            & .vision-form {
           
                padding: 8px;

                .form-css{
                    padding: 10px;
                }
            
        }
        }
    }

    .white-label-crypto-exchange-development {
        & .our-software {
            .head-title {
                font-size: 20px;
            }
        }
    }
    .white-label-crypto-exchange-development {
        & .solutions-section {
            .client-box p {
                font-size: 14px;
            }
        }
    }
    .white-label-crypto-exchange-development {
        & .solutions-section {
            .client-name{
                font-size: 18px;
            }
        }
    }
    .white-label-crypto-exchange-development {
        .head-title {
            font-size: 20px;
            line-height: 28px !important;
            text-align: center !important;
        }

        .head-pera {
            font-size: 12px;
            color: #000;
            line-height: 18px;
            text-align: center;
            padding-bottom: 0 !important;
        }

        .main-banner {
            min-height: 65vh;
            padding: 120px 0px 30px;

            .banner-flex {
                text-align: center;

                .banner-head {
                    .banner-title {
                        font-size: 24px;
                        color: #fff;
                        line-height: 28px;
                        text-align: center;
                    }

                    .banner-pera {
                        font-size: 12px;
                        line-height: 16px;
                        color: #fff;
                        text-align: center;
                    }

                    .banner-btn-light {
                        font-size: 12px;
                        margin-right: 0px;
                        padding: 8px 18px;
                        line-height: 10px;
                        margin-bottom: 10px;
                    }

                    .banner-btn-tr {
                        font-size: 12px;
                        margin-right: 0px;
                        padding: 8px 20px;
                        line-height: 10px;
                    }
                }

                .text-end {
                    img {
                        /* display: none; */
                    }
                }
            }
        }

        .walkthrough {
            .banner-flex {
                display: flex;
                justify-content: center;
                width: auto;
                align-items: center;

                .cryptocurrency-pera {
                    font-size: 14px;
                    line-height: 20px;
                    text-align: center;
                    margin-top: 20px;
                }
            }
        }

        .solutions-section {
            .white-label {
                margin-left: 0px;
                padding: 20px;
                margin-right: 0px;
            }

            .pos-relative {
                position: relative;
                bottom: -440px;
                right: 160px;
            }

            & .client-box .img-position {
                .bg-circel {
                }
            }
        }

        .software-development {

            & .banner-flex {
                width: auto;

                .unleash-bus-pera {
                    font-size: 14px;
                    line-height: 20px;
                    text-align: center;
                    margin-top: 20px;
                }

                .btn-outline-light {
                    color: #fff;
                    font-size: 17px;
                    margin-right: 0px;
                    margin-top: 0px;
                }
            }

            img {
                margin-top: 30px;
                width: 100% !important;
            }

            .mob-center {
                text-align: center;
            }
        }

        .our-decentralized-section {
            .our-decentralized-box {
                min-height: auto;

            }
        }

        .our-software {
            .our-software-pera {
                font-size: 14px;
                line-height: 20px;
                padding-top: 40px;
            }
        }

        .crypto-exchange {
            .investment-box {
                background-color: #002E5B;
                padding: 60px 10px;
            }

            p {
                font-size: 14px !important;
                line-height: 20px;
            }

        }

        .cryptocurrency-process {
            & .timeline-img {
                img {
                    display: none;
                }
            }

            .mob-none {
                display: none;
            }

            .cryptocurrency-box-left {
                height: auto;
                text-align: center;
                background-color: #fff;
                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
                padding: 10px;
                margin-bottom: 10px;
                border-radius: 10px;

                .cryptocurrency-mob-img {
                    display: block;
                    width: 60px;
                    height: 60px;
                    background-color: #002E5B;
                    border-radius: 50px;
                    padding: 10px;
                    margin: 0 auto;
                }
            }

            .cryptocurrency-box-right {
                height: auto;
                text-align: center;
                background-color: #fff;
                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
                padding: 10px;
                margin-bottom: 10px;
                border-radius: 10px;

                .cryptocurrency-mob-img img{
                    display: block;
                    width: 60px;
                    height: 60px;
                    background-color: #002E5B;
                    border-radius: 50px;
                    padding: 10px;
                    margin: 0 auto;
                }
            }
        }

        .our-client {
            .clutch-logo {
                display: flex !important;
                position: static;
                text-align: center;
                justify-content: center;

                img {
                    width: 150px;
                }
            }

            .head-title {
                font-size: 24px;
            }

            .client-slider {
                margin-left: 0px !important;
                padding: 20px;
            }
        }

        

        .why-choose-us {
            .flow-container {
                display: contents;
            }

            .choose-us-position {
                display: contents;
            }

            .flow-container {
                .circle {
                    width: 63%;
                    transform: rotate(90deg);
                    margin-bottom: 20px;

                }

                .circle-1 {
                    width: 60%;
                    margin: 0 auto;
                }
            }
        }
    }
    .share-vision {
        .bg-box {
            background-color: #002E5B;
            padding: 0px;
            border-radius: 20px;

            .vision-img {
                display: none;
            }

            .vision-title {
                font-size: 24px;
                text-align: center;
            }

            .form-css {
                padding: 8px;
            }
        }
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait) {

    .security-token-development {
        & .security-token-banner {
            & .banner-flex {
                & .banner-head {
                    .banner-title{
                        font-size: 24px;
                        line-height: 32px;
                    }
                }
            }
        }
    }


    .white-label-crypto-exchange-development {
        .main-banner {
            padding-top: 120px;
            min-height: 780px;
        }
    }

    .white-label-crypto-exchange-development {
        .main-banner img {
            padding-top: 20px;
        }
    }

    .white-label-crypto-exchange-development {

        .main-banner btn img,
        .main-banner a img {
            padding-top: 0px;
        }
    }

    .white-label-crypto-exchange-development {
        & .main-banner {
            & .banner-head {
                .banner-title {
                    font-size: 36px;
                    line-height: 44px;
                }
            }
        }
    }

    .section-space {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .smart-contract-development {
        .banner {
            height: 100vh;

            .banner-head {
                .banner-title {
                    font-size: 45px;
                    color: #fff;
                    line-height: 50px;
                }

                .btn-outline {
                    padding: 10px 15px;
                }
            }
        }
    }

    .nft-marketplac-development {
        .nft-banner {
            height: 50vh;

            .banner-head {
                .banner-title {
                    font-size: 26px;
                    color: #fff;
                    line-height: 35px;
                }

                .banner-pera {
                    font-size: 14px;
                    line-height: 20px;
                }

                .btn-outline {
                    padding: 10px 15px;
                }

                .btn-outline-light {
                    font-size: 14px;
                    border-radius: 8px;
                    line-height: 14px;
                }
            }
        }

        .nft-metaverse-section {
            .nft-metaverse-title {
                font-size: 28px;
                line-height: 35px;
                text-align: center;
            }

            .nft-metaverse-pera {
                margin-top: 10px;
                font-size: 14px;
                line-height: 20px;
                text-align: center;
            }
        }

        .grow-your-business {
            .tab-hide {
                display: none;
            }

            .mob-res-img {
                text-align: center !important;
            }

            .tab-center {
                text-align: center;
            }

            .grow-title {
                font-size: 26px;
                line-height: 35px;
                text-align: center;
                margin-bottom: 10px;
            }

            .grow-title-pera {
                font-size: 14px;
                line-height: 20px;
                text-align: center;
            }
        }

        .our-nft-marketplace {
            .steps-container {
                margin-top: 10px !important;

                .padding-tab {
                    padding-bottom: 0 !important;
                }
            }

            & .step {
                .set-align {
                    height: 110px !important;
                }

                .step-circle {

                    display: none;
                }

            }

            .top-head {
                .our-nft-title {
                    font-size: 28px;
                    line-height: 35px;
                    text-align: center;
                }
            }
        }
    }

    .security-token-development {
        .security-token-banner {
            min-height: 60vh;
            padding: 130px 0 30px;

            .banner-head {
                .banner-title {
                    font-size: 26px;
                    color: #fff;
                    line-height: 35px;
                }

                .btn-outline {
                    padding: 10px 15px;
                }
            }
        }

        .sto-development {
            .sto-development-box {
                min-height: auto;
                margin-bottom: 20px;
            }
        }

        .tab-container {
            flex-direction: column;

            .tabs {
                .tab.active {
                    padding: 10px;
                    width: 100%;
                    text-align: left !important;
                }

                .tab {
                    padding: 10px;

                    span {
                        line-height: 22px;
                        text-align: left;
                    }

                    img {
                        width: 40px;
                        height: 50px;
                    }
                }
            }

            .tab-content {
                width: 100%;
                padding: 20px;

                img {
                    width: 80px;
                    height: 80px;
                }
            }
        }

        .ps-timeline-sec .container ol.ps-timeline li {
            width: 100%;
            padding-top: 20px;

            span {
                top: -20px;
                width: 50px;
                height: 50px;
                line-height: 40px;

                &.ps-sp-top,
                &.ps-sp-bot {
                    &:before {
                        background: transparent;
                    }
                }
            }

        }

        .ps-timeline-sec .container ol.ps-timeline li .ps-top,
        .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
            position: relative;
            left: 0;
            margin: 20px 0;

        }

        ol.ps-timeline {
            margin: 30px 0 !important;
        }

        .timeline {
            .h-bar {
                border-top: 0px;
            }
        }
    }

    .faq {
        .faq-title {
            font-size: 28px;
            line-height: 35px;
            text-align: center;
            margin-bottom: 10px;
            color: #002e5b;
        }
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .section-space {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .smart-contract-development {
        .banner {
            height: 40vh;

            .banner-head {
                .banner-title {
                    font-size: 35px;
                    color: #fff;
                    line-height: 40px;
                }

                .btn-outline {
                    padding: 10px 15px;
                }
            }
        }

        .col-hide {
            display: none;
        }

        .arrow-position {
            display: none;
        }

        .arrow-top {
            display: none;
        }

        .our-smart-section {
            .our-smart-title {
                text-align: center;
            }

            .our-smart-pera {
                text-align: center;
            }
        }

        .unleash-business {
            .unleash-bus-title {
                font-size: 24px;
                line-height: 28px;
                text-align: left;
                color: rgba(0, 46, 91, 1);
            }

            .unleash-bus-pera {
                font-size: 14px;
                margin-top: 10px;
                line-height: 20px;
                text-align: left;
                color: #000;
            }
        }


        .development-technology {
            height: auto;
            padding: 30px;

            .banner-flex {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .banner-head {
                .technology-title {
                    font-size: 24px;
                    line-height: 30px;
                }
            }
        }

        .why-choose-ped {
            padding: 0px 20px !important;
        }
    }

    .blockchain-networks {
        padding-bottom: 0;
        padding-top: 0;
    }

    .nft-marketplac-development {
        .nft-banner {
            height: 40vh;


            .banner-head {
                .banner-title {
                    font-size: 35px;
                    color: #fff;
                    line-height: 40px;
                }

                .btn-outline {
                    padding: 10px 15px;
                }
            }
        }

        .grow-your-business {
            .tab-hide {
                display: none;
            }

            .mob-res-img {
                text-align: center !important;
            }

            .tab-center {
                text-align: center;
            }

            .grow-title {
                text-align: center;
            }

            .grow-title-pera {
                text-align: center;
            }

        }

        .nft-metaverse-section {
            .nft-metaverse-title {
                text-align: center;
            }

            .nft-metaverse-pera {
                text-align: center;
            }
        }

        .our-nft-marketplace {
            .steps-container {
                .padding-tab {
                    padding-bottom: 0 !important;
                }
            }

            & .step {
                .set-align {
                    height: 120px !important;
                }

                .step-circle {
                    display: none;
                }
            }
        }

        .why-choose {

            .blockchain-box {
                .d-flex {
                    justify-content: center;
                    align-items: center;
                }
            }
        }
    }

    .security-token-development {

        .security-token-banner {
            height: 40vh;

            .banner-head {
                .banner-title {
                    font-size: 35px;
                    color: #fff;
                    line-height: 40px;
                }

                .btn-outline {
                    padding: 10px 15px;
                    width: 70%;
                }

                .btn-outline-light {
                    margin-top: 10px;
                    width: 70%;
                }

                .banner-btn {
                    display: inline;
                }
            }
        }

        .empower-business {
            .banner-flex {
                .img-index {
                    text-align: center;
                }
            }

            .empower-business-title {
                text-align: center;
                font-size: 28px;
                margin-bottom: 10px;
            }

            .empower-business-pera {
                text-align: center;
            }

            .empower-btn {
                text-align: center;
            }
        }

        .our-security {
            .top-head {
                .title {
                    font-size: 28px;
                    margin-bottom: 10px;
                }

                .pera {
                    color: #000;
                    text-align: center;
                    font-size: 16px;
                    padding: 0px;
                }
            }

            .our-security-box {
                border-radius: 16px;
                background: rgba(0, 46, 91, 0.06);
                backdrop-filter: blur(25px);
                padding: 32px;
                height: 325px;

                h4 {
                    font-size: 18px;
                }
            }
        }

        .sto-development {
            .sto-development-box {
                padding: 25px 10px;
                min-height: 325px;
                margin-bottom: 20px;
            }
        }

        .tab-container {
            display: inline;

            .tabs {
                margin-bottom: 20px;
            }
        }

        .investment {

            .investment-box-center {
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .box-gap {
                gap: 10px;
            }

        }


        .ps-timeline-sec .container ol.ps-timeline li {
            width: 100%;
            padding-top: 20px;

            span {
                top: -20px;
                width: 50px;
                height: 50px;
                line-height: 40px;

                &.ps-sp-top,
                &.ps-sp-bot {
                    &:before {
                        background: transparent;
                    }
                }
            }

        }

        .ps-timeline-sec .container ol.ps-timeline li .ps-top,
        .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
            position: relative;
            left: 0;
            margin: 20px 0;

        }

        ol.ps-timeline {
            margin: 30px 0 !important;
        }

        .timeline {
            .h-bar {
                border-top: 0px;
            }
        }

    }

    .faq {
        .faq-title {
            text-align: center;

        }

        .faq-image {
            display: none;
        }
    }

    .decentralized-exchange-development {

        .main-banner {
            height: 40vh;
            padding: 30px 0px;

            .banner-flex {
                .banner-head {
                    .banner-title {
                        font-size: 34px;
                        color: #fff;
                        line-height: 40px;
                    }

                    .banner-pera {
                        font-size: 16px;
                        line-height: 22px;
                        color: #fff;
                    }

                    .banner-btn-tr {
                        margin-top: 10px;
                    }
                }
            }
        }

        .decentralized-section {
            .head-title {
                font-size: 34px;
            }

            .head-pera {
                font-size: 16px;
                line-height: 22px;
            }
        }

        .key-highlights {
            h2 {
                font-size: 34px;
                line-height: 40px;
                text-align: center;
            }

            .highlight-item {
                display: inline;
                width: 43%;

                .center-line {
                    border: 12px solid #003366;
                    margin-left: -2px;
                }

                .highlight-icon {
                    border: 4px solid #003366;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    font-size: 24px;
                }

                .highlight-text {
                    background-color: #003366;
                    color: #fff;
                    padding: 9px 10px;
                    border-radius: 8px;
                    font-size: 14px;
                    flex: 1;
                    text-align: center;
                }

                .box-width {
                    width: 230px;
                }
            }
        }

        .our-decentralized-section {
            min-height: 295px;

            .head-title {
                font-size: 34px;
                line-height: 40px !important;
            }

            .head-pera {
                font-size: 16px;
                line-height: 22px;
            }

            .our-decentralized-box {
                .box-title {
                    font-size: 20px;
                    line-height: 26px;
                }

                .box-pera {
                    font-size: 16px;
                    padding: 0px 20px 20px 20px;
                }
            }
        }

        .hassle-free-section {
            .head-title {
                font-size: 34px;
            }
        }

        .order-books-section {
            .head-title {
                font-size: 34px;
                line-height: 40px !important;

            }

            .head-pera {
                font-size: 14px;
                line-height: 18px;
            }

            .order-books-box {
                border-radius: 10px;
                padding: 20px;
                display: flex;
                min-height: auto;
                align-items: center;
                text-align: left;

                .chain-img {
                    margin-top: 15px;
                    width: 350px;
                }

                .box-pera {
                    font-size: 14px;
                    text-align: left !important;
                    line-height: 20px;
                }
            }
        }

        .why-choose-section {
            .head-title {
                font-size: 34px;
            }

            .head-pera {
                font-size: 16px;
                line-height: 22px;
            }
        }

        .trading-solutions {
            .head-title {
                font-size: 34px;
                line-height: 40px !important;
            }

            .head-pera {
                font-size: 16px;
                line-height: 22px;
            }

            .inner-box {
                .inner-heading {
                    font-size: 20px;
                    line-height: 30px;

                }
            }
        }

        .software-development {
            .head-title {
                font-size: 34px;
                line-height: 40px !important;
            }

            .banner-flex {
                .unleash-bus-pera {
                    font-size: 16px;
                    line-height: 22px;
                }
            }
        }

        .our-rewards {
            .head-title {
                font-size: 34px;
                line-height: 40px !important;
            }
        }

        .our-client {
            .head-title {
                font-size: 34px;
            }

            .clutch-logo {
                position: inherit;
                text-align: end;
                display: flex;
                justify-content: center;
                right: 150px;
            }

            .client-slider {
                margin-left: 0px;
                padding: 20px;
            }
        }

        
    }
    .share-vision {
        .bg-box {
            .vision-img {
                display: none;
            }

            .vision-title {
                font-size: 34px;
                line-height: 40px;
                text-align: center;
            }
        }
    }
    .white-label-crypto-exchange-development {
        .head-title {
            font-size: 34px;
            line-height: 40px !important;
            text-align: center !important;
        }

        .main-banner {
            height: 40vh;
            padding: 30px 0px;

            .banner-flex {
                .banner-head {
                    .banner-title {
                        font-size: 34px;
                        color: #fff;
                        line-height: 40px;
                    }

                    .banner-pera {
                        font-size: 16px;
                        line-height: 22px;
                        color: #fff;
                    }

                    .banner-btn-tr {
                        margin-top: 10px;
                    }
                }
            }
        }

        .cryptocurrency-process {
            .timeline-img {
                /* border: 2px solid #002E5B; */
                height: 100%;
                /* width: 1px; */
                margin: 0 auto;

                img {
                    display: block;
                }
            }
        }

        .walkthrough {
            & .banner-flex {
                .cryptocurrency-pera {
                    font-size: 16px;
                    line-height: 24px;
                }
            }
        }

        .software-development {
            & .banner-flex {
                .unleash-bus-pera {
                    font-size: 16px;
                    line-height: 24px;
                }
            }
        }

        .our-decentralized-section {
            .our-decentralized-box {
                min-height: 340px;
            }
        }

        .crypto-exchange {
            .investment-box {
                padding: 40px 24px;

                p {
                    font-size: 18px;
                }
            }
        }

        .our-client {
            .head-title {
                font-size: 34px;
            }

            .clutch-logo {
                position: inherit;
                text-align: end;
                display: flex;
                justify-content: center;
                right: 150px;
            }

            .client-slider {
                margin-left: 0px;
                padding: 20px;
            }
        }

    }
  

}


@media (min-width: 600px) and (max-width: 1024px) {
    .smart-contract-development {
        & .why-choose {
            .top-head {
                .why-choose-title {
                    font-size: 28px;
                    line-height: 35px;
                }
            }

            .why-choose-ped {
                padding: 0px 20px;
            }
        }
    }

    .smart-contract-development {
        .section-space {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        & .development-process {
            .col-hide {
                display: none;
            }

            .arrow-position {
                display: none;
            }

            .arrow-top {
                display: none;
            }

            & .development-process-box {
                img {
                    margin-right: 20px;
                    width: 50px;
                }

                & .title-text {
                    .inner-pera {
                        font-size: 10px;
                        font-weight: 400;
                        line-height: 14px;
                        margin-top: 10px;
                        text-align: left;
                        color: #000;
                        margin-bottom: 0;
                    }

                    .inner-title {
                        font-size: 14px;
                        line-height: 18px;
                        text-align: left;
                        color: #000;
                    }
                }
            }
        }

        .development-technology {
            height: auto;
            padding: 30px;

            .banner-flex {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .banner-head {
                .technology-title {
                    font-size: 24px;
                    line-height: 30px;
                }
            }
        }

        .why-business {
            .top-head {
                .why-business-title {
                    font-size: 28px;
                    line-height: 35px;
                }
            }

            .left-arrow {
                margin-left: 0px;
            }

            .feature-box {
                margin: 10px 0;
            }

            .left-arrow::after {
                left: 0px;
                border-right-color: white;
                display: none;
            }

            .right-arrow::after {
                right: 0px;
                border-left-color: white;
                display: none;
            }
        }

        .unleash-business {
            .unleash-bus-title {
                font-size: 28px;
                line-height: 35px;
                margin-top: 18px;
            }

        }

        .development-process {
            .top-head {
                .development-process-title {
                    font-size: 28px;
                    line-height: 35px;
                }
            }
        }

        .our-smart-section {
            .tab-res {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .our-smart-title {
                font-size: 28px;
                line-height: 35px;
            }
        }
    }

    .security-token-development {

        .security-token-banner {
            & .banner-head {
                .banner-btn {
                    display: inline;
                    justify-content: left;
                    align-items: center;
                    gap: 18px;
                    width: 100%;
                }

                .btn-outline {
                    width: 70%;
                }

                .btn-outline-light {
                    width: 70%;
                    margin-top: 10px;
                }
            }
        }

        .investment {
            .investment-box {
                height: auto;

                h4 {
                    color: #002E5B;
                    text-align: center;
                    margin-bottom: 0;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: normal;
                }
            }
        }

        .investment-box-center {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .contact-now {
            margin-top: 50px;
        }

        .empower-business {
            .banner-flex {
                text-align: center;
            }

            .empower-business-title {
                font-size: 26px;
                line-height: 35px;
            }
        }


        .our-security {
            & .top-head {
                .title {
                    color: #000;
                    text-align: center;
                    font-size: 26px;
                }

                .pera {
                    padding: 0;
                }
            }
        }

        .security-token-offerings {
            & .top-head {
                .offerings-title {
                    font-size: 26px;
                    line-height: 35px;
                }
            }

            .sto-box {
                & .banner-head {
                    p {
                        font-size: 18px;
                    }
                }
            }
        }

        .sto-development {
            & .top-head {
                h2 {
                    font-size: 26px;
                }
            }
        }


    }

    .decentralized-exchange-development {

        .key-highlights {
            & .highlight-item {
                .box-width {
                    width: 320px;
                }
            }
        }
            & .key-highlights {
                & .highlight-item {
                    .highlight-text {
                        font-size: 18px;
                    }
                }
            }
        
        .our-decentralized-section {
            .our-decentralized-box {
                border: 1px solid;
                border-radius: 10px;
                min-height: 320px;

                .box-title {
                    font-size: 17px;
                    color: #002E5B;
                    line-height: 25px;
                }
            }
        }

        .order-books-box {
            .mob-center {
                display: flex !important;
                justify-content: space-between;
                align-items: center;
            }

            .box-pera {
                font-size: 14px !important;
                text-align: left !important;
                line-height: 22px;
            }
        }

        .why-choose-section {
            .choose-us-box {
                .box-title {
                    font-size: 13px !important;
                    line-height: 36px !important;
                }

                .img-gap {
                    gap: 8px !important;
                    padding: 4px 8px !important;
                }
            }
        }

        .trading-solutions {
            .inner-box {
                .inner-heading {
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 500;
                    color: #000;
                    margin-bottom: 12px;
                }

                .text-small {
                    font-size: 14px;
                    margin-bottom: 0;
                    line-height: 20px;
                }

            }
        }

        .software-development {
            .banner-flex {
                .unleash-bus-pera {
                    font-size: 16px;
                    line-height: 22px;
                }
            }
        }

        .our-client {
            .client-box p {
                margin-top: 40px;
                font-size: 16px !important;
                line-height: 20px !important;
                font-weight: 400;
            }
        }

      
    }
    .share-vision {
        .bg-box {
            .vision-title {
                font-size: 24px !important;
            }

            .vision-form {
                .form-css {
                    padding: 15px !important;
                }
            }
        }
    }


    .white-label-crypto-exchange-development {
        .cryptocurrency-process {

            .cryptocurrency-mob-img {
                display: none;
            }

            .timeline-img {
                img {
                    width: 170px;
                    height: 617px;
                }
            }
        }

        .our-decentralized-section {
            .our-decentralized-box {
                min-height: 340px;
            }
        }


    }


    .faq {
        .faq-title {
            font-size: 28px;
            line-height: 35px;
        }
    }
}

@media (max-width:991px){
    .order-process-second{
        order: 1;
    }
    .order-process-third{
        order: 2;
    }
    .order-process-forth{
        order: 3;
    }
        & .share-vision {
            & .bg-box {
                .vision-img {
                    width: 100%;
                    max-width: 350px;
                    margin: auto;
                }
            }
        }
    
    .smart-contract-development {
        & .our-smart-section {
            .our-smart-box {
            height: auto;
            margin-bottom: 16px;
        }
    }
    }
    .smart-contract-development {
        & .our-smart-section {
            & .our-smart-box {
                .inner-title {
                margin-right: 10px;
            }
        }
        }
    }        
    .decentralized-exchange-development {
        .main-banner {
            padding: 100px 0 30px;
        }
    }
}
@media (max-width:768px) {
    .smart-contract-development {
        & .why-business {
            .icon-container{
                display: none;
            }
        }
    }
    .white-label-crypto-exchange-development {
        & .cryptocurrency-process {
            & .timeline-img {
                img {
                   height: 600px;
                }
            }
        }
    }
    
    .white-label-crypto-exchange-development {
        & .cryptocurrency-process {
            & .cryptocurrency-box-left {
                p {
                    font-size: 14px;
                }
            }
        }
    }

    .white-label-crypto-exchange-development {
        & .cryptocurrency-process {
            & .cryptocurrency-box-left {
                h6 {
                    font-size: 18px;
                }
            }
        }
    }

    .smart-contract-development {
        & .unleash-business {
            .unleash-bus-title{
                text-align: center;
            }
        }
    }
    .smart-contract-development {
        & .why-business {
            & .feature-box {
                .inner-pera{
                    font-size: 14px;
                }
            }
        }
    }
    .security-token-development {
        & .empower-business {
            .empower-business-title {
                font-size: 30px;
                line-height: 48px;
            }
        }
    }
    .security-token-development {
        & .security-token-offerings {
            & .sto-box {
                & .banner-head {
                    p {
                        font-size: 14px;
                        line-height: 22px;
                    }
                }
            }
        }
    }
    .security-token-development {
        & .sto-development {
            & .top-head {
                h2{
                    font-size:30px ;
                    line-height: 48px;
                }
            }
        }
    }
    .security-token-development {
        & .investment {
            .investment-box-center{
                margin-top: 10px;
            }
        }
    }
    .smart-contract-development {
        .banner{
            padding: 140px 0 30px;
        }
    }
    .security-token-development {
        & .sto-development {
            & .sto-development-box {
                h2{
                    font-size: 20px;
                    line-height: 32px;
                }
            }
        }
    }
    .security-token-development {
        & .our-security {
            & .top-head {
                .title{
                    font-size: 30px;
                    line-height: 48px;
                }
            }
        }
    }
    .nft-marketplac-development {
        & .our-nft-marketplace {
            & .step {
                .set-align {
                    min-height: auto;
                    margin-bottom: 50px;
                }
            }
        }
    }
    .nft-marketplac-development {
        & .our-nft-marketplace {
            & .step {
                .step-circle {
                    display: none;
                }
            }
        }
    }
    .tab-center{
        text-align: center;
    }
    .nft-marketplac-development {
        .nft-banner {
padding: 130px 0 30px;
        }
    }
    .security-token-development {
        & .empower-business {
            .empower-business-pera {
                font-size: 14px;
            }
        }
    }
    .mobile-center-text p,.mobile-center-text h5,.mobile-center-text .empower-btn,
    .mobile-center-text .mob-center,.mobile-center-text  .mobile-btn {
        text-align: center;
        margin-bottom: 10px;
    }

    .white-label-crypto-exchange-development {
        & .our-decentralized-section {
            & .our-decentralized-box {  
                .box-title{                  
                    font-size: 18px;
                }
            }        
    }
}

    .white-label-crypto-exchange-development {
        & .our-decentralized-section {
            & .our-decentralized-box {
                .box-pera {
                    font-size: 14px;
                }
            }
        }
    }
    .decentralized-exchange-development {
        & .our-rewards {
            .swiper-slide img {
                max-height: 30px;
            }
        }
    }
    .decentralized-exchange-development {
        & .why-choose-section {
            & .choose-us-box {
                .box-title {
                    font-size: 16px;
                    margin-bottom: 0;
                }
            }
        }
    }
    .decentralized-exchange-development {
        & .our-decentralized-section {
            & .our-decentralized-box {
                .box-pera {
                    font-size: 14px;
                    padding: 0px 20px 20px 20px;
                }
            }
        }
    }
    .decentralized-exchange-development .main-banner {
        padding: 140px 0 30px;
    }
    .decentralized-exchange-development {
        & .main-banner {
            & .banner-head {
                .banner-title {
                    font-size: 38px;
                    line-height: 52px;
                    text-align: center;
                }
            }
        }
    }
    .decentralized-exchange-development {
        & .main-banner {
            & .banner-head {
                text-align: center;
                .banner-pera {
                    text-align: center;
                }
            }
        }
    }
    .order-set-2 {
        order: 2;
    }
    .nft-marketplac-development {
        & .nft-banner {
            & .banner-head {
                .banner-title{
                    font-size: 38px;
                    line-height: 52px;
                }
            }
        }
    }
    .first-nft-create{
        display: none !important;
    }
    .mobile-nft-box{
        display: block;
    }
    .order-secure{
        order: -1;
    }
}