.services .icon-box {
  padding: 0px 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 0;
  text-align: center;
}

.services .icon-box::before {
  content: '';
  position: absolute;
  background: white;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.4s;
  z-index: -1;
}

.services .icon-box:hover::before {
  background: #022859;
  top: 0;
  border-radius: 0px;
}

.services .icon {
  margin-bottom: 15px;
}

.services .icon i {
  font-size: 48px;
  line-height: 1;
  color: #e43c5c;
  transition: all 0.3s ease-in-out;
}

.services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .title a {
  color: black;
}

.services .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.services .icon-box:hover .title a, .services .icon-box:hover .description {
  color: #fff;
}

.services {
  padding-bottom: 30px;
}

.services .icon-box:hover .icon i {
  color: #fff;
}

.icon-box:hover .title {
  color: white;
}

.icon {
  padding: 20% 0%;
}

.list-item {
  margin: 1% 0;
  color: #022859 !important;
}

.navbar {
  z-index: 4;
}

.FooterLink {
  margin: 1% 4%;
  text-decoration: none;
  color: #ffffff;
  font-size: 15px;
}

.NavLink {
  font-size: 15px;
}

.BlocTittle {
  font-size: 30px;
}

span {
  color: #022859 !important;
}

#LinkASWebSolution span {
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .ImgServices {
    height: 25% !important;
  }
}

@media (max-width: 768px) {
  .description {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .icon {
    padding: 15% 10px 0 10px !important;
  }
}

@media (max-width: 768px) {
  #DivContact {
    height: 100% !important;
  }
}

@media (max-width: 576px) {
  #order-last {
    order: 6 !important;
    margin: 10% 0 5% 0;
  }
}

@media (min-width: 301px and max-width: 576px) {
  #LogoWolixFooter {
    width: 24% !important;
    padding-top: 2% !important;
  }
}

@media (max-width: 767px) {
  #DivAccess {
    border-radius: 0 0 40px 40px !important;
  }
}

@media (min-width: 300px and max-width: 360px) {
  #LogoWolixFooter {
    width: 35% !important;
    padding-top: 3%;
  }
}

@media (max-width: 685px) {
  #MenuFooter {
    flex-direction: column !important;
  }
}

@media (max-width: 360px) {
  #order-last {
    margin-top: 15%;
  }
}

@media (max-width: 768px) {
  #RowServices {
    height: 600px !important;
  }
}

@media (max-width: 576px) {
  .nav-item {
    margin: 0 !important;
  }
}

.fas.fa-home.fa-house {
}

@media (max-width: 576px) {
  #Phonelink {
  }
}

@media (max-width: 745px) {
  footer {
    background: linear-gradient(#ffffff 20.9%, #022859 21%) !important;
  }
}

@media (max-width: 740px) {
  #LogoWolixFooter {
    width: 25% !important;
  }
}

a {
  text-decoration: none;
  color: #022859;
  font-weight: bold;
}

@media (max-width: 757px) {
  #Map {
    border-radius: 40px 40px 0 0!important;
  }
}

@media (max-width: 339px) {
  #MenuFooter a {
    font-size: 14px !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .col-lg-3 {
    width: 32%;
  }
}

@media (min-width: 573px) and (max-width: 767px) {
  .ColumnPresta {
    width: 55% !important;
  }
}

@media (min-width: 450px) and (max-width: 572px) {
  .ColumnPresta {
    width: 66% !important;
  }
}

@media (min-width: 765px) {
  .BlocTittle {
  }
}

@media (min-width: 576px) {
  #ContactTittle {
  }
}

@media (max-width: 576px) {
  .BlocTittle {
    text-align: center !important;
  }
}

@media (max-width: 576px) {
  .col {
    text-align: center !important;
  }
}