/* 
  **********************************************
  ************  about all  section  ************
  **********************************************
 */ 

 section{
    padding: 20px 0px;
}

 
.main {
  
    width: 100%;
    padding-top: 126px;
}

.application-title
{
    font-family: 'Medium';
    display: flex;
    justify-content: center;
    color: #fff;
    font-size:100px;
    font-weight: 400;   
}

.content
{

    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

        
.card1
{

    background-color: #072826;
    border: 1px solid #4CDC6B;
    height:460px;
    width: 575px;
    overflow: hidden;
    border-radius: 15px;
    margin-left: 38px;
    margin-bottom: 33px; 
    position: relative;
    isolation: isolate;
    transition: 0.5s ease;
}

.card1:after
{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.5;
    background: url(../images/Applications/HousingandcivilConstructions/New/2021-12-16_154952.png) ;
    background-position-x:-110px ;
    background-size: 788px;
    background-repeat: no-repeat;
    transition: 0.7s ease;
}

.card1:hover:after
{
    opacity: 0.8;
}
.card1:hover
{
    transform: scale(1.02);
}


.card1 h2
{
    font-family: 'Medium';
    font-weight:100;
    color: #fff;
    font-size: 48px;
    padding-left: 25px;
    padding-top: 320px;
}


.content .Agriculture .card1 h2,
.content .Road .card1 h2,
.content .Railway .card1 h2,
.content .Bridges .card1 h2,
.content .Parking .card1 h2,
.content .Airports .card1 h2,
.content .Seawalls .card1 h2,
.content .Precast .card1 h2,
.content .Mining .card1 h2
{
    padding-top: 376px;
}


.content .Industrial .card1:after
{
    background: url(../images/Applications/industrialzone/Industrial-zones-&-engineering-2.png) ;
    background-repeat: no-repeat;
    background-position-x:0px ;
    background-size: 710px;
    transition: 0.7s ease;
}

.content .Agriculture .card1:after
{
    background: url(../images/Applications/farming/Agriculture\ &\ Farming2.jpg) ;
    background-repeat: no-repeat;
    background-position-x:-64px ;
    background-size: 710px;
    transition: 0.7s ease;
}
.content .Road .card1:after
{
    background: url(../images/Applications/Road/roads.png);
    background-repeat: no-repeat;
    background-position-x:-60px ;
    background-position-y: -10px;
    background-size: 710px;
    transition: 0.7s ease;
}
.content .Railway .card1:after
{
    background: url(../images/Applications/Railway/Railway\ construction.png);
    background-repeat: no-repeat;
    background-position-x:-50px ;
    background-position-y: -10px;
    background-size: 710px;
    transition: 0.7s ease;
}
.content .Bridges .card1:after
{
    background: url(../images/Applications/Bridges/Bridge2.jpg);
    background-repeat: no-repeat;
    background-position-x: -150px;
    background-size: 875px;
    transition: 0.7s ease;
}
.content .Parking .card1:after
{
    background: url(../images/Applications/ParkingGarages/Garage3.jpg);
    background-repeat: no-repeat;
    background-position-x:-10px ;
    background-size: 810px;
    transition: 0.7s ease;
}

.content .Airports .card1:after
{
    background: url(../images/Applications/AirportandRunways/ashim-d-silva-pGcqw1ARGyg-unsplash.jpg);
    background-repeat: no-repeat;
    background-position-x:-60px ;

    background-size: 710px;
    transition: 0.7s ease;
}
.content .Seawalls .card1:after
{
    background: url(../images/Applications/SeaWalls/Seawalls.jpg);
    background-repeat: no-repeat;
    background-position-x:-80px ;
    background-size: 710px;
    transition: 0.7s ease;
}
.content .Precast .card1:after
{
    background: url(../images/Applications/Precast/mainprecast.jpg);
    background-repeat: no-repeat;
    background-position-x:-50px ;
    background-size: 689px;
    transition: 0.7s ease;
}
.content .Medical .card1:after
{
    background: url(../images/Applications/MedicalandIT/MedicalConstruction.jpg);
    background-repeat: no-repeat;
    background-position-x: -50px ;
    background-position-y: -45px;
    background-size: 670px;
    transition: 0.7s ease;
}
.content .Mining .card1:after
{
    background: url(../images/Applications/MiningandTunneling/MiningTunneling.jpg);
    background-repeat: no-repeat;
    background-position-x: -370px ;
    background-position-y: 0px;
    background-size: 1340px;
    transition: 0.7s ease;
}





.footer-card
{
   width: 1792px; 
}


@media(max-width:1840px)
{

    .card1
    {
        height:352px;
        width: 440px;
        margin-left: 22px;
        margin-bottom: 26px; 
    }

    .card1 h2   
    {
        font-size: 28px;
        padding-left: 25px;
        padding-top: 260px;
    }
.content .Agriculture .card1 h2,
.content .Road .card1 h2,
.content .Railway .card1 h2,
.content .Bridges .card1 h2,
.content .Parking .card1 h2,
.content .Airports .card1 h2,
.content .Seawalls .card1 h2,
.content .Precast .card1 h2,
.content .Mining .card1 h2
{
    padding-top: 286px;
}

    .footer-card
    {
        width: 1439px; 
    }


}
@media(max-width:1439px)
{

    .application-title
    {
        font-size:80px;   
    }
    .card1
    {
        height:268px;
        width: 345px;
        margin-left: 22px;
        margin-bottom: 26px; 
    }

    .card1 h2   
    {
        font-size: 28px;
        padding-left: 15px;
        padding-top: 190px;
    }

.content .Agriculture .card1 h2,
.content .Road .card1 h2,
.content .Railway .card1 h2,
.content .Bridges .card1 h2,
.content .Parking .card1 h2,
.content .Airports .card1 h2,
.content .Seawalls .card1 h2,
.content .Precast .card1 h2,
.content .Mining .card1 h2
{
    padding-top: 216px;
}

.card1:after
{
    background-size: 470px;
    background-position-x:-60px ;
}
.content .Industrial .card1:after,
.content .Agriculture .card1:after,
.content .Road .card1:after,
.content .Railway .card1:after,
.content .Bridges .card1:after,
.content .Parking .card1:after,
.content .Airports .card1:after,
.content .Seawalls .card1:after,
.content .Precast .card1:after
{
    background-size: 510px;

}

.content .Airports .card1:after,
.content .Precast .card1:after,
.content .Medical .card1:after
{
    background-size: 410px;

}

.content .Mining .card1:after
{
    background-size: 910px;
    background-position-x: -300px ;
}

    .footer-card
    {
        width: 1119px; 
    }

    
}

@media(max-width:1119px)
{

    .application-title
    {
        font-size:60px;  
    }
    .card1
    {
        height:300px;
        width: 375px;
        margin-left: 16px;
        margin-bottom: 18px; 
    }
    .card1 h2   
    {
        font-size: 28px;
        padding-left: 15px;
        padding-top: 210px;
    }

.content .Agriculture .card1 h2,
.content .Road .card1 h2,
.content .Railway .card1 h2,
.content .Bridges .card1 h2,
.content .Parking .card1 h2,
.content .Airports .card1 h2,
.content .Seawalls .card1 h2,
.content .Precast .card1 h2,
.content .Mining .card1 h2
{
    padding-top: 246px;
}

.card1:after
{
    background-size: 510px;
    background-position-x:-60px ;
}
.content .Industrial .card1:after
{
    background-size: 510px;
    background-position-x: -80px ;
    background-position-y: -40px ;
}
.content .Agriculture .card1:after,
.content .Road .card1:after,
.content .Railway .card1:after,
.content .Bridges .card1:after,
.content .Parking .card1:after,
.content .Airports .card1:after,
.content .Seawalls .card1:after,
.content .Precast .card1:after
{
    background-size: 570px;

}

.content .Airports .card1:after,
.content .Precast .card1:after,
.content .Medical .card1:after
{
    background-size: 510px;

}

.content .Mining .card1:after
{
    background-size: 910px;
    background-position-x: -300px ;
}
    .footer-card
    {
        width: 779px; 
    }

    
}

@media (max-width: 779px)
{
    .application-title
    {
        font-size:50px;
    }
    .card1
    {
        height:352px;
        width: 440px;
    }
    .card1:after
    {

    background-position-x:-110px ;
    background-size: 788px;

    }

    .card1 h2
    {
        font-size: 28px;
        padding-left: 25px;
        padding-top: 260px;
    }

.content .Agriculture .card1 h2,
.content .Road .card1 h2,
.content .Railway .card1 h2,
.content .Bridges .card1 h2,
.content .Parking .card1 h2,
.content .Airports .card1 h2,
.content .Seawalls .card1 h2,
.content .Precast .card1 h2,
.content .Mining .card1 h2
{
    padding-top: 286px;
}


.content .Industrial .card1:after
{
    background-position-x:-10px ;
    background-position-y:0px ;
    background-size: 610px;
}

.content .Agriculture .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-64px ;
    background-size: 710px;
}
.content .Road .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-60px ;
    background-position-y: -10px;
    background-size: 710px;
}
.content .Railway .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-50px ;
    background-position-y: -10px;
    background-size: 710px;
}
.content .Bridges .card1:after
{
    background-repeat: no-repeat;
    background-position-x: -150px;
    background-size: 875px;
}
.content .Parking .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-10px ;
    background-size: 810px;
}

.content .Airports .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-60px ;
    background-size: 710px;
}
.content .Seawalls .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-80px ;
    background-size: 710px;
}
.content .Precast .card1:after
{
    background-repeat: no-repeat;
    background-position-x:-50px ;
    background-size: 689px;
}
.content .Medical .card1:after
{
    background-repeat: no-repeat;
    background-position-x: -50px ;
    background-position-y: -45px;
    background-size: 670px;

}
.content .Mining .card1:after
{

    background-position-x: -370px ;
    background-position-y: 0px;
    background-size: 1340px;
}



    .footer-card
    {
        width: 579px; 
    }
}

@media (max-width: 579px)
{

    .card1
    {
        height:288px;
        width:360px;
    }
    .card1 h2
    {
        font-size: 24px;
        padding-left: 25px;
        padding-top: 210px;
    }

    .content .Agriculture .card1 h2,
    .content .Road .card1 h2,
    .content .Railway .card1 h2,
    .content .Bridges .card1 h2,
    .content .Parking .card1 h2,
    .content .Airports .card1 h2,
    .content .Seawalls .card1 h2,
    .content .Precast .card1 h2,
    .content .Mining .card1 h2
    {
        padding-top: 240px;
    }

        .card1:after
    {
        background-size: 510px;
        background-position-x:-60px ;
    }
    .content .Industrial .card1:after
    {
        background-size: 510px;
        background-position-x: -80px ;
        background-position-y: -40px ;
    }
    .content .Agriculture .card1:after,
    .content .Road .card1:after,
    .content .Railway .card1:after,
    .content .Bridges .card1:after,
    .content .Parking .card1:after,
    .content .Airports .card1:after,
    .content .Seawalls .card1:after,
    .content .Precast .card1:after
    {
        background-size: 540px;

    }

    .content .Airports .card1:after,
    .content .Precast .card1:after,
    .content .Medical .card1:after
    {
        background-size: 510px;

    }

    .content .Mining .card1:after
    {
        background-size: 910px;
        background-position-x: -300px ;
    }

    .footer-card
    {
        width: 360px; 
    }

}


@media (max-width: 360px)
{

    .card1,
    .endcard
    {
        width:344px;
    }
    .card1 h2
    {
        font-size: 15px;
        padding: 19px;
    }


    .footer-card
    {
        width: 344px; 
    }
}