.block-our-services {
  padding: 2.1875rem 0 1.9375rem;
}

@media (min-width: 768px) {
  .block-our-services {
    padding: 3.75rem 0;
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  .block-our-services {
    padding: 6.25rem 0 5.8125rem;
  }
}

.block-our-services .btn {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.66406rem;
  text-transform: uppercase;
  padding: 0.91938rem 1.545rem;
}

.block-our-services .dots {
  height: 0.0625rem;
  width: calc(100% - 1.5rem);
  background-color: #4E4131;
  margin-top: 2.5rem;
}

@media (min-width: 1200px) {
  .block-our-services .dots {
    margin-top: 4.5rem;
    width: calc(100% - 6.25rem);
  }
}

@media (min-width: 1200px) and (min-width: 1600px) {
  .block-our-services .dots {
    width: calc(100% - 12.5rem);
  }
}

.block-our-services .dots .dot-parent .dot {
  width: 4.75rem;
  background-color: #4E4131;
  border-color: #4E4131;
  height: 0.0625rem;
  border-radius: 0;
}

@media (min-width: 1400px) {
  .block-our-services .dots .dot-parent .dot {
    width: 9.375rem;
    height: 0.0625rem;
  }
}

.block-our-services .dots .dot-parent .dot.dot--active {
  background-color: #fff;
  border-color: #fff;
}

.block-our-services .slider-nav-arrow {
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .block-our-services .slider-nav-arrow {
    margin-top: -1.5rem;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .block-our-services .slider-nav-arrow {
    margin-top: -1.9375rem;
  }
}

.block-our-services .slider-nav-arrow svg path {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.block-our-services .slider-nav-arrow svg:hover path {
  stroke: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media (min-width: 992px) {
  .block-our-services .rotate-txt {
    margin-top: 14.25rem;
    left: -1.5rem;
  }
}

@media (min-width: 992px) and (min-width: 1700px) {
  .block-our-services .rotate-txt {
    left: -3.3125rem;
  }
}

@media (min-width: 992px) {
  .block-our-services .left-wrap {
    width: 58%;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .block-our-services .left-wrap {
    width: 40%;
  }
}

@media (min-width: 992px) and (min-width: 1200px) and (min-width: 1600px) {
  .block-our-services .left-wrap {
    width: 33.33%;
  }
}

@media (min-width: 992px) {
  .block-our-services .os-slider-wrap {
    width: 42%;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .block-our-services .os-slider-wrap {
    width: 60%;
  }
}

@media (min-width: 992px) and (min-width: 1200px) and (min-width: 1600px) {
  .block-our-services .os-slider-wrap {
    width: 66.66%;
  }
}

@media (min-width: 576px) {
  .block-our-services .os-col {
    padding-left: calc((100vw - 33.75rem) / 2 + 1.5rem);
  }
}

@media (min-width: 768px) {
  .block-our-services .os-col {
    padding-left: calc((100vw - 45rem) / 2 + 1.5rem);
  }
}

@media (min-width: 992px) {
  .block-our-services .os-col {
    padding-left: calc((100vw - 60rem) / 2 + 1.5rem);
  }
}

@media (min-width: 1200px) {
  .block-our-services .os-col {
    padding-left: calc((100vw - 71.25rem) / 2 + 1.5rem);
  }
}

@media (min-width: 1400px) {
  .block-our-services .os-col {
    padding-left: calc((100vw - 82.5rem) / 2 + 1.5rem);
  }
}

@media (min-width: 1600px) {
  .block-our-services .os-col {
    padding-left: calc((100vw - 98.125rem) / 2 + 1.5rem);
  }
}