.section-1{
    /* background-color: #6cd04c; */

    width: 100%;
    position: relative;
    
}
.section-1 img{
    /* aspect-ratio: 4/1.8; */
    width: 100%;
}

.text-box{
    width: 60%;
    color: #fff;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.heading-size{
    font-size: 40px;
}




@media(max-width: 1100px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 40%;
    }
    .heading-size{
        font-size: 4.5vw;
        line-height: 42px;
    }
}

@media(max-width: 900px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 55%;
    }
    .heading-size{
        font-size: 6vw;
        line-height: 33px;
    }
}

@media(max-width: 610px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 69%;
    }
    .heading-size{
        font-size: 7.2vw;
        line-height: 42px;
    }
}

@media(max-width: 510px){

    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 60%;
    }
    .heading-size{
        font-size: 7vw;
        line-height: 27px;
    }
}

@media(max-width: 410px){

    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 70%;
    }
    .heading-size{
        font-size: 8vw;
        line-height: 29px;
    }
}


@media(min-width: 1100px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 40%;
    }

    .heading-size{
        font-size: 4vw;
        line-height: 42px;
    }

    .img-sec{
        height: 80vh;
        object-fit: cover;
    }
}

@media(min-width: 1200px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 40%;
    }
    .heading-size{
        font-size: 4vw;
        line-height: 42px;
    }
}

@media(min-width: 1350px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 40%;
    }
    .heading-size{
        line-height: 4vw;
    }
}


img {
    image-rendering: crisp-edges;
}


@media(min-width: 1500px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 35%;
    }
    .heading-size{
        font-size: 3.7vw;
    }
}

@media(min-width: 1600px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 30%;
    }
    .heading-size{
        font-size: 3.3vw;
        line-height: 3.5vw;
    }
}

@media(min-width: 1800px){
    .text-box{
        /* background-color: #849b00; */
        top: 50%;
        width: 30%;
    }
    .heading-size{
        font-size: 3vw;
    }
}



/* ---------------------------------  Our Mission - Row 2  ------------------------------- */



.boxes-section{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    height: auto;
    overflow-y: hidden;
    background-color: #fdca1f;
}

.box-1{
    /* flex-grow: 2; */
    /* background-color: #3ebcd3; */
    /* padding: 2vw 3vw; */
    max-block-size: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50%);
    /* border: 4px solid rgb(0, 0, 0); */
    background-color: #fdca1f;
}



.box-2{
    max-block-size: 320px;
    height: auto;
    /* flex-grow: 2; */
    width: 50%;
    /* border: 4px solid rgb(0, 0, 0); */
    background-color: #fdca1f;
    display: flex;
    align-items: center;
}

.image-wrapper{
    float: right;
}
/* .z3{
    position: relative;
    width: 130vw;
    height: 30vw;
    object-fit: cover;
    float: right;
} */
@media(min-width: 900px){
    .z3{
        position: relative;
        width: 100%;
        object-fit: cover;
        float: right;
    }
    p{
        font-size: larger;
    }
}
@media(min-width: 1230px){
    .z3{
        position: relative;
        width: 70%;
        height: auto;
        object-fit: cover;
        float: right;
    }
}

@media(min-width: 1100px){
    .z3{
        position: relative;
        width: 80%;
        height: auto;
        object-fit: cover;
        float: right;
        /* transform: scale(50%); */
    }

    .box1{
        height: auto;
    }

    
    .boxes-section{
        padding: 0px 0vw;
    }
}



.our-mission-row1-left-col{
    padding: 6vw 6vw;
}

.products-row-two{
    font-size: 48px;
    color: #413b3d;
    text-align: center;
    padding-bottom: 1vw;
}

.contact-row-three{
    font-size: 48px;
    color: #413b3d;
    text-align: center;
    padding-bottom: 1vw;
}

.air-filtration{
    color: #30253f;
    text-align: left;
}

.air-filtration-paragraph{
    text-align: justify;
    color: #30253f;
}

.products-row-two-bg{
    background-color: #fdca1f;
}

.our-mission-paragraph{
    text-align: justify;
    color: white;
}

@media(max-width: 2000px){
    .products-row-two{
        font-size: 46px;
    }
}

@media(max-width: 1400px){
    .products-row-two{
        font-size: 42px;
        padding-bottom: 1.5vw;
    }
}


@media(max-width: 900px){
    .z3{
        display: none;
    }

    .image-wrapper{
        width: 100vw;
        
    }

    .boxes-section{
        flex-direction: column;
        width: 100%;
        background-color: antiquewhite;
    }
    .box-1{
        width: 100%;
        height: 60vw;
    }
    p{
        font-size: larger;
    }
    
    .box-2{
        width: 100%;
    }
    .products-row-two{
        font-size: 40px;
    }
}

@media(max-width: 600px){
    .z3{
        display: block;
        position: relative;
        width: 130%;
        height: 50vw;
        object-fit: cover;
        float: right;
    }
    .box-1{
        width: 100%;
        height: 70vw;
    }

    .box2{
        width: 100%;
    }
}

@media(max-width: 500px){
    .z3{
        display: block;
        position: relative;
        width: 130%;
        height: 60vw;
        object-fit: cover;
        float: right;
    }
    .products-row-two{
        font-size: 32px;
    }
}

@media(max-width: 400px){
    .z3{
        display: block;
        position: relative;
        width: 130%;
        height: 65vw;
        object-fit: cover;
        float: right;
    }
    .products-row-two{
        font-size: 32px;
    }
}

@media(max-width: 330px){
    .z3{
        display: block;
        position: relative;
        width: 130%;
        height: 65vw;
        object-fit: cover;
        float: right;
    }
    .products-row-two{
        font-size: 23px;
    }
    .box-1{
        height: auto;
    }
    .air-filtration-paragraph{
        text-align: justify;
        color: #30253f;
        font-size: medium;
    }
}



@media(min-width: 2000px){
    .products-row-two{
        font-size: 55px;
    }
}





.drop-shadow{
    text-shadow: 0.5px 0.5px 20px #ffffff;
}

/* .lo{
    height: 80vh;
    background-color: bisque;
}
.art-wall-paper{
    background-color: aquamarine;
    overflow-y: auto;
    height: auto;
    width: 100%;
    
}

.boxes-section{
    display: flex;
    flex-wrap: wrap;
    align-content:end;
    align-items: stretch;
    justify-content: center;
  
    background-color: aqua;
    height: auto;
    margin: 20px;
    border: 3px solid rebeccapurple;
}

.box-1{
    height: auto;
    background-color: bisque;
    width: 70px;
    flex-grow: 2;
    border: 4px solid rgb(0, 0, 0);
}

.box-2{
    height: auto;
    background-color: bisque;
   
    flex-grow: 2;
    width: 70px;
    border: 4px solid rgb(0, 0, 0);
}

.x2{
    width: 100%;
} */


/* ------------- Row Baghouse dust collector-------------- */
.section3-wrapper{
    padding: 4vw 10vw;
}

.section3-content{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.section3-item{
    align-self: center;
    /* min-inline-size: 245px; */
    /* width: 30%; */
}

.ca-wrapper{
    /* width: 70%; */
    height: auto;
    min-inline-size: 300px;
    max-inline-size: 300px;
}

.ca{
    width: 100%;
    aspect-ratio: 2/2;
    object-fit: cover;
}

.baghouse-dust-collector{
    width: 350px;
    /* background-color: #40bad8; */
    /* border-right: 2.7px solid #fdca1f; */
    margin: 20px 45px;
    padding-right: 35px;
    position: relative;
}

.baghouse-dust-collector:after {
    content: '';
    height: 93%;
    width: 2.7px;

    position: absolute;
    right: 0;
    top: 3.5%; 
    background-color: #fdca1f;
}

.contact-us-section3{
    min-inline-size: 150px;
    /* background-color: #fdca1f; */
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 5%;
}


.contact-row-three{
    font-size: 25px;
    color: #646060;
    padding-bottom: 16px;
}

.for-more-details{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 12.5px;
    color: #9c9a9a;
    text-decoration: underline;
}


.dust-collector{
    font-size: 30px;
    color: #464242;
    padding-bottom: 35px;
    text-align: center;

}

.dust-collector-paragraph{
    padding: 0px 40px;
    font-size: 17px;
    text-align: justify;
    color: #807d7d;
    /* background-color: #f0dca0; */
}

@media (max-width: 1400px){
    .section3-wrapper{
        padding: 4vw 5vw;
    }
}

@media (max-width: 1250px){
    .section3-wrapper{
        padding: 4vw 2vw;
    }
}

@media (max-width: 1150px){
    .section3-wrapper{
        padding: 4vw 0vw;
    }
    
}

@media (max-width: 1050px){
    .section3-item3{
        display: none;
    }
    .section3-wrapper{
        padding: 4vw 6vw;
    }
    .ca-wrapper{
        /* width: 70%; */
        height: auto;
        min-inline-size: 250px;
        max-inline-size: 250px;
    }
}

@media (max-width: 920px){
    .section3-wrapper{
        padding: 4vw 6vw;
    }
    
    .section3-wrapper{
        /* background-color: #30253f; */
        flex-direction: column;
    }
    
}

@media (max-width: 840px){
    .section3-wrapper{
        padding: 4vw 3vw;
    }
    .baghouse-dust-collector{
        width: 320px;
        /* background-color: #40bad8; */
        /* border-right: 2.7px solid #fdca1f; */
        margin: 20px 10px;
        padding-right: 35px;
        position: relative;
    }
    
}

@media (max-width: 775px){
    .section3-wrapper{
        padding: 4vw 1vw;
    }
    
    /* .section3-wrapper{
        background-color: #30253f;
        flex-direction: column;
    } */
}


@media (max-width: 740px){
    .section3-wrapper{
        /* background-color: #30253f; */
        flex-direction: column;
    }
    .section3-item1{
        order: 1;
        justify-self: center;
    }

    .section3-item1{
        order: 2;
    }
    .baghouse-dust-collector{
        width: 70%;
        /* background-color: #40bad8; */
        /* border-right: 2.7px solid #fdca1f; */
        align-self: center;
        margin: 40px 15%;
        /* padding-right: 35px; */
        position: relative;
    }
    .ca-wrapper{
        /* width: 70%; */
        height: auto;
        min-inline-size: 80%;
        max-inline-size: 80%;
    }
    .dust-collector-paragraph{
        padding: 0px 0px;
        font-size: 17px;
        text-align: left;
        color: #807d7d;
    }
}

@media (max-width: 530px){
    .dust-collector-paragraph{
        background-color: #fff6d7;
    }
}

@media (max-width: 350px){
    .baghouse-dust-collector{
        width: 90%;
        /* background-color: #40bad8; */
        /* border-right: 2.7px solid #fdca1f; */
        align-self: center;
        margin: 40px 5%;
        /* padding-right: 35px; */
        
        position: relative;
    }
    .dust-collector{
        font-size: 25px;
        color: #464242;
        padding-bottom: 20px;
    
    }
    .ca-wrapper{
        /* width: 70%; */
        height: auto;
        min-inline-size: 90%;
        max-inline-size: 90%;
    }
    
}
/* -------------  Keep up with our future -------------- */

.row-keep-up-with-our-future{
    display: flex;
    /* background-color: #ff9d8c; */
    /* flex-direction: column; */
    padding: 8vw 04vw;
    /* justify-content: space-around; */
    background-color: #fdca1f;
}

.col-half-left-keep-up-with-our-future-wrapper{
    /* background-color: #a58cff; */
    flex-basis: 50%;
    display:flex;
    align-items: center;
    justify-content: center;
    /* padding: 0vw 1vw; */
}

.col-half-left-keep-up-with-our-future-wrapper-small-screen{
    display:none;
}

.col-half-left-keep-up-with-our-future{
    /* background-color: #6cd04c; */
    text-align: left;
}

.col-half-right-keep-up-with-our-future{
    /* background-color: #8cffc5; */
    flex-basis: 50%;
    text-align: center;
    align-self: center;
    justify-self: center;
    /* padding: 0vw 3vw; */
}

.keep-up-with-our-future-color{
    color: #ffffff;
}


#input-keep-up-with-future {
    font-size: larger;
    background-color: transparent;
    outline: 3px solid transparent;
    padding: 0.5em 0.5em;
    color: #fff;
    border: 0.2em solid #50b9ba;
    &::placeholder{
        color: white;
        font-family: Roboto;
        font-family: overPass-Light;
        padding-left: 20%;
    }
}

#input-keep-up-with-future:focus {
    outline: 3px solid transparent;
    border: 0.2em solid #50b9ba;
    background-color: #fff;
    color: #40bad8;
    &::placeholder{
        color: #40bad8;
        font-family: Roboto;
        font-family: overPass-Light;
        padding-left: 20%;
    }
}
input{
    color: greenyellow;
}

#submit-keep-up-with-future{
    font-size: larger;
    background-color: #fff; 
    padding: 0.8em 2em;
    color: #40bad8;
    border: #fff;
}

@media (max-width: 900px){
    .col-half-left-keep-up-with-our-future-wrapper{
        display:none;
    }
    .col-half-left-keep-up-with-our-future-wrapper-small-screen{
        flex-basis: 50%;
        display:flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 2vh;
    }
    .row-keep-up-with-our-future{
        flex-direction: column;
        padding: 12vw
        
        0vw;
    } 

}

@media (max-width: 900px){
    #input-keep-up-with-future {
        font-size: larger;
        background-color: transparent;
        outline: 3px solid transparent;
        padding: 0.6em 0.5em;
        color: #fff;
        border: 0.2em solid #50b9ba;
        &::placeholder{
            color: white;
            font-family: Roboto;
            font-family: overPass-Light;
            padding-left: 20%;
        }
    }
    
    #input-keep-up-with-future:focus {
        outline: 3px solid transparent;
        border: 0.2em solid #50b9ba;
        background-color: #fff;
        color: #40bad8;
        &::placeholder{
            color: #40bad8;
            font-family: Roboto;
            font-family: overPass-Light;
            padding-left: 20%;
        }
    }
    input{
        color: greenyellow;
    }
    
    #submit-keep-up-with-future{
        font-size: larger;
        background-color: #fff; 
        padding: 0.73em em;
        color: #40bad8;
        border: #fff;
    }
}

@media (max-width: 520px){
    .row-keep-up-with-our-future{
        padding: 8vw 06vw;
    }

    #input-keep-up-with-future {
        font-size: larger;
        background-color: transparent;
        outline: 3px solid transparent;
        padding: 0.45em 0.5em;
        color: #fff;
        border: 0.2em solid #50b9ba;
        &::placeholder{
            color: white;
            font-family: Roboto;
            font-family: overPass-Light;
            padding-left: 20%;
        }
    }
    
    #input-keep-up-with-future:focus {
        outline: 3px solid transparent;
        border: 0.2em solid #50b9ba;
        background-color: #fff;
        color: #40bad8;
        &::placeholder{
            color: #40bad8;
            font-family: Roboto;
            font-family: overPass-Light;
            padding-left: 20%;
        }
    }
    input{
        color: greenyellow;
    }

    #submit-keep-up-with-future{
        font-size: larger;
        background-color: #fff; 
        padding: 0.6em 1.3em;
        color: #40bad8;
        border: #fff;
    }
}

@media (max-width: 465px){

    #input-keep-up-with-future {
        padding: 0.3em 0.1em;
    }

    #submit-keep-up-with-future{
        padding: 0.45em 0.45em;
    }
}

@media (max-width: 380px){

    #input-keep-up-with-future {
        padding: 0.3em 0.1em;
    }

    #submit-keep-up-with-future{
        padding: 0.45em 4.75em;
    }
}

@media (max-width: 260px){

    .row-keep-up-with-our-future{
        display: none;
    }
}

@media (min-width: 520px){
    #submit-keep-up-with-future{
        padding: 0.76em 1.90em;
    }
}


@media (min-width: 900px){
    #input-keep-up-with-future {
        padding: 0.45em 0.2em;
    }
    #submit-keep-up-with-future{
        padding: 0.6em 1.60em;
    }
}

@media (min-width: 950px){
    .row-keep-up-with-our-future{
        padding: 8vw 06vw;
    }
}

@media (min-width: 1200px){
    .row-keep-up-with-our-future{
        padding: 8vw 08vw;
    }
}

@media (min-width: 1300px){
    .row-keep-up-with-our-future{
        padding: 8vw 8vw;
    }
}

@media (min-width: 1400px){
    .row-keep-up-with-our-future{
        padding: 8vw 6vw;
    }
}


@media (min-width: 1430px){
    .row-keep-up-with-our-future{
        padding: 8vw 4vw;
    }
}


@media (min-width: 1500px){
    .row-keep-up-with-our-future{
        padding: 8vw 0vw;
    }
}

@media (min-width: 1600px){
    .row-keep-up-with-our-future{
        padding: 8vw 0vw;
    }
    .col-half-left-keep-up-with-our-future-wrapper{
        justify-content: flex-start;
    }
    .col-half-left-keep-up-with-our-future{
        /* background-color: #6cd04c; */
        text-align: left;
        position: relative;
        left: 13vw;
    }
}

@media (min-width: 1800px){
    .row-keep-up-with-our-future{
        padding: 8vw 9vw;
    }
    .col-half-left-keep-up-with-our-future{
        left: 6vw;
    }
}

@media (min-width: 1900px){
    .row-keep-up-with-our-future{
        padding: 8vw 11vw;
    }
    .col-half-left-keep-up-with-our-future{
        left: 6vw;
    }
}

@media (min-width: 2200px){
    .row-keep-up-with-our-future{
        padding: 8vw 9vw;
    }
    .col-half-left-keep-up-with-our-future{
        left: 9vw;
    }
}

@media (min-width: 2200px){
    .row-keep-up-with-our-future{
        padding: 8vw 11vw;
    }
    .col-half-left-keep-up-with-our-future{
        left: 9vw;
    }
}