@charset "UTF-8";
@import "./normalize.css";

.col-xxl,
.col-xxl-auto,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl,
.col-xl-auto,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 percentage 0.125;
  max-width: 12.5%;
}

.col-2 {
  flex: 0 0 percentage 0.25;
  max-width: 25%;
}

.col-3 {
  flex: 0 0 percentage 0.375;
  max-width: 37.5%;
}

.col-4 {
  flex: 0 0 percentage 0.5;
  max-width: 50%;
}

.col-5 {
  flex: 0 0 percentage 0.625;
  max-width: 62.5%;
}

.col-6 {
  flex: 0 0 percentage 0.75;
  max-width: 75%;
}

.col-7 {
  flex: 0 0 percentage 0.875;
  max-width: 87.5%;
}

.col-8 {
  flex: 0 0 percentage 1;
  max-width: 100%;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-first {
  order: -1;
}

.order-last {
  order: 9;
}

.d-none {
  display: none;
}

.d-initial {
  display: initial;
}

.d-flex {
  display: flex;
}

.offset-auto {
  margin-left: auto;
}

.offset-0 {
  margin-left: 0%;
}

.offset-1 {
  margin-left: 12.5%;
}

.offset-2 {
  margin-left: 25%;
}

.offset-3 {
  margin-left: 37.5%;
}

.offset-4 {
  margin-left: 50%;
}

.offset-5 {
  margin-left: 62.5%;
}

.offset-6 {
  margin-left: 75%;
}

.offset-7 {
  margin-left: 87.5%;
}

@media (min-width: 414px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 percentage 0.125;
    max-width: 12.5%;
  }

  .col-sm-2 {
    flex: 0 0 percentage 0.25;
    max-width: 25%;
  }

  .col-sm-3 {
    flex: 0 0 percentage 0.375;
    max-width: 37.5%;
  }

  .col-sm-4 {
    flex: 0 0 percentage 0.5;
    max-width: 50%;
  }

  .col-sm-5 {
    flex: 0 0 percentage 0.625;
    max-width: 62.5%;
  }

  .col-sm-6 {
    flex: 0 0 percentage 0.75;
    max-width: 75%;
  }

  .col-sm-7 {
    flex: 0 0 percentage 0.875;
    max-width: 87.5%;
  }

  .col-sm-8 {
    flex: 0 0 percentage 1;
    max-width: 100%;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 9;
  }

  .d-sm-none {
    display: none;
  }

  .d-sm-initial {
    display: initial;
  }

  .d-sm-flex {
    display: flex;
  }

  .offset-sm-auto {
    margin-left: auto;
  }

  .offset-sm-0 {
    margin-left: 0%;
  }

  .offset-sm-1 {
    margin-left: 12.5%;
  }

  .offset-sm-2 {
    margin-left: 25%;
  }

  .offset-sm-3 {
    margin-left: 37.5%;
  }

  .offset-sm-4 {
    margin-left: 50%;
  }

  .offset-sm-5 {
    margin-left: 62.5%;
  }

  .offset-sm-6 {
    margin-left: 75%;
  }

  .offset-sm-7 {
    margin-left: 87.5%;
  }
}

@media (min-width: 744px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 percentage 0.125;
    max-width: 12.5%;
  }

  .col-md-2 {
    flex: 0 0 percentage 0.25;
    max-width: 25%;
  }

  .col-md-3 {
    flex: 0 0 percentage 0.375;
    max-width: 37.5%;
  }

  .col-md-4 {
    flex: 0 0 percentage 0.5;
    max-width: 50%;
  }

  .col-md-5 {
    flex: 0 0 percentage 0.625;
    max-width: 62.5%;
  }

  .col-md-6 {
    flex: 0 0 percentage 0.75;
    max-width: 75%;
  }

  .col-md-7 {
    flex: 0 0 percentage 0.875;
    max-width: 87.5%;
  }

  .col-md-8 {
    flex: 0 0 percentage 1;
    max-width: 100%;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 9;
  }

  .d-md-none {
    display: none;
  }

  .d-md-initial {
    display: initial;
  }

  .d-md-flex {
    display: flex;
  }

  .offset-md-auto {
    margin-left: auto;
  }

  .offset-md-0 {
    margin-left: 0%;
  }

  .offset-md-1 {
    margin-left: 12.5%;
  }

  .offset-md-2 {
    margin-left: 25%;
  }

  .offset-md-3 {
    margin-left: 37.5%;
  }

  .offset-md-4 {
    margin-left: 50%;
  }

  .offset-md-5 {
    margin-left: 62.5%;
  }

  .offset-md-6 {
    margin-left: 75%;
  }

  .offset-md-7 {
    margin-left: 87.5%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 percentage 0.125;
    max-width: 12.5%;
  }

  .col-lg-2 {
    flex: 0 0 percentage 0.25;
    max-width: 25%;
  }

  .col-lg-3 {
    flex: 0 0 percentage 0.375;
    max-width: 37.5%;
  }

  .col-lg-4 {
    flex: 0 0 percentage 0.5;
    max-width: 50%;
  }

  .col-lg-5 {
    flex: 0 0 percentage 0.625;
    max-width: 62.5%;
  }

  .col-lg-6 {
    flex: 0 0 percentage 0.75;
    max-width: 75%;
  }

  .col-lg-7 {
    flex: 0 0 percentage 0.875;
    max-width: 87.5%;
  }

  .col-lg-8 {
    flex: 0 0 percentage 1;
    max-width: 100%;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 9;
  }

  .d-lg-none {
    display: none;
  }

  .d-lg-initial {
    display: initial;
  }

  .d-lg-flex {
    display: flex;
  }

  .offset-lg-auto {
    margin-left: auto;
  }

  .offset-lg-0 {
    margin-left: 0%;
  }

  .offset-lg-1 {
    margin-left: 12.5%;
  }

  .offset-lg-2 {
    margin-left: 25%;
  }

  .offset-lg-3 {
    margin-left: 37.5%;
  }

  .offset-lg-4 {
    margin-left: 50%;
  }

  .offset-lg-5 {
    margin-left: 62.5%;
  }

  .offset-lg-6 {
    margin-left: 75%;
  }

  .offset-lg-7 {
    margin-left: 87.5%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 percentage 0.125;
    max-width: 12.5%;
  }

  .col-xl-2 {
    flex: 0 0 percentage 0.25;
    max-width: 25%;
  }

  .col-xl-3 {
    flex: 0 0 percentage 0.375;
    max-width: 37.5%;
  }

  .col-xl-4 {
    flex: 0 0 percentage 0.5;
    max-width: 50%;
  }

  .col-xl-5 {
    flex: 0 0 percentage 0.625;
    max-width: 62.5%;
  }

  .col-xl-6 {
    flex: 0 0 percentage 0.75;
    max-width: 75%;
  }

  .col-xl-7 {
    flex: 0 0 percentage 0.875;
    max-width: 87.5%;
  }

  .col-xl-8 {
    flex: 0 0 percentage 1;
    max-width: 100%;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 9;
  }

  .d-xl-none {
    display: none;
  }

  .d-xl-initial {
    display: initial;
  }

  .d-xl-flex {
    display: flex;
  }

  .offset-xl-auto {
    margin-left: auto;
  }

  .offset-xl-0 {
    margin-left: 0%;
  }

  .offset-xl-1 {
    margin-left: 12.5%;
  }

  .offset-xl-2 {
    margin-left: 25%;
  }

  .offset-xl-3 {
    margin-left: 37.5%;
  }

  .offset-xl-4 {
    margin-left: 50%;
  }

  .offset-xl-5 {
    margin-left: 62.5%;
  }

  .offset-xl-6 {
    margin-left: 75%;
  }

  .offset-xl-7 {
    margin-left: 87.5%;
  }
}

@media (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xxl-1 {
    flex: 0 0 percentage 0.125;
    max-width: 12.5%;
  }

  .col-xxl-2 {
    flex: 0 0 percentage 0.25;
    max-width: 25%;
  }

  .col-xxl-3 {
    flex: 0 0 percentage 0.375;
    max-width: 37.5%;
  }

  .col-xxl-4 {
    flex: 0 0 percentage 0.5;
    max-width: 50%;
  }

  .col-xxl-5 {
    flex: 0 0 percentage 0.625;
    max-width: 62.5%;
  }

  .col-xxl-6 {
    flex: 0 0 percentage 0.75;
    max-width: 75%;
  }

  .col-xxl-7 {
    flex: 0 0 percentage 0.875;
    max-width: 87.5%;
  }

  .col-xxl-8 {
    flex: 0 0 percentage 1;
    max-width: 100%;
  }

  .order-xxl-1 {
    order: 1;
  }

  .order-xxl-2 {
    order: 2;
  }

  .order-xxl-3 {
    order: 3;
  }

  .order-xxl-4 {
    order: 4;
  }

  .order-xxl-5 {
    order: 5;
  }

  .order-xxl-6 {
    order: 6;
  }

  .order-xxl-7 {
    order: 7;
  }

  .order-xxl-8 {
    order: 8;
  }

  .order-xxl-first {
    order: -1;
  }

  .order-xxl-last {
    order: 9;
  }

  .d-xxl-none {
    display: none;
  }

  .d-xxl-initial {
    display: initial;
  }

  .d-xxl-flex {
    display: flex;
  }

  .offset-xxl-auto {
    margin-left: auto;
  }

  .offset-xxl-0 {
    margin-left: 0%;
  }

  .offset-xxl-1 {
    margin-left: 12.5%;
  }

  .offset-xxl-2 {
    margin-left: 25%;
  }

  .offset-xxl-3 {
    margin-left: 37.5%;
  }

  .offset-xxl-4 {
    margin-left: 50%;
  }

  .offset-xxl-5 {
    margin-left: 62.5%;
  }

  .offset-xxl-6 {
    margin-left: 75%;
  }

  .offset-xxl-7 {
    margin-left: 87.5%;
  }
}

/**
 * Подключает шрифт с именем $name, который находятся по пути $path с жирностью $weight
 * со стилем $style и в пути к файлу имеет расширения $exts

 */
/*--------------Fonts start-------------*/
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.eot?") format("eot");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.eot?") format("eot");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.eot?") format("eot");
}

/*--------------Fonts end-------------*/
/*--------------Colors start-------------*/
/*--------------Colors end-------------*/
/*--------------Functions start-------------*/
/*--------------Functions end-------------*/
/*--------------Functions end-------------*/
/*--------------Mixins start-------------*/
/*--------------Mixins start-------------*/
/*--------------Mixins end-------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100vh;
  background-color: #FDFEFE;
}

body.no-scroll {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

button,
input,
textarea {
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: initial;
  font-weight: normal;
}

h2 {
  font-family: "Montserrat";
  color: #383838;
  line-height: 0.93;
  letter-spacing: -0.02em;
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
}

@media (max-width: 1199px) {
  h2 {
    margin-bottom: 80px;
  }
}

@media (max-width: 991px) {
  h2 {
    margin-bottom: 70px;
  }
}

@media (max-width: 743px) {
  h2 {
    margin-bottom: 50px;
    font-size: 35px;
  }
}

.img-wrap {
  display: block;
}

.img-wrap img {
  display: block;
  height: auto;
  width: 100%;
}

.container {
  padding: 0px 60px;
}

.container-full {
  width: 100%;
}

.img-full {
  width: 100%;
  height: 100%;
  display: block;
}

.img-full img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*--------------General styles end-------------*/
/*--------------Button (start)-------------*/
.button-color-green {
  white-space: nowrap;
  border-radius: 10px;
  padding: 10px 50px;
  cursor: pointer;
  background: #006170;
  border: 1px solid transparent;
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.25rem;
  transition: background-color 0.6s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out;
  align-self: self-start;
}

@media (max-width: 1919px) {
  .button-color-green {
    padding: 10px 35px;
  }
}

@media (max-width: 1199px) {
  .button-color-green {
    padding: 5px 50px;
  }
}

@media (max-width: 743px) {
  .button-color-green {
    padding: 5px 30px;
    font-size: 1rem;
  }
}

.button-color-green:hover {
  border: 1px solid #006170;
  background-color: #FDFEFE;
  color: #006170;
}

@media (max-width: 1919px) {
  .button-color-green {
    font-size: 1.125rem;
    padding: 10px 35px;
  }
}

@media (max-width: 1199px) {
  .button-color-green {
    padding: 13px 50px;
    font-size: 0.9375rem;
  }
}

@media (max-width: 743px) {
  .button-color-green {
    padding: 10px 35px;
    font-size: 1.125rem;
  }
}

.button-color-white {
  white-space: nowrap;
  border-radius: 10px;
  padding: 10px 50px;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid transparent;
  font-family: "Montserrat";
  color: #006170;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.25rem;
  transition: background-color 0.6s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out;
  align-self: self-start;
}

@media (max-width: 1919px) {
  .button-color-white {
    padding: 10px 35px;
  }
}

@media (max-width: 1199px) {
  .button-color-white {
    padding: 5px 50px;
  }
}

@media (max-width: 743px) {
  .button-color-white {
    padding: 5px 30px;
    font-size: 1rem;
  }
}

.button-color-white:hover {
  border: 1px solid #FFFFFF;
  background-color: #006170;
  color: #FFFFFF;
}

@media (max-width: 1919px) {
  .button-color-white {
    font-size: 1.125rem;
    padding: 10px 35px;
  }
}

@media (max-width: 1199px) {
  .button-color-white {
    padding: 13px 50px;
    font-size: 0.9375rem;
  }
}

@media (max-width: 743px) {
  .button-color-white {
    padding: 10px 35px;
    font-size: 1.125rem;
  }
}

.btn_error {
  pointer-events: none;
  background-color: rgba(206, 201, 201, 0.2823529412);
  cursor: auto;
}

/*--------------Button (end)-------------*/
.card {
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
  max-width: 40%;
  height: 280px;
  margin: 7.5px;
  position: relative;
}

.card .img-full {
  position: relative;
}

.card .img-full img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card .overlay-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.4s ease;
  border-radius: 5px;
}

.card .overlay-card .text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #FDFEFE;
}

.card .overlay-card .text-container p {
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0;
  padding: 10px;
}

.card .overlay-card:hover {
  background-color: rgba(0, 97, 112, 0.2392156863);
}

@media (max-width: 991px) {
  .card {
    width: calc(50% - 10px);
    max-width: 350px;
    height: 200px;
    margin: 5px;
  }

  .card .overlay-card .text-container p {
    font-family: "Montserrat";
    color: #FDFEFE;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-size: 1.125rem;
  }
}

@media (max-width: 743px) {
  .card {
    width: 100%;
    max-width: 100%;
    height: 200px;
    margin: 5px;
  }
}

/*--------------Spinner (start)-------------*/
.spinner {
  padding: 13px 50px;
}

.spinner svg {
  animation-name: rotation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------Spinner (end)-------------*/
* {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Montserrat";
  color: #383838;
}

/*---------HEADER (START)--------*/
header {
  display: flex;
  flex-direction: row;
  height: 80px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
  width: 100%;
  padding: 20px 60px;
}

header .img-wrap {
  height: auto;
  margin-right: auto;
}

header .img-wrap .logo {
  height: 45px;
  max-width: 144px;

}

header .menu {
  display: flex;
  text-align: center;
}

header .menu .top-menu {
  display: flex;
  align-self: center;
}

header .menu .top-menu ul {
  display: flex;
  margin-top: 1px;
}

header .menu .top-menu ul li {
  font-family: "Montserrat";
  color: #383838;
  line-height: 1;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 500;
  margin-right: 40px;
  margin-left: 40px;
  list-style-type: none;
  text-transform: lowercase;
  transition: color 0.4s ease-in-out;
}

header .menu .top-menu ul li a {
  position: relative;
  text-decoration: none;
}

header .menu .top-menu ul li a:after {
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #006170;
  content: "";
  margin-top: 10px;
  transition: width 0.4s ease-out;
}

header .menu .top-menu ul li:hover {
  color: #006170;
}

header .menu .top-menu ul li a:focus:after,
header .menu .top-menu ul li a:hover:after {
  width: 100%;
}

header .menu .mobile-menu {
  display: none;
}

/*---------MEDIA HEADER (START)--------*/
@media (max-width: 1199px) {
  header {
    padding: 20px 30px 20px 30px;
    z-index: 99;
  }

  header .menu .top-menu {
    display: none;
  }

  header .menu .hamburger {
    position: relative;
    display: flex;
    top: 30%;
    width: 50px;
    height: auto;
    z-index: 55;
  }

  header .menu .hamburger span {
    background-color: #011A1A;
    position: absolute;
    width: 100%;
    height: 3.27px;
    transition: 0.4s cubic-bezier(0.8, 0.5, 0.2, 1.4), background-color 0.6s ease-in-out;
  }

  header .menu .hamburger span:nth-child(1) {
    top: 0px;
    left: 0px;
  }

  header .menu .hamburger span:nth-child(2) {
    top: 6px;
    left: 0px;
  }

  header .menu .hamburger:not(.is-open):hover span:nth-child(1) {
    transform: scaleX(0.8);
  }

  header .menu .hamburger:not(.is-open):hover span:nth-child(2) {
    transform: scaleX(0.8);
  }

  header .menu .hamburger.is-open span:nth-child(1) {
    top: 6px;
    background-color: #FDFEFE;
  }

  header .menu .hamburger.is-open span:nth-child(2) {
    top: 6px;
    background-color: #FDFEFE;
  }

  header .menu .mobile-menu {
    display: block;
    position: fixed;
    padding: 10px 30px 20px 30px;
    width: 70%;
    max-width: 800px;
    height: 100vh;
    z-index: 51;
    right: 0;
    top: 0;
    transform: translateX(100%);
    background-color: #006170;
  }

  header .menu .mobile-menu.is-open {
    transition: transform 0.5s ease-out;
    transform: translateX(0);
    -webkit-transition: transform 0.6s;
    -ms-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    transition: transform 0.6s;
  }

  header .menu .mobile-menu.is-closed {
    transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.6s;
    -ms-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    transition: transform 0.6s;
  }

  header .menu .mobile-menu .container-menu {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  header .menu .mobile-menu .container-menu .title-menu {
    font-family: "Montserrat";
    color: #FDFEFE;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 100px;
    padding-top: 15px;
    text-align: initial;
  }

  header .menu .mobile-menu .container-menu .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  header .menu .mobile-menu .container-menu .wrapper .item-menu {
    margin-bottom: auto;
  }

  header .menu .mobile-menu .container-menu .wrapper .item-menu li {
    display: block;
    margin: 10px 0;
    width: 227px;
    text-align: -webkit-left;
    font-family: "Montserrat";
    color: #FDFEFE;
    line-height: 0.98;
    letter-spacing: -0.02em;
    font-size: 1.875rem;
    font-weight: 500;
    text-transform: lowercase;
    white-space: nowrap;
  }

  header .menu .mobile-menu .container-menu .wrapper .bottom {
    display: flex;
    flex-direction: column;
    font-family: "Montserrat";
    color: #FDFEFE;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-size: 1.125rem;
    font-weight: 400;
  }

  header .menu .mobile-menu .container-menu .wrapper .bottom .contacts {
    margin: 5px 0;
    text-transform: uppercase;
    font-family: "Montserra";
    color: #FDFEFE;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-size: 1.125rem;
    font-weight: 400;
    text-align: left;
  }
}

@media (max-width: 1440px) {

  header .menu .top-menu ul {
    align-items: center;
  }
}

@media (max-width: 743px) {
  header {
    height: 60px;
    padding: 10px 20px 10px 20px;
  }

  header .menu .hamburger {
    transition: top 0.5s ease-in-out;
  }

  header .menu .hamburger.is-open {
    top: 50px;
    transition: top 0.5s ease-in-out;
  }

  header .menu .mobile-menu {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    padding: 40px 20px 20px 20px;
  }
}

@media (max-width: 515px) {
  header .menu .mobile-menu .container-menu .wrapper .item-menu li {
    font-size: 25px;
  }
}

@media (max-width: 413px) {
  header .menu .mobile-menu .container-menu .wrapper .item-menu {
    display: flex;
    align-self: center;
  }

  header .menu .mobile-menu .container-menu .wrapper .item-menu li {
    white-space: normal;
    text-align: center;
    margin: 15px 0;
  }

  header .menu .mobile-menu .container-menu .wrapper .bottom .contacts {
    text-align: center;
  }
}

/*---------MEDIA HEADER (END)--------*/
/*---------FOOTER (START)--------*/
footer {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

footer .footer-top {
  border-top: 1px solid rgba(158, 158, 158, 0.8274509804);
  background-color: #394041;
  padding: 35px 60px 65px 60px;
  min-height: 250px;
}

footer .footer-top .left-side p {
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.875rem;
  font-weight: 400;
  margin-bottom: 20px;
  white-space: nowrap;
}

footer .footer-top .left-side .row {
  flex-wrap: nowrap;
}

footer .footer-top .left-side .row .map {
  margin-right: 60px;
}

footer .footer-top .left-side .row .contacts {
  display: flex;
  flex-direction: column;
}

footer .footer-top .left-side .row .contacts .location,
footer .footer-top .left-side .row .contacts .phone,
footer .footer-top .left-side .row .contacts .email,
footer .footer-top .left-side .row .contacts .clock {
  display: flex;
}

footer .footer-top .left-side .row .contacts .location .img-wrap,
footer .footer-top .left-side .row .contacts .phone .img-wrap,
footer .footer-top .left-side .row .contacts .email .img-wrap,
footer .footer-top .left-side .row .contacts .clock .img-wrap {
  margin-right: 20px;
  width: 20px;
}

footer .footer-top .left-side .row .contacts .location p,
footer .footer-top .left-side .row .contacts .phone p,
footer .footer-top .left-side .row .contacts .email p,
footer .footer-top .left-side .row .contacts .clock p {
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 400;
  transition: color 0.4s ease-in-out;
}

footer .footer-top .left-side .row .contacts .location p:hover,
footer .footer-top .left-side .row .contacts .phone p:hover,
footer .footer-top .left-side .row .contacts .email p:hover,
footer .footer-top .left-side .row .contacts .clock p:hover {
  color: #006170;
}

footer .footer-top .footer-menu p {
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.875rem;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: right;
}

footer .footer-top .footer-menu .scroll-top {
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.25rem;
  transition: color 0.4s ease-in-out;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: right;
  cursor: pointer;
  display: flex;
  margin-left: auto;
}

footer .footer-top .footer-menu .scroll-top:hover {
  color: #006170;
}

footer .footer-top .footer-menu .bottom-menu .nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

footer .footer-top .footer-menu .bottom-menu .nav li {
  max-width: max-content;
  transition: color 0.4s ease-in-out;
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 0.98;
  letter-spacing: -0.02em;
  font-size: 1.5625rem;
  text-transform: lowercase;
  font-weight: 400;
  margin-bottom: 13px;
}

footer .footer-top .footer-menu .bottom-menu .nav li:hover {
  color: #006170;
}

footer .footer-bottom {
  display: flex;
  border-top: 1px solid rgba(158, 158, 158, 0.8274509804);
  ;
  background-color: #394041;
  padding: 100px 60px 100px 60px;
}

footer .footer-bottom .row {
  justify-content: space-between;
}

footer .footer-bottom .row .footer-text {
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1rem;
  font-weight: 400;
  max-width: 50%;
  text-align: left;
}

footer .footer-bottom .row .copyright {
  font-family: "Montserrat";
  color: #FFFFFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1rem;
  font-weight: 400;
}

footer .footer-bottom .row .logo-footer {
  width: 40px;
}

footer .map-tab {
  display: none;
}

/*-----------MEDIA FOOTER(START)----------*/
@media (max-width: 1299px) {
  footer .footer-top {
    padding: 35px 30px 150px 30px;
    height: max-content;
    min-height: 0;
  }

  footer .footer-top .left-side .row .map {
    display: none;
  }

  footer .footer-top .left-side .row .contacts .location .img-wrap,
  footer .footer-top .left-side .row .contacts .phone .img-wrap,
  footer .footer-top .left-side .row .contacts .email .img-wrap,
  footer .footer-top .left-side .row .contacts .clock .img-wrap {
    margin-right: 25px;
  }

  footer .footer-top .footer-menu .bottom-menu .nav li {
    margin-bottom: 15px;
  }

  footer .footer-bottom {
    padding: 30px;
  }

  footer .footer-bottom .row .logo-footer {
    width: 40px;
  }

  footer .map-tab {
    display: block;
  }
}

@media (max-width: 991px) {

  footer .footer-top .left-side p,
  footer .footer-top .footer-menu p {
    font-size: 25px;
  }

  footer .footer-top .footer-menu .bottom-menu .nav li {
    font-size: 18px;
  }
}

@media (max-width: 743px) {
  footer .footer-top {
    padding: 25px 20px 66px 20px;
  }

  footer .footer-top .left-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    order: 2;
  }

  footer .footer-top .left-side p {
    font-size: 1.25rem;
  }

  footer .footer-top .footer-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
    margin-bottom: 20px;
    padding-bottom: 30px;
    order: 1;
  }

  footer .footer-top .footer-menu .scroll-top {
    margin-left: 0;
  }

  footer .footer-top .footer-menu p {
    font-size: 1.25rem;
  }

  footer .footer-top .footer-menu .bottom-menu .nav {
    align-items: center;
  }

  footer .footer-top .footer-menu .bottom-menu .nav li {
    margin-bottom: 15px;
  }

  footer .map-tab {
    order: 3;
  }

  footer .footer-bottom {
    padding: 30px 20px 25px 20px;
  }

  footer .footer-bottom .row {
    flex-direction: column;
  }

  footer .footer-bottom .row .footer-text {
    font-size: 0.875rem;
    max-width: 100%;
    align-self: center;
    margin-bottom: 15px;
    text-align: center;
  }

  footer .footer-bottom .row .copyright {
    font-size: 0.875rem;
    align-self: center;
    text-align: center;
  }

  footer .footer-bottom .row .logo-footer {
    display: none;
  }
}

/*-----------MEDIA FOOTER(END)----------*/
/*---------FOOTER (END)--------*/
/*---------LANDING PAGE (START)----------*/
/*---------SECTION ONE (START)----------*/
.main-page .first-section {
  height: calc(100vh - 80px);
  position: relative;
  border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
  overflow: hidden;
}


.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100vh;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.wrapper-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);

  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1;

}

.wrapper-overlay h1 {
  color: #FFFFFF;
  font-size: 50px;
  margin-bottom: 50px;
}

.wrapper-overlay p {
  font-size: 35px;
  border-top: 1px solid rgba(158, 158, 158, 0.8274509804);
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  /* font-size: 1.25rem; */
  font-weight: 500;
}



.main-page .first-section .text-container {
  display: flex;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
}

.main-page .first-section .text-container p {
  width: 50%;
  padding: 60px;
}

.main-page .first-section .text-container .description {
  text-align: left;
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.25rem;
  font-weight: 500;
}

.main-page .first-section .text-container .сompany_name {
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
  align-self: center;
}

@media (max-width: 1199px) {
  .main-page .first-section .text-container p {
    padding: 30px;
  }

  .main-page .first-section .text-container .description {
    font-size: 18px;
  }

  .main-page .first-section .text-container .сompany_name {
    font-size: 35px;
  }
}

@media (max-width: 991px) {
  .main-page .first-section .text-container .description {
    width: 70%;
  }

  .main-page .first-section .text-container .сompany_name {
    width: 30%;
  }
}

@media (max-width: 743px) {
  .main-page .first-section .text-container {
    flex-direction: column;
  }

  .main-page .first-section .text-container p {
    padding: 20px;
  }

  .main-page .first-section .text-container .description {
    text-align: center;
    width: 100%;
    font-size: 18px;
    order: 1;
    border-right: none;
    margin-bottom: 20px;
  }

  .main-page .first-section .text-container .сompany_name {
    width: 30%;
    font-size: 35px;
    border-top: 1px solid rgba(158, 158, 158, 0.8274509804);
    order: 2;
  }
}

/*---------SECTION ONE (END)----------*/
/*---------SECTION SECOND (START)----------*/
.second-section {
  padding: 60px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 1100px;
  overflow: auto;
  border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
  background-color: rgba(221, 221, 221, 0.3098039216);
}

.second-section .row .card-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px;
  align-self: center;
  justify-content: center;
  margin-bottom: 50px;

}

.second-section .row .about-us {
  display: flex;
  align-items: center;
  align-self: center;
  padding: 50px 50px 10px 50px;
  border-top: 1px solid rgba(158, 158, 158, 0.8274509804);
  width: 85%;
  margin: 0 auto;

}

.second-section .row .about-us p {
  font-family: "Montserrat";
  color: #383838;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 500;

  text-align: center;

}

@media (max-width: 1199px) {
  .second-section {
    padding: 30px;
    height: auto;
    padding-bottom: 100px;
  }

  .second-section .row .card-wrap {
    padding-right: 30px;
  }

  .second-section .row .about-us {
    padding-left: 30px;
  }

  .second-section .row .about-us p {
    font-family: "Montserrat";
    color: #383838;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-size: 1rem;
    text-align: justify;
  }
}

@media (max-width: 991px) {
  .second-section .row .card-wrap {
    padding-right: 0px;
    padding-left: 30px;
    width: 70%;
    order: 2;
  }

  .second-section .row .about-us {
    padding-left: 0px;
    padding-right: 30px;
    width: 30%;
    order: 1;
    border-left: none;
    border-right: 1px solid rgba(158, 158, 158, 0.8274509804);
    height: auto;
  }

  .second-section .row .about-us p {
    text-align: left;
  }
}

@media (max-width: 743px) {
  .second-section {
    padding: 20px;
    height: auto;
  }

  .second-section .row {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .second-section .row .card-wrap {
    padding-left: 0px;
    padding-bottom: 30px;
    width: 100%;
    order: 1;
  }

  .second-section .row .about-us {
    padding: 30px 0;
    width: 80%;
    order: 2;
    border-right: none;
    border-top: 1px solid rgba(158, 158, 158, 0.8274509804);
    height: 80%;
  }

  .second-section .row .about-us p {
    text-align: center;
  }
}

/*---------SECTION SECOND (END)----------*/
/*---------THIRD SECTION (START)----------*/
.third-section {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
  padding: 60px;
}

.third-section div {
  display: flex;
  justify-content: space-between;
}

.third-section .wrapper {
  flex-wrap: wrap;
  margin: -15px;
  margin-bottom: 30px;
}

.third-section .wrapper .good-card {
  display: flex;
  flex-direction: column;
  width: calc(33.33% - 30px);
  padding: 30px;
  border-radius: 5px;
  background-color: rgba(206, 201, 201, 0.2823529412);
  max-height: 350px;
  margin: 15px;
  transition: background-color 0.4s ease-in-out;
}

.third-section .wrapper .good-card .card-text-height {
  margin-bottom: 60px;
  text-transform: uppercase;
  text-align: center;
  font-family: "Montserrat";
  color: #006170;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.5625rem;
  font-weight: 500;
  transition: color 0.4s ease-in-out;
}

.third-section .wrapper .good-card .inner-text {
  font-family: "Montserrat";
  color: #006170;
  line-height: 0.93;
  letter-spacing: -0.06em;
  font-size: 1.125rem;
  font-weight: 400;
  transition: color 0.4s ease-in-out;
  margin-top: auto;
  text-align: center;
}

.third-section .wrapper .good-card:hover {
  background-color: #006170;
}

.third-section .wrapper .good-card:hover .card-text-height {
  color: #FFFFFF;
}

.third-section .wrapper .good-card:hover .inner-text {
  color: #FFFFFF;
}

.third-section .desc {
  width: 40%;
  padding-top: 30px;
  font-family: "Montserrat";
  color: #383838;
  padding-right: 50px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  text-align: left;
}

@media (max-width: 1199px) {
  .third-section {
    padding: 30px;
    height: auto;
  }

  .third-section .wrapper {
    flex-wrap: wrap;
    margin: -15px;
    margin-bottom: 30px;
  }

  .third-section .desc {
    font-size: 18px;
    width: 70%;
  }
}

@media (max-width: 991px) {
  .third-section .wrapper {
    flex-wrap: wrap;
    margin: -15px;
    margin-bottom: 30px;
  }

  .third-section .wrapper .good-card {
    width: calc(50% - 20px);
    margin: 10px;
  }

  .third-section .wrapper .good-card .inner-text {
    line-height: 1.2;
  }
}

@media (max-width: 743px) {
  .third-section {
    padding: 20px 20px 50px 20px;
  }

  .third-section .wrapper {
    max-height: auto;
  }

  .third-section div {

    flex-direction: column;
  }

  .third-section .desc {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }
}

/*---------THIRD SECTION (END)----------*/
/*---------FOURTH SECTION (START)----------*/
.fourth-section {
  display: flex;
  flex-direction: column;
  height: 100vh;
  box-sizing: border-box;
  min-height: 950px;
  overflow: hidden;
  border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
  padding: 60px;
  background-color: rgba(221, 221, 221, 0.3098039216);
}

.fourth-section h2 {
  margin-bottom: 40px;
}

.fourth-section .description {
  width: 85%;
  align-self: center;
  border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-family: "Montserrat";
  color: #383838;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  text-align: center;
}

.fourth-section .row {
  flex-wrap: wrap;
  margin: -15px;
  margin-bottom: 30px;
}

.fourth-section .row .container-equipment {
  display: flex;
  flex-direction: column;
  width: calc(33.33% - 30px);
  padding: 30px;
  border-radius: 5px;
  background-color: rgba(206, 201, 201, 0.2823529412);
  margin: 15px;
}

.fourth-section .row .container-equipment .img-wrap {
  margin-bottom: 30px;
}

.fourth-section .row .container-equipment .img-wrap img {
  max-height: 300px;
  object-fit: contain;
}

.fourth-section .row .container-equipment .headline {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: "Montserrat";
  color: #383838;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
}

.fourth-section .row .container-equipment .desc {
  margin-bottom: 15px;
  font-family: "Montserrat";
  color: #383838;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1rem;
  text-align: justify;
}

@media (max-width: 1199px) {
  .fourth-section {
    padding: 30px;
    height: auto;
  }
}

@media (max-width: 991px) {
  .fourth-section {
    padding: 30px;
    height: auto;
  }

  .fourth-section .row {
    flex-wrap: wrap;
    margin: -10px;
    margin-bottom: 20px;
  }

  .fourth-section .row .container-equipment {
    display: flex;
    flex-direction: column;
    width: calc(50% - 20px);
    padding: 20px;
    margin: 10px;
  }

  .fourth-section .row .container-equipment .img-wrap {
    margin-bottom: 30px;
  }

  .fourth-section .row .container-equipment .img-wrap img {
    max-height: 300px;
    object-fit: contain;
  }
}

@media (max-width: 743px) {
  .fourth-section {
    padding: 20px;
  }

  .fourth-section .row {
    max-height: auto;
  }

  .fourth-section .row .container-equipment {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

/*---------FOURTH SECTION (END)----------*/
/*---------FORM (START)----------*/
.form-box .form {
  height: max-content;
  background-color: #3940411a;
  padding: 30px 60px;
}

.form-box .form h2 {
  margin-bottom: 30px;
  font-size: 25px;

}

.form-box .form .wrapper-form {
  display: flex;
  /* justify-content: center; */
}

@media (max-width: 1199px) {
  .form {
    padding: 30px 30px;
  }

  .form h2 {
    font-size: 25px;
  }
}

@media (max-width: 743px) {
  .form-box .form {
    height: max-content;
    background-color: #006170;
    padding: 30px 30px;
  }

  .form-box .form h2 {
    font-size: 25px;
  }
}

/*---------FORM(START)----------*/
/*---------LANDING PAGE (END)----------*/
.research-page {
  display: flex;
  flex-direction: column;
}

.research-page .container-full {
  flex-wrap: nowrap;
  flex-grow: 1;
}

.research-page .container-full .img-full {
  max-height: 500px;
  overflow: hidden;
}

.research-page .container-full .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 80px;
  display: flex;
  align-items: center;
}

.research-page .container-full .caption {
  width: 50%;
  text-align: left;
  text-transform: uppercase;
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.5625rem;
  font-weight: 500;
  margin-bottom: 25px;

}

.research-page .container-full .text-container {
  display: flex;
  flex-direction: column;
  padding: 30px 60px;
  margin-top: 100px;
  background-color: rgba(0, 0, 0, 0.6);
  max-height: max-content;
  width: 100%;
}

.research-page .container-full .text-container .description {
  width: 50%;
  text-align: left;
  border-right: 1px solid rgba(158, 158, 158, 0.8274509804);
  font-family: "Montserrat";
  color: #FDFEFE;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 500;
  padding-right: 15px;
}

.research-page .wrapper-inner {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  padding: 20px 60px 100px 60px;
  background-color: rgba(221, 221, 221, 0.3098039216);
}

.research-page .wrapper-inner .content-box {
  max-width: 900px;
  font-family: "Montserrat";
  color: #011A1A;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 400;
}

.research-page .wrapper-inner .content-box h2 {
  margin-top: 90px;
  margin-bottom: 60px;
  font-family: "Montserrat";
  color: #011A1A;
  line-height: 0.93;
  letter-spacing: -0.02em;
  font-size: 1.875rem;
  font-weight: 500;
  text-align: left;
}

.research-page .wrapper-inner .content-box p {
  margin-bottom: 20px;
}

.research-page .wrapper-inner .content-box ul li {
  position: relative;
  list-style-type: none;
  padding-left: 30px;
  margin-bottom: 20px;
}

.research-page .wrapper-inner .content-box ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
  background-color: rgba(158, 158, 158, 0.8274509804);
  border-radius: 50%;
}

@media (max-width: 1199px) {
  .research-page .container-full .text-container {
    padding: 30px;
  }

  .research-page .wrapper-inner {
    padding: 20px 30px 90px 30px;
  }
}

@media (max-width: 911px) {
  .research-page .container-full .text-container .description {
    width: 70%;
  }

  .research-page .wrapper-inner .content-box h2 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 25px;
  }
}

@media (max-width: 743px) {
  .research-page .container-full .overlay {
    margin-top: 40px;
  }

  .research-page .container-full .img-full {
    height: 400px;
    overflow: hidden;
  }

  .research-page .container-full .caption {
    border-bottom: 1px solid rgba(158, 158, 158, 0.8274509804);
    font-size: 20px;
    padding-bottom: 10px;
  }

  .research-page .container-full .text-container {
    padding: 20px;
    margin-top: 30px;
  }

  .research-page .container-full .text-container .description {
    width: 100%;
    font-size: 16px;
    border-right: none;
  }

  .research-page .wrapper-inner {
    padding: 20px 20px 50px 20px;
  }

  .research-page .wrapper-inner .content-box h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
  }
}

/*---------RESEARCH PAGE (START)----------*/
/*---------RESEARCH PAGE (END)----------*/