:root {
  --main-blue-color: #005999;
  --main-blue-color-hover: #0e73bb;
  --main-blue-color-active: #01487a;
}

@media (max-width: 640px) {
  .goods-and-services__info {
    border-right: none !important;
  }

  .goods-and-services__banner {
    display: none !important;
  }

  .goods-and-services__title {
    font-size: 22px;
    line-height: 22px;
  }

  .goods-and-services__descr {
    font-size: 12px;
  }
}

.flex {
  display: flex;
}

.goods-and-services__info {
  border-right: 1px solid #e2e2e2;
}

.goods-and-services__title {
  margin-top: 0;
}

.goods-and-services h2 {
  margin-bottom: 20px;
}

.goods-and-services__descr {
  margin-bottom: 40px;
}

.goods-and-services__descr p {
  line-height: 1.4;
}

.ul__outer {
  display: block !important;
  margin-bottom: 20px;
}

.ul__inner {
  display: block !important;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 25px;
  list-style-type: circle;
}

.li__outer {
  display: list-item;
  list-style-type: none;
  margin-left: 10px;
  margin-bottom: 5px;
}

.li__outer::before {
  content: '\2713\0020';
  font-weight: bold;
  color: var(--main-blue-color);
}

.li__inner {
  display: list-item;
  margin-bottom: 5px;
  list-style-type: circle;
}

.li__inner::marker {
  color: var(--main-blue-color);
}

.goods-and-services__text {
  margin-bottom: 10px;
}

.goods-and-services__text span {
  font-weight: bold;
}

.blue-text {
  color: var(--main-blue-color);
}

.goods-and-services__banner {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
}

.goods-and-services__banner__img {
  margin-bottom: 15px;
}

.goods-and-services__banner__img img {
  max-height: 250px;
}

.goods-and-services__banner__phone {
  margin-bottom: 15px;
}

.goods-and-services__banner__phone a {
  font-size: 27px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.02em;
  color: var(--main-blue-color);
}

.goods-and-services__banner__link a {
  position: relative;
  color: var(--main-blue-color);
  text-decoration: underline;
}

.goods-and-services__banner__link a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  bottom: 3px;
  right: -15px;
  border: 2px solid var(--main-blue-color);
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  pointer-events: none;
  transition: transform .3s ease-in-out;
}

.goods-and-services__banner__link a:hover {
  text-decoration: none;
}

.goods-and-services__banner__link a:hover::after {
  transform: rotate(225deg);
}