/* HEADER CSS START */


/* .header-menu nav ul li:nth-child(+n + 5) {
    display: none;
} */

.login-search-col {
    line-height: 0;
}

.header-menu ul.elementor-nav-menu--dropdown a:hover,
.header-menu ul.elementor-nav-menu--dropdown a {
    border-left: 0;
}

.header-main {
    transition: all 0.3s;
}

.header-main.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
    padding: 10px 100px !important;
}

.header-main .gcbinc-logo img {
    transition: all 0.3s;
}

.header-main.sticky .gcbinc-logo img {
    width: 200px;
    transition: all 0.3s;
}


/* HEADER CSS END */



/* FOOTER CSS START */

.footer-form-inner-section .elementor-column-gap-no  {
    justify-content: space-between;
}

.footer-form-inner-section .footer-form-number-col {
    width: 208px !important;
}

.footer-form-inner-section .footer-form-col {
    width: 735px !important;
}

.footer-form {
    display: flex;
    /* align-items: center; */
    /* justify-content: end; */
    /* flex-wrap: wrap; */
    margin: 0 !important;
    position: relative;
}

.footer-form p {
    margin: 0;
}

.footer-form input.footer-name,
.footer-form input.footer-email {
    width: 278px !important;
    border-radius: 100px;
    background: #FFFFFF;
    border: 1px solid rgba(17, 22, 48, 0.2);
    margin-right: 20px;
    padding: 14px 0 14px 20px;
}

.footer-form span.wpcf7-spinner {
    /* position: absolute;
    right: 0;
    bottom: -35px; */
    margin: 10px;
}

.footer-form p:last-child {
    display: flex;
    align-items: start;
}

.footer-form .wpcf7-submit {
    width: 114px;
    padding: 12px 24px !important;
    transition: all 0.3s;
}

.footer-form .wpcf7-submit:hover {
    background-color: #7D3F04;
}

.footer-name::placeholder,
.footer-email::placeholder {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.204545px;
    color: #111630;
}


.footer-inner-section .elementor-column-gap-no {
    /* align-items: center; */
    justify-content: space-between;
}

.inner-col-1 {
    width: 320px !important;
}

.inner-col-2 {
    width: 386px !important;
}

.inner-col-3 {
    width: 396px !important;
}

.footer-call .number {
    color: #FFFFFF;
}

.inner-col-1 .card-icon .elementor-icon-list-icon svg {
    margin: 0 !important;
}

.footer-form-inner-section::after {
    content: "";
    background-image: url(/wp-content/uploads/2023/04/footer-main-bg.png);
    background-repeat: no-repeat;
    width: 121px;
    height: 121px;
    position: absolute;
    top: -42px;
    left: -40px;
    z-index: -1;
}

/* FOOTER CSS END */



/* Our Supplier css start */

.our-supplier-section img {
    mix-blend-mode: multiply;
}

.raw-materials-inner .elementor-column-gap-no {
    gap: 100px;
}



@media only screen and (max-width:1440px) {
    
    .header-main.sticky {
        padding: 10px 50px !important;
    }
}



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

    .inner-col-2 {
        margin: 0 30px;
    }

    .inner-col-1,
    .inner-col-2,
    .inner-col-3 {
        width: auto !important;
    }

    .raw-materials-inner .elementor-column-gap-no {
        gap: 50px;
    }
}


@media only screen and (max-width:1100px) and (min-width: 1025px) {

    /* FOOTER CSS STRAT */

    .footer-form-inner-section .elementor-column-gap-no {
        flex-wrap: wrap;
    }

    .footer-form-col .elementor-element-populated {
        margin: 0 !important;
    }

    .footer-form-inner-section .footer-form-col,
    .footer-form-inner-section .footer-form-number-col {
        width: 100% !important;
    }

    .footer-form-inner-section .footer-form-number-col {
        margin-bottom: 20px;
    }

    /* FOOTER CSS END */
}


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

    /* HEADER CSS START */

    .header-menu nav {
        height: 100vh;
    }

    .header-main {
        justify-content: space-between !important;
    }

    .header-main .elementor-column-gap-no {
        flex-wrap: nowrap !important;
    }

    .header-menu nav ul li:nth-child(+n + 5) {
        display: block;
    }

    .header-main.sticky {
        padding: 20px 30px !important;
    }

    /* HEADER CSS END */


    /* FOOTER CSS STRAT */

    .footer-form-inner-section .footer-form-col,
    .footer-form-inner-section .footer-form-number-col {
        width: 100% !important;
    }

    .footer-form .wpcf7-submit {
        margin-top: 0;
    }

    .footer-form input.footer-name, .footer-form input.footer-email {
        width: 237px !important;
    }

    .inner-col-1,
    .inner-col-2 {
        width: 48% !important;
        margin: 0;
    }

    .inner-col-3 {
        width: 100% !important;
    }

    /* FOOTER CSS END */

    .raw-materials-inner .elementor-column-gap-no {
        gap: 20px;
        justify-content: space-between;
    }

    .raw-materials-inner .elementor-column-gap-no .elementor-inner-column {
        width: 31% !important;
    }
}


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

    .footer-form {
        align-items: start;
        flex-direction: column;
    }

    .footer-form p {
        width: 100%;
    }

    .footer-form input.footer-name, .footer-form input.footer-email {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .inner-col-1,
    .inner-col-2 {
        width: 100% !important;
    }

    .raw-materials-inner .elementor-column-gap-no {
        gap: 50px 20px;
        /* justify-content: center; */
    }

    .raw-materials-inner .elementor-column-gap-no .elementor-inner-column {
        width: 48% !important;
    }
}


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

    .raw-materials-inner .elementor-column-gap-no .elementor-inner-column {
        width: 100% !important;
    }
}

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

    .header-main.sticky {
        padding: 20px 20px !important;
    }
    
    .footer-form .wpcf7-submit {
        padding: 10px 20px !important;
    }
}