.design{
    display: flex;
    gap: 1%;
    margin-bottom: 5%;
}
.des-1{
    width: 49%;
    background-color:rgb(228, 223, 223);
    height: 42vh;
}
.des-1 h2{
    transform: translate(20%,120%);
}
.des-1 h3{
    transform: translate(20%,70%);
}
.des-1 i{
    font-size: 60px;
    color: rgb(128, 72, 72);
    transform: translate(60%,-100%);
}
.des-1 p{
    font-size: 20px;
    width: 80%;
    transform: translate(7%,-50%);
}
.des-2{
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    position: relative;
    overflow: hidden;
    height: 42vh;
}
.des-2 img{
    width: 100%;
}
.des-2 h3{
    transform: translate(3%, -1500%);
}
.des-2 h2{
    transform: translate(3%, -1250%);
}
.des-3{
    width: 24%;
    display: flex;
    justify-content: stretch;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 42vh;
}
.des-3 h3{
    transform: translate(3%, -1500%);
}
.des-3 h2{
    transform: translate(3%, -1250%);
}
.des-3 img{
    width: 100%;
}
.des-1 span{
    margin-right: 15px;
}
.des-4{
    transform: translate(50%, -230%);
    margin-right: 5%;
}
.go:hover{
    padding: 2px 5%;
}
.des-2:hover .des-2-img{
    transform: scale(1.2);
}
.des-3:hover .des-3-img{
    transform: scale(1.2);
}
.serv{
    display: flex;
    gap: 1%;
}
.ser-1{
    text-align: center;
    width: 19%;
    border-right: 1px solid  rgb(128, 72, 72);
}
.ser-1 h4{
    margin-bottom: 0;
}
.ser-div{
    width: 100%;
    height: 8vh;
    display: flex;
   background-image: url(../img/service-icon.png);
   background-repeat: no-repeat;
}
.last-5{
    border-right: 0;
}
.ser-div-1{
    background-position: center 0px;
}
.ser-div-2{
    background-position: center -180px;
}
.ser-div-3{
    background-position: center -360px;
}
.ser-div-4{
    background-position: center -540px;
}
.ser-div-5{
    background-position: center -720px;
}
.ser-div-1:hover{
    background-position: center -90px;
}
.ser-div-2:hover{
    background-position: center -270px;
}
.ser-div-3:hover{
    background-position: center -450px;
}
.ser-div-4:hover{
    background-position: center -630px;
}
.ser-div-5:hover{
    background-position: center -810px;
}