.preloader .container,
#header {
  animation-delay: 0.5s;
}

.preloader {
  animation-duration: 1s;
}

.preloader .container {
  height: 100%;
}

.preloader:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/dormeo-choose-us.jpeg);
  background-size: cover;
  background-position: center top;
  /*opacity: .4 !important;
  --mask: linear-gradient(to bottom, rgba(0,0,0, 1) 0, rgba(0,0,0, 1) 40%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);*/
}

div.preloader .definition {
  animation-delay: 0.75s;
}

.arrows {
  animation-delay: 1s;
}

#services {
  /*background: linear-gradient(0deg, #fff 0%, #efefef 100%);*/
  background-color: #efefef;
  z-index: 1;
  overflow-x: clip;
  overflow-y: visible;
  display: flex;
  justify-content: center;
}

#services .row {
  width: 1400px;
  max-width: 100vw;
  margin-bottom: 3rem;
  text-align: center;
}

#services .row .col-md-6 {
  margin: 0 auto;
  padding: 2rem 1rem;
}

#services .row .col-md-6:last-child {
  display: none;
}

#services .row .col-md-6 table td {
  padding: 1rem 2rem;
  border: none;
}

#services .row .col-md-6 table td:first-child {
  text-align: center;
  padding-left: 1rem;
  position: relative;
  vertical-align: top;
  padding-top: 2rem;
}

#services .row .col-md-6 table td:first-child:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background-image: linear-gradient(
    0deg,
    #efefef 0%,
    rgb(0 0 0) 50%,
    #efefef 100%
  );
}

#services .row .col-md-6 table td:last-child {
  padding-right: 1rem;
}

#services .row .col-md-6 table td h2 {
  color: #ca571e;
  margin-bottom: 0.75rem;
}

#services .row .col-md-6 table td p {
  margin-bottom: 0;
}

#services .row .col-md-6 img {
  width: 60px;
  filter: drop-shadow(1px 2px 3px #999);
}

#services .row .col-md-6 img:last-child {
  transform: scaleY(-1);
  margin-top: 1rem;
  opacity: 0.2;
  --mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0) 5%,
      rgba(0, 0, 0, 1) 95%,
      rgba(0, 0, 0, 1) 0
    )
    100% 50% / 100% 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
#action {
  margin-top: 2rem;
}

#testimonial {
  background-color: #fff;
}

@media (min-width: 768px) {
  #services .row .col-md-6 table td:first-child {
    vertical-align: middle;
    padding-top: 1rem;
  }

  #services .row .col-md-6:last-child {
    display: flex;
  }

  #services .row .col-md-6 img:last-child {
    display: none;
  }

  #testimonial h1 {
    width: 500px;
  }
  #services:before {
    width: 600px;
    left: calc(50% - 300px);
    bottom: -70px;
  }
}

@media (min-width: 912px) {
  .preloader:before {
    /*opacity: .6 !important;*/
  }
  #services:before {
    width: 800px;
    left: calc(50% - 400px);
    bottom: -100px;
  }

  #testimonial {
    margin-top: 3rem;
  }
}