.hero{
     justify-content: center;
     padding: 10px 80px;
    align-items: center;
}
.logo{
 display: flex;
 justify-content: space-between;
 gap: 10px;
 align-items: center;


}

.bio{
 display: flex;
 justify-content: space-between;
 align-items: center;


}
.nav-section{
 display: flex;
 justify-content: space-between;
 gap: 10px;
 align-items: center;


}
.button{
    background-color: #A53DFF;
    width: 111px;
    height: 48px;
    color: white;
    font-weight: 600;
    border: none;
    border-radius: 4px;
}
.About{
    display: flex;
    
    align-items: center;


}

.experience{
    display: flex;
    gap: 15px;
      padding: 10px 80px;
    width: 648px;
    height: 106px;
    border-radius: 6px;
}

.hello-text{
 padding: 80px;
 


}

.para{
width: 648px;


}
.reo{
 background-color: #EDD8FF80;
 justify-content: center;
 padding: 20px 40px;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 200px;
  height: 72px;
}

.btn1{
 width: 78px;
 height: 24px;
 background-color: #A53DFF;
 color: white;
 border: none;
 border-radius: 4px;
 font-weight: 600;
}

.img1{
    box-shadow: lawngreen;
}

.Professional{
  display: flex;
  justify-content: space-around;
  align-items: center;

}

.btn1{
    background-color: #A53DFF;
    color: white;
    height: 48px;
    width: 132px;
    border: none;
    border-radius: 4px;

}
.btn2{
 background: transparent;
 color: #A53DFF;
 border-color: #A53DFF;
 width: 190px;
 height: 48px;
 align-content: center;
 border-radius: 4px;


}

.button-dgn{
  display: flex;
  gap: 8px;

}

.work{
 display: flex;
justify-content: space-between;
 gap: 8px;
 align-items: center;

}
.box-d{
    display: flex;
    gap: 10px   ;
}

.wdiv2{
   padding-top: 40px;

}

.smlbox{
 align-items: center;
box-shadow: 7px 7px 7px #888888;
   padding: 20px 40px;

}

.prot{
    display: flex;
    align-items: center;
    gap: 8px;

}
.prot2{

    display: flex;
    align-items: center;
    gap: 8px;
}

.protfoli{
  text-align: center;

}
.more-btn{
 background-color: #A53DFF;
color: white;
width: 149px;
height: 48px;
margin-top: 10px;
border: none;
border-radius: 4px;
}

.let-btn{
     background-color: #A53DFF;
color: white;
width: 240px;
height: 48px;
margin-top: 10px;
border: none;
border-radius: 4px;

}

.do-project{
   text-align: center;
   background-color: #132238;
   color: white;
   padding-top: 50px;
   margin-top: 100px;
}

.blog{
    display: flex;
    gap: 10px;
    text-align: center;
}

.big-blog{
 text-align: center;

}

.hello-2{
    background-color: #A53DFF;
color: white;
width: 149px;
height: 48px;
margin-top: 10px;
border: none;
border-radius: 4px;

}
.what{
 display: flex;
 align-items: center;
}

.exp{
 box-shadow: 5px 5px 2px #888888;
 padding: 20px 40px;
  border-radius: 4px;
 

}

.h-client{
    display: flex;
}
.Happy{
    text-align: center;
    padding: 50px;
}

.tasty{
 text-align: center;

}