/* Services and prices section */
.services-and-prices {
  /* height: 718px; */
  padding: var(--padding-vertical-global) var(--padding-horizontal-global);
  background-image: linear-gradient(
      rgba(17, 19, 25, 0.8),
      rgba(17, 19, 25, 0.8)
    ),
    url(../images/services-prices-bg-image.jpg);

  background-color: #111319;
  color: var(--white-text-color);
  background-repeat: no-repeat;
  background-size: cover;
}

.services-and-price-header {
  margin-top: 20px;
  margin-bottom: 46px;
}

.services-and-price-lists {
  /* display: flex; */

  background: linear-gradient(180deg, #171a24 0%, rgba(23, 26, 36, 0.2) 100%);

  color: #9da4bd;
  /* font-size: 18px; */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 166.667%; */
  line-height: 214.286%;
  /* letter-spacing: 0.36px; */
  letter-spacing: 0.28px;
}

.services-and-price-list {
  flex-grow: 1;
  /* padding: 30px 40px; */
}

.services-and-price-list-left {
  /* background: linear-gradient(180deg, #171a24 0%, rgba(23, 26, 36, 0.2) 100%); */
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;

  padding: 30px 30px 20px 30px;
}

.services-and-price-list-right {
  /* background: linear-gradient(180deg, #090b13 0%, rgba(9, 11, 19, 0.2) 100%); */
  display: flex;
  flex-direction: column;
  gap: 20px;

  padding: 0px 30px 30px 30px;
}

.services-and-price-list-item {
  display: flex;
}

.services-and-price-list-space-line {
  flex-grow: 1;
  border-bottom: 1px solid rgba(157, 164, 189, 0.12);
}

.services-and-price-button {
  display: block;
  margin: auto;
  margin-top: 50px;
}

@media screen and (width >= 768px) {
  .services-and-price-lists {
    font-size: 18px;
    line-height: 166.667%;
    letter-spacing: 0.36px;
  }
}

@media screen and (width >= 1158px) {
  .services-and-price-lists {
    display: flex;
  }

  .services-and-price-list {
    padding: 30px 40px;
  }

  .services-and-price-list-left {
    background: linear-gradient(180deg, #171a24 0%, rgba(23, 26, 36, 0.2) 100%);
  }

  .services-and-price-list-right {
    background: linear-gradient(180deg, #090b13 0%, rgba(9, 11, 19, 0.2) 100%);
  }
}

@media (min-device-pixel-ratio: 2),
  (min-resolution: 192dpi),
  (min-resolution: 2dppx) {
  .services-and-prices {
    background-image: linear-gradient(
        rgba(17, 19, 25, 0.8),
        rgba(17, 19, 25, 0.8)
      ),
      url(../images/services-prices-bg-image@2x.jpg);
  }
}