html, body{
    overflow-x: hidden !important;
}

.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: #5fcf3b !important;
}

::selection {
   
    background-color: #5fcf3b !important;
}
    .xl\:hover\:bg-primary-600:hover {
        --tw-bg-opacity: 1;
        background-color: #5fcf3b !important;
    }



.blogs-hide{
    display: none !important;
}
.section-hide{
    display: none !important;
}

/* work page csssssssssssssssssssssssssssss */
/* .w-full {
    padding-bottom: 15px;
    width: 100%;
} */

    .lg\:pt-24 {
        padding-top: 6rem;
        padding-bottom: 3rem;
    }




    /* mobile app page------------- */

    .m-top{
         margin: 90px 0px 0px;
    }
   


 /* mobile app page------------- */









.gap-text{
            text-indent: 17rem !important;
}


@media (max-width: 767px) {
    .gap-text {
    text-indent: 9rem !important;
}
}






    /* extra section csssssssssssss */


    /* .paktech-section {
        background-color: #000000;
        padding: 80px 20px;
        font-family: 'Inter', sans-serif;
        color: #ffffff;
        text-align: center;
    }

    .paktech-section h2 {
        font-size: 32px;
        margin-bottom: 50px;
        font-weight: 700;
    }

    .paktech-section h2 span {
        color: #5fcf3b;
        border-bottom: 2px solid #5fcf3b;
    }

    .capabilities-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .capability-card {
        background: #111111;
        padding: 40px 30px;
        border-radius: 20px;
        text-align: left;
        border: 1px solid #222;
        transition: 0.3s;
    }

    .capability-card:hover {
        border-color: #5fcf3b;
        background: #161616;
    }

    .icon-container {
        width: 60px;
        height: 60px;
        background: rgba(95, 207, 59, 0.1);
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

    .icon-container svg {
        width: 30px;
        height: 30px;
        fill: #5fcf3b;
    }

    .capability-card h3 {
        font-size: 20px;
        margin-bottom: 15px;
        color: #ffffff;
    }

    .capability-card p {
        font-size: 14px;
        line-height: 1.6;
        color: #a0a0a0;
        margin: 0;
    }

    @media (max-width: 992px) {
        .capabilities-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
        .capabilities-grid { grid-template-columns: 1fr; }
        .capability-card { padding: 30px 20px; }
    } */