.servises .section {
  padding-top: 3vw;
}

.servises_buttom-back {
  max-width: 20.5vw;
  display: none;
}

.servises_first {
  position: relative;
  height: 71vh;
  padding: 8vh 60px;
  display: flex;
  align-items: flex-end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.energosnab {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-1.jpg');
}

.orem {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-2.jpg');
}

.aees-kye {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-3-1.jpg');
}

.buy-generation {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-6.jpg');
}

.consalting {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-4.jpg');
}

.tech-connect {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-5.jpg');
}

.design-const {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-7.jpg');
}

.green-energy {
  background-image: linear-gradient(
      177.87deg,
      rgba(0, 0, 0, 0) 58.8%,
      rgba(0, 0, 0, 0.8) 85.7%
    ),
    url('files/servises/img-8.jpg');
}

.servises a {
  color: var(--text-color);
  display: flex;
  align-items: center;
  font-size: var(--small-font-size);
  font-weight: 600;
  text-transform: uppercase;
  gap: 5px;
  border-bottom: 2px solid;
}
.servises a:hover {
  filter: brightness(0) saturate(100%) invert(20%) sepia(43%) saturate(2330%)
    hue-rotate(307deg) brightness(97%) contrast(89%);
}

.servises a img {
  width: 1.7vw;
}

.servises_first h1 {
  color: var(--text-color-light);
}

.servises_title-box h1 {
  font-size: var(--h2-font-size);
  text-transform: uppercase;
}

.servises_title-box p {
  text-transform: uppercase;
  font-size: var(--smaller-font-size);
  font-weight: 500;
  color: var(--text-color-light);
}

.servises_img-main {
  width: 100%;
}

.servises_text {
  width: 71vw;
  padding-top: 2vh;
}

.servises_text p {
  margin-bottom: 4vh;
  font-size: 1.35vw;
}
.servises_text p b {
  font-weight: 550;
}
.servises_text p span {
  color: var(--first-color);
  font-weight: 550;
}

.servises_shema {
  margin-top: 4vh;
  width: 100%;
}

.servises h4 {
  margin-top: 6vh;
  font-size: 1.6vw;
  color: var(--first-color);
  text-transform: uppercase;
  font-weight: 600;
}
.servises ul {
  margin-top: 4vh;
}

.servises li {
  margin-top: 3vh;
  display: flex;
  align-items: center;
  gap: 1vw;
}

.servises h6 {
  font-weight: 500;
  font-size: 1.6vw;
}

.servises_check {
  width: 2vw;
  margin-top: -2px;
}

.servises_list-1 li {
  margin-top: 4.5vh;
}

.servises_list-1 h6 {
  font-weight: 550;
}

.servises_list-1 .servises_check {
  width: 2.5vw;
}

.servises .servises_list-2 {
  margin-left: 3vw;
  margin-top: 1vh;
}

.servises_list-2 li {
  margin-top: 0;
  font-size: var(--small-font-size);
  font-weight: 550;
  gap: 0;
}

.info-doc .servises_list-2 {
  width: 70vw;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 3vh;
}

.info-doc .servises_list-2 a img {
  width: 2.5vw;
}

.info-doc .servises_list-2 li a {
  text-transform: none;
  text-decoration: none;
  border-bottom: 0;
  font-weight: 550;
}

.servises .footer {
  margin-top: 8vh;
}

.servises_button-feedback {
  display: block;
  margin-top: 8vh;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 24px;
  border-radius: 8px;
  font-size: var(--normal-font-size);
  font-weight: 700;
  text-transform: uppercase;
}

.servises-dialog {
  border: none;
  padding: 0;
}

.popup_form {
  position: relative;
  padding: 4vw;
  border: 0px;
  border-radius: 10px;
  background-color: var(--second-color-dialog);
  background-position: left;
}

.popup-close {
  position: absolute;
  top: 1vw;
  right: 1.5vw;
  cursor: pointer;
  font-size: var(--h4-font-size);
  font-weight: 500;
  color: var(--text-color-light);
}

.popup_textarea {
  margin-top: 6vh;
}

.popup_content-last {
  margin-top: 6vh;
}

.popup_form-label {
  color: var(--text-color-light);
}

.popup_button-submit {
  padding: 1vw;
}

.otchetnost_list,
.info-doc_list {
  margin-top: 4vh !important;
}

/* ++++++++++++++++++++ Карточки +++++++++++++++++++++ */
.servises_carts {
  margin-top: 4vh;
  display: grid;
  gap: 2vw;
}
.servises_cart {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 3vh;
  border-radius: 12px;
}
.servises_cart p {
  color: var(--text-color-light);
  font-weight: 600;
}

.servises_advantages-title {
  margin-top: 8vh !important;
  font-weight: 700 !important;
}
.servises_advantages {
  grid-template-columns: 1fr 1fr 1fr;
}
.servises_advantages-cart {
  padding: 8vh 1vw;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    #902c4f;
}
.servises_advantages-cart p {
  text-align: center;
  font-weight: 600;
  font-size: 1.7vw;
}

.servises_green {
  margin: 6vh 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.servises_green-cart {
  padding: 2vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(59, 169, 189, 0) 0%, #3ba9bd 100%),
    #262626;
}
.servises_green-cart p {
  font-size: var(--smaller-font-size);
}

/*+++++++++++++++++++++++ Аккордеон +++++++++++++++++++++*/
.accordion {
  width: 100%;
}

.accordion-item {
  border-bottom: 1px solid #353234;
  margin-bottom: 10px;
}

.accordion-header {
  padding: 2.5vh;
  cursor: pointer;
  border-bottom: 1px solid #353234;
  color: var(--first-color);
  font-size: var(--h5-font-size);
  font-weight: 700;
  text-transform: uppercase;
}

.accordion-content {
  padding: 0 3vh;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.accordion-content ul {
  margin: 2vh 0;
}

.accordeon-content-num {
  width: 2vw;
  height: 2vw;
  background-color: var(--first-color);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-color-light);
  font-size: 1.4vw;
  font-weight: 500;
}

.accordion-header::after {
  content: '+';
  margin-top: -2.3vh;
  float: right;
  font-family: 'Mulish', 'Nunito Sans', sans-serif;
  font-size: var(--h3-font-size);
  font-weight: 400;
}

.accordion-header.active::after {
  content: '–';
}

.accordeon-text {
  padding: 2vh 0;
  display: flex;
  flex-direction: column;
  gap: 2vh;
}

.accordion-wrap {
  margin: 1vh 0;
}

.accordion-content p {
  font-size: var(--smaller-font-size);
}

.otchetnost .accordeon-text {
  padding: 1vh 0;
}

.accordion-content a {
  display: block;
  font-size: var(--smaller-font-size);
  text-transform: none;
  font-weight: 550;
  border-bottom: 0;
  text-decoration: underline;
}

.accordion-content p span {
  color: var(--first-color);
  font-weight: 550;
}

/* ++++++++++++++ Информация ++++++++++++++++ */
.information-page h1 {
  margin-top: 3vh;
}

.info-do_list li {
  margin-top: 5vh;
  align-items: start;
}

.info-do_list .servises_check {
  margin-top: 0;
}

.dogovor_list {
  margin-top: 8vh !important;
  width: 77vw;
}

.dogovor_list h6 {
  font-weight: 400;
}

.rekviziti_list {
  width: 70vw;
  font-size: var(--small-font-size);
  font-weight: 550;
}

.rekviziti_list li {
  display: block;
}

.rekviziti_list li span {
  color: var(--first-color);
}

.rekviziti_list li a {
  font-size: var(--small-font-size);
  font-weight: 550;
  text-transform: lowercase;
  border-bottom: 0;
}

/* ++++++++++++++++++++ Свидетельства +++++++++++++++++++++ */
.svidetelstva__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 4vw;
}
.svidetelstva__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-bottom: 0 !important;
  align-items: flex-start !important;
}
.svidetelstva__card:hover {
  filter: none !important;
}

.svidetelstva__card img {
  width: 100% !important;
  border: var(--first-color) solid 2px;
  border-radius: 6px;
}
.svidetelstva__card h5 {
  font-size: var(--base-font-size);
  text-align: start;
  color: var(--first-color);
}

/*=============== MEDIA SCREEN ===============*/
@media (max-width: 768px) {
  .servises_first {
    height: 20vh;
    padding: 2vh 20px;
  }
  .servises_title-box h1 {
    font-size: 5vw;
  }

  .servises_text {
    width: 100%;
  }

  .servises_text p {
    font-size: 3.8vw;
    margin-bottom: 3vh;
  }

  .servises_shema {
    margin-top: 0;
    margin-left: -20px;
    width: 100vw;
  }

  .servises a {
    font-size: 5vw;
  }

  .servises ul {
    margin-top: 2vh;
  }
  .servises li {
    margin-top: 3vh;
    gap: 2vw;
  }
  .servises h4 {
    margin-top: 2vh;
    font-size: 3.8vw;
  }
  .servises_check {
    width: 5vw;
  }
  .servises h6 {
    font-size: 3.8vw;
  }

  .accordion-header {
    padding: 4vw 1vw;
  }
  .accordion-header::after {
    margin-top: -1vh;
  }
  .otchetnost_list {
    margin-top: 2vh;
  }

  .accordion-content {
    padding: 0 2vw;
  }
  .accordion-content a {
    font-size: 4vw;
  }

  .otchetnost .accordeon-text {
    padding: 1.5vh 0;
  }

  .dogovor_list {
    margin-top: 4vh !important;
    width: 100%;
  }

  .info-doc .servises_list-2 {
    width: 100%;
    gap: 2vh;
  }

  .info-doc .servises_list-2 a img {
    width: 10vw;
  }

  .rekviziti_list {
    width: 100%;
    font-size: 4.1vw;
  }
  .rekviziti_list li a {
    font-size: 4.1vw;
  }

  .svidetelstva__list {
    margin-top: 2vh;
    grid-template-columns: 1fr;
    gap: 6vh;
  }
  .svidetelstva__card h5 {
    text-align: center;
    width: 100%;
    font-size: 4vw;
  }

  .accordion-content p {
    font-size: 3.8vw;
  }
  .accordion-header {
    font-size: 4vw;
  }
  .accordeon-content-num {
    min-width: 25px;
    height: 25px;
    font-size: 4vw;
  }

  .servises_advantages {
    grid-template-columns: 1fr;
  }
  .servises_advantages-title {
    font-size: 5.5vw !important;
  }
  .servises_advantages-cart {
    padding: 4vh 0;
  }
  .servises_advantages-cart p {
    font-size: 20px;
  }

  .servises_list-1 .servises_check {
    width: 10vw;
  }
  .servises_list-2 li {
    font-size: 4vw;
  }
  .servises_list-2 li img {
    width: 8vw;
  }

  .servises_green {
    margin: 4vh 0;
    grid-template-columns: 1fr;
  }
  .servises_green-cart p {
    font-size: 4vw;
    font-weight: 400;
  }
  .servises_green-cart {
    flex-direction: row;
    min-height: 16vh;
    width: 100%;
    align-items: center;
  }
  .servises_green-cart img {
    width: 20vw;
  }

  .servises_button-feedback {
    margin-top: 4vh;
  }

  .feedback_form-content,
  .popup_textarea {
    width: 80%;
    margin-top: 3vh;
    margin-left: auto;
    margin-right: auto;
  }
  .popup_form {
    padding: 1vh 0;
  }
  .popup_input,
  .popup_input::placeholder,
  .popup_textarea,
  .popup_textarea::placeholder {
    color: var(--text-color-light);
  }
  .popup_textarea {
    display: block;
  }
  .popup-close {
    top: 1vh;
    right: 5vw;
    font-size: 8vw;
  }
  .popup_form-label,
  .popup_form-label a {
    font-size: 3.5vw;
    color: var(--text-color-light);
  }
  .popup_button-submit {
    padding: 4vw 2vw;
    margin-bottom: 2vh;
  }
}