@media screen and (max-width: 991px) {
    .tech-we-use-section {
        .all-tech-list {
            gap: 15px;

            li {
                gap: 8px;
                padding: 5px;
                padding-right: 25px;
            }

            .icon-div {
                width: 40px;
                height: 40px;

                img {
                    height: 24px;
                    width: auto;
                }
            }

            .tech-name {
                font-size: 18px;
            }
        }
    }

    .about-row {
        display: flex;
        flex-direction: column;
    }

    .casestudy-section {
        .case-study-tabs {
            flex-wrap: wrap;

            button {
                width: calc(33.333% - 6.66666666666666px);

                padding: 5px 10px;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .sec-py {
        padding-block: 35px;
    }
    .mob-radius-15 {
        border-radius: 15px !important;
    }

    .mob-radius-20 {
        border-radius: 20px !important;
    }

    .mob-radius-25 {
        border-radius: 25px !important;
    }

    .mob-radius-30 {
        border-radius: 30px !important;
    }
    /* Different Font Sizes Start*/
    .fs-mob-10 {
        font-size: 0.625rem !important;
    }
    .fs-mob-12 {
        font-size: 0.75rem !important;
    }
    .fs-mob-14 {
        font-size: 0.875rem !important;
    }
    .fs-mob-16 {
        font-size: 1rem !important;
    }
    .fs-mob-18 {
        font-size: 1.125rem !important;
    }
    .fs-mob-20 {
        font-size: 1.25rem !important;
    }
    .fs-mob-22 {
        font-size: 1.375rem !important;
    }
    .fs-mob-24 {
        font-size: 1.5rem !important;
    }
    .fs-mob-26 {
        font-size: 1.625rem !important;
    }
    .fs-mob-28 {
        font-size: 1.75rem !important;
    }
    .fs-mob-30 {
        font-size: 1.875rem !important;
    }
    .fs-mob-32 {
        font-size: 2rem !important;
    }
    .fs-mob-34 {
        font-size: 2.125rem !important;
    }
    .fs-mob-36 {
        font-size: 2.25rem !important;
    }
    .fs-mob-38 {
        font-size: 2.375rem !important;
    }
    .fs-mob-40 {
        font-size: 2.5rem !important;
    }
    .fs-mob-42 {
        font-size: 2.625rem !important;
    }
    .fs-mob-44 {
        font-size: 2.75rem !important;
    }
    .fs-mob-46 {
        font-size: 2.875rem !important;
    }
    .fs-mob-48 {
        font-size: 3rem !important;
    }
    .fs-mob-50 {
        font-size: 3.125rem !important;
    }
    .fs-mob-52 {
        font-size: 3.25rem !important;
    }
    .fs-mob-54 {
        font-size: 3.375rem !important;
    }
    .fs-mob-56 {
        font-size: 3.5rem !important;
    }
    .fs-mob-58 {
        font-size: 3.625rem !important;
    }
    .fs-mob-60 {
        font-size: 3.75rem !important;
    }
    /* Different Font Sizes Start */
    .hero-section {
        &.hero-1 {
            .custom-container.hero-1-content {
                .para {
                    margin-block: 15px 25px;
                }
            }
        }
        &.hero-2 {
            .custom-container.hero-2-content {
                padding-block: 100px 100px;

                .para {
                    margin-block: 15px 25px;
                }
            }
        }
    }

    .tech-we-use-section {
        .all-tech-list {
            gap: 8px;

            li {
                gap: 5px;
                padding: 5px;
                padding-right: 20px;
            }

            .icon-div {
                width: 36px;
                height: 36px;

                img {
                    height: 24px;
                    width: auto;
                }
            }

            .tech-name {
                font-size: 16px;
            }
        }
    }

    .services-hero-section {
        .hero-stats {
            flex-wrap: wrap;
            row-gap: 15px;

            div {
                width: 50%;

                &:nth-child(2) {
                    border-right: none;
                }
            }
        }
    }
}

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


    .swiper-slide {
        img {
            height: 35px;
            max-width: 100%;
            width: auto;
        }
    }

    .tech-we-use-section {
        .all-tech-list {
            gap: 8px;

            li {
                gap: 5px;
                padding: 5px;
                padding-right: 15px;
            }

            .icon-div {
                width: 34px;
                height: 34px;

                img {
                    height: 20px;
                    width: auto;
                }
            }

            .tech-name {
                font-size: 14px;
            }
        }
    }
}

@media (min-width: 768px) {
    .custom-container {
        max-width: 760px;
    }
}

@media (min-width: 992px) {
    .custom-container {
        max-width: 1020px;
    }
}

@media (min-width: 1200px) {
    .custom-container {
        max-width: 1180px;
    }
}

@media (min-width: 1400px) {
    .custom-container {
        max-width: 1360px;
    }
}