html {
  --main-color: rgba(69, 99, 168, 1);
  --base-font-color: rgba(78, 78, 78, 1);
}

html.dark-mode {
  --main-color: rgba(106, 128, 181, 1);
  --base-font-color: rgba(255, 255, 255, 1);
}

.top-cover {
  --top-cover-image: url("/service/exploitation/rosdorteh/images/cover.jpg");
  background-position-y: -1px;
  background-size: auto 101%;
}
.top-cover .back-to-service {
  margin-bottom: 66px;
}
.top-cover .back-to-service.last {
  margin-left: 8px;
}
.top-cover .title {
  font-size: 46px !important;
}
.top-cover .rosdorteh-logo-block {
  margin-bottom: 93px;
}
.top-cover .submit-application-button {
  --font-color: var(--main-color);
}
@media (max-width: 575px) {
  .top-cover {
    --top-cover-image: url("/service/exploitation/rosdorteh/images/small_cover.jpg");
    background-size: auto 100%;
  }
  .top-cover .title {
    font-size: 28px !important;
  }
  .top-cover .rosdorteh-logo-block {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .top-cover {
    background-position: -80px;
  }
  .top-cover .title {
    font-size: 36px !important;
  }
  .top-cover .rosdorteh-logo-block {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .top-cover {
    background-position-x: -90px;
  }
  .top-cover .text {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .top-cover .text {
    width: 570px;
  }
}

.information-card {
  background-color: var(--main-color);
  border-radius: 15px;
  color: white;
  font-size: 20px;
  line-height: 150%;
  padding: 25px 30px;
  margin-bottom: 60px;
}
.information-card p:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .information-card {
    font-size: 14px;
    padding: 15px 20px;
  }
}
@media (max-width: 991px) {
  .information-card {
    font-size: 16px;
  }
}

.what-we-do-card {
  border: 1px solid var(--main-color);
  font-size: 20px;
  margin-bottom: 50px;
}
.what-we-do-card .top {
  background-color: unset;
  color: var(--base-font-color);
}
.what-we-do-card .bottom {
  border: unset;
  padding: 0 30px;
}
.what-we-do-card .bottom .inner {
  margin-bottom: 17px;
  padding-top: 30px;
}
.what-we-do-card .bottom .inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.what-we-do-card .bottom .inner div {
  flex: 1;
  font-weight: 700;
  min-width: 0;
  text-wrap: balance;
  padding-bottom: 40px;
}
.what-we-do-card .bottom .icon {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .what-we-do-card .bottom .inner {
    flex-direction: column;
    padding-top: unset;
    gap: 10px;
    min-height: unset;
  }
  .what-we-do-card .bottom .inner div {
    border: unset;
    display: flex;
    flex: unset;
    gap: 30px;
    flex-direction: row;
    padding: unset !important;
    width: unset;
  }
  .what-we-do-card .bottom .icon {
    min-width: 25px;
    width: 25px;
  }
}
@media (max-width: 575px) {
  .what-we-do-card .bottom {
    padding: 20px;
    padding-top: 0;
  }
  .what-we-do-card .bottom .icon {
    min-width: 15px;
    width: 15px;
  }
  .what-we-do-card .bottom .inner div {
    gap: 10px;
  }
}

.page-title.advantages {
  margin-bottom: 32px;
  text-wrap: balance;
}

.advantages-block {
  color: var(--base-font-color);
  font-size: 20px;
  padding: 0 25px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .advantages-block {
    padding: unset;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .advantages-block {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.lab-photos-block {
  display: flex;
  flex-direction: row;
  gap: 65px;
  justify-content: center;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .lab-photos-block {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .lab-photos-block {
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }
}

.lab-photo-container {
  border: 1px solid var(--main-color);
  border-radius: 15px;
  overflow: hidden;
}
.lab-photo-container img {
  height: 537px;
}
.lab-photo-container .description {
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 20px;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .lab-photo-container .description {
    font-size: 16px;
    padding: 10px;
  }
}
@media (max-width: 575px) {
  .lab-photo-container {
    width: fit-content;
  }
  .lab-photo-container img {
    height: unset;
    max-width: 100%;
  }
}

.page-title.possibilities {
  margin-bottom: 30px;
}

.possibilities-block {
  color: var(--base-font-color);
  font-size: 20px;
  padding: 0 25px;
  margin-bottom: 130px;
}
.possibilities-block .list-title {
  font-size: 25px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .possibilities-block {
    padding: unset;
    font-size: 16px;
    margin-bottom: 80px;
  }
  .possibilities-block .list-title {
    font-size: 20px;
  }
}

.go-to-new-level-block {
  align-items: center;
  border: 1px solid var(--main-color);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  font-size: 20px;
  gap: 20px;
  margin-bottom: 50px;
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .go-to-new-level-block {
    align-items: start;
    font-size: 16px;
    gap: 10px;
  }
}

.connect-with-us-section {
  margin-bottom: 90px;
}
.connect-with-us-section .inner-container {
  width: 100% !important;
}
.connect-with-us-section .connect-with-us-component input:not(#checkbox), .connect-with-us-section .connect-with-us-component textarea {
  border-color: var(--main-color);
}
.connect-with-us-section .connect-with-us-component .green-btn {
  background-color: var(--main-color);
}
.connect-with-us-section .connect-with-us-component .green-btn:hover {
  background-color: var(--main-color);
  filter: brightness(95%);
}

/*# sourceMappingURL=style.css.map */