@media(min-width: 1700px) {}

@media(max-width: 1280px) {}

@media(max-width: 1050px) {
    .index-carousel {
        height: 29vh;

        & .image-section .carousel-item,
        & .image-section .carousel-item img {
            height: 29vh;
        }
    }

    .header-logo .container h3.logo-text {
        font-size: 26px;
    }

    .product-img-wrapper .product-img {
        height: 600px !important;
    }

    .product-img-wrapper .project-img {
        height: 600px !important;
    }

}

@media(max-width: 992px) {

    .hero-section h6 {
        font-size: 3rem !important;
        color: #f79323;
    }

    .hero-section h4 {
        font-size: 2rem !important;
    }

    .hero-section p {
        max-width: 800px !important;
        font-size: 1.8rem !important;
        font-weight: 500;
    }

    .hero-section a {
        font-size: 2rem !important;
        font-weight: 500;
    }

    .about-title {
        font-size: 3rem !important;
    }

    .about-subtitle {
        font-size: 1.5rem !important;
    }

    .about-section .container {
        padding: 10px !important;
        /* Container ka default padding remove */
        max-width: 100% !important;
        /* Bootstrap container ko full width */
    }

    .about-section p {

        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }

    .experience-card {
        position: absolute;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 70%;
        max-width: 100% !important;
        background-color: #111;
        color: var(--dark-main);
        padding: 10rem !important;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

        h2 {
            font-size: 10rem !important;
        }

        p {
            color: #FFFF !important;
        }
    }

}

@media(max-width: 767px) {
    .experience-card {
        position: absolute;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        max-width: 100% !important;
        background-color: #111;
        color: var(--dark-main);
        padding: 8rem !important;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

        h2 {
            font-size: 10rem !important;
        }

        p {
            color: #FFFF !important;
        }
    }

    .navbar {
        padding: 12px 20px !important;
    }

    .header-logo-img {
        width: auto;
        height: 156px;
    }

    .header-logo-img img {
        width: 100%;
        height: 100%;
    }

    .navbar-toggler i {
        font-size: 3rem;
    }

    .hero-section h6 {
        font-size: 3rem !important;
        color: #f79323;
    }

    .hero-section h4 {
        font-size: 2rem !important;
    }

    .hero-section p {
        max-width: 800px !important;
        font-size: 1.8rem !important;
        font-weight: 600;
    }

    .hero-section a {
        font-size: 2rem !important;
        font-weight: 500;
    }

    .experience-card {
        margin-top: 10px;
        max-width: 198px;
        padding: 43px 15px;
        margin-left: 14rem;
    }

    .experience-card>* {
        color: #FFFFFF !important;
    }

    .banner-style-two .slide-item {
        height: calc(100vh - 600px);
    }

    .banner-style-two .slide-item {
        height: calc(100vh - 70px);
    }

    .hero-section h4 {
        font-size: 10rem !important;
    }

    .index-carousel {
        height: 59vh;

        & .image-section .carousel-item,
        & .image-section .carousel-item img {
            height: 59vh;
        }
    }

    .hero-section p {
        font-size: 50px;
        max-width: 100% !important;
    }

    .filter-btn {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .test-title {
        font-size: 65px;

    }

    .test-subtitle {
        font-size: 46px;

    }

    .test-icon {
        font-size: 40px;
        color: var(--main);
    }

    .test-text {
        font-size: 32px;
        color: var(--black);
        line-height: 1.7;
    }

    .test-name {
        font-size: 38px;
    }

    .test-card {
        margin: 20px 0 0;
    }

    .test-card img {
        width: 200px;
        height: 200px;
    }

    .contact-us {
        h2 {
            font-size: 68px;

        }

        .contact-info {
            font-size: 38px;
            padding: 60px;
        }

        form {
            padding: 40px;
        }

        label {
            font-size: 38px;
        }

        input {
            font-size: 40px;
        }

        button {
            font-size: 50px;
        }
    }

    .jobs-section {
        padding: 40px 0;
    }

    .jobs-container {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 0 20px;
    }

    .job-card {
        width: 100%;
        text-align: center;
        background: #ffff;
        padding: 40px 55px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }

    .job-card h3 {
        font-size: 42px !important;
        line-height: 1.2;
    }

    .job-card p {
        font-size: 32px;
        line-height: 1.6;
    }

    .client-logo-slick {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .client-logo {
        width: 140px !important;
        height: 70px !important;
        margin: 0 15px !important;
        object-fit: contain !important;
    }

    .client-logo-slick .slick-slide {
        margin: 0 10px;
    }

    .slick-slide {
        height: 30% !important;
    }

    .image-section {
        padding: 20px 0;

    }

    .about-title {
        font-size: 3rem !important;
    }
}

@media(max-width: 450px) {
    .mobile-navbar-text {
        .nav-link {
            font-size: 28px !important;
        }
    }
}