.sec1{
    max-width: 1500px;
    margin: auto;
    height: 400px;
    background:linear-gradient(rgba(0, 0, 0, 0.286),rgb(0, 0, 0)), url(image/Manufacturing.jpg);
    background-position: center;
    background-size: 100% 150%;
    text-align: center;
    padding-top: 250px;
    color: white;
    font-size: 40px;
}

  
          /* sec5 start  */

          .sec5{
            max-width: 1500px;
            margin: auto;
            /* margin-top: 50px; */
            background-image: linear-gradient(to  bottom right,rgb(98, 194, 207),rgba(17, 5, 5, 0),rgb(27, 70, 176));  
            padding: 50px 10px;
          }
          .sec5 .sec5-headimgText{
            width: 100%;
            text-align: center;
            padding-top: 30px;
            padding-bottom: 30px;
          }
          .sec5 .sec5-headimgText h2{
            font-size: 50px;
            font-weight: 400;
            text-align: center;
            color: rgb(0, 0, 0);
        
          }
          .sec5 .sec5-headimgText h2 span{
            font-weight: 800;
          }
          
          
          .sec5 .sec5-boxes{
            width: 100%;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
          
          }
          .sec5 .sec5-boxes .box-text1{
            height: 300px;
            padding: 5px 5px;
            margin-top: 220px;
            background-color: #060e2aad;
          }
          .sec5 .sec5-boxes .box-text2{
            height: 300px;
            padding: 5px 8px;
            margin-top: 190px;
            background-color: #060e2aac;
          }
          .sec5 .sec5-boxes h2{
            color: #fff;
            font-family: 'Oswald';
            font-weight: 400;
            letter-spacing: 2px;
            text-align: center;
          
          }
          .sec5 .sec5-boxes p{
            font-size: 18px;
            height: 300px;
            margin-top: 50px;
            text-align: center;
            color: white;
          }
          .sec5 .sec5-boxes .box-text1:hover p{
              margin-top: 20px;
          }
          .sec5 .sec5-boxes .box-text2:hover p{
              margin-top: 20px;
          }
          .sec5 .sec5-boxes .button{
            margin-top: 30px;
            text-align: center;
            align-content: center;
          }
          .sec5 .sec5-boxes .button button{
            font-size: 20px ;
            margin-top: 30px;
            border-radius: 30px;
            color: white;
            border: none;
            background-color: #4a0000;
            padding: 10px 50px;
          }
          .sec5 .sec5-boxes .button button a{
            color: white;
          }
          
          .sec5 .sec5-boxes .sec5-subbox1{
           width: 100%;
           display: flex;
          }
          .sec5-subbox1 .box1{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/OIL-2.html\ &\ GAS.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            padding-top: 0;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox1 .box2{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/MECHANICAL.html\ PLUMBING\ 2.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox1 .box3{
            width: 25%;
            height: 300px;
            background-image:linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/BANKING.html\ &\ FINANCE.png);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            padding: 0;
            margin: 10px;
            /* border-radius: 20px; */
          }
          .sec5-subbox1 .box4{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/PETROCHEMICAL.html\ INDUSTRY.png);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          
          .sec5 .sec5-boxes .sec5-subbox2{
            width: 100%;
            display: flex;
           }
           .sec5-subbox2 .box5{
             width: 25%;
             height: 300px;
             background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/ENGINEERING.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             overflow: hidden;
             margin: 10px;
             padding: 0;
             /* border-radius: 20px; */
           }
        
           .sec5-subbox2 .box6{
             width: 25%;
             height: 300px;
             background-image:linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/SERVICES.html\ &\ MAITAINANCE.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             margin: 10px;
             /* border-radius: 20px; */
             overflow: hidden;
           }
        
           .sec5-subbox2 .box7{
             width: 25%;
             height: 300px;
             background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/FABRICATION.html\ &\ ERECTION.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             overflow: hidden;
             margin: 10px;
             /* border-radius: 20px; */
           }
        
        
           .sec5-subbox2 .box8{
             width: 25%;
             height: 300px;
             background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/OIL-2.html\ FIELDS\ &\ REFINERIES.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             overflow: hidden;
             margin: 10px;
             /* border-radius: 20px; */
           }
        
          .sec5 .sec5-boxes .sec5-subbox3{
            width: 100%;
            display: flex;
           }
        
          .sec5-subbox3 .box9{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/CONSTRUCTIONS.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox3 .box10{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/HOSPITALITY.html\ INDUSTRY.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox3 .box11{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/AIR.html\ CONDITIONING.webp);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox3 .box12{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/IT.html\ &\ TELECOM.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
        
          .sec5 .sec5-boxes .sec5-subbox4{
            width: 100%;
            display: flex;
           }
          .sec5-subbox4 .box13{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/Manufacturing.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox4 .box14{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/Power.html\ and\ Utility.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox4 .box15{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/MEDICAL.html\ &\ PHARMACY\ 2.webp);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        
          .sec5-subbox4 .box16{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/OFFICE.html\ ADMINISTRATION.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* border-radius: 20px; */
          }
        











          @media screen and (max-width: 900px){

          
  .sec5-subbox1 .box1{
    width: 100%;
}
.sec5 .sec5-headimgText{
    padding-top: 8px;
}
.sec5 .sec5-headimgText h2{
    font-size: 38px;
}
.sec5-subbox1{
    display: flex;
    flex-wrap: wrap;
}
.sec5-subbox2{
  display: flex;
  flex-wrap: wrap;
}
.sec5-subbox3{
  display: flex;
  flex-wrap: wrap;
}
.sec5-subbox4{
  display: flex;
  flex-wrap: wrap;
}
.sec5-subbox1 .box2{
  width: 100%;
}
.sec5-subbox1 .box3{
  width: 100%;
}
.sec5-subbox1 .box4{
  width: 100%;
}
.sec5-subbox2 .box5{
  width: 100%;
}
.sec5-subbox2 .box6{
  width: 100%;
}
.sec5-subbox2 .box7{
  width: 100%;
}
.sec5-subbox2 .box8{
  width: 100%;
}
.sec5-subbox3 .box9{
  width: 100%;
}
.sec5-subbox3 .box10{
  width: 100%;
}
.sec5-subbox3 .box11{
  width: 100%;
}
.sec5-subbox3 .box12{
  width: 100%;
}
.sec5-subbox4 .box13{
  width: 100%;
}
.sec5-subbox4 .box14{
  width: 100%;
}
.sec5-subbox4 .box15{
  width: 100%;
}
.sec5-subbox4 .box16{
  width: 100%;
}

          }