*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  body{
  background-color: rgba(255, 255, 255, 0.62);
  font-family: Arial, Helvetica, sans-serif;

  }


/* sec5 start  */


        
          /* sec5 start  */

          .sec5{
            max-width: 1500px;
            margin: auto;
          
            /* margin-top: 100px; */
          }
          .sec5 .sec5-headimgText{
            height: 200px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.157),rgba(62, 35, 62, 0.849)),url(image/Industries.jpg);
            background-position: center;
            background-size: 100% 150%;

            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: #fff;
            
          }
          .sec5 .sec5-headimgText h2 span{
            font-weight: 800;
          }


          .sec5 .sec5-boxes{
            width: 100%;
            justify-content: center;
            align-items: center;
          
          }
          .sec5 .sec5-boxes .box-text1{
            height: 300px;
            padding-top: 5px;
            margin-top: 220px;
            background-color: #0365a189;
          }
          .sec5 .sec5-boxes .box-text2{
            height: 300px;
            padding-top: 1px;
            margin-top: 200px;
            background-color: #0365a189;
          }
          .sec5 .sec5-boxes h2{
            color: #fff;
            font-family: 'Oswald';
            font-weight: 400;
            letter-spacing: 2px;
            text-align: center;
            margin-top: 200px;
          
          }
          .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: #045182;
            padding: 10px 50px;
          }

          .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\ &\ GAS.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 2px;
            padding-top: 0;
          }
          .sec5-subbox1 .box1:hover .box-text1{
            margin-top: 0;
          
          }
          .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\ PLUMBING.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 2px;
          
          }
          .sec5-subbox1 .box2:hover .box-text2{
            margin-top: 0;
          
          }
          .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\ &\ FINANCE.png);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 2px;
          }
          .sec5-subbox1 .box3:hover .box-text1{
            margin-top: 0;
          
          }
          .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\ INDUSTRY.png);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            overflow: hidden;
            margin: 2px;
          }
          .sec5-subbox1 .box4:hover .box-text2{
            margin-top: 0;
          
          }
          
          .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.jpeg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             overflow: hidden;
             margin: 2px;
           }
           .sec5-subbox2 .box5:hover .box-text1{
            margin-top: 0;
          
          }
           .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\ &\ MAITAINANCE.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             margin: 2px;
             overflow: hidden;
           }
           .sec5-subbox2 .box6:hover .box-text2{
            margin-top: 0;
          
          }
           .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\ &\ ERECTION.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             overflow: hidden;
             margin: 2px;
           }
           .sec5-subbox2 .box7:hover .box-text2{
            margin-top: 0;
          
          }
           .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\ FIELDS\ &\ REFINERIES.jpg);
             background-position: center;
             background-size: 100% 100%;
             transition: ease-in-out 1s;
             overflow: hidden;
             margin: 2px;
           }
           .sec5-subbox2 .box8:hover .box-text2{
            margin-top: 0;
          
          }
           .sec5-subbox2 .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;
            margin: 2px;
          }
          .sec5-subbox2 .box9:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .box10{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/HOSPITALITY\ INDUSTRY.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            margin: 2px;
          }
          .sec5-subbox2 .box10:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .box11{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/AIR\ CONDITIONING.webp);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            margin: 2px;
          }
          .sec5-subbox2 .box11:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .box12{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/IT\ &\ TELECOM.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            margin: 2px;
          }
          .sec5-subbox2 .box12:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .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;
            margin: 2px;
          }
          .sec5-subbox2 .box13:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .box14{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/Power\ and\ Utility.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            margin: 2px;
          }
          .sec5-subbox2 .box14:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .box15{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/MEDICAL\ &\ PHARMACY.jpeg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            margin: 2px;
          }
          .sec5-subbox2 .box15:hover{
            background-size: 120% 120%;          
            
          }
          .sec5-subbox2 .box16{
            width: 25%;
            height: 300px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.392),rgba(0, 0, 0, 0.5)), url(image/OFFICE\ ADMINISTRATION.jpg);
            background-position: center;
            background-size: 100% 100%;
            transition: ease-in-out 1s;
            margin: 2px;
          }
          .sec5-subbox2 .box16:hover{
            background-size: 120% 120%;          
            
          }


/*   form */

.form-box{
    max-width: 1500px;
    align-items: center;
    align-self: center;
    margin: auto;
    padding-top: 20px;
    color: #f2f2f2;
    justify-content: center;
    background: rgba(13, 57, 98, 0.2);
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
    background:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), url(image/form\ bg3.avif);
    background-size: 100% 100%;
    background-position: center;
  
  
  }
  .main{
    max-width: 800px;
    padding: 28px;
    margin: 0 28px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.726);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.6);
    margin: auto;
  
  
  }
  
  .main h2{
    font-size: 32px;
    font-weight: bold;
    font-weight: 500;
    text-align: left;
    color: #fff;
    padding-bottom: 8px;
    text-align: center;
    
  
  
  }
  .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 ;
    
  }
  .mean-inputbox{
    width: 100%;
    /* background-color: #aa076b; */
    display: flex;
    flex-wrap: wrap;
  }
  .mean-inputbox .input-box{
    width: 44%;
    margin: 20px 20px;
    /* background-color: #c93838; */
    align-items: center;
    display: block;
    /* background-color: aqua; */
  
  }
  .mean-inputbox .input-box input{
    background: transparent;
    width: 100%;
    height: 25px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.631);
    border-radius: 0;
  }
  
  .input-box input:focus {
    outline: none;
  }
  .mean-inputbox2{
    width: 100%;
    /* background-color: #aa076b; */
    margin-top: 20px;
  
  
  }
  .mean-inputbox2 .input-box{
    /* background-color: aqua; */
    width: 100%;
    padding: 20px 20px;
  }
  .mean-inputbox2 .input-box input{
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.467);
    width: 100%;
    height: 30px;
    color: white;
  }
  .button1{
    /* background-color: #aa076b; */
    text-align: center;
  
  }
  .button1 button{
    font-size: 20px;
    border-radius: 30px;
    padding: 10px 50px ;
    border:none;
    color: white;
    background: transparent;
    border: 0.5px solid rgba(255, 255, 255, 0.715);
    /* background-color: rgba(255, 255, 255, 0.554); */
  
  }
  .button1 button:hover{
    cursor: pointer;
    /* text-decoration: underline; */
  
  }
  
  
  
  
  
  
  
  
  /* footer style  */
  
  #footer-icons a i {
    font-size: 35px;
    color: #ffffff;
  }
  
  #footer h5 {
    color: #ffffff;
    font-size: 25px;
    margin-top: 30px;
  }
  
  .footer-bg {
    max-width: 1500px;
    margin: auto;
    background-color: rgb(2, 26, 35);
}
  
  .designation-contact {
    display: flex;
    justify-content: center;
  
  }
  
  .designation-contact .card {
    max-width: 380px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    column-gap: 30px;
  
    cursor: pointer;
    backdrop-filter: blur(5px);
    /* box-shadow: 20px 20px 50px rgb(0, 0, 0, 0.5); */
    box-shadow: 2px 1px 10px 0px rgb(0, 0, 0, 0.5);
    background-color: rgba(225, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 30px;
  }
  
  .designation-contact>div h6 {
    font-size: 1.2rem;
  }
  
  form ul{
    display: flex;
  }
  form ul li{
    margin: 10px;
  }
  .ms-3{
    color: #ffffff;
  }
  .col-xl-3 p{
    font-size: 20px;
    color: rgba(255, 255, 255, 0.752);
  }
  .col-xl-3 ul li{
      list-style: none;
      text-decoration: none;
      margin-top: 12px;
      font-size: 18px;
  }
  .col-xl-3 ul li a{
    color: #fff;
    margin-top: 10px;
    font-size: 20px;
  }
  .col-xl-3 nav:hover{
      background: transparent;
  }
  .footer-base{
    text-align: center;
    padding: 10px;
    color: white;
    font-size: 16px;
    border-top: 0.5px solid rgba(128, 128, 128, 0.303);
  }
  .designation-contact h6 {
    color: #ffffff;
  
  }



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


    .headersection{
        padding-left: 10px;
        padding-right: 10px;
    }
    .headersection .header-icons a{
        margin-top: 10px;
    }
.header-contact{
    display: none;
}


.sec5 .sec5-headimgText h2{
  font-size: 45px;
  margin-top: 155px;
  
}





.sec5-subbox1 .box1{
  width: 100%;
}
.sec5-subbox1{
  display: flex;
  flex-wrap: wrap;
}
.sec5-subbox2{
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-subbox2 .box9{
  width: 100%;
  }
  .sec5-subbox2 .box10{
  width: 100%;
  }
  .sec5-subbox2 .box11{
  width: 100%;
  }
  .sec5-subbox2 .box12{
  width: 100%;
  }
  .sec5-subbox2 .box13{
  width: 100%;
  }
  .sec5-subbox2 .box14{
  width: 100%;
  }
  .sec5-subbox2 .box15{
  width: 100%;
  }
  .sec5-subbox2 .box16{
    width: 100%;
    }

  
}