/*banner sec*/
.common-banner{
position:relative;
width:100%;
height:80vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
object-fit:cover;
}

.common-banner img{
width:100%;
height:80vh;
object-fit:cover;
}

.common-titel-cont{
position:absolute; 
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.common-titel-cont h1{
color:#fff;
font-size:80px;
font-family: 'Poppins', sans-serif;
}

.common-titel-cont p{
color:#fff;
font-size:25px;
font-family: 'Poppins', sans-serif;
}




/*banner end*/







.grid-sec{
display:flex;
flex-direction:column;
width:100%;
padding:4rem 1.5rem 4rem 1.5rem;
justify-content:center;
align-items:center;
}
.grid-sec h1{.grid-sec 
font-size:48px;
font-family: 'Poppins', sans-serif;
margin-bottom:3rem;
}


.grid-wrapper1{
display:flex;
flex-direction:column;
width:70%;
height:40%;
margin-bottom:3rem;
}

.right-grid{
width:100%;
height:100%;
display:flex;
flex-direction:column;
}


.left-grid{
width:100%;
height:100%;
display:flex;
flex-direction:column;

}

.grid1,
.grid2{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
border-radius:.5rem;
width:100%;
height:100%;
position:relative; 
cursor:pointer;
box-shadow: 0px 1px 18px 0px rgba(0,0,0,0.3);
margin-bottom:3rem;
}


.grid3,
.grid4,
.grid2,
.grid1{
 margin-bottom:3rem;
 background: #ebe6e6;
 z-index:999;
 diplay:flex;
 flex-direction:column;
height:560px;

}

.grid1 .image-cont img{

 width:100%;
 height:100%;
 position:relative;
 border-radius:8px 8px 0px 0px;
/*box-shadow: 0px 1px 18px 0px rgba(0,0,0,0.3);*/
}


.grid2 .image-cont img{
 width:100%;
 height:100%;
 position:relative;

 border-radius:8px 8px 0px 0px;
}



.grid3{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
border-radius:.5rem;
width:100%;
margin-bottom:3rem;
 position:relative; 
cursor:pointer;
box-shadow: 0px 1px 18px 0px rgba(0,0,0,0.3);
}

.grid4{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
border-radius:.5rem;
width:100%;
position:relative; 
cursor:pointer;
box-shadow: 0px 1px 18px 0px rgba(0,0,0,0.3);
margin-bottom:3rem;
}


.image-cont{
width:100%;
height:88%;
}

.pname-box{
height:12%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}

.pname-box h2,
.pname-box p{

font-family: 'Poppins', sans-serif;
}
.pname-box h2
{
font-size:28px;
}
.pname-box p
{
font-size:15px;
}


.grid3 .image-cont img,
.grid4 .image-cont img{

 width:100%;
 height:100%;
 position:relative; 
 border-radius:.5rem;

 border-radius:8px 8px 0px 0px;
/*box-shadow: 0px 1px 18px 0px rgba(0,0,0,0.3);*/

}


/*ID Section*/






/*RESPONSIVE*/
@media(max-width:575px){

/*banner sec*/

.common-banner {
    position: relative;
    width: 100%;
    height: 34vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.common-banner img{
width:100%;
height:100%;
}

.common-titel-cont h1{
font-size:50px;
}

.common-titel-cont p{
font-size:15px;
}

/*banner end*/


.grid-sec{
padding:3rem 1rem 0rem 1rem;
}

.grid-sec h1{
font-size:30px;
margin-bottom: 2rem;
}


.grid-wrapper1{
width:95%;
}

.right-grid{
width:100%;
height:100%;
display:flex;
flex-direction:column;
}


.left-grid{
margin-right:0px;
}



.grid3,
.grid4,
.grid2,
.grid1{
 margin-bottom:2rem;
 background: #ebe6e6;
 height:250px;

}

.grid1 .image-cont img,
.grid2 .image-cont img{

}


.image-cont{
 width:100%;
 height:70%;
}

.pname-box{
 height:30%;
 padding:0px .8rem 0px .8rem;
}

.pname-box h2,
.pname-box p{
 font-family: 'Poppins', sans-serif;
}

.pname-box h2
{	
font-size:18px;
}

.pname-box p
{

font-size:12px;
}

.grid3{
margin-bottom:2rem;
}

}

@media only screen and (min-width: 1550px) and (max-width: 2000px){


.grid-wrapper1{

width:58%;


}


}