:root {
  --animationStyle: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --roboto: "Roboto", sans-serif;
}

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

*,
body {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 1);
  overflow-x: hidden;
}

body.active,
html.active {
  overflow: hidden;
}

body.active2,
html.active2 {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

section {
  position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

.imgContainer {
  overflow: hidden;
}
.imgContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s var(--animationStyle);
}

.container {
  max-width: 128rem;
  padding: 0 2rem;
  margin: 0 auto;
}

@media screen and (max-width: 4000px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 3000px) {
  html {
    font-size: 13px;
  }
}
@media screen and (max-width: 2000px) {
  html {
    font-size: 11px;
  }
}
@media screen and (max-width: 1199.9px) {
  html {
    font-size: 9px;
  }
}

@media screen and (max-width: 1023.9px) {
  html {
    font-size: 8px;
  }
}

@media screen and (max-width: 991.9px) {
  html {
    font-size: 7px;
  }
}

.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0 1.6rem;
}

@media screen and (min-width: 1199.9px) {
  .xl-1 {
    grid-column: span 1;
  }

  .xl-2 {
    grid-column: span 2;
  }

  .xl-3 {
    grid-column: span 3;
  }

  .xl-4 {
    grid-column: span 4;
  }

  .xl-5 {
    grid-column: span 5;
  }

  .xl-6 {
    grid-column: span 6;
  }

  .xl-7 {
    grid-column: span 7;
  }

  .xl-8 {
    grid-column: span 8;
  }

  .xl-9 {
    grid-column: span 9;
  }

  .xl-10 {
    grid-column: span 10;
  }

  .xl-12 {
    grid-column: span 12;
  }
}

@media screen and (max-width: 1199.9px) and (min-width: 991.9px) {
  .lg-0 {
    display: none;
  }

  .lg-1 {
    grid-column: span 1;
  }

  .lg-2 {
    grid-column: span 2;
  }

  .lg-3 {
    grid-column: span 3;
  }

  .lg-4 {
    grid-column: span 4;
  }

  .lg-5 {
    grid-column: span 5;
  }

  .lg-6 {
    grid-column: span 6;
  }

  .lg-7 {
    grid-column: span 7;
  }

  .lg-8 {
    grid-column: span 8;
  }

  .lg-9 {
    grid-column: span 9;
  }

  .lg-10 {
    grid-column: span 10;
  }

  .lg-12 {
    grid-column: span 12;
  }
}

@media screen and (max-width: 991.9px) and (min-width: 767.9px) {
  .md-0 {
    display: none;
  }

  .md-1 {
    grid-column: span 1;
  }

  .md-2 {
    grid-column: span 2;
  }

  .md-3 {
    grid-column: span 3;
  }

  .md-4 {
    grid-column: span 4;
  }

  .md-5 {
    grid-column: span 5;
  }

  .md-6 {
    grid-column: span 6;
  }

  .md-7 {
    grid-column: span 7;
  }

  .md-8 {
    grid-column: span 8;
  }

  .md-9 {
    grid-column: span 9;
  }

  .md-10 {
    grid-column: span 10;
  }

  .md-12 {
    grid-column: span 12;
  }
}

@media screen and (max-width: 767.9px) {
  .sm-0 {
    display: none;
  }

  .row {
    grid-gap: 0 0.8rem;
  }

  .sm-3 {
    grid-column: span 3;
  }

  .sm-6 {
    grid-column: span 6;
  }

  .sm-12 {
    grid-column: span 12;
  }

  html {
    font-size: 10px;
  }

  .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #121212;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent !important;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

button {
  outline: 0;
  cursor: pointer;
  padding: 0;
  border: none;
}

button,
input,
textarea,
select {
  outline: 0;
}

ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.langContainer {
    padding-top: 2rem;
}
.langContainer .container {
    display: flex;
    justify-content: flex-end;
}
header .lang a {
    color: #fff;
}
header .lang a:not(:last-child)::before {
    color: #fff;
}
header.pages .lang a {
    color: rgba(21, 36, 79, 1);
}
header.pages .lang a:not(:last-child)::before {
    color: rgba(21, 36, 79, 1);
}
.headerTop {
  padding-top: 2.5rem;
  padding-bottom: 2.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.headerTop .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerTop .container > div {
  display: flex;
  align-items: center;
  column-gap: 6.1rem;
}
.headerTop .container > div a {
  display: flex;
  column-gap: 1.43rem;
  align-items: center;
}
.headerTop .container > div a:last-child {
  pointer-events: none;
}
.headerTop .container > div a span:last-child {
  color: #fff;
  font-family: var(--roboto);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.054rem;
  max-width: 33rem;
}
.headerTop .container > div a:last-child span:last-child {
  font-weight: 500;
}
.headerTop .container > div a span:first-child {
  width: 4.1683rem;
  min-width: 4.1683rem;
  height: 4.1683rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #124194;
  transition: all 0.4s var(--animationStyle);
}
.headerTop .container > div a:hover span:first-child {
  background-color: #ff5e15;
}
.headerBottom {
  padding-top: 4.1rem;
}
.headerBottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerBottom .container > ul {
  display: flex;
  column-gap: 3.6rem;
}
.headerBottom .container > ul a {
  color: #fff;
  font-family: var(--roboto);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.072rem;
  text-transform: uppercase;
  position: relative;
}
.headerBottom .container > ul a::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 0.4rem);
  height: 0.3rem;
  width: 0%;
  background: #ff5e15;
  opacity: 0;
  transition: all 0.4s var(--animationStyle);
}
.headerBottom .container > ul a:hover::before {
  opacity: 1;
  width: 50%;
}
.headerSocials {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
}
.headerSocials path {
  fill: rgba(255, 255, 255, 0.7);
  transition: all 0.4s var(--animationStyle);
}
.headerSocials a:hover path {
  fill: rgba(255, 255, 255, 1);
}
.banner {
  height: 90rem;
  position: relative;
  overflow: hidden;
}
.slider {
  height: 100%;
}
.banner .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #797979;
  mix-blend-mode: multiply;
  z-index: 2;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerText {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 13.4rem;
  width: 100%;
  z-index: 3;
}
.bannerText h3 {
  width: 60%;
  color: #fff;
  font-family: var(--roboto);
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%; 
  letter-spacing: 0.088rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  position: relative;
  z-index: 3;
}
.bannerText p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 127.469%; /* 2.0395rem */
  letter-spacing: 0.032rem;
  margin-bottom: 4rem;
  width: 40%;
}
.bannerText a {
  background: #ff5e15;
  height: 6.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 9.4rem;
  width: fit-content;
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.032rem;
  text-transform: uppercase;
  transition: all 0.4s var(--animationStyle);
}
.bannerText a:hover {
  background: #da4500;
}
.products {
  padding: 9rem 0 14.7rem;
  background-color: #05142e;
}
.products h2 {
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
  margin-bottom: 3.2rem;
}
.productSwiper .swiper-slide {
  position: relative;
}
.slide {
  position: relative;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 61rem;
  width: 47rem;
  margin: 0 auto;
  overflow: hidden;
}
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #797979;
  mix-blend-mode: multiply;
  z-index: 2;
  transition: all 0.4s var(--animationStyle);
}
.productSwiper .swiper-slide-active .slide::before {
  background: #b6b5b5;
}
.slideText {
  position: absolute;
  z-index: 3;
  bottom: 0;
  padding: 2.4rem 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 17.4rem;
  width: 100%;
}
.slideText span {
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 109.091%;
  letter-spacing: 0.088rem;
  text-transform: uppercase;
  margin-bottom: 1.4rem;
  display: block;
  transform: translateY(-3rem);
  opacity: 0;
}
.slideText p {
  color: #e5e5e5;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: 70%;
  margin: 0 auto;
  transform: translateY(-4rem);
  opacity: 0;
}
.slideText a {
  height: 6.6rem;
  background: #232323;
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 1.6736rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0335rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transform: translateY(5rem);
  opacity: 0;
}
.productSwiper .swiper-slide-active .slide span {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s 0.3s var(--animationStyle);
}
.productSwiper .swiper-slide-active .slide p {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s var(--animationStyle);
}
.productSwiper .swiper-slide-active .slide a {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s var(--animationStyle);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
}
.productSwiper .swiper-button-next,
.productSwiper .swiper-button-prev,
.gallerySwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev,
.certificates .swiper-button-next,
.certificates .swiper-button-prev {
  position: unset;
  left: unset;
  top: unset;
  right: unset;
}
.products .container {
  position: relative;
}
.productSwiper {
  position: unset !important;
}
.productSwiper .swiper-navigation,
.gallerySwiper .swiper-navigation,
.certificates .swiper-navigation {
  display: flex;
  column-gap: 1.8rem;
  justify-content: center;
  padding-top: 6.4rem;
  width: 100%;
}
.productSwiper .swiper-button-prev,
.productSwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev,
.gallerySwiper .swiper-button-next,
.certificates .swiper-button-prev,
.certificates .swiper-button-next {
  width: 5.7rem;
  height: 5.7rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s var(--animationStyle);
}
.gallerySwiper .swiper-button-prev,
.gallerySwiper .swiper-button-next,
.certificates .swiper-button-next,
.certificates .swiper-button-prev {
  border: 1px solid rgba(21, 36, 79, 0.4);
}
.productSwiper .swiper-button-prev svg,
.productSwiper .swiper-button-next svg,
.gallerySwiper .swiper-button-prev svg,
.gallerySwiper .swiper-button-next svg,
.certificates .swiper-button-prev svg,
.certificates .swiper-button-next svg {
  width: 3.1rem;
}
.productSwiper .swiper-button-prev:hover,
.productSwiper .swiper-button-next:hover,
.gallerySwiper .swiper-button-prev:hover,
.gallerySwiper .swiper-button-next:hover,
.certificates .swiper-button-prev:hover,
.certificates .swiper-button-next:hover {
  width: 8.4rem;
  border-color: rgba(255, 255, 255, 1);
  border-radius: 3rem;
}
.gallerySwiper .swiper-button-prev:hover,
.gallerySwiper .swiper-button-next:hover,
.certificates .swiper-button-prev:hover,
.certificates .swiper-button-next:hover {
  border-color: rgba(21, 36, 79, 1);
}
.about {
  position: relative;
  height: 92.2rem;
}
.about .imgContainer {
  width: 45%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.about .container {
  display: flex;
  justify-content: flex-end;
}
.about .container > div {
  width: 50%;
  padding: 6.7rem 10.3rem 7.5rem 3.4rem;
}
.about h2 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.088rem;
  text-transform: uppercase;
  width: 90%;
  margin-bottom: 3.2rem;
}
#tabs {
  border-radius: 1rem;
  border: 1px solid rgba(70, 88, 119, 0.7);
  display: flex;
}
#tabs li {
  width: calc(100% / 3);
  height: 6.4rem;
  display: flex;
  align-items: center;
}
#tabs li:first-child {
  padding-left: 4.6rem;
}
#tabs li:nth-child(2) {
  justify-content: center;
}
#tabs li:last-child {
  padding-right: 4.6rem;
  justify-content: flex-end;
}
#tabs a {
  position: relative;
  color: #15244f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  transition: all 0.4s var(--animationStyle);
}
#tabs a.inactive {
  color: rgba(21, 36, 79, 0.6);
  font-weight: 500;
}
#tabs a.inactive::before {
  opacity: 0;
}
#tabs a::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 0.4rem);
  width: 45%;
  height: 0.15rem;
  background: rgba(255, 94, 21, 1);
  transition: all 0.4s var(--animationStyle);
}
.tabs-container {
  padding-top: 3rem;
}
.tabs-container p {
  color: #15244f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 127.469%;
  letter-spacing: 0.032rem;
  opacity: 0.85;
  margin-bottom: 2rem;
  width: 96%;
}
.aboutCards .aboutCard:last-child {
  border-bottom: none;
}
.aboutCard {
  padding: 3rem 0 2rem;
  border-bottom: 1px solid rgba(70, 88, 119, 0.3);
  display: flex;
  column-gap: 1.6rem;
  align-items: center;
  color: #15244f;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 127.469%;
    letter-spacing: 0.032rem;
}
.aboutCard > div {
  width: 8.9rem;
  min-width: 8.9rem;
  height: 8.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutCard span {
  color: #15244f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 127.469%;
  letter-spacing: 0.032rem;
}
/* .aboutCard > div img {
  width: 80%;
  height: 80%;
  object-fit: contain;
} */
.seeMore {
  display: flex;
  align-items: center;
  column-gap: 1.55rem;
  color: #15244f;
  text-align: center;
  font-family: var(--roboto);
  font-size: 2.3695rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0474rem;
  width: fit-content;
}
.about .seeMore {
  color: #ff5e15;
  font-size: 1.8rem;
  letter-spacing: 0.072rem;
  column-gap: 1.1rem;
}
.about .seeMoreParent {
  padding-top: 2rem;
}
.seeMore:hover svg {
  animation: seeMore 0.6s linear infinite;
}
.productionData {
  padding: 9rem 0 12rem;
}
.productionData .container {
  display: flex;
  flex-direction: column;
  row-gap: 11.1rem;
}
.productionData .container > div {
  display: flex;
  align-items: center;
}
.productionData .container > div > div {
  width: 50%;
}
.productionData h3 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.088rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.productionData p {
  color: #15244f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 127.469%;
  letter-spacing: 0.032rem;
  margin-bottom: 2rem;
}
.productionData .container > div > div p:last-child {
  margin-bottom: 0;
}
.productionData .container > div:first-child > div:first-child {
  padding-left: 6.6rem;
  padding-right: 12.2rem;
}
.productionData .container > div:first-child > div:last-child {
  padding-left: 2.8rem;
}
.productionData .container > div:last-child > div:first-child {
  padding-right: 2.8rem;
}
.productionData .container > div:last-child > div:last-child {
  padding-left: 12.2rem;
  padding-right: 6.6rem;
}
.productionData .imgContainer {
  height: 53.7rem;
}

@keyframes seeMore {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0.6rem);
  }
  100% {
    transform: translateX(0);
  }
}
.statistics {
  background: #081e44;
}
.statistics .container {
  display: flex;
}
.statistics .container > div {
  width: 25%;
  height: 25.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(70, 88, 119, 1);
  border-left: 1px solid rgba(70, 88, 119, 1);
  position: relative;
}

.statistics .container > div:last-child {
  border-right: 1px solid rgba(70, 88, 119, 1);
}
.statistics .container > div::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7.7rem;
  height: 1px;
  background-color: rgba(70, 88, 119, 1);
  z-index: 1;
  transition: all 0.6s var(--animationStyle);
}
.statistics .container > div > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.6rem;
  position: relative;
  z-index: 2;
}
.statistics .container > div > div span:first-child {
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 109.091%;
  letter-spacing: 0.1291rem;
  text-transform: uppercase;
  position: relative;
}
.statistics .container > div > div span:first-child::before {
  content: '+';
  display: inline-block;
  margin-right: 0.5rem;
}
.statistics .container > div > div span:last-child {
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.036rem;
}
.production {
  padding: 14.75rem 0 0;
  background: #081e44;
}
.production > svg {
  display: none;
}
.production .container {
  position: relative;
  height: 100%;
  padding-bottom: 37.15rem;
}
.production .container > div {
  width: 30%;
}
.production h2 {
  color: #fff;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.production p {
  color: rgb(255, 255, 255, 0.8);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 127%;
  opacity: 0.8;
}
.patterns svg {
  position: absolute;
}
.patterns svg:first-child {
  left: 0;
  bottom: 6.966rem;
}
.patterns svg:nth-child(2) {
  left: 41.514rem;
  bottom: 26.343rem;
}
.patterns svg:nth-child(3) {
  left: 65.182rem;
  bottom: 20.744rem;
}
.patterns svg:nth-child(4) {
  left: 83.363rem;
  bottom: 24.892rem;
}
.patterns svg:nth-child(5) {
  left: 107.09rem;
  bottom: 25.028rem;
}
.step {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5rem;
}
.step > div {
  width: 18.224rem;
  height: 18.224rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s var(--animationStyle);
}
.step svg {
  transition: all 0.4s var(--animationStyle);
}
.step:hover > div {
  scale: 1.05;
}
.step:hover svg {
  transform: scale(1.05) rotateY(360deg);
}

.step span {
  color: #fff;
  font-family: var(--roboto);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.09rem;
}
.steps .step:nth-child(even) {
  flex-direction: column-reverse;
}
.steps .step:nth-child(even) > div {
  background-color: rgba(18, 65, 148, 1);
}
.steps .step:nth-child(odd):not(:last-child) > div {
  background-color: rgba(255, 94, 21, 1);
}
.steps .step:last-child > div {
  background-color: rgba(20, 138, 81, 1);
}
.steps .step:first-child {
  left: 27.33rem;
  bottom: 9.26rem;
  animation: step1 30s linear infinite;
}
/* @keyframes step1 {
  0% {
    left: 27.83rem;
    bottom: 9.26rem;
  }
  20% {
    left: 51.68rem;
    bottom: 29.94rem;
  }
  40% {
    left: 72.02rem;
    bottom: 10.26rem;
  }
  60% {
    left: 92.24rem;
    bottom: 30.99rem;
  }
  80% {
    left: 105.78rem;
    bottom: 10.77rem;
  }
  100% {
    left: 27.83rem;
    bottom: 9.26rem;
  }
} */
.steps .step:nth-child(2) {
  left: 51.68rem;
  bottom: 29.94rem;
  animation: step2 30s linear infinite;
}
/* @keyframes step2 {
  0% {
    left: 51.68rem;
    bottom: 29.94rem;
  }
  20% {
    left: 72.02rem;
    bottom: 10.26rem;
  }
  40% {
    left: 92.24rem;
    bottom: 30.99rem;
  }
  60% {
    left: 105.78rem;
    bottom: 10.77rem;
  }
  80% {
    left: 27.83rem;
    bottom: 9.26rem;
  }
  100% {
    left: 51.68rem;
    bottom: 29.94rem;
  }
} */
.steps .step:nth-child(3) {
  left: 72.02rem;
  bottom: 10.26rem;
  animation: step3 30s linear infinite;
}
/* @keyframes step3 {
  0% {
    left: 72.02rem;
    bottom: 10.26rem;
  }
  20% {
    left: 92.24rem;
    bottom: 30.99rem;
  }
  40% {
    left: 105.78rem;
    bottom: 10.77rem;
  }
  60% {
    left: 27.83rem;
    bottom: 9.26rem;
  }
  80% {
    left: 51.68rem;
    bottom: 29.94rem;
  }
  100% {
    left: 72.02rem;
    bottom: 10.26rem;
  }
} */
.steps .step:nth-child(4) {
  left: 92.24rem;
  bottom: 30.99rem;
  animation: step4 30s linear infinite;
}
/* @keyframes step4 {
  0% {
    left: 92.24rem;
    bottom: 30.99rem;
  }
  20% {
    left: 105.78rem;
    bottom: 10.77rem;
  }
  40% {
    left: 27.83rem;
    bottom: 9.26rem;
  }
  60% {
    left: 51.68rem;
    bottom: 29.94rem;
  }
  80% {
    left: 72.02rem;
    bottom: 10.26rem;
  }
  100% {
    left: 92.24rem;
    bottom: 30.99rem;
  }
} */
.steps .step:nth-child(5) {
  left: 105.78rem;
  bottom: 10.77rem;
  animation: step5 30s linear infinite;
}
/* @keyframes step5 {
  0% {
    left: 105.78rem;
    bottom: 10.77rem;
  }
  20% {
    left: 27.83rem;
    bottom: 9.26rem;
  }
  40% {
    left: 51.68rem;
    bottom: 29.94rem;
  }
  60% {
    left: 72.02rem;
    bottom: 10.26rem;
  }
  80% {
    left: 92.24rem;
    bottom: 30.99rem;
  }
  100% {
    left: 105.78rem;
    bottom: 10.77rem;
  }
} */
.projects {
  padding: 10rem 0 7.2rem;
}
.projects .seeMoreParent {
  display: flex;
  justify-content: center;
}
.projectCards {
  margin-bottom: 6rem;
}
.projects h2 {
  color: #15244f;
  text-align: center;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
  margin-bottom: 3.2rem;
}
.projectSwiper a,
.projectsCards a {
  height: 31.4rem;
  position: relative;
  width: 100%;
}
.projectsCards a {
  width: 25%;
}
.projectSwiper a::before,
.projectsCards a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.4) 100%
    ),
    url(<path-to-image>), lightgray 50% / cover no-repeat;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: all 0.4s var(--animationStyle);
}
.projectSwiper a:hover::before,
.projectsCards a:hover::before {
  opacity: 1;
}
.projectSwiper a img,
.projectsCards a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projectName {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  padding-inline: 3.8rem;
  padding-bottom: 4.2rem;
  display: flex;
  align-items: flex-end;
  border: 1px solid rgba(18, 65, 148, 1);
  border-bottom: none;
  transition: all 0.4s var(--animationStyle);
}
.projectSwiper .swiper-wrapper .swiper-slide:last-child .projectName {
  border-right: 1px solid rgba(18, 65, 148, 1);
}
.projectSwiper a:hover .projectName span:first-child,
.projectsCards a:hover .projectName span:first-child {
  color: #fff;
}
.projectSwiper a:hover .projectName,
.projectsCards a:hover .projectName {
  border-bottom-color: transparent;
}
.projectName span:first-child {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.0486rem;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  transition: all 0.4s var(--animationStyle);
}
.projectName span:last-child {
  width: 5.7697rem;
  height: 5.7697rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(35, 35, 35, 1);
  position: absolute;
  right: 2rem;
  bottom: 0;
  transform: translateY(50%);
  z-index: 3;
  transition: all 0.4s var(--animationStyle);
}
.projectName span:last-child svg path {
  transition: all 0.4s var(--animationStyle);
}
.projectSwiper a:hover .projectName span:last-child svg path,
.projectsCards a:hover .projectName span:last-child svg path {
  fill: rgba(20, 75, 174, 1);
}
.projectName span:last-child svg {
  transition: all 0.4s var(--animationStyle);
}
.projectSwiper a:hover .projectName span:last-child svg,
.projectsCards a:hover .projectName span:last-child svg {
  rotate: 30deg;
}
.projectSwiper a:hover .projectName span:last-child,
.projectsCards a:hover .projectName span:last-child {
  background-color: #fff;
}
.projectName::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fafafa;
  z-index: 2;
  transition: all 0.4s var(--animationStyle);
}
.projectSwiper a:hover .projectName::before,
.projectsCards a:hover .projectName::before {
  height: 0%;
}
.partners {
  padding: 7.2rem 0 10rem;
}
.partners h2 {
  color: #15244f;
  text-align: center;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
  margin-bottom: 5.3rem;
}
.partnerSlider {
  position: relative;
}
.partnerSwiper {
  width: calc(100% - 17.1rem);
  margin: 0;
  border: 1px solid rgba(223, 223, 223, 1);
  border-right: none;
  position: unset;
}
.partnerSwiper .swiper-slide-next + .swiper-slide + .swiper-slide a {
  border-right: none;
}
.partnerSwiper a {
  height: 15.6rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid rgba(223, 223, 223, 1);
}
.partnerSwiper a img {
  max-width: 85%;
  max-height: 90%;
  object-fit: contain;
}
.partnerSlider .swiper-button-next,
.partnerSlider .swiper-button-prev {
  position: unset;
  top: unset;
  left: unset;
  right: unset;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  border-right: 1px solid rgba(223, 223, 223, 1);
  transition: all 0.4s var(--animationStyle);
}
.partnerSlider .swiper-button-next:hover,
.partnerSlider .swiper-button-prev:hover {
  background: #f7f7f7;
}
.partnerSlider .swiper-button-next {
  border-right: none;
}
.partnerSlider .swiper-button-next svg,
.partnerSlider .swiper-button-prev svg {
  width: 2.4039rem;
}
.partnerSlider .swiper-navigation {
  position: absolute;
  width: 17.1rem;
  right: 0;
  top: 0;
  height: 15.7rem;
  display: flex;
  border: 1px solid rgba(223, 223, 223, 1);
}
.partnerSlider .swiper-button-disabled svg {
  opacity: 0.5;
}
footer {
  padding: 5.3rem 0 6rem;
  background-color: rgba(241, 244, 248, 1);
}
.footerTop {
  padding-bottom: 6rem;
  border-bottom: 1px solid rgba(21, 36, 79, 0.1);
}
.footerTop .container > div:first-child {
  display: flex;
}
.footerLeft {
  width: 22%;
}
.footerLogo {
  margin-bottom: 4.4rem;
}
.footerLeft p {
  color: rgba(21, 36, 79, 0.7);
  font-family: Mulish;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-top: 2.7rem;
  border-top: 1px solid rgba(220, 223, 228, 1);
  margin-bottom: 2em;
}
.footerRight {
  padding-left: 11rem;
  display: flex;
  width: 78%;
}
.footerRight ul {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
}
.footerRight ul li {
  width: 95%;
}
.footerRight ul li:first-child {
  margin-bottom: 2.1rem;
}
.footerRight ul li:first-child a {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: all 0.4s var(--animationStyle);
  text-transform: uppercase;
}
.footerRight ul li:not(:first-child) a {
  color: #15244f;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.4s var(--animationStyle);
  position: relative;
}
.footerRight ul li:not(:first-child) a::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 0.3rem);
  width: 0%;
  height: 0.3rem;
  background-color: rgba(255, 94, 21, 1);
  opacity: 0;
  transition: all 0.4s var(--animationStyle);
}
.footerRight ul li:not(:first-child) a:hover::before {
  opacity: 1;
  width: 50%;
}
.footerRight a:hover {
  color: rgba(255, 94, 21, 1) !important;
}
.footerSocials {
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
}
.footerSocials > span {
  padding-left: 0.7rem;
  color: #15244f;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
}
.footerSocials > div {
  display: flex;
  column-gap: 1.2rem;
}
.footerSocials > div a {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(18, 65, 148, 0.2);
  transition: all 0.4s var(--animationStyle);
}
.footerSocials path {
  transition: all 0.4s var(--animationStyle);
}
.footerSocials > div a:hover {
  border-color: #ff5e15;
  background-color: #ff5e15;
}
.footerSocials > div a:hover path {
  fill: #fff;
}
.footerMid {
  padding: 1.5rem 0 2.1rem;
  border-bottom: 1px solid rgba(21, 36, 79, 0.1);
}
.footerMid .container {
  display: flex;
}
.footerMid .container > div {
  width: calc(100% / 3);
}
.footerContact {
  display: flex;
  column-gap: 1.9rem;
  align-items: center;
}
.footerContact > span {
  width: 7.1rem;
  min-width: 7.1rem;
  height: 7.1rem;
  background-color: rgba(18, 65, 148, 1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s var(--animationStyle);
}
.footerContact > div {
  display: flex;
  flex-direction: column;
}
.footerContact > div span,
.footerContact > div a {
  color: #15244f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 146.845%;
}
.footerContact:hover > span {
  background-color: rgba(255, 94, 21, 1);
}
.footerBottom {
  padding-top: 4.2rem;
}
.footerBottom .container {
  display: flex;
}
.footerBottom .container > div {
  width: calc(100% / 3);
}
.lang {
  display: flex;
  column-gap: 2.4rem;
}
.lang a {
  position: relative;
  color: #15244f;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: all 0.4s var(--animationStyle);
}
.lang a:hover {
  color: rgba(255, 94, 21, 1);
}
.lang.active {
  color: rgba(255, 94, 21, 1);
}
.lang a:not(:last-child)::before {
  content: "/";
  position: absolute;
  left: calc(100% + 0.9rem);
  top: 50%;
  transform: translateY(-50%);
  color: #15244f;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.014rem;
  opacity: 0.7;
}
.footerBottom .container > div:nth-child(2) {
  display: flex;
  justify-content: center;
}
.footerBottom .container > div:nth-child(2) span {
  color: #15244f;
  font-feature-settings: "liga" off;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footerBottom .container > div:nth-child(2) span a {
  color: #15244f;
  font-weight: 700;
  transition: all 0.4s var(--animationStyle);
}
.footerBottom .container > div:nth-child(2) span a:hover {
  color: rgba(255, 94, 21, 1);
}
.footerBottom .container > div:last-child {
  display: flex;
  justify-content: flex-end;
}
.footerBottom .container > div:last-child span {
  color: rgba(21, 36, 79, 0.7);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 161.188%;
  display: flex;
  align-items: center;
  column-gap: 1.8rem;
}
.footerBottom .container > div:last-child span a {
  color: #15244f;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 161.188%;
  letter-spacing: 0.052rem;
  border-bottom: 1px solid #15244f;
  transition: all 0.4s var(--animationStyle);
}
.footerBottom .container > div:last-child span a:hover {
  color: #ff5e15;
  border-color: #ff5e15;
}
.page {
  padding-top: 20rem;
}
.pages .headerTop {
  border-color: rgba(18, 65, 148, 0.3);
}
.pages .headerTop .container > div a span:last-child {
  color: rgba(21, 36, 79, 1);
}
.pages .headerBottom .container > ul a {
  color: rgba(21, 36, 79, 1);
}
.pages .headerSocials path {
  fill: rgba(21, 36, 79, 0.7);
}
.pages .headerSocials a:hover path {
  fill: rgba(21, 36, 79, 1);
}
.contactPage {
  padding-top: 5rem;
}
.breadcrumbs {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 3.2rem;
  padding-bottom: 3.2rem;
}
.breadcrumbs a {
  color: #15244f;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 127.469%; /* 1.7846rem */
  letter-spacing: 0.028rem;
  position: relative;
}
.breadcrumbs a:last-child {
  pointer-events: none;
  color: rgba(255, 94, 21, 0.7);
}
.breadcrumbs a:not(:last-child)::before {
  content: "";
  position: absolute;
  left: calc(100% + 1.6rem);
  height: 1.4398rem;
  width: 0.1rem;
  background-color: rgba(21, 36, 79, 1);
  top: 50%;
  transform: translateY(-50%) rotate(15deg);
}
.page h1 {
  color: #15244f;
  text-align: center;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.096rem;
  text-transform: uppercase;
}
.contactPage h1 {
  margin-bottom: 5.4rem;
}
.contactPage .footerMid {
  padding-bottom: 5.6rem;
}
.contactPage .footerSocials {
  padding-top: 1.4rem;
  padding-bottom: 6rem;
  row-gap: 2rem;
}
.contactPage .footerSocials > span {
  color: #ff5e15;
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02rem;
}
.contactForm {
  background: #f8f9fc;
  height: 77rem;
  position: relative;
}
.contactForm .map {
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
  height: 100%;
}
.contactForm .map iframe {
  width: 100%;
  height: 100%;
}
.contactForm .container {
  display: flex;
  align-items: center;
  height: 100%;
}
.contactForm .container > div {
  width: 45%;
  padding-right: 10.7rem;
  padding-left: 0.7rem;
}
.contactForm h3 {
  color: #262626;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.032rem;
  text-transform: uppercase;
  margin-bottom: 4rem;
}
.contactForm form {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
}
.contactForm .inputGroup {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}
.contactForm .inputGroup label {
  padding-left: 1.1rem;
  color: rgba(0, 0, 0, 0.33);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.contactForm .inputGroup input,
.contactForm .inputGroup textarea {
  border-radius: 0.2rem;
  border: 1px solid #bcc3d9;
  background-color: transparent;
  padding-inline: 2.4rem;
  color: #1a1a1a;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 4.9rem;
}
.contactForm .inputGroup textarea {
  resize: none;
  height: 10rem;
  padding: 1rem 2.4rem;
}
.contactForm form button {
  border-radius: 0.2rem;
  background: #15244f;
  height: 4.4rem;
  margin-top: 0.8rem;
  color: #fff;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: 0.06rem;
}

.menuBtn {
  display: none;
}
.menu {
  display: none;
}

.aboutPage {
  padding-top: 9.4rem;
}
.aboutPage .about .imgContainer:hover img {
  scale: 1.05;
}
.aboutPage .about .imgContainer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #f3f3f3 0%, #858585 100%);
  mix-blend-mode: multiply;
  z-index: 2;
}
.aboutPage .about .imgContainer a {
  position: absolute;
  z-index: 3;
  left: 12.51rem;
  bottom: 4rem;
  display: flex;
  align-items: center;
  column-gap: 1.4rem;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 109.091%;
  letter-spacing: 0.06rem;
}
.aboutPage .tabs-container {
  padding-top: 0;
}
.aboutPage .about .container > div {
  padding-top: 1.4rem;
}
.aboutPage .breadcrumbs {
  justify-content: flex-start;
}
.mission {
  min-height: 64.5rem;
  position: relative;
  display: flex;
  align-items: center;
}
.mission .container {
  display: flex;
  height: 100%;
  align-items: center;
}
.mission .container > div {
  width: 50%;
  padding-left: 4.7rem;
  padding-right: 11rem;
}
.mission h3 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.076rem;
  margin-bottom: 2.4rem;
}
.mission p {
  color: #15244f;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 127.469%;
  letter-spacing: 0.032rem;
  margin-bottom: 2rem;
}
.mission .imgContainer {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% - 0.8rem);
  height: 100%;
}
.vision {
  margin-top: 11.7rem;
}
.vision .container {
  justify-content: flex-end;
}
.vision .imgContainer {
  right: unset;
  left: 0;
}
.vision .container > div {
  padding-left: 9.7rem;
  padding-right: 6rem;
}
.ourValues {
  background: #f5f7fa;
  padding: 10.5rem 0 11.2rem;
}
.ourValues .container {
  padding-left: 12.5rem;
  padding-right: 17.2rem;
}
.ourValues h3 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.076rem;
  text-transform: uppercase;
  margin-bottom: 3.5rem;
}
.ourValues h4 {
  color: var(--black, #101223);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 155%;
  letter-spacing: -0.02rem;
  margin-bottom: 2rem;
}
.ourValues ul,.mission ul {
  padding-left: 5.3rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
  position: relative;
  margin-bottom: 4rem;
  padding-top: 2rem;
}
.ourValues ul::before,
.mission ul::before {
  content: "";
  position: absolute;
  left: 1.8rem;
  height: calc(100% - 2rem);
  top: 2rem;
  width: 0.4rem;
  background: #ff5e15;
}
.ourValues li,
.mission ul li{
  color: rgba(16, 18, 35, 0.8);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  letter-spacing: -0.017rem;
}
.ourValues p {
  color: rgba(16, 18, 35, 0.8);
  font-family: Mulish;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: 155%; /* 2.635rem */
  letter-spacing: -0.017rem;
  margin-bottom: 2rem;
}
.productCards {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 6.6rem;
  padding-bottom: 13.45rem;
}
.productCards > div,
.otherProductSlider .swiper-wrapper .swiper-slide > div {
  width: calc(100% / 3 - 3.2rem / 3);
  overflow: hidden;
  position: relative;
  height: 52rem;
}
.otherProductSlider .swiper-wrapper .swiper-slide > div {
  width: 100%;
}
.productCards > div::before,
.otherProductSlider .swiper-wrapper .swiper-slide > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #a3a3a3;
  mix-blend-mode: multiply;
  z-index: 2;
}
.productCards > div img,
.otherProductSlider .swiper-wrapper .swiper-slide > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s var(--animationStyle);
}
.productCards > div:hover img,
.otherProductSlider .swiper-wrapper .swiper-slide > div:hover img {
  scale: 1.05;
}
.productCards > div > div,
.otherProductSlider .swiper-wrapper .swiper-slide > div > div {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  padding: 8.4rem 2.8rem 2.56rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.productCards > div span,
.otherProductSlider .swiper-wrapper .swiper-slide > div span {
  color: #fff;
  font-family: var(--roboto);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 109.091%;
  letter-spacing: 0.048rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  display: block;
  width: 70%;
}
.productCards > div p,
.otherProductSlider .swiper-wrapper .swiper-slide > div p {
  color: #e5e5e5;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: 80%;
  transform: translateY(-2rem);
  opacity: 0;
  transition: all 0.4s var(--animationStyle);
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.productCards > div:hover p,
.otherProductSlider .swiper-wrapper .swiper-slide > div:hover p {
  transform: translateY(0);
  opacity: 1;
}
.productCards > div a,
.otherProductSlider .swiper-wrapper .swiper-slide > div a {
  height: 6rem;
  background: #232323;
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.048rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s var(--animationStyle);
  transform: translateY(12rem);
}
.productCards > div:hover a,
.otherProductSlider .swiper-wrapper .swiper-slide > div:hover a {
  transform: translateY(0);
}
.projectsCards {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10rem;
}
.projectDetail .imgContainer {
  height: 63.8rem;
}
.projectContent {
  padding-left: 10rem;
  padding-top: 2rem;
  padding-bottom: 6rem;
}
.projectContent h3 {
  color: #15244f;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.028rem;
  margin-bottom: 1.8rem;
  margin-top: 3rem;
}
.projectContent p {
  color: rgba(16, 18, 35, 0.8);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  margin-bottom: 2rem;
  width: 75%;
}
.projectContent ul {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  flex-wrap: wrap;
  column-gap: 11.4rem;
  max-height: 12.2rem;
  width: fit-content;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.projectContent ul li {
  color: rgba(21, 36, 79, 0.8);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.032rem;
  position: relative;
  padding-left: 3.6rem;
}
.projectContent ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.1rem;
  height: 0.2rem;
  background: #ff5e15;
}
.gallery {
  padding: 8.6rem 0 15.1rem;
  background: rgba(239, 242, 247, 0.5);
  mix-blend-mode: multiply;
}
.gallery h3 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.076rem;
  text-transform: uppercase;
  margin-bottom: 2.8rem;
  text-align: center;
}
.gallerySlider a {
  height: 70rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.gallerySlider a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #c0c0c0;
  mix-blend-mode: multiply;
  z-index: 2;
}
.gallerySlider a:hover img {
  scale: 1.05;
}
.gallerySlider a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s var(--animationStyle);
}
.gallerySwiper {
  position: unset;
}
.gallerySlider {
  position: relative;
}
.partnersPage h1 {
  margin-bottom: 2rem;
}
.partnersPage > .container > p {
  color: var(--black, rgba(16, 18, 35, 0.8));
  text-align: center;
  font-family: Mulish;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.015rem;
  width: 60%;
  margin: 0 auto 7rem;
}
.partnersCards {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12rem;
  border-top: 0.1rem solid rgba(223, 223, 223, 1);
}
.partnersCards a {
  width: 20%;
  height: 14.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid rgba(223, 223, 223, 1);
  border-left: 0.1rem solid rgba(223, 223, 223, 1);
}
.partnersCards a:nth-child(5n) {
  border-right: 0.1rem solid rgba(223, 223, 223, 1);
}
.partnersCards a:last-child {
  border-right: 0.1rem solid rgba(223, 223, 223, 1);
}
.partnersCards a img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  transition: all 0.4s var(--animationStyle);
}
.partnersCards a:hover img {
  scale: 1.05;
}
.certificateCards {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 10rem;
  margin-bottom: 12rem;
}
.certificateCards a {
  width: calc(100% / 3 - 3.2rem / 3);
}
.certificateCards a > div {
  height: 55.3554rem;
  border: 0.1rem solid var(--main-color-02, rgba(62, 72, 71, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.85rem;
}
.certificateCards a > div img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  transition: all 0.4s var(--animationStyle);
}
.certificateCards a:hover img {
  scale: 1.05;
}
.certificateCards a > span {
  color: var(--main-color-02, #3e4847);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: -0.032rem;
  display: block;
  width: 90%;
}
.productionTop {
  display: flex;
  justify-content: center;
  padding-bottom: 5rem;
}
.productionTop > div {
  width: 50%;
  position: relative;
}
.productionTop > div > .imgContainer:first-child {
  height: 58.5rem;
  position: relative;
}
.productionTop > div > .imgContainer:nth-child(2) {
  width: 31.3rem;
  height: 30.7rem;
  position: absolute;
  bottom: 2rem;
  right: calc(100% - 6.1rem);
  z-index: 3;
}
.productionTop > div > .imgContainer:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #c3c3c3;
  mix-blend-mode: multiply;
  z-index: 2;
}
.productionTop > div > div:last-child {
  position: absolute;
  left: calc(100% - 14.1rem);
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #989aa0;
  background: #fff;
  padding: 7.4rem 5rem 7.5rem 6rem;
  width: 38.9rem;
  z-index: 3;
}
.productionTop h1 {
  color: #ff5e15;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.024rem;
  margin-bottom: 1.6rem;
  text-align: left;
  text-transform: unset;
}
.productionTop p {
  color: var(--black, #101223);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  margin-bottom: 1rem;
}
.productionTop > div > div:last-child p:last-child {
  margin-bottom: 0;
}
.productionPage .ourValues h3 {
  color: var(--black, #101223);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.024rem;
  margin-bottom: 2.4rem;
}
.productDetailPage .productionTop > div > div:last-child {
  left: unset;
  right: calc(100% - 14.1rem);
}
.productDetailPage .productionTop > div > .imgContainer:nth-child(2) {
  right: unset;
  left: calc(100% - 6.1rem);
}
.productDetailPage .mission {
  margin-top: 6rem;
}
.productDetailPage .vision {
  margin-bottom: 10rem;
}
.productDetailPage .mission .container > div {
  padding-left: 0;
}
.productDetailPage .vision .container > div {
  padding-left: 8.4rem;
}
.tables {
  padding: 0 0 8rem;
}
.tables h3 {
  color: #15244f;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.028rem;
  margin-bottom: 2.8rem;
  margin-top: 5rem;
}

.table {
  border-radius: 1rem;
  border: 1px solid #f1f3f7;
  overflow: hidden;
}
.tableRow {
  display: flex;
}
.tableRow span {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #101223;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 155%;
  height: 6.6rem;
}
.table .tableRow:first-child span {
  height: 7.7rem;
  color: #15244f;
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
  padding: 2rem 3rem;
}
.table .tableRow:first-child {
  border-bottom-left-radius: 1.3rem;
  border-bottom-right-radius: 1.3rem;
  background-color: rgba(246, 247, 249, 1);
}
.table .tableRow:not(:last-child) {
  border-bottom: 1px solid #f1f3f7;
}
.table .tableRow:not(:first-child) span:not(:nth-child(4n)) {
  border-right: 1px solid #f1f3f7;
}
.otherProducts {
  padding: 9rem 0 12rem;
}
.otherProducts h3 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 109.091%;
  letter-spacing: 0.076rem;
  text-transform: uppercase;
  margin-bottom: 4.35rem;
  text-align: center;
}
.otherProductSlider {
  margin-bottom: 6rem;
}
.otherProducts .seeMoreParent {
  display: flex;
  justify-content: center;
}
.certificates {
  padding: 8rem 0 14rem;
}
.certificates h3 {
  color: #15244f;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 109.091%;
  letter-spacing: 0.076rem;
  text-transform: uppercase;
  margin-bottom: 3.2rem;
  text-align: center;
}
.certificates .swiper-slide {
  height: 42rem;
}
.certificates a {
  height: 100%;
  width: 100%;
  border: 1.035px solid rgba(62, 72, 71, .2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s var(--animationStyle);
}
.certificates a img {
  width: 85%;
  height: 70%;
  object-fit: contain;
}
.certificates .swiper-slide-active a {
  height: 120%;
  width: 108%;
}
.certificates .swiper-button-next,
.certificates .swiper-button-prev {
  transform: translateX(10rem);
}

.errorPage {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.errorPage::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  mix-blend-mode: multiply;
  z-index: 1;
}
.errorPage > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.errorText {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  padding-top: 8.3rem;
}
.errorText .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.errorText .container > span {
  color: #fff;
  font-kerning: none;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: "liga" off;
  font-family: var(--roboto);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 144%;
  letter-spacing: 0.108rem;
  text-transform: uppercase;
  text-align: center;
}
.errorText p {
  color: #fff;
  font-kerning: none;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: "liga" off;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 144%;
  letter-spacing: 0.02rem;
  margin-bottom: 1.75rem;
  text-align: center;
}
.errorText a {
  display: flex;
  align-items: center;
  column-gap: 0.61rem;
  color: #fff;
  text-align: center;
  font-family: var(--roboto);
  font-size: 2.2225rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0445rem;
}
.tables table,
.tables th,
.tables tr,
.tables td {
  border: 1px solid rgba(241, 243, 247, 1);
}
.tables .container > :first-child {
    margin-top: 0;
}

.tables table {
  border-collapse: collapse;
  width: 100%;
}
.tables th {
  background-color: rgba(246, 247, 249, 1);
  border: none;
  height: 7.7rem;
  color: #15244f;
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
}
.tables td {
  height: 6.6rem;
  text-align: center;
  color: #101223;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 155%;
}
  

@media screen and (max-width: 768px) {
  body,
  html {
    overflow-x: hidden;
  }
  .headerTop .container > div,
  .headerBottom {
    display: none;
  }
  .bannerText {
    padding-bottom: 9rem;
  }
  .menuBtn {
    display: block;
    background-color: transparent;
  }
  .menu {
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #f6f7f9;
    overflow: auto;
    padding: 5.6rem 0 8rem;
    z-index: 10;
    transition: all 0.5s var(--animationStyle);
    transform: translateX(-100%);
  }
  .menu.active {
    transform: translateX(0);
  }
  .menuTop {
    display: flex;
    align-items: center;
  }
  .menuTop > div:first-child,
  .menuTop > div:last-child {
    width: 20%;
    display: flex;
    justify-content: flex-end;
  }
  .menuTop > div:nth-child(2) {
    width: 60%;
    display: flex;
    justify-content: center;
  }
  .menuTop button {
    background-color: transparent;
  }
  .menu .logo img {
    width: 11.2rem;
  }
  .pages .menuBtn path {
      fill: rgba(21, 36, 79, 1);
  }
  .page {
      padding-top: 27rem;
  }
  .menu ul {
    padding: 6rem 0 6.5rem;
    border-bottom: 1px solid rgba(181, 181, 181, 0.3);
    display: flex;
    flex-direction: column;
    row-gap: 2.6rem;
    align-items: center;
  }
  .menu ul a {
    color: #15244f;
    font-family: var(--roboto);
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.104rem;
    text-transform: uppercase;
  }
  .menuBottom {
    padding-top: 4.6rem;
  }
  .menuBottom > div:first-child {
    display: flex;
    flex-direction: column;
    row-gap: 3.1rem;
    padding-bottom: 6.6rem;
  }
  .menuBottom > div:first-child a,
  .menuBottom > div:first-child p {
    color: #15244f;
    font-family: var(--roboto);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.08rem;
    display: flex;
    align-items: center;
    column-gap: 1.8rem;
  }
  .menuBottom > div:first-child a span,
  .menuBottom > div:first-child p span {
    width: 4.7rem;
    min-width: 4.7rem;
    height: 4.7rem;
    border-radius: 50%;
    background-color: rgba(18, 65, 148, 1);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menuSocials {
    display: flex;
    align-items: center;
    column-gap: 2.33rem;
  }
  .bannerText h3 {
    font-size: 2.8rem;
    letter-spacing: 0.056rem;
    width: 100%;
    margin-bottom: 1.4rem;
  }
  .bannerText p {
    font-size: 1.5rem;
    width: 100%;
    margin-bottom: 3rem;
  }
  .bannerText a {
    height: 5.5rem;
    width: 100%;
    font-size: 1.4rem;
    padding-inline: 3rem;
  }
  .products {
    padding: 7.2rem 0 8.55rem;
  }
  .products .container {
    padding: 0;
  }
  .products h2 {
    font-size: 2.8rem;
    margin-top: 2.8rem;
  }
  .slide {
    width: 75vw;
    height: 34.6rem;
  }
  .slideText {
    row-gap: 6rem;
    padding: 1.4rem 2rem;
  }
  .slideText span {
    font-size: 2.4rem;
    margin-bottom: 1.45rem;
  }
  .slideText p {
    font-size: 1.4rem;
    width: 100%;
  }
  .slideText a {
    height: 4.1rem;
    font-size: 1.4rem;
  }
  .about {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
  }
  .about .imgContainer {
    height: 53.6rem;
    position: relative;
    width: 100%;
  }
  .about .container > div {
    width: 100%;
    padding: 5.8rem 0 5.3rem;
  }
  .about h2 {
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
    width: 100%;
  }
  #tabs li:first-child {
    padding-left: 2.4rem;
  }
  #tabs li:last-child {
    padding-right: 2.4rem;
  }
  #tabs a {
    font-size: 1.4rem;
  }
  .statistics .container {
    flex-wrap: wrap;
  }
  .statistics .container > div {
    width: 50%;
    height: 14.1rem;
  }
  .statistics .container > div:nth-child(even) {
    border-right: 1px solid rgba(70, 88, 119, 1);
  }
  .statistics .container > div::before {
    width: 4.4rem;
  }
  .statistics .container > div > div span:first-child {
    font-size: 3.741rem;
    letter-spacing: 0.0748rem;
  }
  .statistics .container > div > div span:last-child {
    font-size: 1.043rem;
    letter-spacing: 0.0209rem;
  }
  .production {
    padding: 6.5rem 0 20rem;
    position: relative;
  }
  .patterns {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: -12rem;
    width: 100%;
    scale: .3;
  }
  .steps {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: -12rem;
    width: 100%;
    scale: .3;
  }
  .production .container {
    padding: 0;
    position: unset;
  }
  .production .container > div {
    width: 100%;
    padding: 0 2rem;
  }
  .production h2 {
    font-size: 2.8rem;
    margin-bottom: 1.8rem;
  }
  .production p {
    font-size: 1.5rem;
  }
  .production > svg {
    width: 100%;
    margin: 4.7rem 0 0;
    display: block;
  }
  .projects {
    padding: 5.5rem 0;
  }
  .projects h2 {
    font-size: 2.8rem;
    margin-bottom: 3.2rem;
  }
  .projectSwiper a {
    height: 35rem;
  }
  .projectName span:last-child {
    width: 6.4932rem;
    height: 6.4932rem;
  }
  .partners {
    padding: 5.5rem 0 17.7rem;
  }
  .partners h2 {
    font-size: 2.8rem;
    margin-bottom: 1.7rem;
  }
  .partnerSwiper a {
    height: 10rem;
  }
  .partnerSwiper {
    width: 100%;
    border-bottom: none;
  }
  .partnerSlider .swiper-navigation {
    width: 100%;
    left: 0;
    top: 100%;
    height: 10rem;
  }
  .partnerSlider .swiper-button-next svg,
  .partnerSlider .swiper-button-prev svg {
    width: 3.6rem;
  }
  .partnerSlider .swiper-button-prev {
    border-left: 1px solid rgba(223, 223, 223, 1);
  }
  .partnerSwiper a img {
    max-width: 70%;
  }
  footer {
    padding: 3.1rem 0 4.35rem;
  }
  .footerTop {
    padding-bottom: 5.78rem;
  }
  .footerTop .container > div:first-child {
    flex-direction: column;
  }
  .footerTop .container > div:first-child > div {
    width: 100%;
  }
  .footerLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footerLogo {
    margin-bottom: 2rem;
  }
  .footerLogo img {
    width: 13.8rem;
  }
  .footerLeft p {
    padding: 2rem 4.4rem 4.7rem;
    text-align: center;
  }
  .footerRight {
    padding: 0;
    flex-wrap: wrap;
    row-gap: 6.6rem;
    padding-bottom: 6.6rem;
  }
  .footerRight ul {
    width: 50%;
  }
  .footerSocials {
    row-gap: 1.6rem;
  }
  .footerSocials > span {
    font-size: 1.6rem;
    padding: 0;
  }
  .footerSocials > div {
    column-gap: 2rem;
  }
  .footerSocials > div a {
    width: 6.6725rem;
    height: 6.6725rem;
  }
  .footerMid {
    padding: 3.2rem 0 5.65rem;
  }
  .footerMid .container {
    flex-direction: column;
    row-gap: 2.14rem;
  }
  .footerMid .container > div {
    width: 100%;
  }
  .footerContact > span {
    width: 6.3379rem;
    min-width: 6.3379rem;
    height: 6.3379rem;
  }
  .footerBottom {
    padding-top: 3.46rem;
  }
  .footerBottom .container {
    flex-direction: column;
    align-items: center;
  }
  .footerBottom .container > div {
    width: 100%;
  }
  .lang {
    justify-content: center;
    padding-bottom: 4.44rem;
    column-gap: 3rem;
  }
  header .lang {
      padding-bottom: 0;
  }
  .lang a {
    font-size: 1.7126rem;
  }
  .lang a:not(:last-child)::before {
    font-size: 1.7126rem;
    left: calc(100% + 1.2rem);
  }
  .footerBottom .container > div:last-child {
    justify-content: center;
    padding-top: 2.8rem;
  }
  .breadcrumbs {
    display: none;
  }
  .contactPage {
    padding-top: 0;
  }
  .page h1 {
    font-size: 3.6rem;
  }
  .contactPage h1 {
    margin-bottom: 3rem;
  }
  .contactForm {
    display: flex;
    flex-direction: column;
    height: unset;
  }
  .contactForm .container {
    margin: unset;
  }
  .contactForm .container > div {
    width: 100%;
    padding: 4rem 2rem;
  }
  .contactForm .map {
    position: unset;
    right: unset;
    top: unset;
    width: 100%;
    height: 60rem;
  }
  .contactForm form {
    width: 100%;
  }
  .aboutPage {
    padding-top: 0;
  }
  .mission {
    padding-top: 6rem;
    flex-direction: column;
    row-gap: 3.2rem;
  }
  .mission .container {
    flex-direction: column;
  }
  .mission .container > div {
    width: 100%;
    padding: 0;
  }
  .mission .imgContainer {
    position: relative;
    width: calc(100% - 4rem);
    margin: 0 auto;
    height: 30rem;
  }
  .vision {
    margin-top: 0;
  }
  .ourValues .container {
    padding-inline: 2rem;
  }
  .certificateCards a {
    width: 100%;
  }
  .certificateCards {
    row-gap: 4rem;
  }
  .partnersCards a {
    width: 50%;
  }
  .partnersCards a:nth-child(2n) {
    border-left: unset;
  }
  .partnersCards a:nth-child(2n),
  .partnersCards a:nth-child(1n) {
    border-right: 0.1rem solid rgba(223, 223, 223, 1);
  }
  .productionTop > div {
    width: 100%;
  }
  .productionTop > div > .imgContainer:first-child,
  .productDetailPage .productionTop > div > .imgContainer:first-child {
    height: calc(100vw - 4rem);
  }
  .productionTop > div > .imgContainer:nth-child(2),
  .productDetailPage .productionTop > div > .imgContainer:nth-child(2) {
    display: none;
  }
  .productionTop {
      padding-bottom: 31rem;
  }
  .productionTop > div > div:last-child,
  .productDetailPage .productionTop > div > div:last-child {
    width: calc(100vw - 6rem);
    left: 50%;
    top: 100vw;
    transform: translate(-50%, -40%);
    padding: 4rem 2.4rem;
  }
  .ourValues {
    padding: 6rem 0;
  }
  .productCards > div {
    width: 100%;
  }
  .projectsCards {
    row-gap: 3rem;
  }
  .projectsCards a {
    width: 100%;
  }
  .projectDetail .imgContainer {
    height: 23rem;
  }
  .projectContent {
    padding-left: 0;
  }
  .projectContent p {
    width: 100%;
  }
  .gallerySlider a {
    height: 30rem;
  }
  .gallery {
    padding-bottom: 6rem;
  }

  .tableContainer {
    overflow-x: auto;
    width: 100%;
}
  .tableRow span {
    font-size: 1.4rem !important;
  }
  .productDetailPage .vision .container > div {
    padding-left: 0;
  }
}