@media only screen and (max-width: 600px) {
    body {
        overflow-x: none;
    }
    .bnr-ul{
        font-size: 18px;
    }
    .typing-text{
        white-space: normal;
        font-size: 30px;
    }
    .cta-btn{
    display: inline-grid;
    gap: 10px;
    text-align: center;
    }
    .main-banner {
        height: auto;
        padding: 20px 15px !important;
        margin-top: 30px;
    }
    .about-bannerr p{
        width: 100%;
    }
    .mainHeading strong{
        display: none;
    }
    .awrd-img img{
        max-width: 100px;
    }
    .main-banner h1 {
        font-size: 40px;
    }
    #header {
        padding: 5px 10px;
    }
    #header img {
        width: 200px;
    }
    .buttons {
        align-items: center;
        justify-content: center;
    }
    .navigation ul {
        flex-direction: column;
    }
    .bars-btn-container,
    .right-banner-div {
        display: none;
    }
    .bars-btn {
        position: fixed;
        top: 30px;
        right: 26px;
    }
    .future-head h2 {
        font-size: 29px;
    }
    .future-mobile {
        padding: 0 20px !important;
    }
    .process-01,
    .process-02,
    .process-03,
    .process-04 {
        padding: 26px;
    }
    .evolution-head h2 {
        font-size: 29px;
    }
    .padr-5{
        padding-right: 0px !important;
        max-width: 70%;
    }
    .phase_a-second-col:after,
    .phase_b-fifth-col:after,
    .phase_b-first-col:after,
    .phase_b-third-col:after {
        display: none;
        right: 0;
    }
    .testimonials {
        padding: 60px 50px !important;
    }
    .copyright-sec,
    .first-row,
    .footer-link {
        padding: 0;
    }
    footer {
        padding: 50px 10px;
    }
    .testimonials button {
        display: none;
    }
    .blog_col {
        margin-top: 20px;
    }
    .one-test {
        width: 100%;
    }
    .budget-sec,
    .mobile-experiences {
        padding: 100px 26px !important;
    }
    .review-2 {
        margin-top: 20px;
    }
    .projectForm {
        width: 100%;
    }
    .phase_a:before {
        display: none;
    }
    .phase_a-first-col {
        margin-top: 20px;
        text-align: center;
        padding: 0;
    }
    .phase_a-second-col,
    .phase_a-third-col {
        margin-top: 80px;
        text-align: center;
        padding: 0;
    }
    .phase_b-fifth-col,
    .phase_b-first-col,
    .phase_b-forth-col,
    .phase_b-second-col,
    .phase_b-third-col {
        margin-top: 20px;
        text-align: center;
        padding: 0;
    }
    .phase_a .dot-container,
    .phase_b .dot-container,
    .phase_b-process:after,
    .phase_b-process:before {
        display: none;
    }
    .hotspot {
        transform: translate(-11%, -70%);
    }
    .orange-sec {
        padding: 26px 6px !important;
    }
    .video-second {
        height: 50vh;
    }
    .orange-sec .image-container.next {
        display: none;
    }
    .mobile-sidebar {
        display: block;
    }
    .testimonial-tabs {
        padding: 26px !important;
    }
    .about-banner {
        padding: 50px 26px;
    }
    .about-bottom-ban {
        height: 45vh;
    }
    .app-page {
        padding: 50px 26px;
    }
    .app-page h1 {
        font-size: 36px;
    }
}
@font-face {
    font-family: NobelUno-Regular;
    src: url(../media/NobelUno-Regular.5b64775c.woff2) format("woff2"),
        url(../media/NobelUno-Regular.b992c878.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: NobelUno-Medium;
    src: url(../media/NobelUno-Medium.86d3297d.woff2) format("woff2"),
        url(../media/NobelUno-Medium.cbcc8d4a.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: NobelUno-Bold;
    src: url(../media/NobelUno-Bold.cc60aba8.woff2) format("woff2"),
        url(../media/NobelUno-Bold.7b8552dd.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: NobelUno-SemiBold;
    src: url(../media/NobelUno-SemiBold.b972fc0a.woff2) format("woff2"),
        url(../media/NobelUno-SemiBold.d6c253d4.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: NobelUno-Light;
    src: url(../media/NobelUno-Light.c048f2a3.woff2) format("woff2"),
        url(../media/NobelUno-Light.c048f2a3.woff2) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    src: url(../media/Poppins-SemiBold.9b04a904.woff2) format("woff2"),
        url(../media/Poppins-SemiBold.9b04a904.woff) format("woff");
    font-style: normal;
    font-display: swap;
}
body {
    font-family: NobelUno-Medium !important;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}
::-webkit-scrollbar-track {
    background: #000000;
}
.dark-mode::-webkit-scrollbar-track {
    background: #1a1919 !important;
}
::-webkit-scrollbar-thumb {
    background: #FF600B;;
    border-radius: 4px;
    border: 2px solid #000000;
}
.dark-mode::-webkit-scrollbar-thumb {
    border-color: #181818 !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #FF600B;
}
body {
    overflow-x: hidden !important;
}