.sec1{
    max-width: 1500px;
    margin: auto;
    height: 400px;
    background:linear-gradient(rgba(0, 0, 0, 0.161),rgba(0, 0, 0, 0.153)), url(image/job1.png);
    background-position: center;
    background-size: 100% 130%;
    text-align: center;
    padding-top: 250px;
    color: white;
    font-size: 40px;
    margin-top: -70px;
}

  
          /* 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: 20px;
            height: 180px;
            padding-bottom: 00px;
            background-color: rgb(5, 37, 56);

          }
          .sec5 .sec5-headimgText h2{
            font-size: 50px;
            font-weight: 200;
            text-align: center;
            color: rgb(255, 255, 255);
        
          }
          .sec5 .sec5-headimgText h2 span{
            font-weight: 600;
          }
          
          
          .sec5 .sec5-boxes{
            width: 100%;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
          
          }
          .sec5 .sec5-boxes .box-text1{
            /* height: 300px; */
            padding: 10px 5px;
            margin: auto;
            width: 90%;
            margin-top: 225px;
            background-color: #8bbadd;
            box-shadow: 10px 10px 0px rgb(226, 54, 54);
            border-radius: 40px 0 40px 0;
          }
          .sec5 .sec5-boxes .box-text2{
            /* height: 300px; */
            padding: 10px 8px;
            width: 90%;
            margin: auto;
            margin-top: 225px;
            background-color: #8bbadd;
            box-shadow: 10px 10px 0px rgb(227, 48, 48);
            border-radius: 40px 0 40px 0;
          }
          .sec5 .sec5-boxes h2{
            color: rgb(0, 0, 0);
            font-family: 'Oswald';
            font-weight: 400;
            letter-spacing: 2px;
            font-size: 25px;
            text-align: center;
          
          }
          /* .sec5 .sec5-boxes p{
            font-size: 18px;
            height: 300px;
            margin-top: 50px;
            text-align: center;
            color: white;
          } */
          .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),rgba(0, 0, 0, 0)), url("image/OIL & GAS 2.jpg");
            background-position: center;
            background-size: 130% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
            /* padding-top: 0; */
            /* border-radius: 20px 20px 0 0; */
          }
        
          .sec5-subbox1 .box2{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), url("image/MECHANICAL PLUMBING 3.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),rgba(0, 0, 0, 0)), url("image/CIVIL SERVICES.avif" );
            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),rgba(0, 0, 0, 0)), url("image/AGRICULTURE DAIRY.jpg");
            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),rgba(0, 0, 0, 0)), url("image/ENGINEERING 3.avif");
             background-position: center;
             background-size: 100% 150%;
             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),rgba(0, 0, 0, 0)), url("image/CATERING.avif");
             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),rgba(0, 0, 0, 0)), url("image/electromechanical.jpeg");
             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),rgba(0, 0, 0, 0)), url("image/MANUFACTURING 3.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),rgba(0, 0, 0, 0)), url("image/FACILITY MANAGEMENT.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),rgba(0, 0, 0, 0)), url("image/FMCO FOOD BEVERAGE.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),rgba(0, 0, 0, 0)), url("image/HEALTH CARE MEDICAL.jpg" );
            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),rgba(0, 0, 0, 0)), url("image/HUMAN RESOURCE PERSONAL.avif");
            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),rgba(0, 0, 0, 0)), url("image/INFORMATION TECHNOLOGY.avif");
            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),rgba(0, 0, 0, 0)), url("image/LOGISTICS TRANSPORTATION.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),rgba(0, 0, 0, 0)), url("image/MECHANICAL ELECTRICAL & PLUMBING.jpg" );
            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),rgba(0, 0, 0, 0)), url("image/OFFICE ADMINISTRATION 2.jpg");
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
          }

                  
          .sec5 .sec5-boxes .sec5-subbox5{
            width: 100%;
            display: flex;
           }

          .sec5-subbox5 .box17{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), url("image/SECURUTIY SAFETY.jpg" );
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
          }

          .sec5-subbox5 .box18{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), url("image/SHIPPING MARINE.jpg");
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
          }

          .sec5-subbox5 .box19{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), url("image/PETROCHEMICALS.jpg");
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
          }

          .sec5-subbox5 .box20{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), url("image/SALES & MARKETING..jpg");
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 10px;
          }
        

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

          .sec1{
            background-size: 150% 100%;
          }

  .sec5-subbox1 .box1{
    width: 100%;
    margin-top: 30px;


}
.sec5 .sec5-headimgText{
    padding-top: 8px;
}

.sec5 .sec5-boxes .box-text1{
  padding: 5px 0 ;
}

.sec5 .sec5-boxes .box-text2{
  padding: 5px 0;
}
.sec5 .sec5-boxes h2{
    font-size: 20px;
    margin-bottom: 0;
}
.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-subbox5{
  display: flex;
  flex-wrap: wrap;
}
.sec5-subbox1 .box2{
  width: 100%;
  margin-top: 30px;
}
.sec5-subbox1 .box3{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox1 .box4{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox2 .box5{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox2 .box6{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox2 .box7{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox2 .box8{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox3 .box9{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox3 .box10{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox3 .box11{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox3 .box12{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox4 .box13{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox4 .box14{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox4 .box15{
  width: 100%;
  margin-top: 30px;

}
.sec5-subbox4 .box16{
  width: 100%;
  margin-top: 30px;

}

.sec5-subbox5 .box17{
  width: 100%;
  margin-top: 30px;
}


.sec5-subbox5 .box18{
  width: 100%;
  margin-top: 30px;
}


.sec5-subbox5 .box19{
  width: 100%;
  margin-top: 30px;
}
.sec5-subbox5 .box20{
  width: 100%;
  margin-top: 30px;
}



          }