/**
* Develop By :  Binary Shastra Pvt. Ltd 
* Author:  Smart Tech Agro & Bio Energy
*/

/* Media Queries */

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

/* XS */
@media (min-width: 475px) {}

/* SM */
@media (min-width: 640px) {}

/* MD */
@media (min-width: 768px) {

    /* ==== Header Starts ==== */

    .header-wrapper {
        padding: 0;
    }

    .header-logo {
        height: 80px;
        width: 80px;
    }

    .menu-wrapper {
        height: auto;
        width: auto;
        background: none;
        position: static;
        flex-direction: row;
        transition: none;
    }

    .menu-item {
        color: var(--clr-black);
        padding-block: 25px;
        padding-left: 20px;
    }

    /* -- Hamburger Icon */

    .mbl-menu-icon {
        display: none;
    }


    /* Mega menu start */

    .megamenu {
        display: flex;
    }

    menu li:hover .megamenu {
        top: 73px;
        opacity: 1;
        pointer-events: auto;
    }

    .megamenu-description {
        height: inherit;
        width: 25%;
        background: var(--clr-secondary);
        color: var(--clr-white);
        font-family: "Oswald", sans-serif;
    }

    .megamenu-description a {
        color: var(--clr-white);
        border-bottom: 2px solid var(--clr-white);
    }

    .mega-menu-title a {
        transition: all 300ms ease-in;
    }

    .mega-menu-title:hover a {
        color: var(--clr-secondary);
    }

    .mega-menu-image {
        height: 160px;
    }

    .mega-menu-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .megamenu-card {
        width: 23%;
    }

    .mega-menu-image {
        overflow: hidden;

        &:hover {
            img {
                transition: all 0.3s ease-in-out;
                transform: scale(1.1);
            }
        }
    }

    /* ==== Header Ends ==== */


    /* ==== Hero Starts ==== */

    /* #hero {
        position: relative;

    } */

    .hero-content-title {
        font-size: var(--text-4xl);
    }

    .hero-content {
        width: 80%;
    }

    /* 
    .hero-side-img {
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 400px;

        & img {
            opacity: 0.4;
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    } */


    /* ==== Hero Ends ==== */

    /* ==== About Us Starts ==== */

    .aboutus-img {
        height: 400px;
    }

    /* ==== About Us Ends ==== */


    /* ==== Our Services Starts ==== */

    .services-card {
        flex-wrap: nowrap;
    }

    .servicecard-img {
        flex-basis: 25%;
    }

    .service-card-content {
        flex-basis: 75%;
    }

    /* ==== Our Services Ends ==== */

    /* ==== FAQ Starts ==== */

    .faq-img {
        height: 400px;
    }

    /* ==== FAQ Ends ==== */

    /* ==== Contact Us Starts ==== */

    .contact-title {
        font-size: 3rem;
    }

    /* ==== Contact Us Ends ==== */

}


/* XS */
@media (min-width: 1024px) {

    /* ==== Career Page Starts ==== */

    .career-card-action {
        text-align: right;

        & a {
            font-size: var(--text-base);
            width: auto;
        }
    }

    /* ==== Career Page Ends ==== */

    /* ==== Contact Us Starts ==== */

    .contact-title {
        font-size: 3.4rem;
    }

    .form-wrapper {
        flex-basis: 48%;
    }

    .maps-wrapper {
        flex-basis: 48%;
    }

    /* ==== Contact Us Ends ==== */
}

/* XL */
@media (min-width: 1280px) {

    /* ==== Hero Starts ==== */

    .hero-content-title {
        font-size: 4rem;
    }

    /* ==== Hero Ends ==== */

    /* ==== About Us Starts ==== */

    .aboutus-img {
        height: 430px;
    }

    .about-content-subtitle {
        font-size: var(--text-3xl);
    }

    /* ==== About Us Ends ==== */

    /* ==== FAQ Starts ==== */

    .faq-img {
        height: 450px;
    }

    /* ==== FAQ Ends ==== */

}

/* XL Extra */
@media (min-width: 1366px) {

    /* ==== Hero Starts ==== */

    .hero-content-title {
        font-size: var(--text-5xl);
    }

    /* ==== Hero Ends ==== */
}

/* 2XL */
@media (min-width: 1536px) {}