.mySlides {display:none;}


.industrial h1{
    font-size: 25px;
    font-family: 'PT Serif', serif;
    font-weight: 500;
    padding: 15px 0px;
    color: #333;
    text-align: left;
    text-transform: capitalize;
    margin-top: 20px;
}

.ourPeople h2{
    color: #484343;
    font-size: 20px; 
    padding: 15px 0px;
    margin-top: -30px;
    font-weight: 500;

}

.description{
    padding: 10px 0px;
}

.Activities h2{
    color: #484343;
    font-size: 20px; 
    padding: 15px 0px;
    font-weight: 500;
}

.Activities h3{
    color: #484343;
    font-size: 17px; 
    padding: 15px 0px 0px 2px;
    margin-top: -30px;
    font-weight: 500;
}

.Activities1 h3{
    color: #484343;
    font-size: 17px; 
    padding: 0px 0px 0px 2px;
    margin-bottom: 10px;
    font-weight: 500;
}

.career h2{
    color: #484343;
    font-size: 20px; 
    padding: 15px 0px;
    margin-top: -20px;
    font-weight: 500;
}


.Cdescription{
    margin-top: -30px;
    padding: 10px 0px;
}



.industrial-grid {
   
   
    margin: 5px auto 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}

.industrial-grid .box {
    
    position: relative;
    width: 450px;
    margin: 10px;
    box-sizing: border-box;
    display: inline-block;
}

.industrial-grid .box .imgBox{
    position: relative;
    overflow: hidden;
}


.industrial-grid .box .imgBox img {
    object-fit: cover;
    max-width: 100%;
    transition: transform 0.5s;

}

.industrial-grid .box:hover .imgBox img {
    
}

.industrial-grid .box .details {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.5);
    transform: scaleY(0);
    transition: transform .5s;
}


.industrial-grid .box:hover .details {
    
    transform: scaleY(1);
}



.industrial-grid .box .details .content {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    text-align: center;
    padding: 15px;
    color: #fff;
}

.industrial-grid .box .details .content h2{
    margin: 15px 15px 0;
    padding: 0;
    font-size: 25px;
    color: white;
    text-transform: uppercase;
    
}




.gallery h1{
    font-size: 25px;
    font-family: 'PT Serif', serif;
    font-weight: 500;
    padding: 15px;
    color: #333;
    text-align: left;
    text-transform: capitalize;
    margin-top: 20px;
}


.photos .img{

    justify-content: center;
    align-items: center;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,300px));
    column-gap: 10px;
    row-gap: 10px;

}



.photos .img .one .text-block{
    color: black;
    text-transform: uppercase;
    position: absolute; 
    top: 60%; 
    width: 100%;
    justify-content: center;
    align-items: center;


}


.img img{
    width: 300px;
    height: 200px;


}



.column {
    float:left;
    width: 30%;
    padding: 5px 15px;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.image__img {
    display: block;
    width: 100%;
}



.text-wrapper{
    width: 105%;
    position: relative;
    margin-top: -45%;

}


.text-wrapper h1{
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: white;
    box-shadow: black;
    text-shadow: 2px 2px black ;
}