@media (max-width: 768px) {
    .bg-image1 {
        top: -200px;
        left: -300px;
    }
    .bg-image2 {
        top: 70px;
        right: -400px;
    }
    .dot {
        top: 9px;
    }
    .bg-image-3 {
        right: -570px;
    }
    .bg-image-4 {
        left: -500px;
    }
    .text-services h2 {
        font-size: 3rem;
    }
    .work-area h1 {
        font-size: 3rem;
    }
    .action-area-image-container {
        padding: 20px;
    }
    .heading-action-area-image-container {
        font-size: 25px;
    }
    .step-number {
        font-size: 3rem;
    }
    
    .step-name {
        font-size: 3rem;
    }
    
    .toggle-icon {
        font-size: 3rem;
    }
    .service-text-main-div{
        width: 100% !important;
    }
    .bg-image-6 {
        left: -500px;
    }
    .heading-text-area-article {
        font-size: 35px;
    }
    .text-build-app h2 {
        font-size: 4.5rem;
    }
    .bg-image-7 {
        top: -300px;
        left: -300px;
    }
    .bg-image-8 {
        top: -150px;
        right: -400px;
    }
    .tag-filter .tag {
        font-size: 35px;
    }
}