body, section{
  background: #fff!important;
  
}
section{
  max-width: 1920px;
  margin: 0 auto;
}
h1{
  color:#000;
}
header{
  height: auto;
}
.header-text{
  position: relative;
  padding: 9% 40px;
    left: 0;
    bottom: 0;
  padding-top:160px;
}
.main-container p{
  color: #000;
}
header::after{
  height: 100%;
}
body::before{
  display: none;
}
.category-menu{
text-align: center;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    margin: 0 auto;
    margin-top: 20px;
    width: 80%;
    grid-column-gap: 20px;
}
.category-menu a{
  color: #000;
  text-decoration: none;
  font-size: 19px;
  transition: 0.5s ease-in-out;
}

.fa-pushed{
      background: linear-gradient(-200deg, rgb(161 14 180 / 54%) 30%, rgb(0 132 250 / 52%) 60%, rgb(0 0 0 / 82%) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
  transition: 0.5s ease-in-out;
}
.category-menu a:hover .fa-pushed{
  transform: rotate(95deg);
}
.move-top-btn{
      position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 50px;
    background: linear-gradient(-200deg, rgb(161 14 180 / 54%) 30%, rgb(0 132 250 / 52%) 60%, rgb(0 0 0 / 82%) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.8;
    cursor: pointer;
}
.personal-img {
    background: url(images/personal-img.jpg) center center no-repeat;
    background-size: cover;
    height: 90vh;
    width: 50%;
}
.personal-img.servicii {
  background: url(images/personal-img2.jpg) center center no-repeat;
  background-size: cover;
}
.personal-text{
  width:50%;
  padding: 60px;
}
.personal-text ul{
  list-style-type: none;
  padding-left: 0;
}
.personal-text li{
  font-size: 21px;
  margin-bottom: 40px;
}
#detalii-business section{
  background: #f2f2f2!important;
}
#detalii-business #contact{
  background: #fff!important;
}
#detalii-business #contact p{
  color:#000;
}
@media screen and (max-width: 950px){
.header-text {
    top: 0;
    width: 100%;
    left: 0;
}
}

@media screen and (max-width: 750px){
  .container-produse div{
    float:none!important;
    width:100%;
  }
  .personal-img{
    height: 60vh;
  }
  .header-title{
    font-size: 35px;
  }
  .header-subtitle{
    font-size: 19px;
  }
}
@media screen and (max-width: 500px){
  .personal-text{
    padding:20px;
  }
  .personal-text li {
    font-size: 15px;
    margin-bottom: 31px;
}
  #despre{
    padding-bottom: 0;
  }
}