header{background-color: #000306;
    position: unset;}
/* start contact section h
/* start recent work @@@@@ */
.recent-work{width: 100%;
    display: flex;
    padding: 3% 0px 0px 0px;
    flex-direction: column;
    background-color:#f6f6f6;
    }
    
    .recent-work-one{width: 100%;
    font-family: 'Rubik';
    padding: 0px 3%;
    position: relative;
    display: none;
    }
    
    .our-projectbt{
        position: absolute;
        top: 0px;
        right: 0px;
        margin-top: 15px;
        text-decoration: none;
        color: white;
        background-color: orangered;
        display: inline-block;
        padding: 16px 20px;
        font-family: 'Rubik';
        text-transform: uppercase;
        transition: all .5s ease-out;
        background-position: right bottom;
        margin-right: 2%;
        border-radius: 37px;
        display: none;
    }
    
    .our-projectbt:hover{
        background-position: left bottom;
        background: linear-gradient(to right, #171717 50%, #ddd 50%);
        background-size: 200% 100%;
        color: white;
    }
    
    .work-two-one{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;}
    
    .recent-work-one h2{    font-size: 17px;
        color: orangered;
    margin-top: 10px;
    line-height: 35px;}
    
    .recent-work-one h3{    font-size: 37px;
        line-height: 50px;}
    
    .recent-work-two{width: 100%;
    margin-top: 20px;
    }
    
    .img-work-slick{width: 33%;
        height: 400px;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
       
    }
    
    
    .img1-work{background-image: url(../img/client/thanchospitalcom.jpg);}
    
    .img2-work{background-image: url(../img/client/ubmindiabiz.jpg);}
    
    .img3-work{background-image: url(../img/client/fabseating.jpg);}
    
    .img4-work{background-image: url(../img/client/vishveshtextiles.jpg);}
    
    .img-work-slick img{width: 100%;
    }
    
    .content-recent-work{width: 100%;
        border: 1px solid white;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.329);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition:all .5s;
    background-size: 100% 200%; 
    }
    
    .img-work-slick h4{    font-family: 'Roboto';
        font-size: 31px;
        color: white;
        margin-left: 15px;
        font-weight: 500;
        margin-bottom: 15px;
    text-transform: capitalize;}
    
    .content-recent-work:hover{  background-image: linear-gradient(transparent,transparent 5%, rgba(255, 68, 0, 0.534) 50%, rgba(255, 68, 0, 0.534), rgba(255, 68, 0, 0.534));
        background-size: 100% 100%; }
    
    .img-work-slick:hover{ 
        animation-fill-mode: forwards;
        animation: zoomin 1s linear;
    }
    
    
    @keyframes zoomin {
        0% {
            
          /* -webkit-transform: scale(1);
          transform: scale(1); */
          background-size: 100% auto;
    
        }
        100% {
          /* -webkit-transform: scale(1.1);
          transform: scale(1.); */
          background-size: 105% auto;
    
        }
      }
    
    /* end recent work @@@@@ */
    

    
@media(max-width:900px){

    /* banner */

    .first-banner{width: 100%;
    padding-left: 8%;
padding-top:50px;}

    .first-banner h1{font-size: 32px;
    line-height: 45px;
    }
    
    .first-banner h2{font-weight: 500;}

    /* end banner */


    /* get know us start here  */
    .about-section{flex-direction: column;}

    .about-section-first{width:100%;
    height: 650px;}

    .about-section-second{width: 100%;
    margin-top: 20px;
margin-right: 10px;
margin-right: 2%;}

.year-secondex{width: 45%;}

.bulb-icon{margin-left: 1%;}


    /* get know us end here  */

    /* services start here ` */

    .first-services-content{width: 100%;}

    .first-services-content p{display: none;}

    #secp-services{display: none;}

    .second-services{flex-direction: column;}

    .second-services-copy{width: 100%;}

    .down-head-services{ flex-direction: column;}

    /* services end here ` */



    /* start why choose us here */

    .chooseus{flex-direction: column;}

    .chooseone{width: 100%;}

    .choosetwo{width: 100%;
    height: 650px;}

    .box-happy-costomer{margin-left: -3%;}

    /* end why choose us here */

    /* start tesimonial here  */

    .testimon-bgl{flex-direction: column;}

    .testimonial{height: auto;}

    .testi-first{width: 60%;}

    .testi-second{
    width: 100%;}

    .testi-second h3{margin: 1% 5%;
    font-size: 25px;
line-height: 38px;}

.testi-second h4{margin-left: 5%;}

.copy-testimonial-lay{flex-direction: column;}

.copy-testi-first{width: 100%;}
.copy-testi-second{width: 100%;}
.copy-testi-third{width: 100%;
margin-left: 0px;}


    /* end tesimonial here  */


    /* start blog section here */
    .blog-section-two{flex-direction: column;}

    .copy-blog{margin-left: 1%;
    margin-right: 1%;
width: 100%;
margin-top: 20px;}

.work-two-one{flex-direction: column;}
    /* end blog section here */


    /* start contact here */

    .contact{flex-direction: column;}

    .contact-one{width: 100%;}

    .contact-two{width: 100%;}

    .layer-two-bg{position:unset;}

    .background-girl{display: none;}

/* end contact section here */

}


@media(max-width:600px){

    /* start banner here */
    .first-banner{padding-left: 1%;}

    .second-banner{display: none;}

.first-banner h1{line-height: 45px;
font-size: 27px;
}

.first-banner h2{font-size: 18px;}

    /* end banner here */


    /* get know us start here */
    .about-section-second h2{font-size: 30px;
    line-height: 50px;}

    .yearofex{flex-direction: column;}

    .year-firstex{width: 100%;
    margin: auto 1%;}

    .year-secondex{width: 92%;
    margin: auto 1%;
margin-top:20px;}

    /* get know us end here */

/* start services here */
.first-services-content h3{font-size: 25px;
line-height: 35px;}

/* end services here */

/* why choose us start here */

.chooseone h3{font-size: 30px;
line-height: 45px;}

.icon-choose{flex-direction: column;
}
.icon-one-choose{width: 100%;
margin-top: 20px;}
/* why choose us end here */

/* recent work start here */

.recent-work-one h3{font-size: 23px;
line-height: 45px;
}
/* recent work end here */

/* testimonials start here */
.testi-first{width: 100%;}

.testi-second h3{margin: 2% 5%;
    font-size: 18px;
    line-height: 27px;}

    .testimonial-button{padding-left:0%;
    padding-right:0%;}

    .first-testimonial{font-size: 14px;
    padding: 10px;}
/* testimonials end here */

/* start blog section here */
.data-blog-one{width: 50%;}

/* end blog section here */

/* start contact here */
.contact-one h3{font-size: 25px;
line-height: 40px;
}
.contact-one{margin-right: 5%;}
/* end contact here */
    
}