@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
.sr-only:not(:focus):not(:active), .screen-reader-only {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right] {
  display: none !important;
}

.is-loading .loader--wrapper {
  display: block;
}

.loader--wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.75);
  display: none;
  align-items: center;
  justify-content: center;
}

.loader--wrapper object {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn {
  text-align: center;
  color: #ffffff;
  font-family: "Inter Bold";
  font-size: 18px;
  display: inline-block;
  padding-left: 40px;
}

.btn span {
  position: relative;
}

.btn span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 10px);
  width: 20px;
  height: 2px;
  border-radius: 15px;
  transition: width 1s;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  background-color: #ffffff;
}

.btn:hover span::before {
  width: 40px;
}

.btn.text-gray span::before {
  background-color: #474647;
}

.btn.text-gray:hover span::before {
  background-color: #069782;
}

.btn.btn-big {
  background-color: #069782;
  padding: 15px 20px 15px 80px;
  transition: background-color 1s;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  transform-origin: right;
  border-color: transparent;
}

.btn.btn-big span::before {
  width: 25px;
}

.btn.btn-big:hover {
  background-color: transparent;
  color: #474647;
}

.btn.btn-big:hover span::before {
  width: 60px;
  background-color: #474647;
}

.btn.btn-big.-hovergreen:hover {
  color: #069782;
}

.btn.btn-big.-hovergreen:hover span::before {
  background-color: #069782;
}

.btn.btn-big.bg-white {
  background-color: #ffffff;
  color: #474647;
}

.btn.btn-big.bg-white span::before {
  background-color: #474647;
}

.btn.btn-big.bg-white:hover {
  background-color: transparent;
  color: #ffffff;
}

.btn.btn-big.bg-white:hover span::before {
  background-color: #ffffff;
}

.btn.btn-newsletter {
  padding: 20px 10px 20px 50px;
  margin-bottom: 20px;
}

.btn.btn-newsletter:hover {
  background-color: transparent;
  color: #069782;
}

.btn.btn-newsletter:hover span::before {
  background-color: #069782;
}

.btn.btn-visual:hover {
  color: #ffffff;
}

.btn.btn-visual:hover span::before {
  background-color: #ffffff;
}

.btn.btn-download {
  padding: 10px 15px 10px 35px;
  background: url(../../public/images/download.svg) no-repeat center;
  background-position-x: 15px;
  font-family: inherit;
}

@media only screen and (max-width: 575px) {
  .btn {
    font-size: 16px;
  }
  .btn.btn-big {
    padding-left: 50px;
  }
  .btn.btn-big:hover span::before {
    width: 40px;
  }
}

.-change .-contact span.hidden {
  position: relative;
}

.-change .-contact span.hidden .transition {
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 2px;
  background-color: #069782;
  display: inline-block;
}

.-change .-contact span.hidden .transition::before {
  content: none;
}

.-change .-contact span.hidden::before {
  content: none;
}

.-change .-contact:hover span {
  display: none;
}

.-change .-contact:hover span.hidden {
  display: inline-block;
  color: #069782;
}

@media only screen and (max-width: 991px) {
  .-change .btn span {
    display: none;
  }
  .-change .btn span.hidden {
    display: inline-block;
  }
  .-change .btn span.hidden .transition {
    background-color: #ffffff;
    right: calc(100% + 10px);
    left: auto;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
  }
  .-change .btn.-contact:hover span.hidden .transition {
    background-color: #069782;
    width: 60px !important;
  }
}

@media only screen and (max-width: 575px) {
  .-change .btn.-contact:hover span.hidden .transition {
    width: 40px !important;
  }
}

.header-section {
  margin: 13px 0 60px 24px;
  position: relative;
}

.header-section::before {
  content: '';
  width: 68px;
  height: 68px;
  border: 5px solid #069782;
  border-right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -24px;
  z-index: -1;
}

.header-section .title-section {
  font-size: 40px;
  display: inline;
  margin: 0;
  background: #ffffff;
}

.header-section .title-section::before {
  content: '';
  width: 5px;
  height: 10px;
  position: absolute;
  top: -8px;
  left: 39px;
  background-color: #069782;
}

.header-section .title-section::after {
  content: '';
  width: 5px;
  height: 10px;
  position: absolute;
  bottom: -8px;
  left: 39px;
  background-color: #069782;
}

.header-section.white-text::before {
  border-color: #fff;
}

.header-section.white-text .title-section::before {
  background-color: #fff;
}

.header-section.white-text .title-section::after {
  background-color: #fff;
}

@media only screen and (max-width: 1440px) {
  .header-section::before {
    width: 60px;
    height: 60px;
  }
  .header-section .title-section {
    font-size: 30px;
  }
  .header-section .title-section::before {
    left: 31px;
  }
  .header-section .title-section::after {
    left: 31px;
  }
}

@media only screen and (max-width: 991px) {
  .image-expertise {
    padding-top: 50%;
  }
  .header-section {
    margin-bottom: 40px;
    margin-left: 13px;
  }
  .header-section::before {
    content: '';
    width: 50px;
    height: 50px;
    border-width: 4px;
    left: -13px;
  }
  .header-section .title-section {
    font-size: 23px;
  }
  .header-section .title-section::before {
    left: 33px;
    width: 4px;
    top: -9px;
  }
  .header-section .title-section::after {
    left: 33px;
    width: 4px;
    bottom: -9px;
  }
}

@media only screen and (max-width: 424px) {
  .header-section::before {
    content: '';
    width: 46px;
    height: 46px;
  }
  .header-section .title-section {
    font-size: 20px;
    padding: 5px 0;
    display: inline-block;
  }
}

@media only screen and (max-width: 365px) {
  .header-section .title-section {
    font-size: 17px;
  }
}

.logo {
  width: 280px;
}

.logo a {
  display: block;
}

.logo a img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 1440px) {
  .logo {
    width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .logo {
    width: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .logo {
    width: 200px;
  }
}

.breadcrumbs {
  padding-top: 40px;
}

.breadcrumbs ul {
  list-style: none;
  padding: 0;
}

.breadcrumbs ul li {
  display: inline-block;
}

.breadcrumbs ul li + li::before {
  content: ">";
  padding: 0 7px;
}

.breadcrumbs ul li a {
  color: #069782;
}

.breadcrumbs ul li.active a {
  color: inherit;
}

@media only screen and (max-width: 991px) {
  .breadcrumbs {
    display: none;
  }
}

.custom-paginationjs {
  margin: 30px 0;
  text-align: center;
}

.custom-paginationjs ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-paginationjs ul li {
  display: inline-block;
  font-size: 20px;
  line-height: 44px;
  font-family: "Inter Medium";
  width: 44px;
  height: 44px;
  border: 1px solid;
  margin: 0 7px;
  cursor: pointer;
}

.custom-paginationjs ul li a {
  color: #474647;
}

.custom-paginationjs ul li.active {
  font-family: "Inter Bold";
  background-color: #069782;
  border: 0;
}

.custom-paginationjs ul li.active a {
  color: #ffffff;
}

.custom-paginationjs ul li.last-page {
  position: relative;
}

.custom-paginationjs ul li.disabled {
  border: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.custom-paginationjs ul li.disabled a {
  line-height: 1;
}

.custom-paginationjs ul .J-paginationjs-previous, .custom-paginationjs ul .J-paginationjs-next {
  border: 0;
  cursor: pointer;
}

.custom-paginationjs ul .J-paginationjs-previous a, .custom-paginationjs ul .J-paginationjs-next a {
  display: block;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50% auto;
  color: transparent;
}

.custom-paginationjs ul .J-paginationjs-previous {
  margin-right: 15px;
}

.custom-paginationjs ul .J-paginationjs-previous a {
  background-image: url("../../public/images/arrow-prev.svg");
}

.custom-paginationjs ul .J-paginationjs-next {
  margin-left: 15px;
}

.custom-paginationjs ul .J-paginationjs-next a {
  background-image: url("../../public/images/arrow.svg");
}

@media only screen and (max-width: 1440px) {
  .custom-paginationjs ul {
    margin: 0 -5px;
  }
  .custom-paginationjs ul li {
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }
  .custom-paginationjs ul .J-paginationjs-previous {
    margin-right: 10px;
  }
  .custom-paginationjs ul .J-paginationjs-next {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .custom-paginationjs {
    margin: 5px 0;
  }
}

@media only screen and (max-width: 575px) {
  .custom-paginationjs ul li {
    line-height: 34px;
    width: 34px;
    height: 34px;
  }
}

.back-to-top {
  bottom: 20px;
  right: 20px;
  position: fixed;
  width: 48px;
  height: 48px;
  display: none;
  z-index: 15;
}

.back-to-top > div {
  width: 48px;
  height: 48px;
  font-size: 15px;
  padding: 8px 5px 3px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 100;
  font-family: "Inter Bold";
  text-align: center;
}

.back-to-top .arrow-top {
  margin-bottom: 3px;
}

.back-to-top .arrow-top img {
  margin: 0 auto;
}

.back-to-top.active {
  display: block;
}

@media only screen and (min-width: 1921px) {
  .back-to-top {
    right: calc(50% - 940px);
  }
}

@media only screen and (max-width: 991px) {
  .back-to-top {
    bottom: 120px;
  }
}

.slick-slider.slick-dotted {
  margin-bottom: 0;
}

.slick-slider .slick-track {
  display: flex;
}

.slick-slider .slick-track .slick-slide {
  height: auto;
}

.slick-slider .slick-track .slick-slide > div, .slick-slider .slick-track .slick-slide .article-post, .slick-slider .slick-track .slick-slide .result-box, .slick-slider .slick-track .slick-slide .box-item {
  height: 100%;
}

.slick-slider .slick-next::before {
  content: '';
  background: url("../../public/images/arrow.svg") no-repeat;
  opacity: 1;
  height: 20px;
  background-size: 20px;
  display: block;
}

.slick-slider .slick-prev::before {
  content: '';
  background: url("../../public/images/arrow.svg") no-repeat;
  transform: rotate(-180deg);
  opacity: 1;
  height: 20px;
  background-size: 20px;
  display: block;
}

.slick-slider .slick-arrow {
  z-index: 10;
}

.slick-slider .slick-arrow:focus {
  outline: 3px solid #474647;
}

.slick-slider .slick-arrow > a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.slick-slider .slick-dots {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  height: 20px;
}

.slick-slider .slick-dots li {
  width: 15px;
  height: 15px;
  border: 1px solid #707070;
}

.slick-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.slick-slider .slick-dots li button::before {
  content: none;
}

.slick-slider .slick-dots li.slick-active {
  background-color: #069782;
  border: 0;
}

#PageExpertise .slick-arrow {
  transform: translate(0, calc(-50% - 10px));
  top: calc(50% + 20px);
}

#PageExpertise .slick-next {
  right: 15px;
}

#PageExpertise .slick-prev {
  left: 15px;
}

.slider-wrap .slick-slider .slick-dots {
  bottom: 75px;
  left: 50%;
}

.slider-wrap .slick-slider .slick-dots li {
  width: 20px;
  height: 20px;
  border-width: 3px;
  border-color: #ffffff;
  background-color: transparent !important;
}

.slider-wrap .slick-slider .slick-dots li.slick-active {
  border: 3px solid #069782;
}

.single-product--images .slick-next::before, .single-product--images .slick-prev::before, .project-images .slick-next::before, .project-images .slick-prev::before {
  border: solid #069782;
  border-width: 0 3px 3px 0;
  padding: 8px;
  background: none;
}

.single-product--images .slick-next, .project-images .slick-next {
  right: 5px;
}

.single-product--images .slick-next::before, .project-images .slick-next::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.single-product--images .slick-next.disabled::before, .project-images .slick-next.disabled::before {
  border-color: #EFEFEF;
  cursor: auto;
}

.single-product--images .slick-prev, .project-images .slick-prev {
  left: 5px;
}

.single-product--images .slick-prev::before, .project-images .slick-prev::before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.single-product--images .slick-prev.slick-disabled::before, .project-images .slick-prev.slick-disabled::before {
  border-color: #EFEFEF;
  cursor: auto;
}

.slider-news .slick-next {
  right: 15px;
}

.slider-news .slick-prev {
  left: 15px;
}

.slick-arrow.slick-disabled {
  display: none !important;
}

@media only screen and (min-width: 1200px) {
  .slick-next {
    right: -35px;
  }
  .slick-prev {
    left: -35px;
  }
}

@media only screen and (max-width: 1199px) {
  #PageExpertise .slick-next {
    right: 5px;
  }
  #PageExpertise .slick-prev {
    left: 5px;
  }
  .single-product--images .slick-next::before, .single-product--images .slick-prev::before, .project-images .slick-next::before, .project-images .slick-prev::before {
    height: 15px;
    width: 15px;
    padding: 6px;
  }
  .single-product--images .slick-next, .project-images .slick-next {
    right: 0;
  }
  .single-product--images .slick-prev, .project-images .slick-prev {
    left: 0;
  }
  .slider-news .slick-next {
    right: 5px;
  }
  .slider-news .slick-prev {
    left: 5px;
  }
}

.slick-list, .slick-track {
  min-width: 100%;
}

@media only screen and (min-width: 992px) {
  .slick-slider .slick-dots {
    bottom: -60px;
  }
}

@media only screen and (max-width: 991px) {
  .slick-slider .slick-prev, .slick-slider .slick-next {
    top: auto;
    transform: none;
    bottom: -20px;
  }
  .slick-slider .slick-prev {
    left: 20px;
  }
  .slick-slider .slick-next {
    right: 20px;
  }
  .slick-slider .slick-dots {
    bottom: -20px;
  }
  .slick-slider.box--wrapper .slick-prev, .slick-slider.box--wrapper .slick-next, .slick-slider.box--wrapper .slick-dots {
    bottom: -40px;
  }
  .slick-slider.box--wrapper .slick-prev {
    left: 0;
  }
  .slick-slider.box--wrapper .slick-next {
    right: 0;
  }
  #PageExpertise .slick-arrow {
    transform: translate(0, -50%);
    top: 50%;
  }
  #PageExpertise .slick-next {
    right: 20px;
  }
  #PageExpertise .slick-prev {
    left: 20px;
  }
  .slider-wrap .slick-slider .slick-dots {
    bottom: 20px;
  }
  .single-product--images .slick-next, .project-images .slick-next {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    right: 0;
  }
  .single-product--images .slick-prev, .project-images .slick-prev {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
  .related-events .slick-slider .slick-dots, .related-events .slick-slider .slick-arrow {
    bottom: -55px;
  }
  .related-products .slick-slider .slick-dots, .related-products .slick-slider .slick-next, .related-products .slick-slider .slick-prev, .category-child .slick-slider .slick-dots, .category-child .slick-slider .slick-next, .category-child .slick-slider .slick-prev {
    bottom: -50px;
  }
  .related-products .slick-slider .slick-prev, .category-child .slick-slider .slick-prev {
    left: 20px;
  }
  .related-products .slick-slider .slick-dots, .category-child .slick-slider .slick-dots {
    flex-wrap: wrap;
    justify-content: center;
    max-width: calc(100% - 100px);
    width: 100%;
  }
  .related-products .slick-slider .slick-dots li, .category-child .slick-slider .slick-dots li {
    margin-bottom: 5px;
  }
  .navigation-category .tab-container.slick-slider .slick-next, .navigation-category .tab-container.slick-slider .slick-prev {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    width: 33px;
    height: 24px;
    z-index: 5;
  }
  .navigation-category .tab-container.slick-slider .slick-next::before, .navigation-category .tab-container.slick-slider .slick-prev::before {
    width: 33px;
    height: 24px;
  }
  .navigation-category .tab-container.slick-slider .slick-prev {
    left: 20px;
  }
  .navigation-category .tab-container.slick-slider .slick-prev::before {
    background: url("../../public/images/arrow-white.svg") no-repeat;
    transform: rotateY(-180deg);
  }
  .navigation-category .tab-container.slick-slider .slick-next::before {
    background: url("../../public/images/arrow-white.svg") no-repeat;
  }
  .slider-news.slick-slider .slick-dots {
    bottom: -50px;
  }
  .slider-news.slick-slider .slick-next {
    right: 20px;
    bottom: -50px;
  }
  .slider-news.slick-slider .slick-prev {
    left: 20px;
    bottom: -50px;
  }
}

@media only screen and (max-width: 575px) {
  .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
  }
}

.screen-small {
  padding-top: 15%;
  height: 0;
  position: relative;
  display: block;
  margin: 35px 0 42px;
}

.screen-small img {
  position: absolute;
  top: 0;
  left: 0;
}

.screen-small header {
  position: absolute;
  left: 50px;
  top: 100%;
  transform: translateY(-50%);
}

.screen-small header .title-page {
  font-size: 45px;
  background-color: #474647;
  padding: 15px 45px;
}

.screen-small.-small {
  padding-top: 15%;
}

.screen-small.-medium {
  padding-top: 25%;
}

@media screen and (max-width: 1440px) {
  .screen header .title-page {
    font-size: 32px;
    padding: 12px 40px;
  }
}

@media screen and (max-width: 1199px) {
  .screen header {
    left: 30px;
  }
  .screen header .title-page {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .screen {
    margin-top: 0;
    padding-top: 0 !important;
    height: 234px;
  }
  .screen header {
    left: 20px;
    max-width: calc(100% - 40px);
  }
}

.page-default--wrapper {
  padding: 45px 50px 85px;
}

.page-default--wrapper h2, .page-default--wrapper h3 {
  margin-bottom: 10px;
}

.page-default--wrapper h2 {
  font-size: 26px;
}

.page-default--wrapper h3 {
  font-size: 24px;
}

.page-default--wrapper p, .page-default--wrapper li {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}

.page-default--wrapper img {
  height: auto;
}

.page-default--wrapper a {
  color: #069782;
  text-decoration: underline;
}

.page-default--wrapper .-change {
  float: right;
  margin: 0 0 20px 100px;
  width: 31%;
}

.page-default--wrapper .-change .btn {
  width: 100%;
}

.page-default--wrapper .-change .btn span.hidden {
  color: #474647;
}

.page-default--wrapper .-change .btn span.hidden .transition {
  background-color: #474647;
  left: auto;
  right: calc(100% + 10px);
}

@media screen and (max-width: 1440px) {
  .page-default--wrapper h2 {
    font-size: 24px;
  }
  .page-default--wrapper h3 {
    font-size: 22px;
  }
  .page-default--wrapper p, .page-default--wrapper li {
    font-size: 18px;
    line-height: 26px;
  }
  .page-default--wrapper .-change {
    width: 40%;
  }
}

@media screen and (max-width: 1199px) {
  .page-default--wrapper {
    padding: 45px 30px 85px;
  }
  .page-default--wrapper .-change {
    width: 46%;
  }
}

@media screen and (max-width: 991px) {
  .page-default--wrapper {
    padding: 15px 20px 70px;
  }
  .page-default--wrapper .-change {
    float: none;
    margin: 0 0 35px 0;
    width: -webkit-max-content;
    width: max-content;
  }
  .page-default--wrapper .-change .btn.-contact span {
    display: none;
  }
  .page-default--wrapper .-change .btn.-contact span.hidden {
    display: block;
    color: #ffffff;
  }
  .page-default--wrapper .-change .btn.-contact span.hidden .transition {
    background-color: #ffffff;
  }
  .page-default--wrapper .-change .btn.-contact:hover span {
    color: #474647;
  }
  .page-default--wrapper .-change .btn.-contact:hover span .transition {
    background-color: #474647;
  }
}

@media screen and (max-width: 575px) {
  .page-default--wrapper h2 {
    font-size: 22px;
  }
  .page-default--wrapper h3 {
    font-size: 20px;
  }
  .page-default--wrapper p, .page-default--wrapper li {
    font-size: 16px;
    line-height: 24px;
  }
  .page-default--wrapper .-change .btn.-contact:hover span.hidden .transition {
    width: 40px !important;
  }
}

.related-post {
  padding-bottom: 60px;
  margin-bottom: 80px;
}

.related-post .article--wrapper > .article-post {
  width: 50%;
}

.related-post .article-post {
  display: flex !important;
}

.related-post .article-post figure {
  width: 55%;
  padding-top: 55%;
  overflow: hidden;
  height: 0;
  margin: 0;
  position: relative;
  z-index: -1;
}

.related-post .article-post figure .img-post {
  background-color: #c6c6c6;
  position: absolute;
  top: 0;
  left: 0;
}

.related-post .article-post .content--wrapper {
  width: calc(45% + 100px);
  margin: 20px 0 20px -100px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.related-post .article-post .content--wrapper header > a {
  color: #069782;
  text-transform: uppercase;
  display: block;
}

.related-post .article-post .content--wrapper header > a .title-post {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 30px;
}

.related-post .article-post .content--wrapper header span {
  font-family: "Inter Light Italic";
}

.related-post .article-post .content--wrapper header span ul {
  list-style: none;
  padding: 0;
}

.related-post .article-post .content--wrapper header span ul a {
  color: inherit;
}

.related-post .article-post .content--wrapper .description-post {
  margin: 15px 0 20px;
  font-size: 20px;
  line-height: 30px;
}

.related-post .article-post .content--wrapper .btn {
  max-width: -webkit-max-content;
  max-width: max-content;
}

.related-post .article-post .content--wrapper > p {
  text-align: right;
  margin: 0 0 20px;
}

.related-post .article-post .content--wrapper > p a {
  text-decoration: underline;
}

@media only screen and (max-width: 1440px) {
  .related-post .article--wrapper .article-post .content--wrapper header > a .title-post {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 26px;
  }
  .related-post .article--wrapper .article-post .content--wrapper .description-post {
    margin: 12px 0 15px;
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .related-post {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  .related-post .container {
    padding: 0;
  }
  .related-post .container .header-section {
    margin-left: 46px;
  }
  .related-post .container .article--wrapper .article-post {
    flex: 0 0 100%;
    flex-direction: column;
  }
  .related-post .container .article--wrapper .article-post figure {
    width: 100%;
    padding-top: 58%;
  }
  .related-post .container .article--wrapper .article-post .content--wrapper {
    width: calc(100% - 40px);
    margin: -100px 20px 0;
    padding: 20px 20px 25px;
  }
  #subcategory-expertise .related-pos {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .related-post .article--wrapper .article-post .content--wrapper header a .title-post {
    font-size: 18px;
    line-height: 24px;
  }
  .related-post .article--wrapper .article-post .content--wrapper header span, .related-post .article--wrapper .article-post .content--wrapper header data, .related-post .article--wrapper .article-post .content--wrapper header span ul a {
    font-size: 14px;
  }
  .related-post .article--wrapper .article-post .content--wrapper .description-post {
    margin: 30px 0;
    font-size: 16px;
    line-height: 24px;
  }
}

.related-events {
  background-color: #f4f4f4;
  padding: 70px 0;
  margin-bottom: 75px;
}

.related-events .article--wrapper .article-event {
  flex: 0 0 27%;
  flex-direction: column;
  justify-content: space-between;
}

.related-events .article--wrapper .article-event:not(:last-child) {
  margin-right: 9.5%;
}

.related-events .article--wrapper .article-event > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.related-events .article--wrapper .article-event header {
  align-items: flex-start;
  flex: 1;
}

.related-events .article--wrapper .article-event header .img-event {
  width: 30%;
  padding-top: 30%;
  background-color: #474647;
  position: relative;
}

.related-events .article--wrapper .article-event header .img-event .date--wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  font-size: 2.5vw;
  line-height: 0.7;
  width: 100%;
}

.related-events .article--wrapper .article-event header .img-event .date--wrapper .day {
  font-family: "Inter Light";
}

.related-events .article--wrapper .article-event header .img-event .date--wrapper .month {
  font-family: "Inter Bold";
}

.related-events .article--wrapper .article-event header .info-event {
  width: 70%;
  padding-left: 20px;
}

.related-events .article--wrapper .article-event header .info-event .title-event {
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 5px;
  word-break: break-word;
}

.related-events .article--wrapper .article-event header .info-event data {
  font-family: "Inter Light Italic";
}

.related-events .article--wrapper .article-event header .info-event .city-event {
  font-family: "Inter Medium Italic";
}

.related-events .article--wrapper .article-event header .info-event data, .related-events .article--wrapper .article-event header .info-event .city-event {
  font-size: 20px;
  line-height: 25px;
}

.related-events .article--wrapper .article-event .description-event {
  margin: 20px 0 25px;
  font-size: 20px;
  line-height: 30px;
  flex: 1;
}

.related-events .article--wrapper .article-event .btn {
  margin-top: auto;
  max-width: -webkit-max-content;
  max-width: max-content;
}

.related-events .link_events {
  margin: 70px auto 0;
  display: block;
  text-align: center;
  font-size: 20px;
  max-width: -webkit-max-content;
  max-width: max-content;
}

@media only screen and (min-width: 1921px) {
  .related-events .article--wrapper .article-event header .img-event .date--wrapper {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1440px) {
  .related-events .article--wrapper .article-event header .info-event .title-event {
    font-size: 22px;
  }
  .related-events .article--wrapper .article-event header .info-event data, .related-events .article--wrapper .article-event header .info-event .city-event {
    font-size: 18px;
    line-height: 24px;
  }
  .related-events .article--wrapper .article-event .description-event {
    margin: 12px 0 15px;
    font-size: 18px;
    line-height: 26px;
  }
  .related-events .link_events {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1280px) {
  .related-events .article--wrapper .article-event {
    flex: 0 0 31%;
  }
  .related-events .article--wrapper .article-event:not(:last-child) {
    margin-right: 3.5%;
  }
}

@media only screen and (max-width: 991px) {
  .related-events {
    padding: 40px 0 65px 0;
    margin-bottom: 50px;
  }
  .related-events .slick-track {
    display: flex;
  }
  .related-events .slick-track .slick-slide {
    height: auto;
  }
  .related-events .slick-track .slick-slide > div, .related-events .slick-track .slick-slide .article-event {
    height: 100%;
  }
  .related-events .article--wrapper {
    flex-wrap: wrap;
  }
  .related-events .article--wrapper .article-event {
    flex: 0 0 100%;
  }
  .related-events .article--wrapper .article-event header .img-event .date--wrapper {
    font-size: 12vw;
  }
  .related-events .article--wrapper .article-event header .info-event {
    margin: 0;
  }
  .related-events .article--wrapper .article-event > div > a {
    margin-left: 20px;
  }
  .related-events .link_events {
    margin-top: 105px;
  }
}

@media only screen and (max-width: 575px) {
  .related-events .article--wrapper .article-event header .title-event {
    font-size: 18px;
  }
  .related-events .article--wrapper .article-event header data, .related-events .article--wrapper .article-event header .city-event {
    font-size: 14px;
  }
  .related-events .article--wrapper .article-event .description-event {
    margin: 15px 0 30px;
    font-size: 16px;
    line-height: 24px;
  }
  .related-events .link_events {
    font-size: 16px;
  }
}

.solutions_hp {
  padding: 70px 0;
  margin-bottom: 70px;
  position: relative;
}

.solutions_hp:before {
  content: '';
  position: absolute;
  background-color: #F4F4F4;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.solutions_hp .header-section .title-section {
  background: #F4F4F4;
}

.solutions_hp .related-box {
  padding: 0;
  margin: 0;
}

.solutions_hp .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
  height: auto !important;
}

.solutions_hp .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
  padding: 30px !important;
}

.solutions_hp .related-box .-sinergy .box-item {
  display: block;
  padding-top: 20%;
  height: 0;
  position: relative;
  margin-bottom: 15px;
}

.solutions_hp .related-box .-sinergy .box-item > article {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.solutions_hp .related-box .-sinergy .box-item > article .box-title {
  position: absolute;
  left: 50%;
  background-color: #474647;
  width: calc(100% - 30px);
  height: auto;
  transform: translateY(15px) translateX(-50%);
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.solutions_hp .related-box .-sinergy .box-item > article .box-title .title {
  padding: 30px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Inter Bold";
}

.solutions_hp .related-box .-sinergy .box-item > article .box-title.active::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 7px;
  left: 0;
  bottom: -15px;
  background-color: #069782;
}

.related-box {
  padding-bottom: 60px;
  margin-bottom: 80px;
}

.related-box .box--wrapper .slick-list {
  margin: 0 -10px;
}

.related-box .box--wrapper .slick-list .slick-slide {
  margin: 0 10px;
}

.related-box .box--wrapper .slick-list .slick-slide > div {
  display: flex;
}

.related-box .box--wrapper .slick-list .slick-slide > div .box-item {
  padding-top: 100%;
  height: 0;
  position: relative;
  margin-bottom: 15px;
}

.related-box .box--wrapper .slick-list .slick-slide > div .box-item > article {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
  position: absolute;
  left: 50%;
  background-color: #474647;
  width: calc(100% - 30px);
  height: 30%;
  transform: translateY(15px) translateX(-50%);
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
  padding: 15px 10px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Inter Bold";
}

.related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title.active::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 7px;
  left: 0;
  bottom: -15px;
  background-color: #069782;
}

.related-box .box--wrapper.-areas .slick-list {
  margin: 0 -30px;
}

.related-box .box--wrapper.-areas .slick-list .slick-slide {
  margin: 0 30px;
}

.related-box .box--wrapper.-areas .slick-list .slick-slide > div .box-item > article .box-title .title {
  text-transform: uppercase;
}

.navigation-category--child .related-box .box--wrapper .slick-list .slick-slide > div .box-item {
  margin-bottom: 30px;
}

.navigation-subcategory-box {
  margin: 70px 0 0;
  padding: 45px 0 0;
  position: relative;
}

.navigation-subcategory-box .container p {
  font-family: 'Inter Bold', sans-serif;
  font-size: 22px;
  margin-bottom: 20px;
}

.navigation-subcategory-box .box--wrapper .slick-list {
  margin: 0 -15px;
}

.navigation-subcategory-box .box--wrapper .slick-list .slick-slide {
  margin: 0 15px;
}

.navigation-subcategory-box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  background-color: #f4f4f4;
  z-index: -1;
}

#subcategory-solutions .navigation-subcategory-box, aside .navigation-subcategory-box {
  margin: 0 0 100px;
  padding-top: 40px;
}

#subcategory-solutions .navigation-subcategory-box::before, aside .navigation-subcategory-box::before {
  content: none;
}

#subcategory-solutions-parent .navigation-subcategory-box {
  margin-bottom: 95px;
}

@media only screen and (max-width: 1440px) {
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 20px);
  }
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    font-size: 14px;
    line-height: 16px;
  }
  .solutions_hp .related-box .-sinergy .box-item > article .box-title {
    width: calc(100% - 20px);
  }
  .solutions_hp .related-box .-sinergy .box-item > article .box-title .title {
    font-size: 14px;
    line-height: 16px;
  }
}

@media only screen and (max-width: 1199px) {
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    height: 50%;
  }
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 8px 4px;
  }
  #subcategory-solutions .navigation-subcategory-box, aside .navigation-subcategory-box {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .solutions_hp {
    padding: 40px 0 80px;
    margin-bottom: 40px;
  }
  .solutions_hp .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 15px !important;
  }
  .solutions_hp .related-box .-sinergy .box-item {
    padding-top: 46%;
  }
  .solutions_hp .related-box .-sinergy .box-item > article .box-title .title {
    font-size: 20px;
    line-height: 28px;
    padding: 15px;
  }
  .related-box {
    padding-bottom: 40px;
    margin-bottom: 60px;
  }
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    height: 30%;
  }
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 8px 10px;
  }
  .related-box .box--wrapper.-areas .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 8px 10px;
    font-size: 20px;
    line-height: 28px;
  }
  .navigation-subcategory-box {
    margin: 60px 0 0;
  }
  .navigation-subcategory-box .box--wrapper .slick-list {
    margin: 0 -10px;
  }
  .navigation-subcategory-box .box--wrapper .slick-list .slick-slide {
    margin: 0 10px;
  }
  #subcategory-solutions .navigation-subcategory-box {
    margin: 0 0 85px;
  }
  #subcategory-solutions-parent .navigation-subcategory-box {
    margin: 55px 0 85px;
  }
  aside .navigation-subcategory-box {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .related-box .box--wrapper .slick-list {
    margin: 0 -5px;
  }
  .related-box .box--wrapper .slick-list .slick-slide {
    margin: 0 5px;
  }
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    height: auto;
  }
  .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
    word-break: break-word;
  }
  .related-box .box--wrapper.-areas .slick-list .slick-slide > div .box-item > article .box-title .title {
    font-size: 16px;
    line-height: 24px;
  }
  .related-box.industries-mobile .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 10px;
  }
  .solutions_hp .-sinergy .box-item > article .box-title .title {
    font-size: 16px;
    line-height: 24px;
  }
}

.overlay_rotation {
  display: none;
}

@media only screen and (max-height: 575px) and (max-width: 991px) and (orientation: landscape) {
  body {
    overflow: hidden;
  }
  .overlay_rotation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 9999;
    display: block;
  }
  .overlay_rotation > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
  }
  .overlay_rotation .logo {
    margin: auto;
    padding-bottom: 50px;
  }
  .overlay_rotation .text {
    text-align: center;
  }
  .overlay_rotation .icon-mobile {
    width: 30%;
  }
  .overlay_rotation p {
    padding-top: 10px;
  }
}

.wp-block-spacer {
  clear: none !important;
}

.home .header {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1920px;
}

.home .header .mainbar--wrapper {
  background-color: transparent;
}

.home .header .mainbar--wrapper .primary_menu li a {
  color: #ffffff;
}

.header {
  z-index: 15;
}

.header .topbar {
  height: 45px;
}

.header .topbar > div {
  height: 100%;
}

.header .topbar > div > div, .header .topbar > div nav {
  height: 100%;
  align-items: center;
  position: relative;
}

.header .topbar > div .contacts {
  flex: auto;
  justify-content: flex-end;
  padding: 10px 35px 10px 0;
}

.header .topbar > div .contacts .social-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header .topbar > div .contacts li {
  padding-left: 20px;
  max-height: 20px;
}

.header .topbar > div .contacts li a {
  height: 100%;
}

.header .topbar > div .contacts li a img {
  vertical-align: middle;
  height: 20px;
  width: auto;
}

.header .topbar > div nav {
  padding: 0 50px 0 20px;
}

.header .topbar > div nav > div {
  margin-left: 20px;
  position: relative;
  align-items: center;
  display: flex;
  height: 100%;
}

.header .topbar #link-topbar ul {
  padding: 0;
  list-style: none;
  align-items: center;
}

.header .topbar #link-topbar ul li a:not([href="#"]) {
  cursor: pointer;
}

.header .topbar #link-topbar ul li a {
  text-align: center;
  color: #ffffff;
  font-family: "Inter Bold";
  font-size: 18px;
  display: inline-block;
  padding-left: 40px;
  position: relative;
}

.header .topbar #link-topbar ul li a span {
  position: relative;
}

.header .topbar #link-topbar ul li a span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 10px);
  width: 20px;
  height: 2px;
  border-radius: 15px;
  transition: width 1s;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  background-color: #ffffff;
}

.header .topbar #link-topbar ul li a:hover span::before {
  width: 40px;
}

.header .topbar #link-topbar ul li:not(:first-child) {
  padding-left: 20px;
}

.header .topbar .search {
  width: 20px;
  position: static;
}

.header .topbar .search img {
  vertical-align: middle;
}

.header .topbar .search .search_wrap {
  display: none;
  position: absolute;
  top: 100%;
  margin: 0;
  width: calc(100% + 80px);
  height: calc(100% - 10px);
  left: -80px;
}

.header .topbar .search .search_wrap .input-search {
  width: 100%;
  height: 100%;
  border: 0;
  color: #ffffff;
  font-size: 16px;
  font-family: 'Inter Regular';
  padding: 7px 10px;
}

.header .topbar .search .search_wrap .input-search:-internal-autofill-selected, .header .topbar .search .search_wrap .input-search:-webkit-autofill, .header .topbar .search .search_wrap .input-search:-webkit-autofill:hover, .header .topbar .search .search_wrap .input-search:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #069782 inset !important;
  -webkit-text-fill-color: #ffffff;
}

.header .topbar .search .search_wrap .input-search::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header .topbar .search .search_wrap .input-search::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header .topbar .search .search_wrap .input-search::-ms-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header .topbar .search .search_wrap .input-search::placeholder {
  color: #ffffff;
  opacity: 1;
}

.header .topbar .languages .selected {
  position: relative;
  align-items: center;
}

.header .topbar .languages .selected img {
  width: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

.header .topbar .languages .selected span.arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

.header .topbar .languages .languages-list {
  position: absolute;
  margin: 0;
  list-style: none;
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 45px;
  z-index: 20;
}

.header .topbar .languages .languages-list li.active, .header .topbar .languages .languages-list li:hover {
  background-color: #ffffff;
}

.header .topbar .languages .languages-list li.active a, .header .topbar .languages .languages-list li:hover a {
  color: #069782;
}

.header .topbar .languages .languages-list li a {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  padding: 5px 25px 5px 15px;
  display: block;
}

.header .mainbar--wrapper {
  padding: 40px 50px;
  justify-content: space-between;
  align-items: center;
  background-color: #F4F4F4;
  height: 153px;
}

.header .mainbar--wrapper .primary_menu {
  list-style: none;
  padding: 0;
}

.header .mainbar--wrapper .primary_menu li:not(:first-child) {
  padding-left: 40px;
}

.header .mainbar--wrapper .primary_menu li.current-menu-item a, .header .mainbar--wrapper .primary_menu li.current-page-ancestor a, .header .mainbar--wrapper .primary_menu li.current-category-ancestor a {
  color: #069782;
}

.header .mainbar--wrapper .primary_menu li a {
  color: #474647;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Inter Bold";
}

.header .mainbar--wrapper .primary_menu li a:hover {
  color: #069782;
}

@media only screen and (max-width: 1440px) {
  .header .-desktop .topbar > div a, .header .-desktop .topbar #link-topbar ul li a {
    font-size: 14px;
  }
  .header .-desktop .mainbar--wrapper {
    height: 132px;
  }
  .header .-desktop .mainbar--wrapper .primary_menu li:not(:first-child) {
    padding-left: 20px;
  }
  .header .-desktop .mainbar--wrapper .primary_menu li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  .header .-desktop .topbar > div nav {
    padding: 0 20px;
  }
  .header .-desktop .mainbar--wrapper {
    height: 120px;
    padding: 40px 20px;
  }
  .header .-desktop .mainbar--wrapper .primary_menu li:not(:first-child) {
    padding-left: 12px;
  }
}

@media only screen and (min-width: 992px) {
  .header .-desktop {
    display: block;
  }
  .header .-mobile {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .header .-mobile {
    display: block;
  }
  .header .mainbar--wrapper {
    position: relative;
    height: 100px;
    z-index: 15;
    padding: 15px 20px 25px;
  }
  .header .mainbar--wrapper .logo a.hidden {
    display: none !important;
  }
  .header .mainbar--wrapper .navbar {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 20px 20px 50px;
    z-index: 1000;
  }
  .header .mainbar--wrapper .navbar .primary_menu {
    flex-direction: column;
    align-items: center;
    margin: 60px 0;
  }
  .header .mainbar--wrapper .navbar .primary_menu li:not(:first-child) {
    padding-left: 0;
    padding-top: 25px;
  }
  .header .mainbar--wrapper .navbar .primary_menu li.current-menu-item a, .header .mainbar--wrapper .navbar .primary_menu li.current-page-ancestor a, .header .mainbar--wrapper .navbar .primary_menu li.current-category-ancestor a {
    text-decoration: underline;
  }
  .header .mainbar--wrapper .navbar .primary_menu li a {
    color: #ffffff;
    font-size: 16px;
  }
  .header .mainbar--wrapper .navbar .contacts {
    align-items: center;
    justify-content: center;
  }
  .header .mainbar--wrapper .navbar .contacts .social-list {
    list-style: none;
    padding-left: 20px;
  }
  .header .mainbar--wrapper .navbar .contacts .social-list li {
    max-height: 20px;
    height: 100%;
  }
  .header .mainbar--wrapper .navbar .contacts .social-list li a, .header .mainbar--wrapper .navbar .contacts .social-list li img {
    height: 20px;
  }
  .header .mainbar--wrapper .navbar .contacts .social-list li:not(:first-child) {
    padding-left: 15px;
  }
  .header .mainbar--wrapper .hamburger {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    cursor: pointer;
    transition: all 0.5s;
    border: 0;
    background-color: transparent;
    padding: 0;
  }
  .header .mainbar--wrapper .hamburger .navbar-toggler-icon {
    height: 3px;
    width: 30px;
    margin: 4px 0;
    transition: 0.4s;
  }
  .header .mainbar--wrapper .hamburger.change {
    height: 30px;
  }
  .header .mainbar--wrapper .hamburger.change .bar1 {
    transform: rotate(-45deg);
  }
  .header .mainbar--wrapper .hamburger.change .bar2 {
    transform: rotate(45deg) translate(-5px, -5px);
  }
  .header .mainbar--wrapper .hamburger .text-menu {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    left: 50%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .header .mainbar--wrapper.bg-green .logo .custom-logo-link {
    display: none !important;
  }
  .header .mainbar--wrapper.bg-green .logo .hidden {
    display: block !important;
  }
  .header .mainbar--wrapper.bg-green .hamburger > div {
    background-color: #ffffff !important;
  }
  .header .topbar {
    height: auto;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .header .topbar > div + div {
    margin-left: 30px;
  }
  .header .topbar .search:hover #input-search-wrap_mobile {
    display: none;
  }
  .header .topbar .search > a {
    display: block;
  }
  .header .topbar .search .search_wrap {
    left: 0;
    width: 100%;
    height: auto;
    padding: 5px 0;
  }
  .header .topbar .search .search_wrap .input-search {
    border-bottom: 1px solid;
  }
  .header .topbar .languages {
    position: static;
  }
  .header .topbar .languages > a {
    display: block;
  }
  .header .topbar .languages .selected {
    padding: 0;
  }
  .header .topbar .languages .languages-list {
    width: 100%;
    top: 100%;
    justify-content: center;
    padding-top: 15px;
  }
  .header .topbar .languages .languages-list.show {
    display: flex !important;
  }
  .header .topbar .languages .languages-list li {
    padding: 0 5px;
  }
  .header .topbar .languages .languages-list li a {
    padding: 0;
  }
  .header .topbar .languages .languages-list li.active, .header .topbar .languages .languages-list li:hover {
    background-color: transparent;
  }
  .header .topbar .languages .languages-list li.active a, .header .topbar .languages .languages-list li:hover a {
    color: #ffffff;
  }
}

@media only screen and (max-width: 575px) {
  .header .topbar #link-topbar ul li:not(:first-child) {
    padding-left: 15px;
  }
  .header .topbar #link-topbar ul li a {
    font-size: 14px;
  }
  .header .topbar > div + div {
    margin-left: 15px;
  }
  .header .contacts a {
    font-size: 14px;
  }
}

@media only screen and (min-height: 668px) {
  .header .-mobile .mainbar--wrapper .navbar .primary_menu {
    margin: 50px 0 75px;
  }
}

.mega-menu {
  z-index: 999;
  bottom: 0;
}

.mega-menu .close-menu {
  width: 25px;
  height: 25px;
  position: fixed;
  top: 25px;
  right: -630px;
  cursor: pointer;
  z-index: 1;
}

.mega-menu .close-menu::before, .mega-menu .close-menu::after {
  position: absolute;
  left: 50%;
  content: '';
  height: 25px;
  width: 2.5px;
  background-color: #ffffff;
}

.mega-menu .close-menu::before {
  transform: rotate(45deg);
}

.mega-menu .close-menu::after {
  transform: rotate(-45deg);
}

.mega-menu nav, .mega-menu nav > div {
  height: 100%;
}

.mega-menu nav ul.mega_menu, .mega-menu nav > div ul.mega_menu {
  display: flex;
  justify-content: space-between;
  list-style: none;
  height: 100%;
}

.mega-menu nav ul.mega_menu > li > a, .mega-menu nav > div ul.mega_menu > li > a {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.mega-menu nav ul.mega_menu > li > a img, .mega-menu nav > div ul.mega_menu > li > a img {
  display: block;
}

.mega-menu nav ul.mega_menu > li.open, .mega-menu nav > div ul.mega_menu > li.open {
  background-color: #069782;
}

.mega-menu nav ul.mega_menu li:first-child .menu-dx .sub-menu li ul li a, .mega-menu nav ul.mega_menu li:nth-child(3) .menu-dx .sub-menu li ul li a, .mega-menu nav ul.mega_menu li:nth-child(4) .menu-dx .sub-menu li ul li a, .mega-menu nav > div ul.mega_menu li:first-child .menu-dx .sub-menu li ul li a, .mega-menu nav > div ul.mega_menu li:nth-child(3) .menu-dx .sub-menu li ul li a, .mega-menu nav > div ul.mega_menu li:nth-child(4) .menu-dx .sub-menu li ul li a {
  text-transform: inherit;
}

.mega-menu.open {
  transform: translateX(-660px);
  transition: all 1s;
  background-color: rgba(0, 0, 0, 0.9);
}

.mega-menu.open .menu-dx {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 660px;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  overflow-x: hidden;
}

.mega-menu.open .menu-dx > div {
  height: calc(100% - 120px);
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mega-menu.open .menu-dx > div::-webkit-scrollbar {
  width: 0px;
}

.mega-menu.open .menu-dx .discover {
  position: fixed;
  width: 575px;
  text-align: left;
  padding: 25px 0 25px 40px;
}

.mega-menu.open .menu-dx .discover span::before {
  content: none;
}

.mega-menu.open .menu-dx .discover span::after {
  content: '';
  background: url(../../public/images/arrow-white.svg) no-repeat;
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  margin-left: 8px;
}

.mega-menu.open .menu-dx .discover:hover {
  background-color: #069782;
  color: #ffffff;
}

.mega-menu.open .menu-dx .discover:hover span::after {
  transform: translateX(10px);
  transition: all .2s;
}

.mega-menu.open .menu-dx .sub-menu {
  padding: 140px 40px 40px;
  list-style: none;
}

.mega-menu.open .menu-dx .sub-menu li a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}

.mega-menu.open .menu-dx .sub-menu li a:hover, .mega-menu.open .menu-dx .sub-menu li a.active {
  color: #069782;
}

.mega-menu.open .menu-dx .sub-menu li + li {
  padding-top: 35px;
}

.mega-menu.open .menu-dx .sub-menu li ul {
  padding: 10px 0 30px 20px;
  list-style: none;
}

.mega-menu.open .menu-dx .sub-menu li ul li + li {
  padding-top: 10px;
}

.mega-menu.open .menu-dx .sub-menu li ul li ul {
  padding: 10px 0 25px 20px;
}

.mega-menu.open .menu-dx .sub-menu li ul li ul li a {
  text-transform: none;
}

.mega-menu.open .menu-dx .sub-menu li ul li ul li a.active {
  color: #069782;
}

.mega-menu.open .menu-dx .sub-menu li ul li ul li + li {
  padding-top: 8px;
}

.mega-menu.open .menu-dx .sub-menu li ul li.text-transform a {
  text-transform: none;
}

.mega-menu.open .menu-dx .btn--group .btn {
  width: 480px;
  margin: 0 auto;
  display: block;
}

.mega-menu.open .menu-dx .btn--group .bg-white {
  color: #069782;
}

.mega-menu.open .menu-dx .btn--group .bg-white span::before {
  background-color: #069782;
}

.mega-menu.open .menu-dx .btn--group .bg-white:hover {
  color: #ffffff;
}

.mega-menu.open .menu-dx .btn--group .bg-white:hover span::before {
  background-color: #ffffff;
}

.mega-menu.open .menu-dx .btn--group .bg-white + .bg-white {
  margin-top: 20px;
}

.mega-menu.open .menu-dx .-change {
  position: fixed;
  bottom: 50px;
  left: 240px;
}

.mega-menu.open .menu-dx .-change .-contact {
  width: 480px;
}

.mega-menu.open .menu-dx .-change .-contact .transition {
  background-color: #ffffff;
}

.mega-menu.open .menu-dx .-change .-contact:hover span.hidden {
  color: #ffffff;
}

.mega-menu.open .menu-dx .-change .-contact:hover span.hidden .transition {
  background-color: #ffffff;
}

.mega-menu.open .menu-dx::-webkit-scrollbar {
  width: 0px;
}

.mega-menu.open .menu-dx.active {
  display: flex;
}

@media only screen and (max-width: 1440px) {
  .mega-menu .close-menu {
    right: -520px;
  }
  .mega-menu nav ul.mega_menu > li > a {
    font-size: 14px;
  }
  .mega-menu.open {
    transform: translateX(-550px);
  }
  .mega-menu.open .menu-dx {
    width: 550px;
  }
  .mega-menu.open .menu-dx .sub-menu {
    padding-top: 100px;
  }
  .mega-menu.open .menu-dx .discover {
    width: 465px;
  }
  .mega-menu.open .menu-dx .-change {
    left: 185px;
  }
}

@media only screen and (min-width: 992px) {
  .mega-menu {
    position: -webkit-sticky;
    position: sticky;
    right: 0px;
    top: 0;
    height: 100vh;
    float: right;
    background-color: rgba(0, 0, 0, 0.4);
    width: 150px;
  }
  .mega-menu nav, .mega-menu nav > div {
    max-height: 1080px;
  }
  .mega-menu nav ul.mega_menu, .mega-menu nav > div ul.mega_menu {
    flex-direction: column;
    align-items: center;
    padding: 75px 0;
    justify-content: space-between;
  }
  .mega-menu nav ul.mega_menu > li, .mega-menu nav > div ul.mega_menu > li {
    width: 100%;
  }
  .mega-menu nav ul.mega_menu > li > a, .mega-menu nav > div ul.mega_menu > li > a {
    max-width: 130px;
    margin: 25px auto;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center 25%;
    padding-top: 90px;
    transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
  }
  .mega-menu nav ul.mega_menu > li > a:hover, .mega-menu nav > div ul.mega_menu > li > a:hover {
    background-size: 80px;
    background-position: center top;
  }
}

@media only screen and (max-height: 900px) {
  .mega-menu .close-menu {
    top: 15px;
  }
  .mega-menu nav ul.mega_menu, .mega-menu nav > div ul.mega_menu {
    padding: 45px 0px;
  }
  .mega-menu nav ul.mega_menu > li > a, .mega-menu nav > div ul.mega_menu > li > a {
    background-size: 50px;
    padding-top: 75px;
    font-size: 14px;
    margin: 26px auto;
  }
  .mega-menu nav ul.mega_menu > li > a:hover, .mega-menu nav > div ul.mega_menu > li > a:hover {
    background-size: 60px;
  }
  .mega-menu.open .btn {
    font-size: 16px;
  }
  .mega-menu.open .menu-dx > div {
    height: calc(100% - 90px);
  }
  .mega-menu.open .menu-dx .discover {
    padding: 15px 0 15px 40px;
  }
  .mega-menu.open .menu-dx .sub-menu {
    padding-top: 70px;
  }
  .mega-menu.open .menu-dx .sub-menu li + li {
    padding-top: 15px;
  }
  .mega-menu.open .menu-dx .sub-menu li a {
    font-size: 14px;
  }
  .mega-menu.open .menu-dx .sub-menu li ul {
    padding: 5px 0 15px 20px;
  }
  .mega-menu.open .menu-dx .btn--group .btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mega-menu.open .menu-dx .-change {
    bottom: 20px;
  }
}

@media only screen and (max-height: 768px) {
  .mega-menu nav ul.mega_menu > li > a, .mega-menu nav > div ul.mega_menu > li > a {
    background-size: 42px;
    padding-top: 60px;
    font-size: 12px;
    margin: 16px auto;
  }
  .mega-menu nav ul.mega_menu > li > a:hover, .mega-menu nav > div ul.mega_menu > li > a:hover {
    background-size: 55px;
  }
}

@media only screen and (max-width: 991px) {
  .home .mega-menu {
    background-color: rgba(10, 6, 15, 0.75);
  }
  .mega-menu {
    top: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: rgba(10, 6, 15, 0.4);
  }
  .mega-menu .close-menu {
    right: 20px;
    top: 15px;
  }
  .mega-menu nav > div {
    margin: 0 auto;
  }
  .mega-menu nav > div ul.mega_menu {
    padding: 0;
    position: relative;
    flex-direction: row;
  }
  .mega-menu nav > div ul.mega_menu > li {
    height: 100%;
    padding: 15px 10px;
    width: 20%;
  }
  .mega-menu nav > div ul.mega_menu > li > a {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
    padding-top: 50px;
    font-size: 10px;
    text-align: center;
    margin: 0;
  }
  .mega-menu nav > div ul.mega_menu > li > a:hover {
    background-size: 40px;
  }
  .mega-menu nav > div ul.mega_menu::after {
    content: '';
    width: 50%;
    height: 4px;
    background-color: #ffffff;
    border-radius: 5px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .mega-menu.open {
    transform: none;
  }
  .mega-menu.open .menu-dx {
    width: 100%;
    height: calc(100vh - 100px);
    left: 0;
    top: calc(-100vh + 100px);
  }
  .mega-menu.open .menu-dx > div {
    height: calc(100% - 80px);
    max-width: 100%;
    width: 100%;
    padding-top: 150px;
  }
  .mega-menu.open .menu-dx .discover {
    width: calc(100% - 65px);
    padding: 15px 20px;
    display: block;
    z-index: 5;
    top: 0;
  }
  .mega-menu.open .menu-dx .discover span:after {
    width: 22px;
    height: 15px;
  }
  .mega-menu.open .menu-dx .sub-menu {
    padding: 0 20px 50px;
  }
  .mega-menu.open .menu-dx .sub-menu li + li {
    padding-top: 20px;
  }
  .mega-menu.open .menu-dx .sub-menu li a {
    font-size: 16px;
    line-height: 20px;
  }
  .mega-menu.open .menu-dx .btn--group .btn {
    width: 70%;
  }
  .mega-menu.open .menu-dx .btn--group .bg-white + .bg-white {
    margin-top: 10px;
  }
  .mega-menu.open .menu-dx .-change {
    bottom: 120px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
  }
  .mega-menu.open .menu-dx .-change .-contact {
    width: 100%;
  }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .mega-menu.open .menu-dx > div {
    padding-top: 180px;
  }
}

@media only screen and (max-width: 575px) {
  .mega-menu nav > div ul.mega_menu > li {
    padding: 15px 7px;
  }
  .mega-menu nav > div ul.mega_menu > li > a {
    font-size: 9px;
    background-size: 35px;
    padding-top: 45px;
  }
  .mega-menu nav > div ul.mega_menu > li > a:hover {
    background-size: 35px;
  }
  .mega-menu.open .menu-dx .discover, .mega-menu.open .menu-dx .btn--group .btn, .mega-menu.open .menu-dx .-change .btn {
    font-size: 14px;
    line-height: 20px;
  }
  .mega-menu.open .menu-dx .discover {
    width: calc(100% - 56px);
    padding: 15px 10px 15px 20px;
  }
  .mega-menu.open .menu-dx .discover span:before {
    width: 18px;
    height: 13px;
  }
  .mega-menu.open .menu-dx .btn--group .btn, .mega-menu.open .menu-dx .-change {
    width: calc(100% - 60px);
  }
}

.footer .container {
  border-top: 3px solid #069782;
  padding-top: 45px;
  padding-bottom: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.footer .container > div[class*="footer-"] {
  flex: 0 0 calc(100% / 4);
}

.footer .container > div[class*="footer-"] address {
  font-style: normal;
  font-size: 14px;
  margin-top: 15px;
}

.footer .container > div[class*="footer-"] .phone {
  font-size: 14px;
}

.footer .container > div[class*="footer-"] .phone a {
  color: inherit;
}

.footer .container > div[class*="footer-"] .social {
  margin-top: 15px;
  font-family: "Inter Medium";
  font-size: 13px;
  align-items: center;
}

.footer .container > div[class*="footer-"] .social a {
  flex: 1;
  margin-left: 15px;
  max-height: 20px;
  height: 100%;
}

.footer .container > div[class*="footer-"] .social a img {
  height: 20px;
}

.footer .container > div[class*="footer-"].footer-center {
  flex: 0 0 calc(100% / 2);
}

.footer .container > div[class*="footer-"].footer-center .contact-footer {
  height: 100%;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 auto;
}

.footer .container > div[class*="footer-"].footer-center .contact-footer > .btn {
  cursor: pointer;
}

.footer .container > div[class*="footer-"].footer-center .contact-footer .btn.-contact {
  padding: 20px 10px 20px 50px;
}

.footer .container > div[class*="footer-"].footer-center .contact-footer .btn.hidden {
  padding: 20px 20px 20px 50px;
}

.footer .container > div[class*="footer-"].footer-center .contact-footer .btn.hidden span::before {
  background-color: #069782;
  right: auto;
  left: -100px;
}

.footer .container > div[class*="footer-"].footer-dx {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footer .container > div[class*="footer-"].footer-dx nav {
  justify-content: flex-end;
}

.footer .container > div[class*="footer-"].footer-dx nav > div {
  text-align: right;
}

.footer .container > div[class*="footer-"].footer-dx nav > div ul.menu {
  padding-left: 0;
  list-style: none;
  height: 100%;
  flex-direction: column;
}

.footer .container > div[class*="footer-"].footer-dx nav > div ul.menu.footer_menu_sx li a {
  color: #069782;
}

.footer .container > div[class*="footer-"].footer-dx nav > div ul.menu.footer_menu_dx li a {
  color: #474647;
}

.footer .container > div[class*="footer-"].footer-dx nav > div ul.menu li:not(:last-child) {
  padding-bottom: 10px;
}

.footer .container > div[class*="footer-"].footer-dx nav > div ul.menu li a {
  font-size: 18px;
  font-weight: bold;
}

.footer .container > div[class*="footer-"].footer-dx nav > div:not(:first-child) {
  margin-left: 50px;
}

.footer .container .footer_bottom {
  flex: 0 0 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 30px;
}

@media only screen and (max-width: 1440px) {
  .footer .container > div[class*="footer-"].footer-center .contact-footer {
    width: 80%;
  }
  .footer .container > div[class*="footer-"].footer-center .contact-footer .btn {
    font-size: 14px;
    line-height: 20px;
  }
  .footer .container > div[class*="footer-"].footer-dx nav > div ul.menu li a {
    font-size: 14px;
  }
  .footer .container > div[class*="footer-"].footer-dx nav > div:not(:first-child) {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer .container > div[class*="footer-"].footer-dx nav > div:not(:first-child) {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .footer .container {
    padding-top: 25px;
    flex-direction: row-reverse;
  }
  .footer .container .logo, .footer .container address, .footer .container .phone, .footer .container .menu-footer-menu-sx-container {
    display: none;
  }
  .footer .container > div[class*="footer-"] {
    flex: 0 0 100% !important;
  }
  .footer .container > div[class*="footer-"] .social {
    margin-top: 20px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .footer .container > div[class*="footer-"] .social a {
    margin-left: 17px;
  }
  .footer .container > div[class*="footer-"].footer-center {
    order: -1;
  }
  .footer .container > div[class*="footer-"].footer-center .contact-footer {
    width: 100%;
    flex-direction: column-reverse;
  }
  .footer .container > div[class*="footer-"].footer-center .contact-footer .btn {
    width: 100%;
    margin: 3px 0;
  }
  .footer .container > div[class*="footer-"].footer-dx {
    justify-content: center;
    margin-top: 18px;
  }
  .footer .container > div[class*="footer-"].footer-dx nav > div:not(:first-child) {
    margin: 0;
  }
  .footer .container > div[class*="footer-"].footer-dx nav > div ul.menu {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer .container > div[class*="footer-"].footer-dx nav > div ul.menu li {
    padding: 0 7px 10px;
  }
  .footer .container > div[class*="footer-"].footer-dx nav > div:first-child {
    display: none;
  }
  .footer .container .footer_bottom {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .footer .container > div[class*="footer-"].footer-center .contact-footer .btn.-contact:hover span.hidden .transition {
    width: 40px !important;
  }
  .footer .container .footer_bottom {
    flex: 0 0 50%;
    margin: 15px auto 0;
  }
}

@font-face {
  font-display: swap;
  font-family: "Inter Thin";
  src: url("../../fonts/inter/Inter_18pt-Thin.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Thin Italic";
  src: url("../../fonts/inter/Inter_18pt-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Extra Light";
  src: url("../../fonts/inter/Inter_18pt-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Extra Light Italic";
  src: url("../../fonts/inter/Inter_18pt-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Light";
  src: url("../../fonts/inter/Inter_18pt-Light.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Light Italic";
  src: url("../../fonts/inter/Inter_18pt-LightItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Regular";
  src: url("../../fonts/inter/Inter_18pt-Regular.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Italic";
  src: url("../../fonts/inter/Inter_18pt-Italic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Medium";
  src: url("../../fonts/inter/Inter_18pt-Medium.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Medium Italic";
  src: url("../../fonts/inter/Inter_18pt-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Semi Bold";
  src: url("../../fonts/inter/Inter_18pt-SemiBold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Semi Bold Italic";
  src: url("../../fonts/inter/Inter_18pt-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Bold";
  src: url("../../fonts/inter/Inter_18pt-Bold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Bold Italic";
  src: url("../../fonts/inter/Inter_18pt-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Extra Bold";
  src: url("../../fonts/inter/Inter_18pt-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Extra Bold Italic";
  src: url("../../fonts/inter/Inter_18pt-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Black";
  src: url("../../fonts/inter/Inter_18pt-Black.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter Black Italic";
  src: url("../../fonts/inter/Inter_18pt-BlackItalic.ttf") format("truetype");
}

*, *::before, *::after {
  box-sizing: border-box;
}

a:-webkit-any-link:focus {
  outline: 3px solid #474647;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #474647;
  font-size: 16px;
  font-family: "Inter Regular";
  position: relative;
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
  font-family: "Inter Bold";
  margin: 0;
}

p, ul, ol {
  margin: 0;
}

strong {
  font-family: "Inter Bold";
}

sup {
  line-height: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0px;
}

.content-default-wrap h1, .content-default-wrap h2, .content-default-wrap h3, .content-default-wrap h4, .content-default-wrap h5 {
  color: #069782;
}

.content-default-wrap h1 {
  font-size: 32px;
}

.content-default-wrap h2 {
  font-size: 28px;
}

.content-default-wrap h3 {
  font-size: 25px;
}

.content-default-wrap h4 {
  font-size: 22px;
}

.content-default-wrap p, .content-default-wrap ul li, .content-default-wrap ol li {
  font-size: 20px;
  line-height: 28px;
}

.content-default-wrap ol {
  list-style: none;
  padding-left: 25px;
}

.content-default-wrap ol li {
  position: relative;
}

.content-default-wrap ol li::before {
  font-size: 14px;
  line-height: 28px;
  position: absolute;
  left: -25px;
}

.content-default-wrap ol {
  counter-reset: section;
}

.content-default-wrap ol li::before {
  counter-increment: section;
  content: counters(section, ".") ".";
  font-size: 20px;
}

.content-default-wrap .wp-block-image img {
  height: auto;
}

@media only screen and (max-width: 1440px) {
  .content-default-wrap h1 {
    font-size: 30px;
  }
  .content-default-wrap h2 {
    font-size: 26px;
  }
  .content-default-wrap h3 {
    font-size: 24px;
  }
  .content-default-wrap h4 {
    font-size: 20px;
  }
  .content-default-wrap p, .content-default-wrap ul li, .content-default-wrap ol li {
    font-size: 18px;
    line-height: 26px;
  }
  .content-default-wrap ul li::before {
    line-height: 26px;
  }
  .content-default-wrap ol li::before {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .content-default-wrap h1 {
    font-size: 28px;
  }
  .content-default-wrap h2 {
    font-size: 24px;
  }
  .content-default-wrap h3 {
    font-size: 22px;
  }
  .content-default-wrap h4 {
    font-size: 18px;
  }
  .content-default-wrap p, .content-default-wrap ul li, .content-default-wrap ol li {
    font-size: 16px;
    line-height: 24px;
  }
  .content-default-wrap ul li::before {
    line-height: 24px;
  }
  .content-default-wrap ol li::before {
    font-size: 16px;
  }
  .content-default-wrap .wp-block-columns .wp-block-column + .wp-block-column {
    margin-top: 32px;
  }
}

.text-white {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
}

.text-gray {
  color: inherit;
}

.bg-gray {
  background-color: #474647;
}

.text-green {
  color: #069782;
}

.bg-green {
  background-color: #069782 !important;
}

.bg-light {
  background-color: #F4F4F4;
}

.bg-gold {
  background-color: #C3A372;
}

.bg-gray-dark {
  background-color: #2A2B2A;
}

.bg-blue-light {
  background-color: #59B2D9;
}

.bg-green-light {
  background-color: #5FA650;
}

.bg-red {
  background-color: #CE3E3B;
}

.bg-orange {
  background-color: #FF9954;
}

.bg-yellow {
  background-color: #FAD070;
}

.bg-blue-dark {
  background-color: #113147;
}

.bg-indigo {
  background-color: #397FAC;
}

.d--block {
  display: block;
}

.d--inline {
  display: inline-block;
}

.d--flex {
  display: flex;
}

.hidden {
  display: none;
}

@media only screen and (min-width: 992px) {
  .d-hide {
    display: none !important;
  }
}

.pageWrapper {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.container {
  padding: 0 50px;
}

@media only screen and (max-width: 1199px) {
  .container {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container {
    padding: 0 20px;
  }
}

.img-responsive {
  width: 100%;
  height: auto;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pr-150 {
  padding-right: 150px;
}

@media screen and (max-width: 991px) {
  .pr-150 {
    padding-right: 0;
  }
}

a {
  text-decoration: none;
  color: #069782;
}

a[href^=tel] {
  text-decoration: underline;
}

a[href^=mail] {
  word-break: break-word;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

.no-scroll {
  overflow: hidden;
}

.intro {
  height: 100vh;
  top: 0;
  position: relative;
  max-height: 1080px;
  min-height: 768px;
}

.intro video.placeholder, .intro iframe, .intro iframe object, .intro iframe embed, .intro picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.intro video.placeholder img, .intro iframe img, .intro iframe object img, .intro iframe embed img, .intro picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.intro .slider-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.intro .slider-wrap .slider-item, .intro .slider-wrap .slick-list, .intro .slider-wrap .slick-track,
.intro .slider-wrap .slick-slide > div, .intro .slider-wrap .slick-slide > div picture {
  height: 100%;
  position: relative;
  z-index: 0;
}

.intro .slider-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.intro .title--wrapper {
  position: absolute;
  left: calc(50% - 75px);
  top: calc(50% + 22.5px);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.intro .title--wrapper .title-intro {
  text-align: center;
  font-size: 65px;
  line-height: 1;
}

.intro .title--wrapper.-claim {
  width: 60%;
}

.intro .title--wrapper.-claim img {
  width: 100%;
  height: auto;
}

.intro .title--wrapper.-img {
  width: 50%;
  top: auto;
  bottom: 140px;
  left: 50px;
  transform: none;
}

.intro .title--wrapper.-img .title-intro {
  text-align: left;
  font-size: 50px;
}

.intro .title--wrapper.-img .subtitle-intro {
  font-size: 20px;
  line-height: 30px;
  margin-top: 30px;
}

.intro .title--wrapper.-img .btn {
  margin-top: 30px;
}

.intro .scroll--wrapper {
  position: absolute;
  left: 50px;
  bottom: 75px;
  font-family: "Inter Medium";
  text-align: center;
  z-index: 10;
}

.intro .scroll--wrapper span {
  position: relative;
}

.intro .scroll--wrapper span::after {
  content: url("../../public/images/homepage/arrow-bottom-intro.svg");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 5px);
}

.intro .link-play-video {
  position: absolute;
  right: 200px;
  bottom: 45px;
  z-index: 10;
}

.intro .link-play-video p {
  font-family: "Inter Medium";
  text-transform: uppercase;
  align-items: center;
}

.intro .link-play-video p::before {
  content: url("../../public/images/homepage/play-video.svg");
  margin-right: 10px;
  height: 29px;
}

@media only screen and (max-width: 1440px) {
  .intro .title--wrapper .title-intro {
    font-size: 42px;
  }
  .intro .title--wrapper.-img .title-intro {
    font-size: 42px;
  }
  .intro .title--wrapper.-img .subtitle-intro {
    font-size: 18px;
    line-height: 26px;
  }
  .intro .scroll--wrapper span, .intro .link-play-video p {
    font-size: 14px;
  }
  .intro .scroll--wrapper span::after, .intro .link-play-video p::after {
    transform: translateX(-50%) scale(0.75);
  }
}

@media only screen and (max-width: 1199px) {
  .intro .title--wrapper .title-intro {
    font-size: 36px;
  }
  .intro .title--wrapper.-img {
    left: 20px;
  }
  .intro .title--wrapper.-img .title-intro {
    font-size: 36px;
  }
  .intro .title--wrapper.-img .subtitle-intro {
    font-size: 16px;
    line-height: 24px;
  }
  .intro .scroll--wrapper {
    left: 20px;
  }
  .intro .link-play-video {
    right: 170px;
  }
}

@media only screen and (max-height: 767px) {
  .intro .title--wrapper.-img {
    width: 65%;
  }
  .intro .title--wrapper.-img .title-intro {
    font-size: 36px;
  }
  .intro .title--wrapper.-img .subtitle-intro, .intro .title--wrapper.-img .btn {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .intro {
    max-height: none;
    min-height: 667px;
  }
  .intro picture.-mobile {
    display: block;
  }
  .intro video.placeholder, .intro iframe {
    display: none;
  }
  .intro .title--wrapper {
    left: 50%;
    top: 50%;
    width: calc(100% - 40px);
  }
  .intro .title--wrapper .title-intro {
    font-size: 34px;
  }
  .intro .title--wrapper > div {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -89px;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
  }
  .intro .title--wrapper > div .link-play-video {
    position: static;
    margin: 0 auto;
  }
  .intro .title--wrapper.-claim {
    width: 70%;
  }
  .intro .title--wrapper.-img {
    width: calc(100% - 40px);
    bottom: 160px;
  }
  .intro .title--wrapper.-img .title-intro {
    font-size: 34px;
  }
  .intro .title--wrapper.-img .subtitle-intro {
    display: none;
  }
  .intro > .link-play-video {
    display: none;
    right: 50%;
    bottom: calc(50% - 85px);
    transform: translateX(50%) translateY(calc(-50% + 85px));
  }
  .intro .scroll--wrapper {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .intro .title--wrapper .title-intro {
    font-size: 22px;
  }
  .intro .title--wrapper.-claim {
    width: calc(100% - 40px);
  }
  .intro .title--wrapper.-img .title-intro {
    font-size: 22px;
  }
}

_::-webkit-full-page-media, _:future, :root .map .map-container .name-icons {
  z-index: -1;
}

_::-webkit-full-page-media, _:future, :root .map .map-container .icon {
  -webkit-transform: translateZ(1000px);
}

_::-webkit-full-page-media, _:future, :root .map .map-container .icon.hide {
  z-index: -1;
}

.map {
  padding: 50px 0 70px;
}

.map .intro-map {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 50px;
}

.map .intro-map .discover {
  font-family: "Inter Italic";
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
}

.map .map-container {
  position: relative;
  z-index: 1;
}

.map .map-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F9F9F9;
  z-index: -1;
}

.map .map-container .legenda {
  background-color: #ffffff;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
}

.map .map-container .legenda .title {
  font-family: "Inter Bold";
  text-transform: uppercase;
  color: #000000;
}

.map .map-container .legenda .legenda--wrapper .legenda-item {
  align-items: center;
}

.map .map-container .legenda .legenda--wrapper .legenda-item .name {
  color: #000000;
  text-transform: uppercase;
}

.map .map-container .area-wrapper {
  position: absolute;
  cursor: pointer;
  border: 1px dashed #cccccc;
  margin: 0 auto;
  transform: rotatex(55deg) rotateZ(49.7deg) translateZ(-10px);
  -webkit-transform: translate3d(0, 0, 0) rotatex(55deg) rotateZ(49.7deg) translateZ(-10px);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  background-color: #ffffff;
  transition: all .3s ease-in-out;
  z-index: -1;
}

.map .map-container .area-wrapper img {
  max-width: none !important;
}

.map .map-container .area-wrapper#oil-gas-production.hover > img, .map .map-container .area-wrapper#oil-gas-production:hover > img {
  content: url("../../public/images/homepage/map/linee_Q1_effetto.svg");
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#oil-gathering > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#oil-gathering > svg circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#floating-units > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#floating-units > svg circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#subsea-wellhead > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#subsea-wellhead > svg circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#topside-wellhead > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#topside-wellhead > svg circle {
  stroke: #C3A372;
  stroke-width: 1;
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#offshore-wellhead > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#offshore-wellhead > svg circle {
  stroke: #C3A372;
  stroke-width: 1;
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#gas-processing > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#oil-gas-production:hover ~ .icon#gas-processing > svg circle {
  stroke: #C3A372;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-transmission-high-pressure {
  border-bottom: 0;
}

.map .map-container .area-wrapper#gas-transmission-high-pressure.hover > img, .map .map-container .area-wrapper#gas-transmission-high-pressure:hover > img {
  content: url("../../public/images/homepage/map/linee_Q2_effetto.svg");
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#gas-compression > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#gas-compression > svg circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#gas-storage > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#gas-storage > svg circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#gas-liquefaction > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#gas-liquefaction > svg circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#lng-marine-transportation > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#lng-marine-transportation > svg circle {
  stroke: #397FAC;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#city-gates > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-transmission-high-pressure:hover ~ .icon#city-gates > svg circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure {
  border-bottom: 0;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure.hover > img, .map .map-container .area-wrapper#gas-distribution-medium-pressure:hover > img {
  content: url("../../public/images/homepage/map/linee_Q3_effetto.svg");
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#gas-reverse-flow > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#gas-reverse-flow > svg circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#power-generation > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#power-generation > svg circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#heavy-industry > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#heavy-industry > svg circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#gas-engines > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#gas-engines > svg circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#regasification > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#regasification > svg circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#district-stations > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-medium-pressure:hover ~ .icon#district-stations > svg circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-low-pressure {
  border-bottom: 0;
}

.map .map-container .area-wrapper#gas-distribution-low-pressure.hover > img, .map .map-container .area-wrapper#gas-distribution-low-pressure:hover > img {
  content: url("../../public/images/homepage/map/linee_Q4_effetto.svg");
}

.map .map-container .area-wrapper#gas-distribution-low-pressure:hover ~ .icon#medium-small-industry > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-low-pressure:hover ~ .icon#medium-small-industry > svg circle {
  stroke: #FAD070;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-low-pressure:hover ~ .icon#commercial-users > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-low-pressure:hover ~ .icon#commercial-users > svg circle {
  stroke: #FAD070;
  stroke-width: 1;
}

.map .map-container .area-wrapper#gas-distribution-low-pressure:hover ~ .icon#residential-users > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#gas-distribution-low-pressure:hover ~ .icon#residential-users > svg circle {
  stroke: #FAD070;
  stroke-width: 1;
}

.map .map-container .area-wrapper#green-gas-production {
  border-left: 0;
}

.map .map-container .area-wrapper#green-gas-production.hover > img, .map .map-container .area-wrapper#green-gas-production:hover > img {
  content: url("../../public/images/homepage/map/linee_Q5_effetto.svg");
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#carbon-capturing > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#carbon-capturing > svg circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#hydrogen-distribution-network > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#hydrogen-distribution-network > svg circle {
  stroke: #59B2D9;
  stroke-width: 1;
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#biomethane-production > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#biomethane-production > svg circle {
  stroke: #5FA650;
  stroke-width: 1;
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#p2g-and-methanation > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#p2g-and-methanation > svg circle {
  stroke: #5FA650;
  stroke-width: 1;
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#p2hy > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .area-wrapper#green-gas-production:hover ~ .icon#p2hy > svg circle {
  stroke: #59B2D9;
  stroke-width: 1;
}

.map .map-container .area-wrapper.hover, .map .map-container .area-wrapper:hover {
  border: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  transform: scale(1.1) rotatex(55deg) rotateZ(50deg) translateZ(-10px);
  -webkit-transform: translate3d(0, 0, 0) scale(1.1) rotatex(55deg) rotateZ(50deg) translateZ(-10px);
}

.map .map-container .icon {
  cursor: pointer;
  position: absolute;
}

.map .map-container .icon > svg {
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}

.map .map-container .icon .tooltip {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 10;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 3px 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%);
}

.map .map-container .icon .tooltip .close-tooltip {
  width: 12px;
  height: 12px;
  cursor: pointer;
  float: right;
  position: relative;
}

.map .map-container .icon .tooltip .close-tooltip::before, .map .map-container .icon .tooltip .close-tooltip::after {
  position: absolute;
  left: 50%;
  content: '';
  height: 12px;
  width: 1px;
  background-color: #474647;
}

.map .map-container .icon .tooltip .close-tooltip::after {
  transform: rotate(-45deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
}

.map .map-container .icon .tooltip .close-tooltip::before {
  transform: rotate(45deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
}

.map .map-container .icon .tooltip .text {
  align-items: center;
}

.map .map-container .icon .tooltip .text svg circle {
  stroke-width: 2;
}

.map .map-container .icon .tooltip .text .title {
  text-transform: uppercase;
  font-weight: bold;
}

.map .map-container .icon .tooltip .description {
  font-weight: 300;
}

.map .map-container .icon .tooltip .btn {
  padding: 8px 15px 10px 60px;
}

.map .map-container .icon .tooltip .btn span::before {
  width: 20px;
}

.map .map-container .icon .tooltip .btn:hover span::before {
  width: 40px;
}

.map .map-container .icon .tooltip.open {
  display: block;
}

.map .map-container .icon:hover > svg {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon:hover > svg circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .icon#oil-gathering {
  top: 525px;
  left: 350px;
}

.map .map-container .icon#oil-gathering svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#oil-gathering svg.hover circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .icon#oil-gathering .tooltip .text .title {
  color: #2A2B2A;
}

.map .map-container .icon#oil-gathering .tooltip .text svg circle {
  stroke: #2A2B2A;
}

.map .map-container .icon#floating-units {
  top: 660px;
  left: 320px;
}

.map .map-container .icon#floating-units svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#floating-units svg.hover circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .icon#floating-units .tooltip .text .title {
  color: #2A2B2A;
}

.map .map-container .icon#floating-units .tooltip .text svg circle {
  stroke: #2A2B2A;
}

.map .map-container .icon#subsea-wellhead {
  bottom: 74px;
  left: 358px;
}

.map .map-container .icon#subsea-wellhead svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#subsea-wellhead svg.hover circle {
  stroke: #2A2B2A;
  stroke-width: 1;
}

.map .map-container .icon#subsea-wellhead .tooltip .text .title {
  color: #2A2B2A;
}

.map .map-container .icon#subsea-wellhead .tooltip .text svg circle {
  stroke: #2A2B2A;
}

.map .map-container .icon#topside-wellhead {
  bottom: 268px;
  left: 414px;
}

.map .map-container .icon#topside-wellhead svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#topside-wellhead svg.hover circle {
  stroke: #C3A372;
  stroke-width: 1;
}

.map .map-container .icon#topside-wellhead .tooltip .text .title {
  color: #C3A372;
}

.map .map-container .icon#topside-wellhead .tooltip .text svg circle {
  stroke: #C3A372;
}

.map .map-container .icon#offshore-wellhead {
  bottom: 155px;
  left: 373px;
}

.map .map-container .icon#offshore-wellhead svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#offshore-wellhead svg.hover circle {
  stroke: #C3A372;
  stroke-width: 1;
}

.map .map-container .icon#offshore-wellhead .tooltip .text .title {
  color: #C3A372;
}

.map .map-container .icon#offshore-wellhead .tooltip .text svg circle {
  stroke: #C3A372;
}

.map .map-container .icon#gas-processing {
  bottom: 245px;
  left: 550px;
}

.map .map-container .icon#gas-processing svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#gas-processing svg.hover circle {
  stroke: #C3A372;
  stroke-width: 1;
}

.map .map-container .icon#gas-processing .tooltip .text .title {
  color: #C3A372;
}

.map .map-container .icon#gas-processing .tooltip .text svg circle {
  stroke: #C3A372;
}

.map .map-container .icon#gas-compression {
  bottom: 290px;
  left: 665px;
}

.map .map-container .icon#gas-compression svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#gas-compression svg.hover circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .icon#gas-compression .tooltip .text .title {
  color: #CE3E3B;
}

.map .map-container .icon#gas-compression .tooltip .text svg circle {
  stroke: #CE3E3B;
}

.map .map-container .icon#gas-storage {
  bottom: 255px;
  left: 800px;
}

.map .map-container .icon#gas-storage svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#gas-storage svg.hover circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .icon#gas-storage .tooltip .text .title {
  color: #CE3E3B;
}

.map .map-container .icon#gas-storage .tooltip .text svg circle {
  stroke: #CE3E3B;
}

.map .map-container .icon#gas-liquefaction {
  bottom: 438px;
  left: 675px;
}

.map .map-container .icon#gas-liquefaction svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#gas-liquefaction svg.hover circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .icon#gas-liquefaction .tooltip .text .title {
  color: #CE3E3B;
}

.map .map-container .icon#gas-liquefaction .tooltip .text svg circle {
  stroke: #CE3E3B;
}

.map .map-container .icon#lng-marine-transportation {
  bottom: 555px;
  left: 695px;
}

.map .map-container .icon#lng-marine-transportation svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#lng-marine-transportation svg.hover circle {
  stroke: #397FAC;
  stroke-width: 1;
}

.map .map-container .icon#lng-marine-transportation .tooltip .text .title {
  color: #397FAC;
}

.map .map-container .icon#lng-marine-transportation .tooltip .text svg circle {
  stroke: #397FAC;
}

.map .map-container .icon#city-gates {
  bottom: 430px;
  left: 945px;
}

.map .map-container .icon#city-gates svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#city-gates svg.hover circle {
  stroke: #CE3E3B;
  stroke-width: 1;
}

.map .map-container .icon#city-gates .tooltip .text .title {
  color: #CE3E3B;
}

.map .map-container .icon#city-gates .tooltip .text svg circle {
  stroke: #CE3E3B;
}

.map .map-container .icon#gas-reverse-flow {
  bottom: 355px;
  left: 1060px;
}

.map .map-container .icon#gas-reverse-flow svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#gas-reverse-flow svg.hover circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .icon#gas-reverse-flow .tooltip .text .title {
  color: #F28F3B;
}

.map .map-container .icon#gas-reverse-flow .tooltip .text svg circle {
  stroke: #F28F3B;
}

.map .map-container .icon#power-generation {
  top: 325px;
  left: 860px;
}

.map .map-container .icon#power-generation svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#power-generation svg.hover circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .icon#power-generation .tooltip .text .title {
  color: #F28F3B;
}

.map .map-container .icon#power-generation .tooltip .text svg circle {
  stroke: #F28F3B;
}

.map .map-container .icon#heavy-industry {
  top: 330px;
  left: 960px;
}

.map .map-container .icon#heavy-industry svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#heavy-industry svg.hover circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .icon#heavy-industry .tooltip .text .title {
  color: #F28F3B;
}

.map .map-container .icon#heavy-industry .tooltip .text svg circle {
  stroke: #F28F3B;
}

.map .map-container .icon#gas-engines {
  top: 335px;
  left: 1050px;
}

.map .map-container .icon#gas-engines svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#gas-engines svg.hover circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .icon#gas-engines .tooltip .text .title {
  color: #F28F3B;
}

.map .map-container .icon#gas-engines .tooltip .text svg circle {
  stroke: #F28F3B;
}

.map .map-container .icon#regasification {
  top: 255px;
  left: 1060px;
}

.map .map-container .icon#regasification svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#regasification svg.hover circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .icon#regasification .tooltip .text .title {
  color: #F28F3B;
}

.map .map-container .icon#regasification .tooltip .text svg circle {
  stroke: #F28F3B;
}

.map .map-container .icon#district-stations {
  top: 305px;
  right: 545px;
}

.map .map-container .icon#district-stations svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#district-stations svg.hover circle {
  stroke: #F28F3B;
  stroke-width: 1;
}

.map .map-container .icon#district-stations .tooltip .text .title {
  color: #F28F3B;
}

.map .map-container .icon#district-stations .tooltip .text svg circle {
  stroke: #F28F3B;
}

.map .map-container .icon#medium-small-industry {
  top: 130px;
  right: 515px;
}

.map .map-container .icon#medium-small-industry svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#medium-small-industry svg.hover circle {
  stroke: #FAD070;
  stroke-width: 1;
}

.map .map-container .icon#medium-small-industry .tooltip .text .title {
  color: #FAD070;
}

.map .map-container .icon#medium-small-industry .tooltip .text svg circle {
  stroke: #FAD070;
}

.map .map-container .icon#commercial-users {
  top: 160px;
  right: 405px;
}

.map .map-container .icon#commercial-users svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#commercial-users svg.hover circle {
  stroke: #FAD070;
  stroke-width: 1;
}

.map .map-container .icon#commercial-users .tooltip .text .title {
  color: #FAD070;
}

.map .map-container .icon#commercial-users .tooltip .text svg circle {
  stroke: #FAD070;
}

.map .map-container .icon#residential-users {
  top: 175px;
  right: 280px;
}

.map .map-container .icon#residential-users svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#residential-users svg.hover circle {
  stroke: #FAD070;
  stroke-width: 1;
}

.map .map-container .icon#residential-users .tooltip {
  left: calc(50% - 60px);
}

.map .map-container .icon#residential-users .tooltip .text .title {
  color: #FAD070;
}

.map .map-container .icon#residential-users .tooltip .text svg circle {
  stroke: #FAD070;
}

.map .map-container .icon#carbon-capturing {
  right: 450px;
  bottom: 125px;
}

.map .map-container .icon#carbon-capturing svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#carbon-capturing svg.hover circle {
  stroke: #113147;
  stroke-width: 1;
}

.map .map-container .icon#carbon-capturing .tooltip .text .title {
  color: #113147;
}

.map .map-container .icon#carbon-capturing .tooltip .text svg circle {
  stroke: #113147;
}

.map .map-container .icon#hydrogen-distribution-network {
  right: 324px;
  bottom: 193px;
}

.map .map-container .icon#hydrogen-distribution-network svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#hydrogen-distribution-network svg.hover circle {
  stroke: #59B2D9;
  stroke-width: 1;
}

.map .map-container .icon#hydrogen-distribution-network .tooltip .text svg circle {
  stroke: #59B2D9;
  stroke-width: 2;
}

.map .map-container .icon#hydrogen-distribution-network .tooltip .text .title {
  color: #59B2D9;
}

.map .map-container .icon#biomethane-production {
  bottom: 150px;
  right: 638px;
}

.map .map-container .icon#biomethane-production svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#biomethane-production svg.hover circle {
  stroke: #5FA650;
  stroke-width: 1;
}

.map .map-container .icon#biomethane-production .tooltip .text .title {
  color: #5FA650;
}

.map .map-container .icon#biomethane-production .tooltip .text svg circle {
  stroke: #5FA650;
}

.map .map-container .icon#p2g-and-methanation {
  bottom: 200px;
  right: 554px;
}

.map .map-container .icon#p2g-and-methanation svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#p2g-and-methanation svg.hover circle {
  stroke: #5FA650;
  stroke-width: 1;
}

.map .map-container .icon#p2g-and-methanation .tooltip .text .title {
  color: #5FA650;
}

.map .map-container .icon#p2g-and-methanation .tooltip .text svg circle {
  stroke: #5FA650;
}

.map .map-container .icon#p2hy {
  bottom: 261px;
  right: 421px;
}

.map .map-container .icon#p2hy svg.hover {
  transform: scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

.map .map-container .icon#p2hy svg.hover circle {
  stroke: #59B2D9;
  stroke-width: 1;
}

.map .map-container .icon#p2hy .tooltip .text .title {
  color: #59B2D9;
}

.map .map-container .icon#p2hy .tooltip .text svg circle {
  stroke: #59B2D9;
}

.map .map-container .name-icons {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0) translateZ(1000px);
}

.map .map-container .name-areas {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1280px) {
  .map .map-container {
    background: url("../../public/images/homepage/map/linee_mappa_1280.svg") no-repeat;
    background-size: 1280px;
    height: 647px;
  }
  .map .map-container .legenda {
    top: 30px;
    left: 20px;
    padding: 10px 15px;
  }
  .map .map-container .legenda .title {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item .square {
    width: 17px;
    height: 17px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item .name {
    padding-left: 10px;
    font-size: 10px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item + .legenda-item {
    margin-top: 6px;
  }
  .map .map-container .area-wrapper {
    width: 410px;
    height: 305px;
  }
  .map .map-container .area-wrapper#oil-gas-production {
    bottom: 17px;
    left: 73px;
  }
  .map .map-container .area-wrapper#oil-gas-production > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-27px) translateX(8px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-27px) translateX(8px);
    width: 502px;
    height: 400px;
    -webkit-clip-path: polygon(0% 39%, 47% 11%, 100% 56%, 53% 84%);
    clip-path: polygon(0% 39%, 47% 11%, 100% 56%, 53% 84%);
  }
  .map .map-container .area-wrapper#gas-transmission-high-pressure {
    bottom: 133px;
    left: 306px;
    height: 301px;
  }
  .map .map-container .area-wrapper#gas-transmission-high-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-35px) translateX(1px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-35px) translateX(1px);
    width: 526px;
    height: 398px;
    -webkit-clip-path: polygon(3% 40%, 48% 11%, 100% 55%, 53% 85%);
    clip-path: polygon(3% 40%, 48% 11%, 100% 55%, 53% 85%);
  }
  .map .map-container .area-wrapper#gas-distribution-medium-pressure {
    bottom: 245px;
    left: 537px;
    height: 301px;
  }
  .map .map-container .area-wrapper#gas-distribution-medium-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-35px) translateX(2px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-35px) translateX(2px);
    width: 527px;
    height: 406px;
    -webkit-clip-path: polygon(3% 39%, 48% 11%, 97% 56%, 54% 84%);
    clip-path: polygon(3% 39%, 48% 11%, 97% 56%, 54% 84%);
  }
  .map .map-container .area-wrapper#gas-distribution-low-pressure {
    bottom: 368px;
    left: 755px;
    height: 268px;
  }
  .map .map-container .area-wrapper#gas-distribution-low-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-20px) translateX(25px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-20px) translateX(25px);
    width: 502px;
    height: 400px;
    -webkit-clip-path: polygon(2% 34%, 43% 9%, 96% 54%, 55% 79%);
    clip-path: polygon(2% 34%, 43% 9%, 96% 54%, 55% 79%);
  }
  .map .map-container .area-wrapper#green-gas-production {
    bottom: 14px;
    left: 695px;
    width: 399px;
    height: 302px;
  }
  .map .map-container .area-wrapper#green-gas-production > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-27px) translateX(-12px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-27px) translateX(-12px);
    width: 465px;
    height: 357px;
    -webkit-clip-path: polygon(0% 42%, 50% 10%, 106% 60%, 56% 91%);
    clip-path: polygon(0% 42%, 50% 10%, 106% 60%, 56% 91%);
  }
  .map .map-container .icon {
    width: 43px;
    height: 43px;
  }
  .map .map-container .icon .tooltip {
    padding: 10px;
    width: 280px;
  }
  .map .map-container .icon .tooltip .text {
    padding-bottom: 10px;
  }
  .map .map-container .icon .tooltip .text svg {
    width: 50px;
    height: 50px;
  }
  .map .map-container .icon .tooltip .text .title {
    font-size: 15px;
    padding-left: 8px;
  }
  .map .map-container .icon .tooltip .description {
    font-size: 12px;
    padding-bottom: 10px;
  }
  .map .map-container .icon .tooltip .btn {
    font-size: 12px;
  }
  .map .map-container .icon#oil-gathering {
    top: 363px;
    left: 248px;
  }
  .map .map-container .icon#floating-units {
    top: 445px;
    left: 230px;
  }
  .map .map-container .icon#subsea-wellhead {
    bottom: 38px;
    left: 253px;
  }
  .map .map-container .icon#topside-wellhead {
    bottom: 165px;
    left: 285px;
  }
  .map .map-container .icon#offshore-wellhead {
    bottom: 89px;
    left: 260px;
  }
  .map .map-container .icon#gas-processing {
    bottom: 158px;
    left: 388px;
  }
  .map .map-container .icon#gas-compression {
    bottom: 186px;
    left: 452px;
  }
  .map .map-container .icon#gas-storage {
    bottom: 159px;
    left: 538px;
  }
  .map .map-container .icon#gas-liquefaction {
    bottom: 283px;
    left: 442px;
  }
  .map .map-container .icon#lng-marine-transportation {
    bottom: 360px;
    left: 455px;
  }
  .map .map-container .icon#city-gates {
    bottom: 278px;
    left: 636px;
  }
  .map .map-container .icon#gas-reverse-flow {
    bottom: 232px;
    left: 715px;
  }
  .map .map-container .icon#power-generation {
    top: 234px;
    left: 577px;
  }
  .map .map-container .icon#heavy-industry {
    top: 226px;
    left: 649px;
  }
  .map .map-container .icon#gas-engines {
    top: 230px;
    left: 702px;
  }
  .map .map-container .icon#regasification {
    top: 177px;
    left: 702px;
  }
  .map .map-container .icon#district-stations {
    top: 212px;
    left: 879px;
  }
  .map .map-container .icon#medium-small-industry {
    top: 93px;
    left: 905px;
  }
  .map .map-container .icon#commercial-users {
    top: 112px;
    left: 972px;
  }
  .map .map-container .icon#residential-users {
    top: 125px;
    left: 1053px;
  }
  .map .map-container .icon#carbon-capturing {
    left: 911px;
    bottom: 89px;
  }
  .map .map-container .icon#hydrogen-distribution-network {
    left: 999px;
    bottom: 128px;
  }
  .map .map-container .icon#biomethane-production {
    bottom: 106px;
    left: 798px;
  }
  .map .map-container .icon#p2g-and-methanation {
    bottom: 135px;
    left: 854px;
  }
  .map .map-container .icon#p2hy {
    bottom: 173px;
    left: 936px;
  }
  .map .map-container .name-areas {
    width: 130px;
  }
  .map .map-container .name-areas.-q-oil-gas-production {
    bottom: 40px;
    left: 450px;
  }
  .map .map-container .name-areas.-q-gas-transmission-high-pressure {
    bottom: 385px;
    left: 265px;
  }
  .map .map-container .name-areas.-q-gas-distribution-medium-pressure {
    top: 125px;
    left: 480px;
  }
  .map .map-container .name-areas.-q-gas-distribution-low-pressure {
    top: 40px;
    left: 685px;
  }
  .map .map-container .name-areas.-q-green-gas-production {
    bottom: 255px;
    left: 950px;
  }
  .map .map-container .name-icons.-q-oil-gas-production {
    top: 380px;
    left: 164px;
    width: 263px;
  }
  .map .map-container .name-icons.-q-gas-transmission-high-pressure {
    top: 290px;
    left: 379px;
    width: 244px;
  }
  .map .map-container .name-icons.-q-gas-distribution-medium-pressure {
    top: 160px;
    left: 557px;
    width: 358px;
  }
  .map .map-container .name-icons.-q-gas-distribution-low-pressure {
    left: 845px;
    top: 80px;
    width: 256px;
  }
  .map .map-container .name-icons.-q-green-gas-production {
    left: 835px;
    bottom: 55px;
    width: 250px;
  }
}

@media only screen and (min-width: 1600px) {
  .map .map-container {
    height: 809px;
    background-size: 1600px;
    background: url("../../public/images/homepage/map/linee_mappa_1600.svg") no-repeat;
  }
  .map .map-container .legenda {
    left: 25px;
    padding: 13px 20px;
  }
  .map .map-container .legenda .title {
    font-size: 15px;
    margin-bottom: 17px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item .square {
    width: 21px;
    height: 21px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item .name {
    padding-left: 14px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item + .legenda-item {
    margin-top: 8px;
  }
  .map .map-container .area-wrapper {
    width: 517px;
    height: 383px;
  }
  .map .map-container .area-wrapper#oil-gas-production {
    bottom: 19px;
    left: 88px;
  }
  .map .map-container .area-wrapper#oil-gas-production > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-26px) translateX(-8px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-26px) translateX(-8px);
    width: 610px;
    height: 435px;
    -webkit-clip-path: polygon(-2% 38%, 46% 7%, 100% 58%, 53% 91%);
    clip-path: polygon(-2% 38%, 46% 7%, 100% 58%, 53% 91%);
  }
  .map .map-container .area-wrapper#gas-transmission-high-pressure {
    bottom: 162px;
    left: 379px;
    height: 381px;
  }
  .map .map-container .area-wrapper#gas-transmission-high-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-33px) translateX(-13px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-33px) translateX(-13px);
    width: 628px;
    height: 442px;
    -webkit-clip-path: polygon(0% 40%, 47% 8%, 100% 59%, 53% 91%);
    clip-path: polygon(0% 40%, 47% 8%, 100% 59%, 53% 91%);
  }
  .map .map-container .area-wrapper#gas-distribution-medium-pressure {
    bottom: 304px;
    left: 669px;
    height: 377px;
  }
  .map .map-container .area-wrapper#gas-distribution-medium-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-39px) translateX(-1.5px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-39px) translateX(-1.5px);
    width: 629px;
    height: 466px;
    -webkit-clip-path: polygon(0% 40%, 46% 10%, 100% 58%, 54% 91%);
    clip-path: polygon(0% 40%, 46% 10%, 100% 58%, 54% 91%);
  }
  .map .map-container .area-wrapper#gas-distribution-low-pressure {
    bottom: 456px;
    left: 943px;
    height: 338px;
    width: 516px;
  }
  .map .map-container .area-wrapper#gas-distribution-low-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-25px) translateX(-7px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-25px) translateX(-7px);
    width: 645px;
    height: 435px;
    -webkit-clip-path: polygon(5% 34%, 45% 5%, 96% 56%, 56% 86%);
    clip-path: polygon(5% 34%, 45% 5%, 96% 56%, 56% 86%);
  }
  .map .map-container .area-wrapper#green-gas-production {
    bottom: 16px;
    left: 874px;
    width: 495px;
    height: 379px;
  }
  .map .map-container .area-wrapper#green-gas-production > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-35px) translateX(-18px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-35px) translateX(-18px);
    width: 610px;
    height: 435px;
    -webkit-clip-path: polygon(0% 41%, 48% 8%, 101% 59%, 53% 91%);
    clip-path: polygon(0% 41%, 48% 8%, 101% 59%, 53% 91%);
  }
  .map .map-container .icon {
    width: 54px;
    height: 54px;
  }
  .map .map-container .icon .tooltip {
    padding: 10px 12px;
    width: 320px;
  }
  .map .map-container .icon .tooltip .text svg {
    width: 65px;
    height: 65px;
  }
  .map .map-container .icon .tooltip .text .title {
    font-size: 18px;
  }
  .map .map-container .icon .tooltip .description {
    font-size: 14px;
  }
  .map .map-container .icon .tooltip .btn {
    font-size: 14px;
  }
  .map .map-container .icon#oil-gathering {
    top: 448px;
    left: 312px;
  }
  .map .map-container .icon#floating-units {
    top: 551px;
    left: 286px;
  }
  .map .map-container .icon#subsea-wellhead {
    bottom: 56px;
    left: 321px;
  }
  .map .map-container .icon#topside-wellhead {
    bottom: 213px;
    left: 353px;
  }
  .map .map-container .icon#offshore-wellhead {
    bottom: 123px;
    left: 322px;
  }
  .map .map-container .icon#gas-processing {
    bottom: 204px;
    left: 481px;
  }
  .map .map-container .icon#gas-compression {
    bottom: 233px;
    left: 552px;
  }
  .map .map-container .icon#gas-storage {
    bottom: 218px;
    left: 665px;
  }
  .map .map-container .icon#gas-liquefaction {
    bottom: 358px;
    left: 549px;
  }
  .map .map-container .icon#lng-marine-transportation {
    bottom: 452px;
    left: 580px;
  }
  .map .map-container .icon#city-gates {
    bottom: 354px;
    left: 798px;
  }
  .map .map-container .icon#gas-reverse-flow {
    bottom: 297px;
    left: 888px;
  }
  .map .map-container .icon#power-generation {
    top: 283px;
    left: 728px;
  }
  .map .map-container .icon#heavy-industry {
    top: 278px;
    left: 812px;
  }
  .map .map-container .icon#gas-engines {
    top: 275px;
    left: 879px;
  }
  .map .map-container .icon#regasification {
    top: 212px;
    left: 894px;
  }
  .map .map-container .icon#district-stations {
    top: 258px;
    left: 1087px;
  }
  .map .map-container .icon#medium-small-industry {
    top: 110px;
    left: 1122px;
  }
  .map .map-container .icon#commercial-users {
    top: 137px;
    left: 1193px;
  }
  .map .map-container .icon#residential-users {
    top: 149px;
    left: 1305px;
  }
  .map .map-container .icon#carbon-capturing {
    left: 1159px;
    bottom: 111px;
  }
  .map .map-container .icon#hydrogen-distribution-network {
    left: 1270px;
    bottom: 159px;
  }
  .map .map-container .icon#biomethane-production {
    bottom: 127px;
    left: 1005px;
  }
  .map .map-container .icon#p2g-and-methanation {
    bottom: 167px;
    left: 1083px;
  }
  .map .map-container .icon#p2hy {
    bottom: 221px;
    left: 1194px;
  }
  .map .map-container .name-areas {
    width: 192px !important;
  }
  .map .map-container .name-areas.-q-oil-gas-production {
    bottom: 40px;
    left: 525px;
  }
  .map .map-container .name-areas.-q-gas-transmission-high-pressure {
    bottom: 475px;
    left: 275px;
  }
  .map .map-container .name-areas.-q-gas-distribution-medium-pressure {
    top: 145px;
    left: 555px;
  }
  .map .map-container .name-areas.-q-gas-distribution-low-pressure {
    top: 35px;
    left: 825px;
  }
  .map .map-container .name-areas.-q-green-gas-production {
    bottom: 310px;
    left: 1190px;
  }
  .map .map-container .name-icons.-q-oil-gas-production {
    top: 461px;
    left: 203px;
    width: 336px;
  }
  .map .map-container .name-icons.-q-gas-transmission-high-pressure {
    top: 360px;
    left: 480px;
    width: 285px;
  }
  .map .map-container .name-icons.-q-gas-distribution-medium-pressure {
    top: 191px;
    left: 689px;
    width: 460px;
  }
  .map .map-container .name-icons.-q-gas-distribution-low-pressure {
    left: 1040px;
    top: 95px;
    width: 310px;
  }
  .map .map-container .name-icons.-q-green-gas-production {
    left: 1060px;
    bottom: 76px;
    width: 297px;
  }
}

@media only screen and (min-width: 1920px) {
  .map .map-container {
    height: 970px;
    background: url("../../public/images/homepage/map/linee_mappa.svg") no-repeat;
    background-size: 1920px;
  }
  .map .map-container .legenda {
    left: 30px;
    top: 40px;
    padding: 18px 25px;
  }
  .map .map-container .legenda .title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item .square {
    width: 26px;
    height: 26px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item .name {
    padding-left: 16px;
    font-size: 11px;
  }
  .map .map-container .legenda .legenda--wrapper .legenda-item + .legenda-item {
    margin-top: 10px;
  }
  .map .map-container .area-wrapper {
    width: 617px !important;
    height: 456px !important;
  }
  .map .map-container .area-wrapper#oil-gas-production {
    bottom: 23px;
    left: 106px;
  }
  .map .map-container .area-wrapper#oil-gas-production > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-40px) translateX(-29px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-40px) translateX(-29px);
    width: 752px;
    height: 503px;
    -webkit-clip-path: polygon(1% 40%, 48% 6%, 100% 60%, 54% 95%);
    clip-path: polygon(1% 40%, 48% 6%, 100% 60%, 54% 95%);
  }
  .map .map-container .area-wrapper#gas-transmission-high-pressure {
    bottom: 192px;
    left: 454px;
  }
  .map .map-container .area-wrapper#gas-transmission-high-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-42px) translateX(-29px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-42px) translateX(-29px);
    width: 752px;
    height: 503px;
    -webkit-clip-path: polygon(1% 40%, 48% 6%, 100% 61%, 54% 95%);
    clip-path: polygon(1% 40%, 48% 6%, 100% 61%, 54% 95%);
  }
  .map .map-container .area-wrapper#gas-distribution-medium-pressure {
    bottom: 361px;
    left: 802px;
  }
  .map .map-container .area-wrapper#gas-distribution-medium-pressure > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(300px) translateY(-36px) translateX(-65px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(300px) translateY(-36px) translateX(-65px);
    width: 787px;
    height: 443px;
    -webkit-clip-path: polygon(3.5% 39%, 47.5% 0%, 108% 53%, 54% 100%);
    clip-path: polygon(3.5% 39%, 47.5% 0%, 108% 53%, 54% 100%);
  }
  .map .map-container .area-wrapper#gas-distribution-low-pressure {
    bottom: 546px;
    left: 1131px;
    height: 406px !important;
  }
  .map .map-container .area-wrapper#gas-distribution-low-pressure > img {
    width: 784px;
    height: 462px;
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-26px) translateX(-42px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-26px) translateX(-42px);
    -webkit-clip-path: polygon(5.5% 33%, 45.5% 0%, 96% 58%, 57% 91%);
    clip-path: polygon(5.5% 33%, 45.5% 0%, 96% 58%, 57% 91%);
  }
  .map .map-container .area-wrapper#green-gas-production {
    bottom: 20px;
    left: 1045px;
    width: 596px !important;
    height: 449px !important;
  }
  .map .map-container .area-wrapper#green-gas-production > img {
    transform: rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-38px) translateX(-34px);
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-49.7deg) rotatex(-55deg) translateZ(280px) translateY(-38px) translateX(-34px);
    width: 720px;
    height: 484px;
    -webkit-clip-path: polygon(0% 41%, 48% 6%, 102% 61%, 54% 95%);
    clip-path: polygon(0% 41%, 48% 6%, 102% 61%, 54% 95%);
  }
  .map .map-container .icon {
    width: 65px;
    height: 65px;
  }
  .map .map-container .icon .tooltip {
    padding: 10px 15px 20px;
    width: 380px;
  }
  .map .map-container .icon .tooltip .text {
    padding-bottom: 15px;
  }
  .map .map-container .icon .tooltip .text svg {
    width: 95px;
    height: 95px;
  }
  .map .map-container .icon .tooltip .text .title {
    font-size: 22px;
    padding-left: 12px;
    padding-right: 10px;
  }
  .map .map-container .icon .tooltip .description {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .map .map-container .icon .tooltip .btn {
    font-size: 15px;
  }
  .map .map-container .icon#oil-gathering {
    top: 525px;
    left: 350px;
  }
  .map .map-container .icon#floating-units {
    top: 660px;
    left: 320px;
  }
  .map .map-container .icon#subsea-wellhead {
    bottom: 74px;
    left: 358px;
  }
  .map .map-container .icon#topside-wellhead {
    bottom: 268px;
    left: 414px;
  }
  .map .map-container .icon#offshore-wellhead {
    bottom: 155px;
    left: 373px;
  }
  .map .map-container .icon#gas-processing {
    bottom: 245px;
    left: 550px;
  }
  .map .map-container .icon#gas-compression {
    bottom: 290px;
    left: 665px;
  }
  .map .map-container .icon#gas-storage {
    bottom: 265px;
    left: 800px;
  }
  .map .map-container .icon#gas-liquefaction {
    bottom: 438px;
    left: 675px;
  }
  .map .map-container .icon#lng-marine-transportation {
    bottom: 555px;
    left: 695px;
  }
  .map .map-container .icon#city-gates {
    bottom: 430px;
    left: 945px;
  }
  .map .map-container .icon#gas-reverse-flow {
    bottom: 355px;
    left: 1060px;
  }
  .map .map-container .icon#power-generation {
    top: 330px;
    left: 866px;
  }
  .map .map-container .icon#heavy-industry {
    top: 330px;
    left: 960px;
  }
  .map .map-container .icon#gas-engines {
    top: 335px;
    left: 1046px;
  }
  .map .map-container .icon#regasification {
    top: 255px;
    left: 1060px;
  }
  .map .map-container .icon#district-stations {
    top: 305px;
    left: 1297px;
  }
  .map .map-container .icon#medium-small-industry {
    top: 130px;
    left: 1331px;
  }
  .map .map-container .icon#commercial-users {
    top: 160px;
    left: 1441px;
  }
  .map .map-container .icon#residential-users {
    top: 175px;
    left: 1567px;
  }
  .map .map-container .icon#carbon-capturing {
    left: 1388px;
    bottom: 125px;
  }
  .map .map-container .icon#hydrogen-distribution-network {
    left: 1505px;
    bottom: 193px;
  }
  .map .map-container .icon#biomethane-production {
    bottom: 150px;
    left: 1205px;
  }
  .map .map-container .icon#p2g-and-methanation {
    bottom: 200px;
    left: 1293px;
  }
  .map .map-container .icon#p2hy {
    bottom: 261px;
    left: 1417px;
  }
  .map .map-container .name-areas {
    width: 230px !important;
  }
  .map .map-container .name-areas.-q-oil-gas-production {
    bottom: 50px;
    left: 655px;
  }
  .map .map-container .name-areas.-q-gas-transmission-high-pressure {
    bottom: 554px;
    left: 330px;
  }
  .map .map-container .name-areas.-q-gas-distribution-medium-pressure {
    top: 188px;
    left: 660px;
  }
  .map .map-container .name-areas.-q-gas-distribution-low-pressure {
    top: 42px;
    left: 970px;
  }
  .map .map-container .name-areas.-q-green-gas-production {
    bottom: 396px;
    left: 1410px;
  }
  .map .map-container .name-icons {
    width: 346px !important;
  }
  .map .map-container .name-icons.-q-oil-gas-production {
    top: 558px;
    left: 235px;
    width: 387px !important;
  }
  .map .map-container .name-icons.-q-gas-transmission-high-pressure {
    top: 425px;
    left: 585px;
  }
  .map .map-container .name-icons.-q-gas-distribution-medium-pressure {
    top: 232px;
    left: 842px;
    width: 510px !important;
  }
  .map .map-container .name-icons.-q-gas-distribution-low-pressure {
    left: 1250px;
    top: 107px;
    width: 375px !important;
  }
  .map .map-container .name-icons.-q-green-gas-production {
    left: 1258px;
    bottom: 81px;
    width: 372px !important;
  }
}

@media only screen and (max-width: 1310px) {
  .map .map-container .icon#residential-users .tooltip, .map .map-container .icon#hydrogen-distribution-network .tooltip {
    left: calc(50% - 100px);
  }
}

@media only screen and (max-width: 1279px) {
  .map {
    display: none;
  }
}

@supports (-webkit-touch-callout: none) {
  .map {
    display: none;
  }
}

.company {
  height: 100vh;
  max-height: 1080px;
  position: relative;
}

.company .article-company--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.company .article-company--wrapper::after, .company .article-company--wrapper:before {
  content: '';
  position: absolute;
  top: 0;
}

.company .article-company--wrapper::after {
  background: url("../../public/images/homepage/texture.png");
  right: 0;
  height: 100%;
  width: 20%;
}

.company .article-company--wrapper:before {
  left: 0;
  height: 17%;
  width: 100%;
  background-color: #04836F;
}

.company .article-company--wrapper .overlay-green {
  position: absolute;
  left: 0;
  height: 100%;
  width: 80%;
  top: 0;
  background-color: rgba(4, 131, 111, 0.7);
}

.company .article-company--wrapper .overlay-green::before, .company .article-company--wrapper .overlay-green::after {
  content: '';
  position: absolute;
  height: 18%;
  width: 14%;
  background-color: #04836F;
}

.company .article-company--wrapper .overlay-green::before {
  left: 0;
  top: 17%;
}

.company .article-company--wrapper .overlay-green::after {
  left: 14%;
  top: 35%;
}

.company .article-company--wrapper .overlay-green span {
  position: absolute;
  right: 0;
  top: 0;
  width: 27.7%;
  height: 17%;
  background-color: #0E7162;
}

.company .article-company--wrapper .link-play-video {
  position: absolute;
  left: 50px;
  bottom: 50px;
  z-index: 10;
}

.company .article-company--wrapper .link-play-video p {
  font-family: "Inter Medium";
  text-transform: uppercase;
  align-items: center;
}

.company .article-company--wrapper .link-play-video p::before {
  content: '';
  background: url("../../public/images/homepage/play-video.svg");
  margin-right: 10px;
  width: 29px;
  height: 29px;
}

.box-square {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 480px;
  text-align: center;
  height: 480px;
  border-top: 15px solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.box-square::before, .box-square::after {
  content: '';
  position: absolute;
  top: 0;
  width: 15px;
  height: 50px;
  background-color: #ffffff;
}

.box-square::before {
  left: 0;
}

.box-square::after {
  right: 0;
}

.box-square .title-company--wrapper {
  margin: 0 -70%;
  padding-top: 50px;
}

.box-square .title-company--wrapper .title-company {
  font-size: 5vw;
  line-height: 1;
}

.box-square .text--wrapper {
  border-left: 15px solid;
  border-right: 15px solid;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 20px;
}

.box-square .description-company {
  font-size: 20px;
  line-height: 32px;
  padding: 0 30px;
}

.box-square .link-company {
  position: relative;
  overflow: hidden;
  transform: translateY(calc(50% - 7.5px));
}

.box-square .link-company .link-company--wrapper {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  margin: 0 auto;
}

.box-square .link-company .link-company--wrapper::before, .box-square .link-company .link-company--wrapper::after {
  content: '';
  position: absolute;
  height: 15px;
  background-color: #ffffff;
  bottom: -15px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.box-square .link-company .link-company--wrapper::before {
  right: calc(100% + 15px);
}

.box-square .link-company .link-company--wrapper::after {
  left: calc(100% + 15px);
}

@media only screen and (min-width: 1921px) {
  .box-square .title-company--wrapper .title-company {
    font-size: 96px;
  }
}

@media only screen and (max-width: 1440px) {
  .box-square {
    width: 410px;
    height: 410px;
  }
  .box-square .description-company {
    font-size: 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .company .article-company--wrapper::after {
    width: 15%;
  }
  .company .article-company--wrapper .overlay-green {
    width: 85%;
  }
  .company .article-company--wrapper .link-play-video {
    left: 30px;
  }
  .box-square {
    width: 350px;
    height: 350px;
  }
  .box-square .description-company {
    font-size: 16px;
    line-height: 22px;
  }
  .box-square::before, .box-square::after {
    height: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .company {
    max-height: none;
  }
  .company .article-company--wrapper {
    padding: 0 20px;
  }
  .company .article-company--wrapper::after {
    right: 0;
    height: 100px;
    bottom: 0;
    top: auto;
    width: 100%;
    background: url("../../public/images/homepage/texture-mobile.png");
  }
  .company .article-company--wrapper::before {
    width: 100%;
    height: 135px;
  }
  .company .article-company--wrapper .overlay-green {
    width: 100%;
    height: calc(100% - 100px);
  }
  .company .article-company--wrapper .overlay-green::before {
    top: 135px;
    height: 135px;
    width: 135px;
  }
  .company .article-company--wrapper .overlay-green::after {
    content: none;
  }
  .company .article-company--wrapper .overlay-green span {
    right: auto;
    width: 135px;
    height: 135px;
  }
  .company .article-company--wrapper .link-play-video {
    left: 20px;
    bottom: 115px;
  }
  .box-square {
    width: auto;
    height: auto;
    border: 0;
  }
  .box-square::before, .box-square::after {
    content: none;
  }
  .box-square .title-company--wrapper {
    position: relative;
    border-top: 8px solid;
    border-bottom: 8px solid;
    padding-top: 20px;
    padding-bottom: calc(65% - 101px);
    margin: 0 auto;
    width: 65%;
  }
  .box-square .title-company--wrapper .title-company {
    padding: 15px 0 0;
    margin: 0 -60%;
  }
  .box-square .title-company--wrapper .title-company::before, .box-square .title-company--wrapper .title-company::after {
    content: '';
    position: absolute;
    background-color: #ffffff;
    top: 0;
    width: 8px;
    height: 20px;
  }
  .box-square .title-company--wrapper .title-company::before {
    left: 0;
  }
  .box-square .title-company--wrapper .title-company::after {
    right: 0;
  }
  .box-square .title-company--wrapper::before, .box-square .title-company--wrapper::after {
    content: '';
    position: absolute;
    width: 8px;
    height: calc(100% - 105px);
    background-color: #ffffff;
    bottom: 0;
  }
  .box-square .title-company--wrapper::before {
    left: 0;
  }
  .box-square .title-company--wrapper::after {
    right: 0;
  }
  .box-square .text--wrapper {
    border: 0;
    margin: 0;
  }
  .box-square .description-company {
    padding: 20px 0 40px;
    border: 0;
  }
  .box-square .link-company {
    transform: none;
  }
  .box-square .link-company .link-company--wrapper::before, .box-square .link-company .link-company--wrapper::after {
    content: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .box-square .title-company--wrapper {
    padding-bottom: calc(65% - 81px);
  }
  .box-square .title-company--wrapper .title-company {
    margin: 0 -85%;
  }
  .box-square .title-company--wrapper::before, .box-square .title-company--wrapper::after {
    height: calc(100% - 85px);
  }
}

@media only screen and (max-width: 575px) and (max-height: 700px) {
  .company .article-company--wrapper .link-play-video p {
    font-size: 12px;
  }
  .company .article-company--wrapper .link-play-video p::before {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
  .box-square {
    bottom: 155px;
    transform: translateX(-50%);
    top: auto;
  }
  .box-square .title-company--wrapper {
    padding-bottom: calc(65% - 76px);
  }
  .box-square .title-company--wrapper .title-company {
    font-size: 8.5vw;
    margin: 0 -100%;
  }
  .box-square .title-company--wrapper::before, .box-square .title-company--wrapper::after {
    height: calc(100% - 80px);
  }
}

@media only screen and (max-width: 374px) and (max-height: 700px) {
  .box-square {
    width: calc(100% - 40px);
  }
  .box-square .title-company--wrapper {
    padding-bottom: calc(50% - 76px);
    width: 50%;
  }
}

.banner {
  text-align: center;
  position: relative;
  min-height: 260px;
}

.banner:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
}

.banner > div {
  position: relative;
  min-height: 260px;
  align-items: center;
  justify-content: center;
}

.banner .image {
  width: 20%;
  margin: 0 6% 0 0;
}

.banner article {
  width: 50%;
}

.banner .intro-text {
  font-size: 16px;
  line-height: 32px;
  font-family: "Inter Medium";
  margin-bottom: 14px;
}

.banner .title {
  font-family: "Inter Bold";
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 17px;
}

.banner .description {
  font-size: 22px;
  line-height: 30px;
  font-family: "Inter Medium";
}

.banner .btn {
  margin-top: 20px;
}

@media only screen and (max-width: 1440px) {
  .banner .image {
    width: 25%;
    margin: 0 5% 0 0;
  }
  .banner article {
    width: 70%;
  }
  .banner .intro-text {
    font-size: 14px;
    line-height: 20px;
  }
  .banner .title {
    font-size: 30px;
    line-height: 36px;
  }
  .banner .description {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .banner article {
    padding: 0 20px;
  }
  .banner .title {
    font-size: 25px;
    line-height: 30px;
  }
  .banner .description {
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 575px) {
  .banner > div {
    flex-direction: column;
  }
  .banner .image {
    width: 45%;
    margin: 0 0 20px;
  }
  .banner article {
    width: 100%;
  }
}

.tab--wrapper {
  border-bottom: 25px solid #069782;
}

.tab--wrapper .tab-container {
  justify-content: flex-end;
  align-items: flex-end;
}

.tab--wrapper .tab-container .tab-item {
  background-color: #F4F4F4;
  text-align: center;
  cursor: pointer;
  margin-right: 8px;
}

.tab--wrapper .tab-container .tab-item.active {
  background-color: #069782;
  cursor: text;
}

.tab--wrapper .tab-container .tab-item.active > div a, .tab--wrapper .tab-container .tab-item.active > div, .tab--wrapper .tab-container .tab-item.active h1 a {
  color: #ffffff;
  cursor: text;
  font-size: 24px;
  font-family: "Inter Bold";
}

.tab--wrapper .tab-container .tab-item > div a, .tab--wrapper .tab-container .tab-item > div, .tab--wrapper .tab-container .tab-item h1 a {
  text-transform: uppercase;
  font-size: 18px;
  color: #474647;
  font-family: "Inter Regular";
}

.tab--wrapper .tab-container .tab-item a {
  padding: 25px 60px;
  display: block;
}

.category-child .tab--wrapper {
  margin-top: 100px;
}

.category-child .tab--wrapper .tab-container .tab-item {
  padding: 25px 6%;
}

#subcategory-expertise .category-child .tab--wrapper {
  margin-top: 55px;
}

#PageExpertise .tab--wrapper .tab-container .tab-item {
  height: 100%;
  border-top: 20px solid #fff;
  margin-top: 0;
}

#PageExpertise .tab--wrapper .tab-container .tab-item.active {
  border: 0;
}

@media only screen and (max-width: 1440px) {
  .tab--wrapper .tab-container .tab-item.active > div a, .tab--wrapper .tab-container .tab-item.active > div, .tab--wrapper .tab-container .tab-item.active h1 a {
    font-size: 22px;
  }
  .tab--wrapper .tab-container .tab-item > div, .tab--wrapper .tab-container .tab-item > div a, .tab--wrapper .tab-container .tab-item h1 a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1199px) {
  .navigation-category .tab--wrapper .tab-container .tab-item {
    padding-left: 8px;
    padding-right: 8px;
  }
  .navigation-category .tab--wrapper .tab-container .tab-item.active > div a, .navigation-category .tab--wrapper .tab-container .tab-item.active > div, .navigation-category .tab--wrapper .tab-container .tab-item.active h1 a {
    font-size: 18px;
  }
  .navigation-category .tab--wrapper .tab-container .tab-item > div, .navigation-category .tab--wrapper .tab-container .tab-item > div a, .navigation-category .tab--wrapper .tab-container .tab-item h1 a {
    font-size: 15px;
  }
}

.navigation-category .tab--wrapper .tab-container {
  justify-content: normal;
  align-items: normal;
}

.navigation-category .tab--wrapper .tab-container .tab-item {
  padding: 25px 15px;
  flex: 1;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-category .tab--wrapper .tab-container .tab-item.active {
  margin-top: 0;
}

.navigation-category .tab--wrapper .tab-container .tab-item:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1440px) {
  .navigation-category .tab--wrapper .tab-container .tab-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .navigation-category .tab--wrapper {
    border-width: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .tab--wrapper .tab-container {
    width: 100%;
  }
  .tab--wrapper .tab-container .tab-item {
    flex: 1;
    margin: 0;
  }
  .tab--wrapper .tab-container .tab-item:not(:last-child) {
    margin-right: 8px;
  }
  .tab--wrapper .tab-container .tab-item a {
    padding: 25px 6%;
  }
  #PageExpertise .tab--wrapper .tab-container {
    padding: 0;
  }
  #PageExpertise .tab--wrapper .tab-container .tab-item {
    border: 0;
  }
}

@media only screen and (max-width: 575px) {
  .tab--wrapper {
    border-width: 10px;
  }
  .tab--wrapper .tab-container .tab-item.active > div, .tab--wrapper .tab-container .tab-item.active > div a, .tab--wrapper .tab-container .tab-item.active h1 a {
    font-size: 18px;
  }
  .tab--wrapper .tab-container .tab-item a {
    padding: 20px 8px;
  }
  .category-child .tab--wrapper .tab-container .tab-item {
    padding: 20px 8px;
  }
}

@media only screen and (max-width: 991px) {
  .navigation-category .tab--wrapper {
    border: 0;
  }
  .navigation-category .tab--wrapper .tab-container .tab-item {
    flex: 0 0 100%;
    margin: 0;
    padding: 30px 20px;
    height: 100%;
    background-color: #069782;
    display: flex !important;
    align-items: center;
  }
  .navigation-category .tab--wrapper .tab-container .tab-item > div, .navigation-category .tab--wrapper .tab-container .tab-item h1 a {
    width: calc(100% - 85px);
    margin: 0 auto;
    color: #ffffff;
    font-family: "Inter Bold";
    font-size: 18px;
  }
  .navigation-category .tab--wrapper .tab-container .tab-item.active {
    display: block;
  }
}

@media only screen and (max-width: 575px) {
  .navigation-category .tab--wrapper .tab-container .tab-item, .navigation-category .tab--wrapper .tab-container .tab-item.active {
    padding: 25px 20px;
  }
}

.archive--wrapper.active {
  display: flex;
  flex-direction: row-reverse;
}

.archive--wrapper p.no-results {
  font-size: 20px;
  margin: 50px 0;
}

.archive--wrapper .col-sx {
  width: 25%;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item {
  padding-top: 30px;
  padding-bottom: 25px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item:not(:last-child) {
  margin-bottom: 30px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .title-category {
  text-transform: uppercase;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: "Inter Bold";
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category {
  padding-bottom: 25px;
  list-style: none;
  padding-left: 32px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  position: relative;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li:not(:last-child) {
  margin-bottom: 18px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  left: -32px;
  top: 4px;
  background-color: #474647;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li a {
  color: inherit;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li.active::before, .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li:hover::before {
  background-color: #069782;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li.active > a, .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li:hover > a {
  cursor: pointer;
  color: #069782;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul {
  list-style: none;
  padding-left: 30px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul:first-child {
  margin-top: 18px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul:last-child {
  margin-bottom: 11px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul li {
  padding-bottom: 7px;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul li:before {
  content: none;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category.open {
  display: block;
}

.archive--wrapper .col-sx .filters--wrapper .filters--item .list-category > li.active > a {
  margin-bottom: 18px;
  display: block;
}

.archive--wrapper .col-sx .documents-box {
  margin-top: 30px;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.archive--wrapper .col-sx .documents-box .btn {
  max-width: 100%;
}

.archive--wrapper .results {
  width: 75%;
  padding-top: 30px;
  padding-bottom: 50px;
}

.archive--wrapper .results .row-results {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.archive--wrapper .results .row-results .title-container {
  font-family: "Inter Bold";
  text-transform: uppercase;
  margin: 0;
  font-size: 34px;
}

.archive--wrapper .results .row-results .search {
  position: relative;
  display: flex;
}

.archive--wrapper .results .row-results .search .search-input {
  position: relative;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #474647;
  padding: 0 4px 10px;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  width: 100%;
}

.archive--wrapper .results .row-results .search .search-input::-webkit-input-placeholder, .archive--wrapper .results .row-results .search .search-input:-ms-input-placeholder, .archive--wrapper .results .row-results .search .search-input::placeholder {
  color: inherit;
}

.archive--wrapper .results .row-results .search .search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: url("../../public/images/close-dark.svg") no-repeat 50% 50%;
  background-size: 14px;
  pointer-events: none;
}

.archive--wrapper .results .row-results .search .search-input:focus::-webkit-search-cancel-button {
  pointer-events: all;
  cursor: pointer;
}

.archive--wrapper .results .row-results .search .easy-autocomplete-container ul {
  border-top: 0 !important;
  margin-top: 1px;
}

.archive--wrapper .results .row-results .search .easy-autocomplete-container ul li {
  border-color: #474647 !important;
  padding: 4px 10px !important;
}

.archive--wrapper .results .row-results .search .easy-autocomplete-container ul li a {
  color: #474647 !important;
  font-size: 16px !important;
}

.archive--wrapper .results .row-results .search .easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #F4F4F4 !important;
}

.archive--wrapper .results .row-results .search .search-icon {
  content: url("../../public/images/search.svg");
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
}

.archive--wrapper .results .add-filters {
  margin-bottom: 55px;
  align-items: center;
}

.archive--wrapper .results .add-filters .add-filters--wrapper {
  margin-left: 30px;
  flex-wrap: wrap;
}

.archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item {
  padding: 12px 50px 12px 20px;
  position: relative;
  margin: 5px 0;
  cursor: pointer;
}

.archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item::after {
  content: url("../../public/images/close-icon.svg");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item:not(:last-child) {
  margin-right: 30px;
}

.archive--wrapper .results .results--wrapper {
  flex-wrap: wrap;
  margin: 0 -15px;
}

.archive--wrapper .results .results--wrapper > p {
  width: 100%;
  margin-left: 15px;
}

.archive--wrapper .results .results--wrapper .result-box {
  flex: 0 0 calc((100% / 3) - 30px);
  margin: 0 15px 50px 15px;
}

.archive--wrapper .results .results--wrapper .result-box .results-item {
  padding: 15px;
  height: 100%;
}

.archive--wrapper .results .results--wrapper .result-box .results-item .image-product {
  padding-top: 100%;
  overflow: hidden;
  height: 0;
  position: relative;
}

.archive--wrapper .results .results--wrapper .result-box .results-item .image-product img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.archive--wrapper .results .results--wrapper .result-box .results-item .title-product {
  text-align: center;
  margin-top: 12px;
}

.archive--wrapper .results .results--wrapper .result-box .results-item .title-product .title {
  text-transform: uppercase;
  font-size: 24px;
  padding-bottom: 7px;
  word-break: break-word;
}

.archive--wrapper .results .results--wrapper .result-box .results-item .title-product p {
  color: #474647;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item {
  padding: 20px;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .info-product {
  width: 70%;
  padding-right: 10px;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .info-product .label {
  padding: 10px 15px;
  background-color: #9B9B9B;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .info-product .title-product {
  text-align: left;
  padding: 0;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .image-product {
  width: 30%;
  padding-top: 30%;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents {
  padding-top: 30px;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents em {
  font-size: 17px;
  text-align: center;
  display: block;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation {
  margin: 20px -15px 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation li {
  padding: 0 15px;
  margin-top: 15px;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation li:not(:last-child) {
  border-right: 1px solid #A8A8A8;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation li a {
  color: #069782;
  font-family: 'Inter Bold';
  font-size: 18px;
  text-transform: uppercase;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item {
  align-items: center;
  margin-top: 20px;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item img {
  max-width: 40px;
}

.archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item strong {
  font-size: 20px;
  margin-left: 15px;
  word-break: break-word;
}

.archive--wrapper .results .results--wrapper .box-contact {
  flex: 0 0 calc((100% / 3) - 30px);
  margin: 0 15px 50px 15px;
}

.archive--wrapper .results .results--wrapper .box-contact a {
  margin: 70px 15px 15px;
  display: block;
  padding-top: calc(100% - 85px);
  overflow: hidden;
  height: 0;
  position: relative;
}

.archive--wrapper .results .results--wrapper .box-contact a > p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: calc(100% - 40px);
}

.archive--wrapper .results .results--wrapper .box-contact a > p > span#contact {
  font-size: 26px;
  font-family: "Inter Bold";
}

@media only screen and (max-width: 1440px) {
  .archive--wrapper p.no-results {
    font-size: 18px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item > p {
    font-size: 14px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .title-category {
    font-size: 22px;
    margin-top: 18px;
    margin-bottom: 22px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category {
    padding-left: 25px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li {
    font-size: 16px;
    line-height: 20px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li:not(:last-child) {
    margin-bottom: 15px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li::before {
    width: 12px;
    height: 12px;
    left: -25px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul {
    padding-left: 20px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul:last-child {
    margin-bottom: 8px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category > li.active > a {
    margin-bottom: 15px;
  }
  .archive--wrapper .results .row-results .title-container {
    font-size: 30px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item {
    padding: 15px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .info-product .label {
    font-size: 14px;
    padding: 8px 12px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents em {
    font-size: 15px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation {
    margin: 10px -10px 0;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation li {
    padding: 0 10px;
    margin-top: 10px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item {
    margin-top: 15px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item img {
    max-width: 30px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item strong {
    font-size: 16px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p {
    font-size: 14px;
    line-height: 20px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p > span#contact {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1199px) {
  .archive--wrapper .col-sx .filters--wrapper .filters--item .title-category {
    font-size: 20px;
  }
  .archive--wrapper .results .row-results .title-container {
    font-size: 28px;
  }
  .archive--wrapper .results .row-results .search .search-input {
    font-size: 14px;
  }
  .archive--wrapper .results .row-results .search .search-icon {
    margin-right: 3px;
    width: 20px;
  }
  .archive--wrapper .results .row-results .search .easy-autocomplete-container ul li a {
    font-size: 14px !important;
  }
  .archive--wrapper .results .add-filters {
    margin-bottom: 40px;
  }
  .archive--wrapper .results .add-filters > p {
    font-size: 14px;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper {
    margin-left: 20px;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item {
    font-size: 14px;
    padding: 8px 30px 10px 10px;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item::after {
    right: 10px;
    transform: translateY(-50%) scale(0.85);
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item:not(:last-child) {
    margin-right: 15px;
  }
  .archive--wrapper .results .results--wrapper .result-box .results-item .title-product .title {
    font-size: 20px;
  }
  .archive--wrapper .results .results--wrapper .result-box .results-item .title-product p {
    font-size: 14px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a {
    padding-top: calc(100% - 65px);
    margin-top: 50px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p {
    width: calc(100% - 20px);
    font-size: 14px;
    line-height: 18px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p > span#contact {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item > div:first-child {
    flex-direction: column;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item > div:first-child .info-product {
    width: 100%;
    padding: 0;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item > div:first-child .info-product .title-product .title {
    font-size: 20px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item > div:first-child .image-product {
    width: 100%;
    padding-top: 100%;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .archive--wrapper.active {
    flex-direction: column-reverse;
  }
  .archive--wrapper p.no-results {
    padding: 0 20px;
    margin: 25px 0;
  }
  .archive--wrapper .col-sx {
    width: 100%;
  }
  .archive--wrapper .col-sx .title-filters {
    display: block;
    cursor: pointer;
  }
  .archive--wrapper .col-sx .title-filters p {
    padding: 10px 0;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .archive--wrapper .col-sx .title-filters p::after {
    content: '';
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .archive--wrapper .col-sx .title-filters p.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .archive--wrapper .col-sx .filters--wrapper {
    display: none;
    padding: 30px 0 10px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item {
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item > p, .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category {
    display: none;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item:not(:last-child) {
    margin-bottom: 0;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .-second {
    padding-left: 20px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .-second .title-category {
    position: relative;
    cursor: pointer;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .-second .title-category::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 15px;
    background-color: #474647;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .title-category {
    margin: 0 0 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .title-category::after {
    content: '';
    border: solid #474647;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .title-category.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category {
    padding-bottom: 30px;
    margin-top: -5px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li:not(:last-child) {
    margin-bottom: 20px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li::before {
    content: none;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category li ul:last-child {
    margin-bottom: 13px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .list-category > li:active > a {
    margin-bottom: 20px;
  }
  .archive--wrapper .col-sx .documents-box {
    display: none;
  }
  .archive--wrapper .results {
    width: 100%;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
  }
  .archive--wrapper .results .add-filters {
    order: -1;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper {
    margin: 5px 0 0;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item {
    margin: 5px 10px 5px 0;
  }
  .archive--wrapper .results .row-results {
    margin-bottom: 25px;
  }
  .archive--wrapper .results .results--wrapper {
    margin: 0 -7.5px;
  }
  .archive--wrapper .results .results--wrapper > p {
    margin-left: 0;
  }
  .archive--wrapper .results .results--wrapper .result-box {
    flex: 0 0 calc((100% / 2) - 15px);
    margin: 0 7.5px 30px 7.5px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation {
    flex: 0 0 100%;
    margin: 0 0 20px;
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .info-product .label {
    font-size: 18px;
    padding: 0;
    background-color: transparent;
    color: #474647;
    font-family: "Inter Bold";
  }
  .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .list-documentation, .archive--wrapper .results .results--wrapper .result-box.-documentation .results-item .container-documents .scheme-item {
    justify-content: center;
  }
  .archive--wrapper .results .results--wrapper .box-contact {
    flex: 0 0 calc((100% / 2) - 15px);
    margin: 0 7.5px 30px 7.5px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p {
    height: auto;
  }
  .archive--wrapper .results .documents-box {
    display: block;
    text-align: center;
    margin-top: 25px;
  }
  .archive--wrapper .results .documents-box .btn {
    margin: 0 10px;
  }
  .archive-documentations .archive--wrapper .results .results--wrapper {
    margin: 0;
  }
}

@media only screen and (max-width: 575px) {
  .archive--wrapper p.no-results {
    font-size: 16px;
  }
  .archive--wrapper .col-sx .filters--wrapper .filters--item .title-category {
    font-size: 16px;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item {
    font-size: 12px;
  }
  .archive--wrapper .results .add-filters .add-filters--wrapper .add-filters--item::after {
    transform: translateY(-50%) scale(0.7);
  }
  .archive--wrapper .results .row-results .title-container {
    font-size: 22px;
  }
  .archive--wrapper .results .row-results .search {
    width: 55%;
    display: flex;
    justify-content: flex-end;
  }
  .archive--wrapper .results .row-results .search .search-icon {
    margin-right: 8px;
  }
  .archive--wrapper .results .results--wrapper .result-box .results-item {
    padding: 6px;
  }
  .archive--wrapper .results .results--wrapper .result-box .results-item .title-product .title {
    font-size: 16px;
    padding-bottom: 3px;
  }
  .archive--wrapper .results .results--wrapper .result-box .results-item .title-product p {
    font-size: 10px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a {
    margin: 30px 6px 15px;
    padding-top: calc(100% - 35px);
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p {
    font-size: 11px;
    line-height: 16px;
  }
  .archive--wrapper .results .results--wrapper .box-contact a > p > span#contact {
    font-size: 14px;
  }
}

.intro-category {
  height: calc(100vh - 243px);
  max-height: 837px;
  width: 100%;
  position: relative;
  margin-top: 45px;
}

.intro-category::before, .intro-category::after {
  content: '';
  position: absolute;
}

.intro-category::after {
  top: 0;
  background: url("../../public/images/homepage/texture.png");
  right: 0;
  height: 100%;
  width: calc(20% + 150px);
}

.intro-category::before {
  right: calc(20% - 30px);
  bottom: 180px;
  background-color: #474647;
  width: 180px;
  height: 180px;
  z-index: 5;
}

.intro-category .overlay {
  width: calc(80% - 150px);
  background-color: rgba(28, 28, 28, 0.7);
}

.intro-category .overlay::before, .intro-category .overlay::after {
  content: '';
  position: absolute;
  height: 180px;
  bottom: 0;
}

.intro-category .overlay::before {
  width: 180px;
  right: 180px;
  background-color: #474647;
}

.intro-category .overlay::after {
  background-color: #069782;
  width: 360px;
  right: -180px;
}

.intro-category .text--wrapper {
  width: calc(80% - 150px);
  position: absolute;
  z-index: 10;
}

.intro-category .text--wrapper .title-page {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.intro-category .text--wrapper .title-page h1, .intro-category .text--wrapper .title-page p {
  font-size: 75px;
  font-family: "Inter Bold";
}

.intro-category .text--wrapper .title-page::after {
  background-color: #474647;
  content: '';
  position: absolute;
  height: 100%;
  right: -149px;
  top: 0;
  width: 149px;
}

.intro-category .text--wrapper .title-wrap {
  padding: 30px 0 20px;
}

.intro-category .text--wrapper .title-wrap .title-intro {
  font-family: "Inter Bold";
  font-size: 45px;
}

.intro-category .text--wrapper .description-intro {
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 20px;
}

.intro-category .text--wrapper .link-intro {
  margin-top: 20px;
  margin-bottom: 30px;
  flex-direction: column;
  width: -webkit-max-content;
  width: max-content;
}

.intro-category .text--wrapper .link-intro .btn:not(:last-child) {
  margin-bottom: 25px;
}

@media only screen and (max-width: 1440px) {
  .intro-category {
    height: calc(100vh - 222px);
    max-height: 858px;
  }
  .intro-category::before {
    width: 130px;
    height: 130px;
    right: calc(20% + 20px);
    bottom: 130px;
  }
  .intro-category .overlay::before, .intro-category .overlay::after {
    height: 130px;
  }
  .intro-category .overlay::before {
    width: 130px;
    right: 130px;
  }
  .intro-category .overlay::after {
    width: 260px;
    right: -130px;
  }
  .intro-category .text--wrapper .title-page {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .intro-category .text--wrapper .title-page h1, .intro-category .text--wrapper .title-page p {
    font-size: 42px;
  }
  .intro-category .text--wrapper .title-page::after {
    right: -90px;
    width: 90px;
  }
  .intro-category .text--wrapper .title-wrap {
    padding: 20px 0 15px;
  }
  .intro-category .text--wrapper .title-wrap .title-intro {
    font-size: 32px;
  }
  .intro-category .text--wrapper .description-intro {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 15px;
  }
  .intro-category .text--wrapper .link-intro {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .intro-category {
    height: calc(100vh - 210px);
    max-height: 870px;
  }
  .intro-category::before {
    width: 100px;
    height: 100px;
    right: calc(20% + 50px);
    bottom: 100px;
  }
  .intro-category .overlay::before, .intro-category .overlay::after {
    height: 100px;
  }
  .intro-category .overlay::before {
    width: 100px;
    right: 100px;
  }
  .intro-category .overlay::after {
    width: 200px;
    right: -100px;
  }
  .intro-category .text--wrapper .title-page h1, .intro-category .text--wrapper p {
    font-size: 34px;
  }
  .intro-category .text--wrapper .title-page h1::after, .intro-category .text--wrapper p::after {
    right: -80px;
    width: 80px;
  }
  .intro-category .text--wrapper .title-wrap {
    padding: 15px 0 10px;
  }
  .intro-category .text--wrapper .title-wrap .title-intro {
    font-size: 26px;
  }
  .intro-category .text--wrapper .description-intro {
    padding-bottom: 10px;
  }
  .intro-category .text--wrapper .description-intro p {
    font-size: 16px;
    line-height: 24px;
  }
  .intro-category .text--wrapper .link-intro {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-height: 900px) {
  .intro-category {
    margin-top: 25px;
    height: auto;
    max-height: none;
    min-height: calc(100vh - 223px);
  }
  .intro-category .text--wrapper {
    position: static;
    padding-bottom: 20px;
    background-color: rgba(28, 28, 28, 0.7);
    min-height: calc(100vh - 223px);
  }
  .intro-category .text--wrapper .title-page, .intro-category .text--wrapper .link-intro a {
    z-index: 10;
  }
  .intro-category .overlay {
    background-color: transparent;
  }
}

@media only screen and (max-width: 991px) {
  .intro-category {
    margin: 0;
    height: calc(100vh - 100px);
    max-height: none;
  }
  .intro-category::before {
    content: none;
  }
  .intro-category::after {
    top: auto;
    bottom: 0;
    height: 50%;
    width: 100%;
    background: url("../../public/images/homepage/texture-mobile.png");
  }
  .intro-category .overlay {
    width: 100%;
  }
  .intro-category .overlay::before, .intro-category .overlay::after {
    content: none;
  }
  .intro-category .text--wrapper {
    width: 100%;
    height: 100%;
  }
  .intro-category .text--wrapper .content-wrap {
    width: calc(100% - 20px);
    max-height: calc(100% - 75px);
    overflow-y: scroll;
  }
  .intro-category .text--wrapper .content-wrap::-webkit-scrollbar {
    width: 3px;
    margin-right: 15px;
  }
  .intro-category .text--wrapper .content-wrap::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 10px;
  }
  .intro-category .text--wrapper .link-intro {
    display: none;
  }
  .link-intro {
    display: flex;
    flex-direction: column;
    margin: 25px auto 40px;
    width: -webkit-fit-content;
    width: fit-content;
  }
  .link-intro .btn:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .link-intro .btn {
    padding: 15px 20px 15px 70px;
    font-size: 14px;
  }
  .link-intro .btn:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 374px) and (max-height: 768px) {
  .intro-category .text--wrapper .title-page {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .intro-category .text--wrapper .title-page h1, .intro-category .text--wrapper .title-page p {
    font-size: 26px;
  }
  .intro-category .text--wrapper .title-page::after {
    right: -37%;
    width: 37%;
  }
  .intro-category .text--wrapper .title-wrap {
    padding: 15px 0 10px;
  }
  .intro-category .text--wrapper .title-wrap .title-intro {
    font-size: 22px;
  }
  .intro-category .text--wrapper .description-intro {
    padding-bottom: 10px;
  }
  .intro-category .text--wrapper .description-intro p {
    font-size: 14px;
    line-height: 20px;
  }
}

.intro-subcategory {
  margin-top: 45px;
}

.intro-subcategory .visual-subcategory {
  padding-top: 23%;
  height: 0;
  position: relative;
}

.intro-subcategory .visual-subcategory .title-subcategory {
  position: absolute;
  left: 50px;
  top: 100%;
  transform: translateY(-50%);
}

.intro-subcategory .visual-subcategory .title-subcategory h1 {
  font-size: 45px;
  padding: 15px 45px;
  background-color: #474647;
}

.intro-subcategory .description-subcategory {
  margin-top: 32px;
}

.intro-subcategory .description-subcategory .container {
  position: relative;
}

.intro-subcategory .description-subcategory .container .icon {
  position: absolute;
  right: 50px;
  top: 0;
  width: 100px;
  height: 100px;
}

.intro-subcategory .description-subcategory .container .icon img {
  -o-object-fit: contain;
  object-fit: contain;
}

.intro-subcategory .description-subcategory .content--wrapper {
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.intro-subcategory .description-subcategory .content--wrapper .title-intro {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
  flex: 0 0 100%;
  font-family: "Inter Bold";
}

.intro-subcategory .description-subcategory .content--wrapper .title-intro.position-button {
  flex: auto;
  margin: 0;
}

.intro-subcategory .description-subcategory .content--wrapper .text-intro {
  width: 65%;
  font-size: 20px;
  line-height: 28px;
}

.intro-subcategory .description-subcategory .content--wrapper .link-intro {
  width: 30%;
  flex-direction: column;
}

.intro-subcategory .description-subcategory .content--wrapper .link-intro .btn:not(:last-child) {
  margin-bottom: 25px;
}

#subcategory-solutions-parent .intro-subcategory .description-subcategory .content--wrapper {
  margin-bottom: 95px;
}

#subcategory-expertise .title-intro {
  margin-bottom: 20px;
}

#subcategory-expertise .content-intro {
  margin-bottom: 120px;
  margin-top: 10px;
  width: 100%;
}

#subcategory-expertise .content-intro .image-intro {
  float: left;
  margin: 0 120px 100px 0;
  width: 30%;
  padding-top: 30%;
  height: 0;
  position: relative;
}

#subcategory-expertise .content-intro .image-intro > div {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#subcategory-expertise .content-intro .image-intro > div img {
  position: absolute;
  top: 40px;
  left: 40px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
}

#subcategory-expertise .content-intro .text-intro {
  width: 100%;
  padding-top: 40px;
}

#subcategory-expertise .content-intro .text-intro h3 {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 10px;
}

#subcategory-expertise .content-intro .text-intro .img-responsive {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#subcategory-expertise .content-intro .text-intro .img-responsive img {
  width: 49%;
  margin: 0;
  display: block;
}

#subcategory-expertise .content-intro .text-intro p {
  margin-bottom: 15px;
}

#subcategory-expertise .content-intro .text-intro img {
  display: block;
  margin: 40px auto;
  height: auto;
  max-width: 100%;
}

#subcategory-expertise .content-intro .text-intro img.float {
  float: left;
  margin: 0 20px 20px 0;
}

#subcategory-expertise .content-intro .text-intro .iframe-wrap {
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  margin: 40px auto;
}

#subcategory-expertise .content-intro .text-intro .iframe-wrap iframe {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#subcategory-expertise .content-intro .text-intro ul {
  overflow: hidden;
  margin-bottom: 10px;
}

#subcategory-expertise .content-intro .-change {
  float: right;
  transform: translateY(-10px);
  margin: 0 0 20px 100px;
  width: 31%;
}

#subcategory-expertise .content-intro .-change .btn {
  width: 100%;
}

#subcategory-expertise .content-intro .-change .btn span.hidden {
  color: #474647;
}

#subcategory-expertise .content-intro .-change .btn span.hidden .transition {
  background-color: #474647;
  left: auto;
  right: calc(100% + 10px);
}

#subcategory-solutions .intro-subcategory, #subcategory-solutions-child .intro-subcategory {
  margin-bottom: 65px;
}

#subcategory-solutions .header-section, #subcategory-solutions-child .header-section {
  margin-bottom: 45px;
}

#subcategory-solutions .category-child .tab--wrapper, #subcategory-solutions-child .category-child .tab--wrapper {
  margin-top: 0;
}

@media screen and (max-width: 1440px) {
  .intro-subcategory .visual-subcategory .title-subcategory h1 {
    font-size: 32px;
    padding: 12px 40px;
  }
  .intro-subcategory .description-subcategory {
    margin-top: 20px;
  }
  .intro-subcategory .description-subcategory .container .icon {
    width: 75px;
    height: 75px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .title-intro {
    font-size: 26px;
    line-height: 32px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .text-intro {
    font-size: 18px;
    line-height: 26px;
  }
  #subcategory-expertise .content-intro .text-intro h3 {
    font-size: 26px;
  }
  #subcategory-expertise .content-intro .-change {
    width: 40%;
  }
}

@media screen and (max-width: 1199px) {
  .intro-subcategory .visual-subcategory .title-subcategory {
    left: 30px;
  }
  .intro-subcategory .visual-subcategory .title-subcategory h1 {
    font-size: 22px;
  }
  .intro-subcategory .description-subcategory {
    margin-top: 15px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .title-intro {
    font-size: 24px;
    line-height: 30px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .text-intro {
    font-size: 16px;
    line-height: 24px;
  }
  #subcategory-expertise .content-intro .text-intro h3 {
    font-size: 24px;
  }
  #subcategory-expertise .content-intro .-change {
    width: 46%;
  }
}

@media screen and (max-width: 991px) {
  .intro-subcategory {
    margin-top: 0;
  }
  .intro-subcategory .visual-subcategory {
    padding-top: 0;
    height: 234px;
  }
  .intro-subcategory .visual-subcategory .title-subcategory {
    left: 20px;
    max-width: calc(100% - 40px);
  }
  .intro-subcategory .description-subcategory {
    margin-top: 45px;
  }
  .intro-subcategory .description-subcategory .container .icon {
    display: none;
  }
  .intro-subcategory .description-subcategory .content--wrapper {
    flex-direction: column;
  }
  .intro-subcategory .description-subcategory .content--wrapper .title-intro {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .title-intro.position-button {
    margin-bottom: 20px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .text-intro {
    width: 100%;
  }
  .intro-subcategory .description-subcategory .content--wrapper .link-intro {
    width: -webkit-fit-content;
    width: fit-content;
    margin: 50px auto 0;
  }
  #subcategory-solutions-parent .intro-subcategory .description-subcategory .content--wrapper {
    margin-bottom: 85px;
  }
  #subcategory-solutions .-navigation .header-section {
    display: none;
  }
  #subcategory-solutions .intro-subcategory {
    margin-bottom: 45px;
  }
  #subcategory-expertise .content-intro {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  #subcategory-expertise .content-intro .btn-group-third {
    display: flex !important;
    flex-direction: column;
  }
  #subcategory-expertise .content-intro .image-intro {
    float: none;
    border-left: 30px solid #069782;
    margin: 0;
    width: 100%;
    padding-top: 100%;
    background-color: #ffffff !important;
  }
  #subcategory-expertise .content-intro .image-intro > div img {
    top: 30px;
    left: 0;
    width: 100%;
    height: calc(100% - 30px);
  }
  #subcategory-expertise .content-intro .image-intro::before, #subcategory-expertise .content-intro .image-intro::after {
    content: '';
    height: 30px;
    left: -30px;
    background-color: #069782;
    width: 75%;
    display: block;
    position: absolute;
  }
  #subcategory-expertise .content-intro .image-intro::before {
    top: 0;
  }
  #subcategory-expertise .content-intro .image-intro::after {
    bottom: -30px;
  }
  #subcategory-expertise .content-intro .text-intro {
    padding-top: 70px;
  }
  #subcategory-expertise .content-intro .text-intro h3 {
    font-size: 22px;
  }
  #subcategory-expertise .content-intro .text-intro img.float {
    float: none;
    margin: 15px auto;
  }
  #subcategory-expertise .content-intro .text-intro .img-responsive img {
    width: 100%;
  }
  #subcategory-expertise .content-intro .text-intro .img-responsive img + img {
    margin-top: 20px;
  }
  #subcategory-expertise .content-intro .-change {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .intro-subcategory .description-subcategory {
    margin-top: 60px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .title-intro {
    font-size: 30px;
    line-height: 35px;
  }
  .intro-subcategory .description-subcategory .content--wrapper .btn-group-third .btn {
    padding: 15px 10px 15px 40px;
  }
}

.navigation-category {
  margin-bottom: 120px;
}

.navigation-category--wrapper {
  border-left: 35px solid #069782;
  position: relative;
  padding: 15px 0 0 15px;
  margin-bottom: 60px;
}

.navigation-category--wrapper.active {
  display: flex;
}

.navigation-category--wrapper::before {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -35px;
  height: 60px;
  width: 20%;
  background-color: #069782;
}

.navigation-category--wrapper::after {
  content: '';
  position: absolute;
  width: calc(100% + 150px);
  height: 45%;
  left: 0;
  top: 20%;
  background-color: #F4F4F4;
  z-index: -1;
}

.navigation-category--wrapper .navigation-category-image {
  width: 32%;
  position: relative;
  margin-top: auto;
  margin-bottom: 15px;
}

.navigation-category--wrapper .navigation-category-image > a {
  padding-top: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
}

.navigation-category--wrapper .navigation-category-image > a img {
  position: absolute;
  top: 0;
}

.navigation-category--wrapper .navigation-category-title {
  position: absolute;
  top: 40px;
  left: 20%;
  max-width: 60%;
  z-index: 1;
}

.navigation-category--wrapper .navigation-category-title .title {
  font-size: 36px;
  line-height: 40px;
  padding: 15px 45px;
  background-color: #474647;
  position: relative;
}

.navigation-category--wrapper .navigation-category-title.active .title::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 7px;
  left: 0;
  bottom: -15px;
  background-color: #069782;
}

.navigation-category--wrapper .navigation-category-box {
  width: 68%;
  padding: 0 70px;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
}

.navigation-category--wrapper .navigation-category-box .icon {
  height: 100px;
  margin-left: auto;
  margin-bottom: 40px;
}

.navigation-category--wrapper .navigation-category-box .icon img {
  width: auto;
}

.navigation-category--wrapper .navigation-category-box > P {
  font-family: 'Inter Bold', sans-serif;
  font-size: 22px;
  margin-bottom: 20px;
}

.navigation-category--wrapper .navigation-category-box.no-results {
  justify-content: flex-start;
}

.navigation-category--wrapper .navigation-category-box.no-results p {
  font-family: 'Inter Regular', sans-serif;
  font-size: 18px;
  margin: 20px 0 0;
}

.navigation-category--child .navigation-category--wrapper {
  padding: 30px 0 0 30px;
}

.navigation-category--child .navigation-category--wrapper .navigation-category-image {
  margin-bottom: 30px;
}

#subcategory-solutions .navigation-category--wrapper .navigation-category-title, #subcategory-solutions-parent .navigation-category--wrapper .navigation-category-title, #subcategory-solutions-child .navigation-category--wrapper .navigation-category-title {
  right: 50px;
  max-width: none;
}

@media only screen and (max-width: 1440px) {
  .navigation-category--wrapper .navigation-category-title .title {
    font-size: 32px;
    line-height: 36px;
    padding: 12px 40px;
  }
  .navigation-category--wrapper .navigation-category-box {
    padding: 0 50px;
  }
  .navigation-category--wrapper .navigation-category-box .icon {
    margin-bottom: 30px;
    height: 75px;
    max-width: 75px;
  }
  .navigation-category--wrapper .navigation-category-box > P {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .navigation-category--wrapper {
    border-left: 20px solid #069782;
    padding: 10px 0 0 10px;
    margin-bottom: 35px;
  }
  .navigation-category--wrapper::before {
    bottom: -35px;
    left: -20px;
    height: 35px;
  }
  .navigation-category--wrapper .navigation-category-title .title {
    font-size: 22px;
    line-height: 28px;
  }
  .navigation-category--wrapper .navigation-category-box {
    padding: 0 30px;
  }
  .navigation-category--wrapper .navigation-category-box .icon {
    margin-bottom: 20px;
  }
  .navigation-category--wrapper .navigation-category-box > P {
    font-size: 18px;
  }
  #subcategory-solutions .navigation-category--wrapper .navigation-category-title, #subcategory-solutions-parent .navigation-category--wrapper .navigation-category-title {
    right: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .navigation-category {
    margin-bottom: 80px;
  }
  .navigation-category--wrapper {
    border-left: 0;
    padding: 0;
    flex-direction: column;
  }
  .navigation-category--wrapper::after, .navigation-category--wrapper::before {
    content: none;
  }
  .navigation-category--wrapper .navigation-category-image {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    margin: 0;
  }
  .navigation-category--wrapper .navigation-category-image a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .navigation-category--wrapper .navigation-category-title {
    position: static;
    max-width: calc(100% - 40px) !important;
    transform: translateY(-50%) translateX(20px);
  }
  .navigation-category--wrapper .navigation-category-title .title {
    max-width: 100%;
    padding: 12px 20px;
  }
  .navigation-category--wrapper .navigation-category-box {
    padding: 0 20px;
    width: 100%;
  }
  .navigation-category--wrapper .navigation-category-box .icon {
    display: none;
  }
  .navigation-category--wrapper .navigation-category-box > P {
    font-size: 22px;
  }
  .navigation-category--child .navigation-category--wrapper {
    padding: 0;
  }
  .navigation-category--child .navigation-category--wrapper .navigation-category-image {
    margin-bottom: 0;
  }
}

.row-category {
  padding-top: 23.5%;
  position: relative;
  margin: 140px 0 100px;
  height: 0;
}

.row-category .overlay {
  background: rgba(25, 25, 25, 0.6);
}

.row-category::after {
  content: '';
  position: absolute;
  background: url("../../public/images/homepage/texture.png") repeat-x;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.row-category .row-category--wrapper {
  position: absolute;
  width: calc(100% - 150px);
  height: 100%;
  top: 0;
  z-index: 10;
  align-items: center;
  justify-content: center;
}

.row-category .row-category--wrapper .row-category-item {
  width: 14.5%;
  margin: 0 7%;
  position: relative;
  border-top: 10px solid;
  border-bottom: 10px solid;
  padding-top: 20px;
  padding-bottom: calc(14.5% - 40px);
  text-align: center;
}

.row-category .row-category--wrapper .row-category-item .row-category-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.row-category .row-category--wrapper .row-category-item .row-category-title span {
  font-size: 75px;
  line-height: 1;
  font-family: "Inter Bold";
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 5px;
}

.row-category .row-category--wrapper .row-category-item .row-category-title span:hover {
  font-size: 5vw;
  transform: translateX(-50%) translateY(-15%);
}

.row-category .row-category--wrapper .row-category-item .row-category-title::before, .row-category .row-category--wrapper .row-category-item .row-category-title::after {
  content: '';
  position: absolute;
  background-color: #ffffff;
  top: 0;
  width: 10px;
  height: 20px;
}

.row-category .row-category--wrapper .row-category-item .row-category-title::before {
  left: 0;
}

.row-category .row-category--wrapper .row-category-item .row-category-title::after {
  right: 0;
}

.row-category .row-category--wrapper .row-category-item::before, .row-category .row-category--wrapper .row-category-item::after {
  content: '';
  position: absolute;
  width: 10px;
  height: calc(100% - 110px);
  background-color: #ffffff;
  bottom: 0;
}

.row-category .row-category--wrapper .row-category-item::before {
  left: 0;
}

.row-category .row-category--wrapper .row-category-item::after {
  right: 0;
}

@media only screen and (min-width: 1921px) {
  .row-category .row-category--wrapper .row-category-item .row-category-title span:hover {
    font-size: 96px;
  }
}

@media only screen and (max-width: 1440px) {
  .row-category .row-category--wrapper .row-category-item .row-category-title span {
    font-size: 55px;
  }
  .row-category .row-category--wrapper .row-category-item::before, .row-category .row-category--wrapper .row-category-item::after {
    height: calc(100% - 90px);
  }
}

@media only screen and (max-width: 1199px) {
  .row-category .row-category--wrapper .row-category-item .row-category-title span {
    font-size: 45px;
  }
  .row-category .row-category--wrapper .row-category-item::before, .row-category .row-category--wrapper .row-category-item::after {
    height: calc(100% - 80px);
  }
}

@media only screen and (max-width: 991px) {
  .row-category {
    padding-top: 0;
    height: auto;
    margin: 60px 0 80px;
  }
  .row-category .row-category--wrapper {
    width: 100%;
    position: static;
    flex-direction: column;
    padding: 5px 20px;
  }
  .row-category .row-category--wrapper .row-category-item {
    margin: 45px 0;
    z-index: 10;
    border-width: 8px;
    width: 15%;
    padding-bottom: calc(15% - 36px);
  }
  .row-category .row-category--wrapper .row-category-item .row-category-title::before, .row-category .row-category--wrapper .row-category-item .row-category-title::after {
    width: 8px;
  }
  .row-category .row-category--wrapper .row-category-item .row-category-title span:hover {
    font-size: 52px;
  }
  .row-category .row-category--wrapper .row-category-item::before, .row-category .row-category--wrapper .row-category-item::after {
    width: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .row-category .row-category--wrapper .row-category-item {
    width: 20%;
    padding-bottom: calc(20% - 26px);
    padding-top: 10px;
  }
  .row-category .row-category--wrapper .row-category-item .row-category-title span {
    top: 10px;
  }
  .row-category .row-category--wrapper .row-category-item .row-category-title::before, .row-category .row-category--wrapper .row-category-item .row-category-title::after {
    height: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .row-category .row-category--wrapper .row-category-item {
    width: 30%;
    padding-bottom: calc(30% - 26px);
  }
  .row-category .row-category--wrapper .row-category-item .row-category-title span {
    font-size: 40px;
  }
  .row-category .row-category--wrapper .row-category-item::before, .row-category .row-category--wrapper .row-category-item::after {
    height: calc(100% - 65px);
  }
}

@media only screen and (max-width: 374px) {
  .row-category .row-category--wrapper .row-category-item {
    width: 40%;
    padding-bottom: calc(40% - 36px);
  }
}

.description-category {
  padding: 70px 50px;
}

.description-category .description-category-title {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
}

.description-category .description-category-text {
  font-size: 20px;
  line-height: 28px;
}

.list-subcategory--wrapper .list-subcategory--item, .list-subcategory--wrapper .targets--item, .targets .list-subcategory--item, .targets .targets--item {
  padding: 50px;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex, .list-subcategory--wrapper .targets--item > div.d--flex, .targets .list-subcategory--item > div.d--flex, .targets .targets--item > div.d--flex {
  align-items: flex-start;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description, .targets .list-subcategory--item > div.d--flex .list-subcategory-description, .targets .targets--item > div.d--flex .list-subcategory-description {
  font-size: 20px;
  line-height: 28px;
  width: 38%;
  margin-top: 12px;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description .download_catalogue, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description .download_catalogue, .targets .list-subcategory--item > div.d--flex .list-subcategory-description .download_catalogue, .targets .targets--item > div.d--flex .list-subcategory-description .download_catalogue {
  margin-top: 30px;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image, .targets .list-subcategory--item > div.d--flex .list-subcategory-image, .targets .list-subcategory--item > div.d--flex .targets-image, .targets .targets--item > div.d--flex .list-subcategory-image, .targets .targets--item > div.d--flex .targets-image {
  width: 31%;
  position: relative;
  border-left: 40px solid #069782;
  margin-left: 6%;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper, .targets .targets--item > div.d--flex .targets-image .image--wrapper {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  height: 0;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper a, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper > img, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper a, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper > img, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper a, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper > img, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper a, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper > img, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper a, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper > img, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper a, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper > img, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper a, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper > img, .targets .targets--item > div.d--flex .targets-image .image--wrapper a, .targets .targets--item > div.d--flex .targets-image .image--wrapper > img {
  position: absolute;
  top: 40px;
  height: calc(100% - 80px);
  width: calc(100% - 80px);
  -o-object-fit: cover;
  object-fit: cover;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper a img, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper > img img, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper a img, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper > img img, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper a img, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper > img img, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper a img, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper > img img, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper a img, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper > img img, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper a img, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper > img img, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper a img, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper > img img, .targets .targets--item > div.d--flex .targets-image .image--wrapper a img, .targets .targets--item > div.d--flex .targets-image .image--wrapper > img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .targets-title-image, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .list-subcategory-title, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .targets-title-image, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .list-subcategory-title, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .targets-title-image, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .targets-title-image, .targets .list-subcategory--item > div.d--flex .targets-image .list-subcategory-title, .targets .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .targets .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title, .targets .targets--item > div.d--flex .list-subcategory-image .targets-title-image, .targets .targets--item > div.d--flex .targets-image .list-subcategory-title, .targets .targets--item > div.d--flex .targets-image .targets-title-image {
  padding: 25px 35px;
  background-color: #474647;
  font-size: 32px;
  position: absolute;
  bottom: 75px;
  left: -115px;
  z-index: 1;
  font-family: "Inter Bold";
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::before, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::after, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::before, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::after, .targets .list-subcategory--item > div.d--flex .targets-image::before, .targets .list-subcategory--item > div.d--flex .targets-image::after, .targets .targets--item > div.d--flex .list-subcategory-image::before, .targets .targets--item > div.d--flex .list-subcategory-image::after, .targets .targets--item > div.d--flex .targets-image::before, .targets .targets--item > div.d--flex .targets-image::after {
  content: '';
  background-color: #069782;
  width: 75%;
  height: 40px;
  left: -40px;
  display: block;
  position: absolute;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::before, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::before, .targets .list-subcategory--item > div.d--flex .targets-image::before, .targets .targets--item > div.d--flex .list-subcategory-image::before, .targets .targets--item > div.d--flex .targets-image::before {
  top: 0;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::after, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::after, .targets .list-subcategory--item > div.d--flex .targets-image::after, .targets .targets--item > div.d--flex .list-subcategory-image::after, .targets .targets--item > div.d--flex .targets-image::after {
  bottom: 0;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover, .targets .targets--item > div.d--flex .list-subcategory-discover {
  width: 25%;
  align-self: flex-end;
  margin-bottom: 40px;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover p, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover p, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover p, .targets .targets--item > div.d--flex .list-subcategory-discover ul li, .targets .targets--item > div.d--flex .list-subcategory-discover p {
  font-size: 20px;
  line-height: 28px;
}

.list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover .btn, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover .btn, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover .btn, .targets .targets--item > div.d--flex .list-subcategory-discover .btn {
  margin-top: 30px;
}

.list-subcategory--wrapper .list-subcategory--item:nth-child(even), .list-subcategory--wrapper .targets--item:nth-child(even), .targets .list-subcategory--item:nth-child(even), .targets .targets--item:nth-child(even) {
  position: relative;
}

.list-subcategory--wrapper .list-subcategory--item:nth-child(even):before, .list-subcategory--wrapper .targets--item:nth-child(even):before, .targets .list-subcategory--item:nth-child(even):before, .targets .targets--item:nth-child(even):before {
  content: '';
  position: absolute;
  background-color: #F4F4F4;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.list-subcategory--wrapper .list-subcategory--item:nth-child(even) .header-section .title-section, .list-subcategory--wrapper .targets--item:nth-child(even) .header-section .title-section, .targets .list-subcategory--item:nth-child(even) .header-section .title-section, .targets .targets--item:nth-child(even) .header-section .title-section {
  background: #F4F4F4;
}

@media screen and (max-width: 1600px) and (min-width: 992px) {
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex,
  .targets .targets--item > div.d--flex {
    flex-wrap: wrap;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .description,
  .targets .targets--item > div.d--flex .list-subcategory-description,
  .targets .targets--item > div.d--flex .description {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image,
  .targets .targets--item > div.d--flex .list-subcategory-image,
  .targets .targets--item > div.d--flex .targets-image {
    width: calc(50% - 75px);
    margin-left: 75px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-discover,
  .targets .targets--item > div.d--flex .list-subcategory-discover,
  .targets .targets--item > div.d--flex .targets-discover {
    width: 50%;
  }
}

@media screen and (max-width: 1440px) {
  .description-category .description-category-title {
    font-size: 32px;
    line-height: 38px;
  }
  .description-category .description-category-text {
    font-size: 18px;
    line-height: 26px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover p {
    font-size: 18px;
    line-height: 26px;
  }
}

@media screen and (max-width: 1199px) {
  .description-category {
    padding-left: 30px;
    padding-right: 30px;
  }
  .description-category .description-category-title {
    font-size: 26px;
    line-height: 32px;
  }
  .description-category .description-category-text {
    font-size: 16px;
    line-height: 24px;
  }
  .list-subcategory--wrapper .list-subcategory--item, .list-subcategory--wrapper .targets--item, .targets .list-subcategory--item, .targets .targets--item {
    padding-left: 30px;
    padding-right: 30px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover p, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover p, .targets .list-subcategory--item > div.d--flex .list-subcategory-description, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover p, .targets .targets--item > div.d--flex .list-subcategory-description, .targets .targets--item > div.d--flex .list-subcategory-discover ul li, .targets .targets--item > div.d--flex .list-subcategory-discover p {
    font-size: 16px;
    line-height: 24px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .targets-title-image, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title, .targets .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .targets .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title, .targets .targets--item > div.d--flex .targets-image .targets-title-image {
    font-size: 26px;
    line-height: 32px;
    padding: 15px 18px;
  }
}

@media screen and (max-width: 991px) {
  .description-category {
    padding: 0 20px 60px;
  }
  .list-subcategory--wrapper .list-subcategory--item, .list-subcategory--wrapper .targets--item, .targets .list-subcategory--item, .targets .targets--item {
    padding: 35px 20px;
  }
  .list-subcategory--wrapper .list-subcategory--item .header-section, .list-subcategory--wrapper .targets--item .header-section, .targets .list-subcategory--item .header-section, .targets .targets--item .header-section {
    margin-bottom: 20px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex, .list-subcategory--wrapper .targets--item > div.d--flex, .targets .list-subcategory--item > div.d--flex, .targets .targets--item > div.d--flex {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description, .targets .list-subcategory--item > div.d--flex .list-subcategory-description, .targets .targets--item > div.d--flex .list-subcategory-description {
    width: 100%;
    margin-bottom: 90px;
    margin-top: 0;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description .download_catalogue, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description .download_catalogue, .targets .list-subcategory--item > div.d--flex .list-subcategory-description .download_catalogue, .targets .targets--item > div.d--flex .list-subcategory-description .download_catalogue {
    margin-top: 20px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image, .targets .list-subcategory--item > div.d--flex .list-subcategory-image, .targets .list-subcategory--item > div.d--flex .targets-image, .targets .targets--item > div.d--flex .list-subcategory-image, .targets .targets--item > div.d--flex .targets-image {
    width: 100%;
    border-left-width: 30px;
    margin-bottom: 85px;
    margin-left: 0;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper a, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper > img, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper a, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .image--wrapper > img, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper a, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .image--wrapper > img, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper a, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .image--wrapper > img, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper a, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .image--wrapper > img, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper a, .targets .list-subcategory--item > div.d--flex .targets-image .image--wrapper > img, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper a, .targets .targets--item > div.d--flex .list-subcategory-image .image--wrapper > img, .targets .targets--item > div.d--flex .targets-image .image--wrapper a, .targets .targets--item > div.d--flex .targets-image .image--wrapper > img {
    top: 0;
    height: 100%;
    width: 100%;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .targets-title-image, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .list-subcategory-title, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .targets-title-image, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .list-subcategory-title, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .targets-title-image, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title, .targets .list-subcategory--item > div.d--flex .list-subcategory-image .targets-title-image, .targets .list-subcategory--item > div.d--flex .targets-image .list-subcategory-title, .targets .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .targets .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title, .targets .targets--item > div.d--flex .list-subcategory-image .targets-title-image, .targets .targets--item > div.d--flex .targets-image .list-subcategory-title, .targets .targets--item > div.d--flex .targets-image .targets-title-image {
    right: 0;
    bottom: 0;
    transform: translateY(calc(100% - 15px));
    left: auto;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::before, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::after, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::before, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::after, .targets .list-subcategory--item > div.d--flex .targets-image::before, .targets .list-subcategory--item > div.d--flex .targets-image::after, .targets .targets--item > div.d--flex .list-subcategory-image::before, .targets .targets--item > div.d--flex .list-subcategory-image::after, .targets .targets--item > div.d--flex .targets-image::before, .targets .targets--item > div.d--flex .targets-image::after {
    content: '';
    height: 30px;
    left: -30px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::before, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::before, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::before, .targets .list-subcategory--item > div.d--flex .targets-image::before, .targets .targets--item > div.d--flex .list-subcategory-image::before, .targets .targets--item > div.d--flex .targets-image::before {
    top: -30px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image::after, .list-subcategory--wrapper .targets--item > div.d--flex .targets-image::after, .targets .list-subcategory--item > div.d--flex .list-subcategory-image::after, .targets .list-subcategory--item > div.d--flex .targets-image::after, .targets .targets--item > div.d--flex .list-subcategory-image::after, .targets .targets--item > div.d--flex .targets-image::after {
    bottom: -30px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover, .targets .targets--item > div.d--flex .list-subcategory-discover {
    width: 100%;
    margin-bottom: 0;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover .btn, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover .btn, .targets .list-subcategory--item > div.d--flex .list-subcategory-discover .btn, .targets .targets--item > div.d--flex .list-subcategory-discover .btn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  .description-category .description-category-title {
    font-size: 22px;
    line-height: 28px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover p, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover ul li, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover p, .targers .list-subcategory--item > div.d--flex .list-subcategory-description, .targers .list-subcategory--item > div.d--flex .list-subcategory-discover ul li, .targers .list-subcategory--item > div.d--flex .list-subcategory-discover p, .targers .targets--item > div.d--flex .list-subcategory-description, .targers .targets--item > div.d--flex .list-subcategory-discover ul li, .targers .targets--item > div.d--flex .list-subcategory-discover p {
    font-size: 16px;
    line-height: 24px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-description .download_catalogue, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover ul li .download_catalogue, .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-discover p .download_catalogue, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-description .download_catalogue, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover ul li .download_catalogue, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-discover p .download_catalogue, .targers .list-subcategory--item > div.d--flex .list-subcategory-description .download_catalogue, .targers .list-subcategory--item > div.d--flex .list-subcategory-discover ul li .download_catalogue, .targers .list-subcategory--item > div.d--flex .list-subcategory-discover p .download_catalogue, .targers .targets--item > div.d--flex .list-subcategory-description .download_catalogue, .targers .targets--item > div.d--flex .list-subcategory-discover ul li .download_catalogue, .targers .targets--item > div.d--flex .list-subcategory-discover p .download_catalogue {
    font-size: 14px;
  }
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title,
  .list-subcategory--wrapper .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .list-subcategory--wrapper .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title,
  .list-subcategory--wrapper .targets--item > div.d--flex .targets-image .targets-title-image, .targers .list-subcategory--item > div.d--flex .list-subcategory-image .list-subcategory-title,
  .targers .list-subcategory--item > div.d--flex .targets-image .targets-title-image, .targers .targets--item > div.d--flex .list-subcategory-image .list-subcategory-title,
  .targers .targets--item > div.d--flex .targets-image .targets-title-image {
    font-size: 22px;
    line-height: 28px;
  }
}

.btn-group {
  position: absolute;
  top: 0;
  right: 50px;
  min-width: 30%;
}

.btn-group .-change, .btn-group .-download-app {
  padding-top: 15px;
  width: 100%;
  margin-left: auto;
}

.btn-group .-change .btn, .btn-group .-download-app .btn {
  width: 100%;
  padding-left: 60px;
  font-size: 16px;
}

.btn-group .-change .btn:hover span, .btn-group .-download-app .btn:hover span {
  color: #069782;
}

.btn-group .-change .btn:hover span::before, .btn-group .-download-app .btn:hover span::before {
  background-color: #069782;
}

.btn-group .-change {
  padding: 0;
}

.btn-group .-download-app .btn:hover span::before {
  width: 50px;
}

.btn-group-second {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.btn-group-second a + a {
  margin-top: 15px;
}

.btn-group-second .-change {
  margin-bottom: 15px !important;
}

.btn-group-second .-change .btn {
  width: 100% !important;
}

.btn-group-second.hidden {
  display: none;
}

@media screen and (max-width: 991px) {
  .btn-group-second {
    display: none !important;
  }
  .content-intro .btn-group-third a + a {
    margin-top: 15px;
  }
  .content-intro .btn-group-third .-change {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 15px !important;
    transform: none !important;
  }
  .content-intro .btn-group-third .-change .btn:hover span.hidden {
    color: #474647 !important;
  }
  .content-intro .btn-group-third .-change .btn:hover span.hidden .transition {
    background-color: #474647 !important;
  }
  .content-intro .btn-group-third .-change .btn span.hidden {
    color: #ffffff !important;
  }
  .content-intro .btn-group-third .-change .btn span.hidden .transition {
    background-color: #ffffff !important;
  }
}

.single-product--container .single-product-row {
  margin: 20px 0 50px;
  position: relative;
  padding-top: 50px;
}

.single-product--container .single-product-row .single-product--images {
  width: 30%;
}

.single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list {
  width: 100%;
}

.single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item {
  padding-top: 100%;
  height: 0;
  position: relative;
  margin-bottom: 40px;
}

.single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item > a, .single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item img {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
}

.single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item > a #img-gallery, .single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item img #img-gallery {
  padding: 15px;
}

.single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item > a figure {
  top: 15px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}

.single-product--container .single-product-row .single-product--images .-nav {
  padding: 0 25px;
}

.single-product--container .single-product-row .single-product--images .-nav .slick-track .slick-slide {
  padding: 0 15px;
}

.single-product--container .single-product-row .single-product--images .-nav .slick-track .slick-slide.slick-current .other-images--item img {
  border: 3px solid #069782;
}

.single-product--container .single-product-row .single-product--images .-nav .slick-track .other-images--item {
  margin: 0;
}

.single-product--container .single-product-row .single-product--images .-nav .slick-track .other-images--item img {
  border: 3px solid #ffffff;
}

.single-product--container .single-product-row .single-product--details {
  width: 70%;
  padding-left: 35px;
}

.single-product--container .single-product-row .single-product--details .title-product {
  max-width: 50%;
}

.single-product--container .single-product-row .single-product--details .title-product h1 {
  text-transform: uppercase;
  font-size: 44px;
  line-height: 1.1;
  font-family: 'Inter Bold';
}

.single-product--container .single-product-row .single-product--details .sub-title-product {
  margin: 55px 0 15px;
  font-size: 22px;
}

.single-product--container .single-product-row .single-product--details .description-product {
  font-size: 20px;
  line-height: 28px;
}

.single-product--container .single-product-row .single-product--details .description-product ul {
  padding-left: 25px;
  list-style: none;
}

.single-product--container .single-product-row .single-product--details .description-product ul li {
  position: relative;
}

.single-product--container .single-product-row .single-product--details .description-product ul li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #474647;
  position: absolute;
  left: -25px;
  top: 10px;
}

.single-product--container .single-product--use {
  margin-bottom: 60px;
  padding: 45px 0 35px;
}

.single-product--container .single-product--use header h2 {
  margin-bottom: 35px;
}

.single-product--container .single-product--use .tab-categories ul {
  padding: 0;
  list-style: none;
  justify-content: space-between;
  border-bottom: 3px solid #069782;
  margin: 0 -5px;
}

.single-product--container .single-product--use .tab-categories ul li {
  margin: 0 5px 30px;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-product--container .single-product--use .tab-categories ul li span {
  text-transform: uppercase;
  color: #777777;
  font-size: 20px;
}

.single-product--container .single-product--use .tab-categories ul li span.active {
  color: #069782;
  font-family: 'Inter Bold';
  cursor: pointer;
}

.single-product--container .single-product--use .tab-categories ul li.active {
  position: relative;
}

.single-product--container .single-product--use .tab-categories ul li.active::after {
  content: '';
  position: absolute;
  right: 50%;
  bottom: -34px;
  border: solid #069782;
  border-width: 0 3px 3px 0;
  padding: 8px;
  transform: rotate(-135deg) translateX(-50%);
  -webkit-transform: rotate(-135deg) translateX(-50%);
  background-color: #F4F4F4;
}

.single-product--container .single-product--use .content-tab-categories ul {
  padding: 0;
  list-style: none;
  justify-content: center;
  margin-top: 35px;
  flex-wrap: wrap;
}

.single-product--container .single-product--use .content-tab-categories ul li {
  text-align: center;
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
  padding: 10px 20px;
  display: flex;
  justify-content: center;
}

.single-product--container .single-product--use .content-tab-categories ul li a {
  color: #777777;
  font-size: 18px;
  pointer-events: none;
  flex-direction: column;
  align-items: center;
}

.single-product--container .single-product--use .content-tab-categories ul li a svg {
  margin-bottom: 10px;
  height: 30px;
}

.single-product--container .single-product--use .content-tab-categories ul li a svg path {
  stroke: #777777;
  fill: #777777;
}

.single-product--container .single-product--use .content-tab-categories ul li a svg rect {
  stroke: #777777;
  fill: #777777;
}

.single-product--container .single-product--use .content-tab-categories ul li.active a {
  color: #069782;
  pointer-events: inherit;
}

.single-product--container .single-product--use .content-tab-categories ul li.active a svg path {
  stroke: #069782;
  fill: #069782;
}

.single-product--container .single-product--use .content-tab-categories ul li.active a svg rect {
  stroke: #069782;
  fill: #069782;
}

.single-product--container .single-product--use .content-tab-categories.active {
  display: block;
}

.single-product--container .-find-category {
  margin-bottom: 50px;
  text-align: right;
}

.solutionSingle .related-post {
  position: relative;
  margin-top: 80px;
}

.solutionSingle .related-post::before {
  content: '';
  position: absolute;
  width: 25%;
  height: 1px;
  background-color: #d9d9d9;
  left: calc(50% - 150px);
  transform: translateX(calc(-50% + 150px));
  top: -80px;
}

@media screen and (max-width: 1440px) {
  .btn-group .btn.btn-big {
    padding-left: 50px;
    padding-right: 8px;
    font-size: 14px;
  }
  .single-product--container .single-product-row .single-product--details .title-product {
    max-width: 48%;
  }
  .single-product--container .single-product-row .single-product--details .title-product h1 {
    font-size: 36px;
  }
  .single-product--container .single-product-row .single-product--details .sub-title-product {
    font-size: 20px;
  }
  .single-product--container .single-product-row .single-product--details .description-product {
    font-size: 18px;
    line-height: 24px;
  }
  .single-product--container .single-product--use header h2 {
    font-size: 22px;
  }
  .single-product--container .single-product--use .tab-categories ul li span {
    font-size: 18px;
  }
  .single-product--container .single-product--use .content-tab-categories ul li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 1199px) {
  .single-product--container .single-product-row .btn-group {
    right: 30px;
    min-width: 36%;
  }
  .single-product--container .single-product-row .btn-group .btn.btn-big {
    font-size: 12px;
  }
  .single-product--container .single-product-row .single-product--images .other-images--wrapper .slick-list .other-images--item {
    margin-bottom: 20px;
  }
  .single-product--container .single-product-row .single-product--images .other-images--wrapper.-nav {
    padding: 0 15px;
  }
  .single-product--container .single-product-row .single-product--images .other-images--wrapper.-nav .slick-track .slick-slide {
    padding: 0 10px;
  }
  .single-product--container .single-product-row .single-product--images .other-images--wrapper.-nav .slick-track .slick-slide .other-images--item {
    margin-bottom: 0;
  }
  .single-product--container .single-product-row .single-product--details {
    padding-left: 25px;
  }
  .single-product--container .single-product-row .single-product--details .title-product {
    max-width: 43%;
    word-break: break-word;
  }
  .single-product--container .single-product-row .single-product--details .title-product h1 {
    font-size: 30px;
  }
  .single-product--container .single-product--use header h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .single-product--container .single-product--use .tab-categories ul li {
    margin-bottom: 25px;
  }
  .single-product--container .single-product--use .tab-categories ul li span {
    font-size: 16px;
  }
  .single-product--container .single-product--use .tab-categories ul li.active::after {
    bottom: -29px;
  }
  .single-product--container .single-product--use .content-tab-categories ul li a {
    font-size: 15px;
  }
}

@media screen and (max-width: 991px) {
  .single-product--container .single-product-row {
    flex-direction: column-reverse;
    padding-top: 20px;
    margin-top: 0;
  }
  .single-product--container .single-product-row .btn-group {
    display: none;
  }
  .single-product--container .single-product-row .single-product--images {
    width: 100%;
  }
  .single-product--container .single-product-row .single-product--images .other-images--wrapper.-nav {
    padding: 0 25px;
  }
  .single-product--container .single-product-row .single-product--details {
    padding-left: 0;
    padding-bottom: 30px;
    width: 100%;
  }
  .single-product--container .single-product-row .single-product--details .title-product {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
  }
  .single-product--container .single-product-row .single-product--details .title-product h1 {
    text-transform: uppercase;
    font-family: 'Inter Bold';
  }
  .single-product--container .single-product-row .single-product--details .sub-title-product {
    margin: 30px 0 20px;
  }
  .single-product--container .-change, .single-product--container .-download-app, .single-product--container .-find-category {
    display: block;
    padding-top: 15px;
    max-width: 80%;
    width: auto;
    margin: 0 auto;
  }
  .single-product--container .-change .btn, .single-product--container .-download-app .btn, .single-product--container .-find-category .btn {
    width: 100%;
    text-align: left;
  }
  .single-product--container .-change .btn:hover span, .single-product--container .-download-app .btn:hover span, .single-product--container .-find-category .btn:hover span {
    color: #069782;
  }
  .single-product--container .-change .btn:hover span::before, .single-product--container .-download-app .btn:hover span::before, .single-product--container .-find-category .btn:hover span::before {
    background-color: #069782;
  }
  .single-product--container .single-product--use {
    display: none;
    margin: 0 -20px;
    padding: 0 20px 45px;
  }
  .single-product--container .single-product--use header h2 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .single-product--container .single-product--use .list-categories {
    padding: 0;
    list-style: none;
  }
  .single-product--container .single-product--use .list-categories > li {
    margin-bottom: 5px;
  }
  .single-product--container .single-product--use .list-categories > li span {
    text-transform: uppercase;
    font-family: 'Inter Bold';
    padding: 12px 20px;
    background-color: #F4F4F4;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 0 -20px;
  }
  .single-product--container .single-product--use .list-categories > li span.active {
    color: #069782;
  }
  .single-product--container .single-product--use .list-categories > li span.active::after {
    content: '';
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 10px;
  }
  .single-product--container .single-product--use .list-categories > li span.active.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .single-product--container .single-product--use .list-categories > li .list-subcategories {
    padding: 25px 0 20px;
    list-style: none;
  }
  .single-product--container .single-product--use .list-categories > li .list-subcategories li.active a {
    color: #069782;
    pointer-events: auto;
  }
  .single-product--container .single-product--use .list-categories > li .list-subcategories li a {
    color: #474647;
    pointer-events: none;
  }
  .single-product--container .single-product--use .list-categories > li .list-subcategories li + li {
    margin-top: 15px;
  }
  .single-product--container .single-product--use .list-categories > li.open {
    display: block;
  }
  .single-product--container .single-product--use.-mobile {
    display: block;
  }
  .single-product--container .-find-category {
    padding-bottom: 70px;
  }
  .solutionSingle .related-post {
    margin-top: 50px;
  }
  .solutionSingle .related-post::before {
    content: none;
  }
}

@media screen and (max-width: 575px) {
  .single-product--container .single-product-row .single-product--details .description-product {
    font-size: 16px;
  }
  .single-product--container .-change, .single-product--container .-download-app, .single-product--container .-find-category {
    max-width: 100%;
  }
  .single-product--container .single-product--use.-mobile header h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.configurations {
  position: relative;
  padding-bottom: 60px;
}

.configurations::after {
  content: '';
  position: absolute;
  width: 25%;
  height: 1px;
  background-color: #d9d9d9;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
}

.configurations .header-section {
  margin-bottom: 35px;
}

.configurations .intro-configuration {
  font-size: 20px;
  margin-bottom: 50px;
}

.configurations .configurations--wrapper {
  flex-wrap: wrap;
  margin: 50px 0 0 -55px;
}

.configurations .configurations--wrapper .configurations--item {
  flex: 0 0 calc(100% / 3);
  position: relative;
  padding: 0 55px;
  align-items: flex-end;
  margin-bottom: 60px;
}

.configurations .configurations--wrapper .configurations--item .title-configuration {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5vw;
  font-family: 'Inter Bold';
  padding: 7px 0 10px;
  width: -webkit-max-content;
  width: max-content;
  text-align: center;
  z-index: 1;
}

.configurations .configurations--wrapper .configurations--item .description-configuration {
  width: calc(50% - 55px);
  text-align: right;
  padding: 15px 15px 0;
  font-size: 1vw;
  position: absolute;
  left: 55px;
  top: 50px;
  color: inherit;
}

.configurations .configurations--wrapper .configurations--item .icon-configuration {
  width: 50%;
  padding-top: calc(50% - 14px);
  height: 0;
  border: 7px solid #069782;
  position: relative;
  margin-left: auto;
}

.configurations .configurations--wrapper .configurations--item .icon-configuration .icon-wrap {
  position: absolute;
  left: 100%;
  top: 75%;
  transform: translateX(-50%) translateY(-75%);
  background: #ffffff;
  height: 40%;
  width: 40%;
}

.configurations .configurations--wrapper .configurations--item .icon-configuration .icon-wrap img, .configurations .configurations--wrapper .configurations--item .icon-configuration .icon-wrap svg {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  height: auto;
  max-height: 100%;
}

@media screen and (min-width: 1921px) {
  .configurations .configurations--wrapper .configurations--item .title-configuration {
    font-size: 28px;
  }
  .configurations .configurations--wrapper .configurations--item .description-configuration {
    font-size: 19px;
  }
}

@media screen and (max-width: 1440px) {
  .configurations .configurations--wrapper {
    margin-left: -30px;
  }
  .configurations .configurations--wrapper .configurations--item {
    padding: 0 30px;
  }
  .configurations .configurations--wrapper .configurations--item .description-configuration {
    width: calc(50% - 30px);
    left: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .configurations .configurations--wrapper {
    margin-left: -15px;
  }
  .configurations .configurations--wrapper .configurations--item {
    padding: 0 15px;
  }
  .configurations .configurations--wrapper .configurations--item .description-configuration {
    width: calc(50% - 15px);
    left: 15px;
  }
}

@media screen and (max-width: 991px) {
  .configurations {
    padding-bottom: 90px;
  }
  .configurations::after {
    content: none;
  }
  .configurations .configurations--wrapper {
    margin: 45px -15px 0;
    align-items: flex-start;
  }
  .configurations .configurations--wrapper .configurations--item {
    flex: 0 0 calc(100% / 2);
    margin-bottom: 50px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
  }
  .configurations .configurations--wrapper .configurations--item > div {
    width: 65%;
    margin-left: 50px;
  }
  .configurations .configurations--wrapper .configurations--item .title-configuration {
    font-size: 20px;
    padding: 0;
    position: static;
    transform: none;
    width: 100%;
    background-color: transparent;
  }
  .configurations .configurations--wrapper .configurations--item .description-configuration {
    position: static;
    font-size: 16px;
    width: 100%;
    padding: 0;
    text-align: left;
    padding-top: 10px;
  }
  .configurations .configurations--wrapper .configurations--item .icon-configuration {
    width: 25%;
    padding-top: calc(25% - 8px);
    border-width: 4px;
    margin: 0;
    order: 1;
  }
  .configurations .configurations--wrapper .configurations--item .icon-configuration .icon-wrap {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 80%;
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .configurations .configurations--wrapper {
    margin: 45px 0 0;
  }
  .configurations .configurations--wrapper .configurations--item {
    flex: 0 0 100%;
    padding: 0;
  }
  .configurations .configurations--wrapper .configurations--item > div {
    margin-left: 10%;
  }
}

.documentation {
  position: relative;
  padding-bottom: 150px;
}

.documentation::after {
  content: '';
  position: absolute;
  width: 25%;
  height: 1px;
  background-color: #d9d9d9;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
}

.documentation .header-section {
  margin-bottom: 20px;
}

.documentation .subtitle-configuration {
  margin-bottom: 20px;
  font-family: 'Inter Italic';
}

.documentation .documentation--wrapper {
  margin: 0 -30px;
  flex-wrap: wrap;
}

.documentation .documentation--wrapper .documentation--item {
  flex: 0 0 calc(100% / 3);
  padding: 30px;
}

.documentation .documentation--wrapper .documentation--item h3 {
  font-family: 'Inter Bold';
  font-size: 28px;
  margin: 0 0 40px;
}

.documentation .documentation--wrapper .documentation--item em {
  font-size: 18px;
}

.documentation .documentation--wrapper .documentation--item .list-documentation {
  margin: 10px -20px 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.documentation .documentation--wrapper .documentation--item .list-documentation li {
  padding: 0 20px;
  margin-top: 15px;
}

.documentation .documentation--wrapper .documentation--item .list-documentation li:not(:last-child) {
  border-right: 1px solid #A8A8A8;
}

.documentation .documentation--wrapper .documentation--item .list-documentation li a {
  color: #069782;
  font-family: 'Inter Bold';
  font-size: 20px;
  text-transform: uppercase;
}

@media screen and (max-width: 1440px) {
  .documentation .documentation--wrapper .documentation--item h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .documentation .documentation--wrapper .documentation--item em {
    font-size: 16px;
  }
  .documentation .documentation--wrapper .documentation--item .list-documentation {
    margin: 10px -15px 0;
  }
  .documentation .documentation--wrapper .documentation--item .list-documentation li {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1199px) {
  .documentation .documentation--wrapper .documentation--item h3 {
    font-size: 18px;
  }
  .documentation .documentation--wrapper .documentation--item .list-documentation {
    margin: 10px -12px 0;
  }
  .documentation .documentation--wrapper .documentation--item .list-documentation li {
    padding: 0 12px;
  }
  .documentation .documentation--wrapper .documentation--item .list-documentation li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .documentation {
    padding-bottom: 60px;
  }
  .documentation::after {
    content: none;
  }
  .documentation .header-section {
    margin-bottom: 50px;
  }
  .documentation .documentation--wrapper {
    margin: 0;
    flex-direction: column;
  }
  .documentation .documentation--wrapper .documentation--item {
    flex: 0 0 100%;
    margin-bottom: 5px;
    padding: 0;
  }
  .documentation .documentation--wrapper .documentation--item h3 {
    margin: 0 -20px;
    padding: 12px 20px;
    background-color: #F4F4F4;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .documentation .documentation--wrapper .documentation--item h3::after {
    content: '';
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .documentation .documentation--wrapper .documentation--item h3.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .documentation .documentation--wrapper .documentation--item .container-documents {
    padding: 25px 0;
  }
  .documentation .documentation--wrapper .documentation--item .container-documents .list-documentation {
    margin: 20px 0 0;
  }
  .documentation .documentation--wrapper .documentation--item .container-documents .list-documentation li {
    padding: 12px 15px;
  }
  .documentation .documentation--wrapper .documentation--item .container-documents.open {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .documentation .documentation--wrapper .documentation--item h3, .documentation .documentation--wrapper .documentation--item em {
    font-size: 16px;
  }
  .documentation .documentation--wrapper .documentation--item .list-documentation li a {
    font-size: 18px;
  }
}

aside#related-product {
  position: relative;
  padding-bottom: 80px;
}

.related-products .archive--wrapper .results, .category-child .archive--wrapper .results {
  width: 100%;
}

.related-products .archive--wrapper .results .results--wrapper.slick-initialized, .category-child .archive--wrapper .results .results--wrapper.slick-initialized {
  margin: 0;
}

.related-products .archive--wrapper .results .results--wrapper.slick-initialized .slick-list, .category-child .archive--wrapper .results .results--wrapper.slick-initialized .slick-list {
  margin: 0 -15px;
}

.related-products .archive--wrapper .results .results--wrapper.slick-initialized .slick-list .slick-slide, .category-child .archive--wrapper .results .results--wrapper.slick-initialized .slick-list .slick-slide {
  margin: 0 15px;
}

.related-products .archive--wrapper .results .results--wrapper.slick-initialized .slick-list .slick-slide a, .category-child .archive--wrapper .results .results--wrapper.slick-initialized .slick-list .slick-slide a {
  flex: none;
  margin: 0;
}

.related-products .archive--wrapper .results .results--wrapper, .category-child .archive--wrapper .results .results--wrapper {
  margin: 0 -15px;
  display: block;
}

.related-products .archive--wrapper .results .results--wrapper > a, .category-child .archive--wrapper .results .results--wrapper > a {
  flex: 0 0 calc((100% / 4) - 30px);
  display: inline-block;
}

.related-products .archive--wrapper .results .link-products, .category-child .archive--wrapper .results .link-products {
  margin-top: 90px;
  text-align: center;
}

.related-products .category-child .archive--wrapper .results,
#subcategory-solutions-parent .category-child .archive--wrapper .results {
  padding-bottom: 90px;
}

.category-child .archive--wrapper .results {
  padding-bottom: 160px;
}

#subcategory-expertise .category-child .archive--wrapper .results {
  padding-bottom: 120px;
}

@media only screen and (max-width: 991px) {
  aside#related-product {
    padding-bottom: 50px;
  }
  .related-products .archive--wrapper .results .results--wrapper, .category-child .archive--wrapper .results .results--wrapper {
    margin: 0 -7.5px;
  }
  .related-products .archive--wrapper .results .results--wrapper .slick-list, .category-child .archive--wrapper .results .results--wrapper .slick-list {
    margin: 0 -10px;
  }
  .related-products .archive--wrapper .results .results--wrapper .slick-list .slick-slide, .category-child .archive--wrapper .results .results--wrapper .slick-list .slick-slide {
    margin: 0 10px;
  }
  .related-products .archive--wrapper .results .results--wrapper > a, .category-child .archive--wrapper .results .results--wrapper > a {
    flex: 0 0 calc((100% / 2) - 15px);
  }
  .category-child .archive--wrapper .results {
    padding-bottom: 120px;
  }
}

.section-contact {
  margin-bottom: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section-contact:before {
  content: '';
  position: absolute;
  background-color: #F4F4F4;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-contact .header-section .title-section {
  background: #F4F4F4;
}

.section-contact .header-section {
  margin-bottom: 50px;
}

.section-contact .intro-contact {
  padding: 45px 50px 0;
}

.section-contact .intro-contact .info-contact {
  width: 40%;
  padding-right: 60px;
  justify-content: space-between;
  flex-direction: column;
}

.section-contact .intro-contact .info-contact .title-contact {
  font-size: 24px;
  margin-bottom: 30px;
}

.section-contact .intro-contact .info-contact .address-contact--wrapper {
  margin-bottom: 60px;
}

.section-contact .intro-contact .info-contact .address-contact--wrapper .address-contact {
  font-size: 24px;
  line-height: 30px;
}

.section-contact .intro-contact .info-contact .address-contact--wrapper .filter-map {
  align-items: center;
  margin-left: 30px;
}

.section-contact .intro-contact .info-contact .address-contact--wrapper .filter-map img {
  height: 40px;
}

.section-contact .intro-contact .info-contact .address-contact--wrapper .filter-map span {
  font-size: 15px;
  line-height: 1;
  font-family: "Inter Thin";
  margin-left: 5px;
  color: #474647;
}

.section-contact .intro-contact .info-contact .number-contact > div {
  align-items: center;
}

.section-contact .intro-contact .info-contact .number-contact > div img {
  width: 32px;
  margin-right: 20px;
}

.section-contact .intro-contact .info-contact .number-contact > div a {
  color: #474647;
  font-size: 24px;
}

.section-contact .intro-contact .info-contact .number-contact > div:not(:last-child) {
  margin-bottom: 22px;
}

.section-contact .intro-contact .info-contact .contact-wrapper {
  flex-direction: column;
}

.section-contact .intro-contact .info-contact .contact-wrapper .contact-social {
  text-align: center;
  font-family: "Inter Medium";
  font-size: 20px;
  margin: 120px 0 45px;
  flex-direction: column;
}

.section-contact .intro-contact .info-contact .contact-wrapper .contact-social .link-social {
  justify-content: center;
  margin-top: 20px;
}

.section-contact .intro-contact .info-contact .contact-wrapper .contact-social .link-social a img {
  height: 35px;
}

.section-contact .intro-contact .info-contact .contact-wrapper .contact-social .link-social a:not(:last-child) {
  margin-right: 25px;
}

.section-contact .intro-contact .info-contact .contact-wrapper .link-contact {
  margin: 0 auto;
  width: 100%;
}

.section-contact .intro-contact .info-contact .contact-wrapper .link-contact .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-contact .intro-contact .map-contact {
  width: 60%;
  border: 1px solid #069782;
}

.section-contact .intro-contact .map-contact > div {
  height: 100%;
}

.section-network {
  margin-bottom: 70px;
}

.section-network .filter-row {
  padding: 35px 0;
}

.section-network .filter-row .filter-select {
  font-size: 20px;
  line-height: 28px;
  margin-right: 55px;
}

.section-network .filter-row .filter-select:after {
  content: ':';
}

.section-network .filter-row .filter-wrapper {
  display: flex;
}

.section-network .filter-row .filter-wrapper .filter-item {
  font-size: 25px;
  font-family: "Inter Bold";
  cursor: pointer;
}

.section-network .filter-row .filter-wrapper .filter-item:not(:last-child) {
  margin-right: 60px;
}

.section-network .filter-row .filter-wrapper .filter-item span:hover {
  border-bottom: 2px solid #069782;
}

.section-network .filter-row .filter-wrapper .filter-item.active span {
  border-bottom: 2px solid #069782;
}

.section-network .network--wrapper {
  flex-wrap: wrap;
  margin: 45px -20px 0;
}

.section-network .network--wrapper .network--item {
  flex: 0 0 calc(25% - 40px);
  padding: 20px 20px 15px;
  border: 1px solid #A8A8A8;
  margin: 30px 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-network .network--wrapper .network--item > div {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.section-network .network--wrapper .network--item > div > div {
  width: 100%;
}

.section-network .network--wrapper .network--item .first-row {
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
}

.section-network .network--wrapper .network--item .first-row .info-network {
  font-size: 12px;
  color: #A8A8A8;
  padding-right: 10px;
}

.section-network .network--wrapper .network--item .first-row .icon-region {
  align-items: center;
}

.section-network .network--wrapper .network--item .first-row .icon-region .flag {
  width: 30px;
  height: 20px;
}

.section-network .network--wrapper .network--item .first-row .icon-region .region-network {
  margin-left: 10px;
  color: #474647;
  font-family: "Inter Bold";
  text-align: right;
  font-size: 14px;
  width: -webkit-min-content;
  width: min-content;
}

.section-network .network--wrapper .network--item .logo-item {
  margin: 15px auto;
  max-width: 50%;
  height: 60px;
}

.section-network .network--wrapper .network--item .logo-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.section-network .network--wrapper .network--item header h3 {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}

.section-network .network--wrapper .network--item .address-network {
  text-align: center;
  margin-bottom: 15px;
  font-size: 15px;
}

.section-network .network--wrapper .network--item .filter-map {
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.section-network .network--wrapper .network--item .filter-map img {
  height: 35px;
}

.section-network .network--wrapper .network--item .filter-map span {
  font-size: 12px;
  line-height: 1;
  font-family: "Inter Thin";
  margin-left: 5px;
  color: #474647;
}

.section-network .network--wrapper .network--item .number-network, .section-network .network--wrapper .network--item .site-network {
  margin: 0 auto 15px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.section-network .network--wrapper .network--item .number-network img, .section-network .network--wrapper .network--item .site-network img {
  height: 15px;
  margin-right: 13px;
}

.section-network .network--wrapper .network--item .number-network a, .section-network .network--wrapper .network--item .site-network a {
  color: #474647;
  font-size: 15px;
}

.section-network .network--wrapper .network--item .site-network a {
  color: #069782;
}

.section-network .network--wrapper .network--item .link-network {
  text-align: center;
  padding-top: 10px;
}

.section-network .network--wrapper .network--item .link-network a:hover {
  color: #069782;
}

.section-network .network--wrapper .network--item .link-network a:hover span::before {
  background-color: #069782;
}

.section-message {
  margin-bottom: 60px;
}

.section-message .header-section {
  margin-bottom: 40px;
}

.section-message .subtitle-section {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 20px;
}

.section-message .form--wrapper {
  padding: 40px 0 50px;
}

.section-message .form--wrapper .form-item {
  background-color: #ffffff;
  padding: 30px 58px 40px;
  border: 1px solid #069782;
}

.section-message .form--wrapper .form-item + .form-item {
  margin-top: 30px;
}

.section-message .form--wrapper .form-item .title-item {
  font-family: "Inter Medium";
  font-size: 22px;
  margin-bottom: 20px;
  padding: 0 12px;
}

.section-message .form--wrapper .form-item .d--flex {
  flex-wrap: wrap;
}

.section-message .form--wrapper .form-item .d--flex.-first {
  margin-bottom: 35px;
}

.section-message .form--wrapper .form-item .form-group {
  padding: 12px;
  position: relative;
}

.section-message .form--wrapper .form-item .form-group select, .section-message .form--wrapper .form-item .form-group input, .section-message .form--wrapper .form-item .form-group textarea {
  border: 1px solid #069782;
  padding: 8px 40px 8px 9px;
  font-size: 18px;
  color: #474647;
  background-color: #ffffff;
  font-family: "Inter Regular";
}

.section-message .form--wrapper .form-item .form-group select:disabled, .section-message .form--wrapper .form-item .form-group input:disabled, .section-message .form--wrapper .form-item .form-group textarea:disabled {
  opacity: 0.7;
  cursor: auto;
}

.section-message .form--wrapper .form-item .form-group select:disabled::placeholder, .section-message .form--wrapper .form-item .form-group input:disabled::placeholder, .section-message .form--wrapper .form-item .form-group textarea:disabled::placeholder {
  color: -internal-light-dark(graytext, #aaaaaa);
}

.section-message .form--wrapper .form-item .form-group select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.section-message .form--wrapper .form-item .form-group .arrow {
  position: absolute;
  right: 20px;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(2px);
  bottom: 50%;
  border: solid #474647;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  width: auto;
  cursor: pointer;
  pointer-events: none;
}

.section-message .form--wrapper .form-item .form-group input:-internal-autofill-selected, .section-message .form--wrapper .form-item .form-group input:-webkit-autofill, .section-message .form--wrapper .form-item .form-group input:-webkit-autofill:hover, .section-message .form--wrapper .form-item .form-group input:-webkit-autofill:focus, .section-message .form--wrapper .form-item .form-group textarea:-internal-autofill-selected, .section-message .form--wrapper .form-item .form-group textarea:-webkit-autofill, .section-message .form--wrapper .form-item .form-group textarea:-webkit-autofill:hover, .section-message .form--wrapper .form-item .form-group textarea:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #474647;
}

.section-message .form--wrapper .form-item .form-group input::placeholder, .section-message .form--wrapper .form-item .form-group textarea::placeholder {
  font-size: 18px;
  color: #474647;
}

.section-message .form--wrapper .form-item .form-group.-textarea {
  flex: 0 0 100%;
}

.section-message .form--wrapper .form-item .form-group.-textarea textarea {
  width: 100%;
  padding: 15px 15px 30px;
  font-family: "Inter Regular";
  height: 160px;
  resize: none;
}

.section-message .form--wrapper .form-item .form-group.-textarea .number-code {
  color: #C1C1C1;
  position: absolute;
  right: 27px;
  bottom: 22px;
}

.section-message .form--wrapper .form-item .privacy-accepted {
  padding: 0 12px 30px;
}

.section-message .form--wrapper .form-item .privacy-accepted > div {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding-left: 22px;
  padding-top: 12px;
}

.section-message .form--wrapper .form-item .privacy-accepted > div input {
  width: 14px;
  height: 14px;
  left: 0;
  -webkit-appearance: inherit;
  appearance: inherit;
  position: absolute;
  border: 1px solid #474647;
  cursor: pointer;
  top: 12px;
  margin: 0;
}

.section-message .form--wrapper .form-item .privacy-accepted > div input:checked {
  background-color: #474647;
}

.section-message .form--wrapper .form-item .privacy-accepted > div label {
  pointer-events: none;
}

.section-message .form--wrapper .form-item .privacy-accepted > div label > div {
  display: inline-block;
}

.section-message .form--wrapper .form-item .privacy-accepted > div label > div .policy_menu {
  padding-left: 0;
  list-style: none;
}

.section-message .form--wrapper .form-item .privacy-accepted > div label > div .policy_menu li + li {
  padding-left: 5px;
}

.section-message .form--wrapper .form-item .privacy-accepted > div label > div .policy_menu li:first-child span {
  display: none;
}

.section-message .form--wrapper .form-item .privacy-accepted > div label > div .policy_menu span {
  padding-right: 5px;
}

.section-message .form--wrapper .form-item .privacy-accepted > div a {
  color: #069782;
  pointer-events: visible;
}

.section-message .form--wrapper .form-item .submit-wrapper {
  text-align: center;
  margin-bottom: 30px;
}

.section-message .form--wrapper .form-item .submit-wrapper .submit {
  cursor: pointer;
  position: relative;
  padding: 12px 18px 12px 70px;
  border: 0;
}

.section-message .form--wrapper .form-item .submit-wrapper .submit span {
  font-size: 14px;
  display: block;
}

.section-message .form--wrapper .form-item .submit-wrapper .submit span::before {
  width: 15px;
}

.section-message .form--wrapper .form-item .submit-wrapper .submit:hover span::before {
  width: 30px;
}

.section-message .form--wrapper .form-item .submit-wrapper .submit:hover input {
  color: #474647;
}

.section-message .form--wrapper .form-item .submit-wrapper .submit.-form {
  padding-left: 18px;
}

#contact-results .form-item header, #contact-results .form-item > div {
  text-align: center;
}

#contact-results .form-item header {
  margin-bottom: 50px;
}

#contact-results .form-item header h1 {
  font-size: 50px;
  margin-bottom: 20px;
}

#contact-results .form-item .d--flex {
  width: 30%;
  flex-direction: column;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .section-contact .intro-contact .info-contact {
    padding-right: 40px;
  }
  .section-contact .intro-contact .info-contact .title-contact {
    font-size: 22px;
  }
  .section-contact .intro-contact .info-contact .address-contact--wrapper {
    margin-bottom: 40px;
  }
  .section-contact .intro-contact .info-contact .address-contact--wrapper .address-contact {
    font-size: 18px;
    line-height: 26px;
  }
  .section-contact .intro-contact .info-contact .number-contact > div a {
    font-size: 18px;
  }
  .section-contact .intro-contact .info-contact .number-contact > div:not(:last-child) {
    margin-bottom: 20px;
  }
  .section-contact .intro-contact .info-contact .contact-wrapper .contact-social {
    font-size: 18px;
    margin: 80px 0 40px;
  }
  .section-contact .intro-contact .info-contact .contact-wrapper .link-contact {
    height: 72px;
  }
  .section-contact .intro-contact .info-contact .contact-wrapper .link-contact .btn {
    padding-left: 40px;
    height: 100%;
  }
  .section-contact .intro-contact .info-contact .contact-wrapper .link-contact .btn span.hidden {
    line-height: 42px;
  }
  .section-network .filter-row .filter-select {
    font-size: 18px;
  }
  .section-network .filter-row .filter-wrapper .filter-item {
    font-size: 22px;
  }
  .section-network .filter-row .filter-wrapper .filter-item:not(:last-child) {
    margin-right: 40px;
  }
  .section-network .network--wrapper .network--item {
    padding: 15px;
    flex: 0 0 calc(33% - 40px);
  }
  .section-network .network--wrapper .network--item header h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .section-network .network--wrapper .network--item .logo-item {
    margin: 10px auto;
  }
  .section-network .network--wrapper .network--item .address-network {
    font-size: 14px;
  }
  .section-network .network--wrapper .network--item .number-network a, .section-network .network--wrapper .network--item .site-network a {
    font-size: 14px;
  }
  .section-network .network--wrapper .network--item .link-network a {
    padding-left: 60px;
  }
  .section-network .network--wrapper .network--item .link-network a:hover span::before {
    width: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .section-contact .intro-contact {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section-contact .intro-contact .info-contact {
    padding-right: 20px;
  }
  .section-contact .intro-contact .info-contact .contact-wrapper .link-contact .btn {
    font-size: 14px;
  }
  .section-network .network--wrapper .network--item {
    flex: 0 0 calc(50% - 40px);
  }
  .section-message .form--wrapper .form-item {
    padding: 25px 38px 35px;
  }
  .section-message .form--wrapper .form-item .title-item {
    font-size: 20px;
  }
  .section-message .form--wrapper .form-item .form-group select, .section-message .form--wrapper .form-item .form-group input, .section-message .form--wrapper .form-item .form-group textarea {
    font-size: 16px;
    padding-right: 25px;
  }
  .section-message .form--wrapper .form-item .form-group select::placeholder, .section-message .form--wrapper .form-item .form-group input::placeholder, .section-message .form--wrapper .form-item .form-group textarea::placeholder {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .section-contact {
    margin-bottom: 55px;
  }
  .section-contact .header-section {
    margin-bottom: 30px;
  }
  .section-contact .intro-contact {
    padding: 35px 20px 0;
  }
  .section-contact .intro-contact .contact--wrapper {
    flex-direction: column;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact {
    width: 100%;
    padding-right: 0;
    margin-bottom: 55px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .title-contact {
    margin-bottom: 20px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .address-contact--wrapper {
    margin-bottom: 30px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .address-contact--wrapper .address-contact {
    width: 50%;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .address-contact--wrapper .filter-map {
    width: 50%;
    margin-left: 20px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .number-contact {
    margin-bottom: 30px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .number-contact > div img {
    width: 32px;
    margin-right: 10px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .number-contact > div:not(:last-child) {
    margin-bottom: 15px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .contact-social {
    margin: 0 0 0 20px;
    width: 50%;
    text-align: left;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .contact-social .link-social {
    justify-content: flex-start;
    margin: 0 0 0 20px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .contact-social .link-social a img {
    height: 30px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .contact-social .link-social a:not(:last-child) {
    margin-right: 15px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .link-contact {
    width: 50%;
    text-align: left;
    height: auto;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .link-contact .btn span {
    display: none;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .link-contact .btn span.hidden {
    display: inline-block;
    line-height: normal;
  }
  .section-contact .intro-contact .contact--wrapper .map-contact {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding-top: 80%;
    position: relative;
    overflow: hidden;
  }
  .section-contact .intro-contact .contact--wrapper .map-contact > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .section-network .filter-row {
    padding: 25px 0 20px;
  }
  .section-network .filter-row > div > div > div.d--flex {
    flex-direction: column;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-select {
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-select::after {
    content: '';
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .section-network .filter-row > div > div > div.d--flex .filter-select.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .section-network .filter-row > div > div > div.d--flex .filter-wrapper {
    flex-direction: column;
    padding-top: 20px;
    display: none;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-wrapper .filter-item:not(:last-child) {
    margin: 0 0 15px;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-wrapper .filter-item.active span:hover {
    border: 0;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-wrapper.d--flex {
    display: flex;
  }
  .section-message {
    margin-bottom: 50px;
  }
  .section-message .header-section {
    margin-bottom: 25px;
  }
  .section-message .subtitle-section {
    padding-bottom: 0;
  }
  .section-message .form--wrapper {
    padding: 30px 0 40px;
  }
  .section-message .form--wrapper .form-item {
    padding: 25px 18px 30px;
  }
  .section-message .form--wrapper .form-item + .form-item {
    margin-top: 25px;
  }
  .section-message .form--wrapper .form-item .title-item {
    padding: 0 7px;
    margin-bottom: 13px;
  }
  .section-message .form--wrapper .form-item .d--flex.-first {
    margin-bottom: 30px;
  }
  .section-message .form--wrapper .form-item .form-group {
    padding: 7px;
    width: 100%;
  }
  .section-message .form--wrapper .form-item .form-group:first-child {
    width: 34%;
  }
  .section-message .form--wrapper .form-item .form-group:nth-child(2) {
    width: 66%;
  }
  .section-message .form--wrapper .form-item .form-group select, .section-message .form--wrapper .form-item .form-group input, .section-message .form--wrapper .form-item .form-group textarea {
    width: 100%;
  }
  .section-message .form--wrapper .form-item .form-group.-textarea textarea {
    height: 270px;
  }
  #contact-results .form-item .d--flex {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .section-network .network--wrapper {
    flex-wrap: wrap;
    margin: 55px 0 0;
  }
  .section-network .network--wrapper .network--item {
    flex: 0 0 100%;
    padding: 30px 20px 20px;
    margin: 0 0 40px;
  }
}

@media screen and (max-width: 575px) {
  .section-contact .intro-contact .contact--wrapper .info-contact .title-contact {
    font-size: 20px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .address-contact--wrapper .address-contact {
    font-size: 16px;
    line-height: 24px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .number-contact {
    margin-bottom: 30px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .number-contact > div a {
    font-size: 16px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .number-contact > div img {
    width: 20px;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .contact-social {
    font-size: 12px;
    margin: 0;
    width: 100%;
    justify-content: center;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .contact-social .link-social {
    justify-content: flex-start;
  }
  .section-contact .intro-contact .contact--wrapper .info-contact .contact-wrapper .link-contact {
    width: 100%;
    margin: 0 0 25px 0;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-select {
    font-size: 16px;
  }
  .section-network .filter-row > div > div > div.d--flex .filter-wrapper .filter-item {
    font-size: 18px;
  }
  .section-network .network--wrapper .network--item header h3 {
    font-size: 18px;
  }
  .section-message .subtitle-section {
    font-size: 16px;
  }
  .section-message .form--wrapper .form-item .title-item {
    font-size: 18px;
  }
  .section-message .form--wrapper .form-item .form-group:first-child, .section-message .form--wrapper .form-item .form-group:nth-child(2) {
    width: 100%;
  }
  .section-message .form--wrapper .form-item .form-group select, .section-message .form--wrapper .form-item .form-group input {
    padding: 8px 20px 8px 5px;
  }
  .section-message .form--wrapper .form-item .form-group.-textarea textarea {
    padding: 8px 5px 30px;
  }
  .section-message .form--wrapper .form-item .form-group.-textarea .number-code {
    font-size: 13px;
    bottom: 17px;
  }
  .section-message .form--wrapper .form-item .form-group .arrow {
    right: 14px;
  }
  .section-message .form--wrapper .form-item .privacy-accepted {
    padding: 0 7px 30px;
  }
  .section-message .form--wrapper .form-item .privacy-accepted > div {
    font-size: 13px;
    line-height: 15px;
  }
}

#error-page section {
  height: calc(100vh - 198px);
  max-height: 882px;
  position: relative;
  width: 100%;
}

#error-page section .overlay {
  background-color: rgba(0, 0, 0, 0.75);
}

#error-page section .text--wrapper {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -40%);
  top: 40%;
  z-index: 10;
  text-align: center;
  width: 50%;
}

#error-page section .text--wrapper h1 {
  text-transform: uppercase;
  font-size: 80px;
}

#error-page section .text--wrapper p {
  font-size: 26px;
  margin-bottom: 60px;
}

#error-page section .text--wrapper a:hover {
  color: #ffffff;
}

#error-page section .text--wrapper a:hover span::before {
  background-color: #ffffff;
}

@media screen and (max-width: 1440px) {
  #error-page section {
    height: calc(100vh - 177px);
    max-height: 903px;
  }
  #error-page section .text--wrapper h1 {
    font-size: 68px;
  }
  #error-page section .text--wrapper p {
    font-size: 24px;
  }
}

@media screen and (max-width: 1199px) {
  #error-page section {
    height: calc(100vh - 165px);
    max-height: 915px;
  }
  #error-page section .text--wrapper h1 {
    font-size: 55px;
  }
  #error-page section .text--wrapper p {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  #error-page section {
    height: calc(100vh - 100px);
    max-height: none;
  }
  #error-page section .text--wrapper {
    width: calc(100% - 40px);
  }
  #error-page section .text--wrapper h1 {
    font-size: 55px;
  }
  #error-page section .text--wrapper p {
    font-size: 18px;
  }
  #browser-warning section .text--wrapper h1 {
    font-size: 25px !important;
  }
}

@media screen and (max-width: 575px) {
  #error-page section .text--wrapper h1 {
    font-size: 44px;
  }
}

.search-item {
  padding: 40px 0 35px;
  font-size: 24px;
}

.search-item strong {
  font-family: "Inter Bold";
}

.search-item strong span {
  color: #474647;
  font-family: "Inter Regular";
}

.search-content-type {
  padding: 40px 0 35px;
}

.search-content-type .search-content-type--wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
}

.search-content-type .search-content-type--wrapper .content-type > span {
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Inter Bold";
  margin-right: 40px;
}

.search-content-type .search-content-type--wrapper .content-type > span::after {
  content: ':';
}

.search-content-type .search-content-type--wrapper .content-type .content-type--wrapper {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "Inter Bold";
}

.search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item a {
  cursor: pointer;
  color: #474647;
}

.search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item a .number {
  font-size: 17px;
  font-family: "Inter Regular";
}

.search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item:not(:last-child) {
  margin-right: 30px;
}

.search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item.active a, .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item a:hover {
  border-bottom: 2px solid #069782;
}

.order-results .order-list {
  padding-left: 12px;
  list-style: none;
}

.order-results .order-list li a {
  color: #474647;
}

.order-results .order-list li.active > a {
  border-bottom: 2px solid #069782;
}

.order-results .order-list > li {
  display: flex;
  align-items: center;
  position: relative;
}

.order-results .order-list > li a {
  cursor: pointer;
  text-transform: capitalize;
}

.order-results .order-list > li::after {
  content: '';
  border: solid;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 12px;
  cursor: pointer;
}

.order-results .order-list .order-sub-list {
  position: absolute;
  padding: 10px;
  list-style: none;
  display: none;
  top: 100%;
  left: 0;
  z-index: 1;
}

.order-results .order-list .order-sub-list li:hover a {
  border-bottom: 2px solid #069782;
}

.order-results .order-list .order-sub-list li:not(:last-child) {
  padding-bottom: 10px;
}

.list-results {
  padding: 70px 0 60px;
}

.list-results > div:not(:last-child) {
  margin-bottom: 100px;
}

.list-results .header-section {
  margin-bottom: 40px;
}

.list-results .list-results--wrapper .list-results-item .image-results {
  width: 10%;
  padding-top: 10%;
  height: 0;
  overflow: hidden;
  position: relative;
}

.list-results .list-results--wrapper .list-results-item .image-results img {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #A8A8A8;
}

.list-results .list-results--wrapper .list-results-item .image-results img.default {
  border: 0;
  left: 50%;
  width: 70%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.list-results .list-results--wrapper .list-results-item .text-results {
  width: 90%;
  padding-left: 40px;
}

.list-results .list-results--wrapper .list-results-item .text-results .title-results h2 {
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 15px;
}

.list-results .list-results--wrapper .list-results-item .text-results .description-results {
  font-size: 18px;
}

.list-results .list-results--wrapper .list-results-item:not(:last-child) {
  margin-bottom: 40px;
}

.list-results .list-results--wrapper .more-results {
  text-align: center;
}

.list-results .list-results--wrapper .more-results p {
  max-width: -webkit-max-content;
  max-width: max-content;
  margin: 0 auto;
  cursor: pointer;
}

.list-results .no-results {
  text-align: center;
  font-size: 40px;
}

@media only screen and (max-width: 1440px) {
  .search-item {
    font-size: 22px;
  }
  .search-content-type .search-content-type--wrapper .content-type > span {
    font-size: 18px;
    margin-right: 30px;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item {
    font-size: 18px;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item a .number {
    font-size: 15px;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item:not(:last-child) {
    margin-right: 20px;
  }
  .list-results .no-results {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1199px) {
  .search-item {
    font-size: 20px;
  }
  .search-content-type .search-content-type--wrapper .content-type > span, .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item {
    font-size: 16px;
  }
  .list-results .list-results--wrapper .list-results-item .text-results {
    padding-left: 30px;
  }
  .list-results .list-results--wrapper .list-results-item .text-results .title-results h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .list-results .list-results--wrapper .list-results-item .text-results .description-results {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .search-item {
    padding: 40px 0;
  }
  .search-content-type {
    padding: 25px 0 20px;
  }
  .search-content-type .search-content-type--wrapper .content-type {
    width: 100%;
    position: relative;
  }
  .search-content-type .search-content-type--wrapper .content-type > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    margin: 0;
  }
  .search-content-type .search-content-type--wrapper .content-type > span::after {
    content: '';
    border: solid;
    border-color: #474647;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .search-content-type .search-content-type--wrapper .content-type > span.open::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    background-color: #F4F4F4;
    width: calc(100% + 40px);
    left: -20px;
    padding: 20px 20px 35px;
    flex-direction: column;
    z-index: 10;
    margin: 0;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item {
    font-size: 22px;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item a .number {
    font-size: 18px;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item:not(:last-child) {
    margin: 0 0 20px;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper .content-type-item.active a:hover {
    border: 0;
  }
  .search-content-type .search-content-type--wrapper .content-type .content-type--wrapper.d--flex {
    display: flex;
  }
  .search-content-type .search-content-type--wrapper .order-results {
    display: none;
  }
  .order-results {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0;
  }
  .list-results {
    padding-top: 20px;
  }
  .list-results .header-section {
    margin-bottom: 30px;
  }
  .list-results .list-results--wrapper .list-results-item {
    flex-wrap: wrap;
  }
  .list-results .list-results--wrapper .list-results-item .image-results {
    width: 27%;
    padding-top: 27%;
  }
  .list-results .list-results--wrapper .list-results-item .text-results {
    width: 73%;
    padding-left: 15px;
  }
  .list-results .list-results--wrapper .list-results-item .text-results .title-results h2 {
    margin: 0;
  }
  .list-results .list-results--wrapper .list-results-item .text-results .description-results {
    display: none;
  }
  .list-results .list-results--wrapper .list-results-item .description-results {
    display: block;
    flex: 0 0 100%;
    padding-top: 20px;
    line-height: 24px;
  }
  .list-results .list-results--wrapper .list-results-item:not(:last-child) {
    margin-bottom: 50px;
  }
  .list-results .no-results {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .list-results .list-results--wrapper .list-results-item .text-results .title-results h2 {
    font-size: 18px;
  }
  .list-results .no-results {
    font-size: 20px;
  }
}

.single-news .intro-wrapper, .single-projects .intro-wrapper, .single.-sustainability .intro-wrapper {
  margin-top: 35px;
  margin-bottom: 50px;
}

.single-news .intro-wrapper .intro-image, .single-projects .intro-wrapper .intro-image, .single.-sustainability .intro-wrapper .intro-image {
  margin: 0;
  width: 43%;
  padding-top: 43%;
  overflow: hidden;
  position: relative;
  height: 0;
}

.single-news .intro-wrapper .intro-image img, .single-projects .intro-wrapper .intro-image img, .single.-sustainability .intro-wrapper .intro-image img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100% !important;
  max-height: 100% !important;
}

.single-news .intro-wrapper .intro-image > a figure, .single-projects .intro-wrapper .intro-image > a figure, .single.-sustainability .intro-wrapper .intro-image > a figure {
  width: 100%;
  height: 100%;
}

.single-news .intro-wrapper .intro-content--wrapper, .single-projects .intro-wrapper .intro-content--wrapper, .single.-sustainability .intro-wrapper .intro-content--wrapper {
  width: calc(57% + 75px);
  margin: 60px 0 60px -75px;
  padding: 50px 50px 50px 60px;
  z-index: 1;
}

.single-news .intro-wrapper .intro-content--wrapper header .intro-title, .single-projects .intro-wrapper .intro-content--wrapper header .intro-title, .single.-sustainability .intro-wrapper .intro-content--wrapper header .intro-title {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.single-news .intro-wrapper .intro-content--wrapper header span, .single-projects .intro-wrapper .intro-content--wrapper header span, .single.-sustainability .intro-wrapper .intro-content--wrapper header span {
  font-family: "Inter Light Italic";
  line-height: 20px;
  margin-bottom: 25px;
}

.single-news .intro-wrapper .intro-content--wrapper .intro-content, .single-projects .intro-wrapper .intro-content--wrapper .intro-content, .single.-sustainability .intro-wrapper .intro-content--wrapper .intro-content {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 60px;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item {
  align-items: center;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item strong, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item strong, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item strong {
  font-size: 22px;
  margin-right: 10px;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div {
  align-items: center;
  flex-wrap: wrap;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap {
  color: #474647;
  align-items: center;
  margin: 10px 20px;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap svg, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap svg, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap svg {
  max-height: 30px;
  max-width: 40px;
  width: 100%;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap .intro-value, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap .intro-value, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap .intro-value {
  font-size: 18px;
  margin-left: 15px;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover {
  color: #069782;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg path, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg path, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg path {
  fill: #069782;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg rect, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg rect, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg rect {
  stroke: #069782;
  fill: #069782;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators path, .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators rect, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators path, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators rect, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators path, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators rect {
  stroke: #069782;
  fill: #ffffff;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators ellipse, .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators line, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators ellipse, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators line, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators ellipse, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap:hover svg #low-press-gas-regulators line {
  stroke: #069782;
}

.single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item + .intro-categories--item, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item + .intro-categories--item, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item + .intro-categories--item {
  margin-top: 10px;
}

.single-news .intro-wrapper.-iberia .intro-content--wrapper, .single-projects .intro-wrapper.-iberia .intro-content--wrapper, .single.-sustainability .intro-wrapper.-iberia .intro-content--wrapper {
  margin-left: 0 !important;
  padding-left: 50px !important;
}

.single-news .intro-wrapper.-polska .intro-content--wrapper, .single-projects .intro-wrapper.-polska .intro-content--wrapper, .single.-sustainability .intro-wrapper.-polska .intro-content--wrapper {
  margin-left: 0 !important;
  padding-left: 50px !important;
}

.single-projects .intro-wrapper {
  position: relative;
}

.single-projects .intro-wrapper .-change {
  position: absolute;
  right: 50px;
  top: 0;
  width: 30%;
  z-index: 2;
}

.single-projects .intro-wrapper .-change .btn {
  width: 100%;
}

.single-projects .intro-wrapper .project-images {
  width: 43%;
}

.single-projects .intro-wrapper .project-images .intro-image {
  padding-top: 100%;
}

.single-projects .intro-wrapper .project-images .intro-image img {
  height: 100% !important;
}

.single-projects .intro-wrapper .project-images .intro-image > a {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  color: #474647;
}

.single-projects .intro-wrapper .project-images .intro-image > a .zoom-image {
  position: absolute;
  bottom: 35px;
  left: 50px;
  cursor: pointer;
  z-index: 1;
}

.single-projects .intro-wrapper .project-images .intro-image > a .zoom-image::before {
  content: '';
  background: url("../../public/images/icon-zoom.svg") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}

.single-projects .intro-wrapper .project-images .other-images {
  margin: 50px 75px 0;
}

.single-projects .intro-wrapper .project-images .other-images .other-images--wrapper {
  padding: 0 25px;
}

.single-projects .intro-wrapper .project-images .other-images .other-images--wrapper .slick-track .slick-slide {
  padding: 0 15px;
}

.single-projects .intro-wrapper .project-images .other-images .other-images--wrapper .slick-track .slick-slide .other-images--item {
  padding-top: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.single-projects .intro-wrapper .project-images .other-images .other-images--wrapper .slick-track .slick-slide .other-images--item img {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  border: 3px solid #ffffff;
}

.single-projects .intro-wrapper .project-images .other-images .other-images--wrapper .slick-track .slick-slide.slick-current .other-images--item img {
  border-color: #069782;
}

.single-projects .intro-wrapper .project-details {
  width: calc(57% + 75px);
  z-index: 1;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper {
  padding: 30px 50px 30px 60px;
  margin: 60px 0 60px -75px;
  width: calc(100% + 25px);
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper header .intro-title {
  text-transform: inherit;
  font-size: 45px;
  margin-bottom: 30px;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper header .intro-subtitle {
  font-size: 20px;
  line-height: 28px;
  font-family: 'Inter Bold';
  margin-bottom: 15px;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project {
  margin-bottom: 30px;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item + .info-project-item {
  margin-top: 15px;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item .label {
  font-family: 'Inter Bold';
  font-size: 22px;
  margin-right: 20px;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item .value {
  font-size: 20px;
  line-height: 28px;
}

.single-projects .intro-wrapper .project-details .intro-content--wrapper .intro-content {
  margin-bottom: 0;
}

.single-projects .intro-wrapper .intro-categories--wrapper {
  padding-top: 50px;
  margin-left: -75px;
  padding-left: 60px;
}

.single.-sustainability .intro-wrapper {
  margin-top: 115px;
}

.single.-sustainability .intro-wrapper .intro-content--wrapper .intro-title {
  font-size: 26px;
  text-transform: uppercase;
  font-family: "Inter Bold";
  margin-bottom: 40px;
}

.single.-sustainability .intro-wrapper .intro-content--wrapper .intro-content {
  margin-bottom: 0;
}

@media screen and (max-width: 1440px) {
  .single-news .intro-wrapper .intro-content--wrapper, .single-projects .intro-wrapper .intro-content--wrapper, .single.-sustainability .intro-wrapper .intro-content--wrapper {
    width: calc(57% + 75px);
    margin: 40px 0 40px -75px;
    padding: 15px 50px 15px 15px;
  }
  .single-news .intro-wrapper .intro-content--wrapper header .intro-title, .single-projects .intro-wrapper .intro-content--wrapper header .intro-title, .single.-sustainability .intro-wrapper .intro-content--wrapper header .intro-title {
    font-size: 22px;
  }
  .single-news .intro-wrapper .intro-content--wrapper .intro-content, .single-projects .intro-wrapper .intro-content--wrapper .intro-content, .single.-sustainability .intro-wrapper .intro-content--wrapper .intro-content {
    font-size: 18px;
    line-height: 26px;
  }
  .single-projects .intro-wrapper .-change {
    width: 35%;
  }
  .single-projects .intro-wrapper .project-images .other-images {
    margin-left: 30px;
  }
  .single-projects .intro-wrapper .project-images .intro-image .zoom-image {
    bottom: 20px;
    left: 30px;
    font-size: 14px;
  }
  .single-projects .intro-wrapper .project-images .intro-image .zoom-image::before {
    content: '';
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-size: 15px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper {
    padding: 30px 0 30px 30px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper header .intro-title {
    font-size: 32px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item .label {
    font-size: 20px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item .value {
    font-size: 18px;
    line-height: 26px;
  }
  .single.-sustainability .intro-wrapper .intro-content--wrapper .intro-title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .single-news .intro-categories--wrapper .intro-categories--item, .single-projects .intro-categories--wrapper .intro-categories--item {
    flex-wrap: wrap;
  }
  .single-news .intro-categories--wrapper .intro-categories--item strong, .single-projects .intro-categories--wrapper .intro-categories--item strong {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .single-news .intro-categories--wrapper .intro-categories--item > div, .single-projects .intro-categories--wrapper .intro-categories--item > div {
    width: 100%;
    margin: 0 -20px;
  }
  .single-news .intro-categories--wrapper .intro-categories--item > div .value-wrap, .single-projects .intro-categories--wrapper .intro-categories--item > div .value-wrap {
    margin: 7px 20px;
  }
  .single-projects .intro-wrapper .-change {
    width: 45%;
  }
  .single-projects .intro-wrapper .project-images .other-images .other-images--wrapper {
    padding: 0px 15px;
  }
  .single-projects .intro-wrapper .project-images .other-images .other-images--wrapper .slick-track .slick-slide {
    padding: 0 10px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item .label {
    font-size: 18px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project .info-project-item .value {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 991px) {
  .single-news .intro-wrapper, .single-projects .intro-wrapper, .single.-sustainability .intro-wrapper {
    margin-top: 0;
    flex-direction: column;
  }
  .single-news .intro-wrapper .intro-image, .single-projects .intro-wrapper .intro-image, .single.-sustainability .intro-wrapper .intro-image {
    width: 100%;
    height: 234px;
  }
  .single-news .intro-wrapper .intro-content--wrapper, .single-projects .intro-wrapper .intro-content--wrapper, .single.-sustainability .intro-wrapper .intro-content--wrapper {
    width: 100%;
    margin: 35px 0 0;
    padding: 0 20px;
  }
  .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item {
    flex-direction: column;
    align-items: flex-start;
  }
  .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item strong, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item strong, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item strong {
    margin: 0;
  }
  .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div {
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item > div .value-wrap {
    margin: 10px 0;
  }
  .single-news .intro-wrapper .intro-categories--wrapper .intro-categories--item + .intro-categories--item, .single-projects .intro-wrapper .intro-categories--wrapper .intro-categories--item + .intro-categories--item, .single.-sustainability .intro-wrapper .intro-categories--wrapper .intro-categories--item + .intro-categories--item {
    margin-top: 25px;
  }
  .single-news .intro-wrapper.-iberia .intro-content--wrapper, .single-projects .intro-wrapper.-iberia .intro-content--wrapper, .single.-sustainability .intro-wrapper.-iberia .intro-content--wrapper {
    padding-left: 20px !important;
  }
  .single-projects .intro-wrapper {
    margin-bottom: 40px;
    width: 100%;
  }
  .single-projects .intro-wrapper .-change {
    display: none;
  }
  .single-projects .intro-wrapper .project-images {
    width: 100%;
  }
  .single-projects .intro-wrapper .project-images .intro-image {
    padding-top: 54%;
  }
  .single-projects .intro-wrapper .project-images .intro-image .zoom-image {
    display: none;
  }
  .single-projects .intro-wrapper .project-images .other-images {
    margin: 25px 20px 40px;
  }
  .single-projects .intro-wrapper .project-images .other-images .other-images--wrapper {
    padding: 0 25px;
  }
  .single-projects .intro-wrapper .project-images .other-images .slick-list {
    width: 100%;
  }
  .single-projects .intro-wrapper .project-details {
    width: 100%;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper {
    padding: 0 20px;
    margin: 0;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper header .intro-title {
    margin-bottom: 20px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper header .intro-subtitle {
    margin-bottom: 35px;
  }
  .single-projects .intro-wrapper .project-details .intro-content--wrapper .info-project {
    margin-bottom: 40px;
  }
  .single-projects .intro-wrapper .intro-categories--wrapper {
    margin-left: 0;
    padding: 50px 20px 0;
  }
  .single.-sustainability .intro-wrapper .intro-image {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .single-news .intro-wrapper .intro-content--wrapper header .intro-title, .single-projects .intro-wrapper .intro-content--wrapper header .intro-title, .single.-sustainability .intro-wrapper .intro-content--wrapper header .intro-title {
    font-size: 18px;
    line-height: 24px;
  }
  .single-news .intro-wrapper .intro-content--wrapper header span, .single-projects .intro-wrapper .intro-content--wrapper header span, .single.-sustainability .intro-wrapper .intro-content--wrapper header span {
    font-size: 14px;
  }
  .single-news .intro-wrapper .intro-content--wrapper .intro-content, .single-projects .intro-wrapper .intro-content--wrapper .intro-content, .single.-sustainability .intro-wrapper .intro-content--wrapper .intro-content {
    font-size: 16px;
    line-height: 24px;
  }
  .single-projects .project-details .intro-content--wrapper header .intro-title {
    font-size: 22px;
  }
  .single-projects .project-details .intro-content--wrapper header .intro-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .single.-sustainability .intro-content--wrapper .intro-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.single-news .header .mainbar .mainbar--wrapper .primary_menu li.active-item-news a, .single.-sustainability .header .mainbar .mainbar--wrapper .primary_menu li.active-item-news a {
  color: #069782;
}

.single-news .content--wrapper, .single.-sustainability .content--wrapper {
  margin-bottom: 60px;
}

.single-news .content--wrapper .content-text, .single.-sustainability .content--wrapper .content-text {
  font-size: 20px;
  line-height: 28px;
}

.single-news .content--wrapper .content-text img, .single.-sustainability .content--wrapper .content-text img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

.single-news .content--wrapper .content-text img.alignright, .single.-sustainability .content--wrapper .content-text img.alignright {
  margin-left: auto;
}

.single-news .content--wrapper .content-text img.aligncenter, .single.-sustainability .content--wrapper .content-text img.aligncenter {
  margin: 0 auto;
  clear: none !important;
}

.single-news .content--wrapper .content-text img.left, .single.-sustainability .content--wrapper .content-text img.left {
  float: left;
  margin: 0 20px 20px 0;
}

.single-news .content--wrapper .content-text img.right, .single.-sustainability .content--wrapper .content-text img.right {
  float: right;
  margin: 0 0 20px 20px;
}

.single-news .content--wrapper .content-text img.img-responsive, .single.-sustainability .content--wrapper .content-text img.img-responsive {
  width: 100% !important;
}

.single-news .content--wrapper .content-text .iframe-wrap, .single.-sustainability .content--wrapper .content-text .iframe-wrap {
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  margin: 40px auto;
}

.single-news .content--wrapper .content-text .iframe-wrap iframe, .single.-sustainability .content--wrapper .content-text .iframe-wrap iframe {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.single-news .content--wrapper .content-text-image, .single.-sustainability .content--wrapper .content-text-image {
  margin-top: 40px;
}

.single-news .content--wrapper .content-text-image > div, .single.-sustainability .content--wrapper .content-text-image > div {
  width: calc(100% - 150px);
}

.single-news .content--wrapper .content-text-image.-image > div, .single.-sustainability .content--wrapper .content-text-image.-image > div {
  width: 58%;
  float: left;
}

.single-news .content--wrapper .-end-page, .single.-sustainability .content--wrapper .-end-page {
  margin-top: 40px;
}

.single-news .content--wrapper .contact--wrapper, .single.-sustainability .content--wrapper .contact--wrapper {
  max-width: -webkit-max-content;
  max-width: max-content;
  border-left: 40px solid #069782;
  position: relative;
  margin-top: 60px;
  margin-left: auto;
}

.single-news .content--wrapper .contact--wrapper > div, .single.-sustainability .content--wrapper .contact--wrapper > div {
  text-align: right;
  font-size: 18px;
  padding: 60px 0 60px 60px;
}

.single-news .content--wrapper .contact--wrapper > div .name-contact, .single.-sustainability .content--wrapper .contact--wrapper > div .name-contact {
  margin-bottom: 10px;
}

.single-news .content--wrapper .contact--wrapper > div .phone a, .single.-sustainability .content--wrapper .contact--wrapper > div .phone a {
  color: #474647;
}

.single-news .content--wrapper .contact--wrapper::before, .single-news .content--wrapper .contact--wrapper::after, .single.-sustainability .content--wrapper .contact--wrapper::before, .single.-sustainability .content--wrapper .contact--wrapper::after {
  content: '';
  height: 40px;
  left: 0;
  background-color: #069782;
  width: 75%;
  display: block;
  position: absolute;
}

.single-news .content--wrapper .contact--wrapper::before, .single.-sustainability .content--wrapper .contact--wrapper::before {
  top: 0;
}

.single-news .content--wrapper .contact--wrapper::after, .single.-sustainability .content--wrapper .contact--wrapper::after {
  bottom: 0;
}

.single-news .content--wrapper .content-image, .single.-sustainability .content--wrapper .content-image {
  margin: 0;
  width: 42%;
  padding-top: 42%;
  height: 0;
  position: relative;
  overflow: hidden;
}

.single-news .content--wrapper .content-image img, .single.-sustainability .content--wrapper .content-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.single-news .slider-news--wrapper, .single.-sustainability .slider-news--wrapper {
  margin: 60px 0 60px;
}

.single-news .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div, .single.-sustainability .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div {
  display: flex !important;
  align-items: center;
}

.single-news .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div .slider-news-item:nth-child(1), .single.-sustainability .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div .slider-news-item:nth-child(1) {
  width: calc(42% + 20px);
  padding-top: calc(42% + 20px);
  z-index: 2;
}

.single-news .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div .slider-news-item:nth-child(2), .single.-sustainability .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div .slider-news-item:nth-child(2) {
  width: calc(33.5% + 20px);
  padding-top: calc(33.5% + 20px);
  margin-left: -30px;
  z-index: 1;
}

.single-news .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div .slider-news-item:nth-child(3), .single.-sustainability .slider-news--wrapper .slick-slider .slick-track .slick-slide > div > div .slider-news-item:nth-child(3) {
  width: calc(25% + 20px);
  padding-top: calc(25% + 20px);
  margin-left: -30px;
}

.single-news .slider-news--wrapper .slider-news-item, .single.-sustainability .slider-news--wrapper .slider-news-item {
  height: 0;
  position: relative;
  overflow: hidden;
}

.single-news .slider-news--wrapper .slider-news-item img, .single.-sustainability .slider-news--wrapper .slider-news-item img {
  position: absolute;
  top: 0;
  left: 0;
}

.single.-sustainability {
  padding-bottom: 20px;
}

.single.-sustainability .content-text-image.-image figure {
  margin: 0 auto;
}

.single.-sustainability .content-text .btn {
  margin-top: 60px;
}

@media screen and (max-width: 1440px) {
  .single-news .content--wrapper .content-text, .single.-sustainability .content--wrapper .content-text {
    font-size: 18px;
    line-height: 26px;
  }
  .single-news .content--wrapper .content-text-image.-image, .single.-sustainability .content--wrapper .content-text-image.-image {
    display: flex;
    margin: 40px auto;
  }
}

@media screen and (max-width: 991px) {
  .single-news .header .mainbar .mainbar--wrapper .primary_menu li.active-item-news a, .single.-sustainability .header .mainbar .mainbar--wrapper .primary_menu li.active-item-news a {
    color: #ffffff;
    text-decoration: underline;
  }
  .single-news .content--wrapper .content-text-image, .single.-sustainability .content--wrapper .content-text-image {
    margin-bottom: 40px;
    flex-direction: column;
  }
  .single-news .content--wrapper .content-text-image.-image > div, .single-news .content--wrapper .content-text-image > div, .single.-sustainability .content--wrapper .content-text-image.-image > div, .single.-sustainability .content--wrapper .content-text-image > div {
    width: 100%;
    margin-bottom: 40px;
  }
  .single-news .content--wrapper .contact--wrapper, .single.-sustainability .content--wrapper .contact--wrapper {
    margin: 60px auto 0;
  }
  .single-news .content--wrapper .contact--wrapper > div, .single.-sustainability .content--wrapper .contact--wrapper > div {
    font-size: 16px;
    padding-left: 40px;
  }
  .single-news .content--wrapper .content-image, .single.-sustainability .content--wrapper .content-image {
    width: 100%;
    padding-top: 100%;
  }
  .single-news .slider-news--wrapper, .single.-sustainability .slider-news--wrapper {
    margin: 60px 0 120px;
  }
  .single-news .slider-news--wrapper .slider-news.-desktop, .single.-sustainability .slider-news--wrapper .slider-news.-desktop {
    display: none;
  }
  .single-news .slider-news--wrapper .slider-news.-mobile, .single.-sustainability .slider-news--wrapper .slider-news.-mobile {
    display: block;
    padding: 0;
  }
  .single-news .slider-news--wrapper .slider-news .slider-news-item, .single.-sustainability .slider-news--wrapper .slider-news .slider-news-item {
    padding-top: 80%;
    position: relative;
    overflow: hidden;
  }
  .single-news .slider-news--wrapper .slider-news .slider-news-item img, .single.-sustainability .slider-news--wrapper .slider-news .slider-news-item img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .single.-sustainability {
    padding-bottom: 0;
  }
  .single.-sustainability .content--wrapper {
    margin-bottom: 50px;
  }
  .single.-sustainability .content--wrapper .full-text {
    display: block;
  }
  .single.-sustainability .content--wrapper .content-text-image {
    flex-direction: column;
  }
  .single.-sustainability .content--wrapper .content-text-image > div .content-text, .single.-sustainability .content--wrapper .content-text-image.-image > div .content-text {
    display: block;
    margin-bottom: 50px;
  }
  .single.-sustainability .content--wrapper .content-text-image > div .content-text .btn, .single.-sustainability .content--wrapper .content-text-image.-image > div .content-text .btn {
    margin-top: 35px;
  }
}

@media screen and (max-width: 575px) {
  .single-news .content--wrapper .content-text, .single.-sustainability .content--wrapper .content-text {
    font-size: 16px;
    line-height: 24px;
  }
}

.single-news .header .mainbar--wrapper .primary_menu li.active-item-news a, .eventsArchive .header .mainbar--wrapper .primary_menu li.active-item-news a {
  color: #069782;
}

.solutionsArchive .header .mainbar--wrapper .primary_menu li.active-item-solutions a, .solutionSingle .header .mainbar--wrapper .primary_menu li.active-item-solutions a {
  color: #069782;
}

.single-sustainability .header .mainbar--wrapper .primary_menu li.active-item-sustainability a {
  color: #069782;
}

.newsArchive .search-content-type {
  margin-top: 40px;
}

.sustainabilityArchive .archive-sustainability {
  margin-bottom: 125px;
}

.sustainabilityArchive .archive-list {
  flex-wrap: wrap;
  margin: 105px -25px 0;
}

.sustainabilityArchive .archive-list .archive-list-item {
  flex: 0 0 calc(100% / 3);
  padding: 25px;
}

.sustainabilityArchive .archive-list .archive-list-item .title {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
}

.sustainabilityArchive .archive-list .archive-list-item .description {
  font-size: 20px;
  line-height: 28px;
}

.sustainabilityArchive .archive-list .archive-list-item > a {
  padding-top: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header {
  position: absolute;
  max-height: calc(100% - 60px);
  bottom: 30px;
  width: calc(100% - 50px);
  left: 50%;
  transform: translateX(-50%);
  padding: 45px 0 75px;
  background-color: rgba(4, 131, 111, 0.5);
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header .archive-list-title {
  font-family: "Inter Bold";
  color: #ffffff;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 34px;
  width: calc(100% - 160px);
  margin: auto;
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header .archive-list-title:before {
  content: '';
  position: absolute;
  left: 140px;
  bottom: 0;
  z-index: -1;
  background-color: rgba(112, 112, 112, 0.6);
  height: 70px;
  width: 70px;
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header .archive-list-title:after {
  content: '';
  background: url("../../public/images/arrow-archive.svg") no-repeat center center;
  position: absolute;
  bottom: 15px;
  right: 20px;
  display: block;
  width: 36px;
  height: 28px;
  background-size: 100%;
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header:before, .sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header:before {
  height: 140px;
  width: 70px;
  background-color: rgba(4, 131, 111, 0.8);
}

.sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header:after {
  height: 70px;
  width: 140px;
  background-color: rgba(4, 131, 111, 0.6);
}

.archive-news, .archive-events, .archive-projects, .list-awards, .list-company {
  padding-bottom: 50px;
}

.archive-news .content--wrapper, .archive-events .content--wrapper, .archive-projects .content--wrapper, .list-awards .content--wrapper, .list-company .content--wrapper {
  padding-top: 45px;
}

.archive-news .content--wrapper .title-intro, .archive-events .content--wrapper .title-intro, .archive-projects .content--wrapper .title-intro, .list-awards .content--wrapper .title-intro, .list-company .content--wrapper .title-intro {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
  font-family: "Inter Bold";
}

.archive-news .content--wrapper .text-intro, .archive-events .content--wrapper .text-intro, .archive-projects .content--wrapper .text-intro, .list-awards .content--wrapper .text-intro, .list-company .content--wrapper .text-intro {
  font-size: 20px;
  line-height: 28px;
}

.archive-news .post-highlighted, .archive-events .post-highlighted, .archive-projects .post-highlighted, .list-awards .post-highlighted, .list-company .post-highlighted {
  padding-top: 50px;
  padding-bottom: 20px;
}

.archive-news .post-highlighted .post-highlighted--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper, .archive-projects .post-highlighted .post-highlighted--wrapper, .list-awards .post-highlighted .post-highlighted--wrapper, .list-company .post-highlighted .post-highlighted--wrapper {
  justify-content: space-between;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-image {
  width: 33%;
  padding-top: 33%;
  overflow: hidden;
  height: 0;
  margin: 0;
  position: relative;
  z-index: -1;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-image img, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image img, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-image img, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-image img, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-image img {
  background-color: #c6c6c6;
  position: absolute;
  top: 0;
  left: 0;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper {
  width: calc(66% + 100px);
  margin: 35px 0 35px -100px;
  padding: 50px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header > a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header > a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header > a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header > a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header > a {
  text-transform: uppercase;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title {
  text-transform: uppercase;
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 30px;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span {
  font-family: "Inter Light Italic";
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul {
  list-style: none;
  padding: 0;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span ul a {
  color: inherit;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text {
  margin: 30px 0 40px;
  font-size: 20px;
  line-height: 28px;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info {
  padding-top: 40px;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div {
  margin: 5px 0;
  font-size: 18px;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div a {
  background-size: 22px !important;
  padding-left: 40px;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #474647;
  text-decoration: none;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.mail a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.mail a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.mail a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.mail a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.mail a {
  background: url("../../public/images/mail-green.png") no-repeat center left;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.phone a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.phone a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.phone a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.phone a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.phone a {
  background: url("../../public/images/office-building-green.png") no-repeat center left;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.linkedin a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.linkedin a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.linkedin a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.linkedin a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div.linkedin a {
  background: url("../../public/images/linkedin-green.png") no-repeat center left;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div:not(:last-child), .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div:not(:last-child), .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div:not(:last-child), .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div:not(:last-child), .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .info > div:not(:last-child) {
  margin-right: 60px;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .btn, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .btn, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .btn, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .btn, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .btn {
  max-width: -webkit-max-content;
  max-width: max-content;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p {
  text-align: right;
  margin: 30px 0 0;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p a, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p a, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p a, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p a, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p a {
  text-decoration: underline;
}

.archive-news .archive-list, .archive-events .archive-list, .archive-projects .archive-list, .list-awards .archive-list, .list-company .archive-list {
  flex-wrap: wrap;
  margin: 50px -25px 0;
}

.archive-news .archive-list .archive-list-item, .archive-events .archive-list .archive-list-item, .archive-projects .archive-list .archive-list-item, .list-awards .archive-list .archive-list-item, .list-company .archive-list .archive-list-item {
  flex: 0 0 calc((100% / 3) - 50px);
  margin: 0 25px 65px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.archive-news .archive-list .archive-list-item .archive-list-image, .archive-events .archive-list .archive-list-item .archive-list-image, .archive-projects .archive-list .archive-list-item .archive-list-image, .list-awards .archive-list .archive-list-item .archive-list-image, .list-company .archive-list .archive-list-item .archive-list-image {
  padding-top: 100%;
  overflow: hidden;
  height: 0;
  margin: 0;
  position: relative;
  z-index: -1;
}

.archive-news .archive-list .archive-list-item .archive-list-image img, .archive-events .archive-list .archive-list-item .archive-list-image img, .archive-projects .archive-list .archive-list-item .archive-list-image img, .list-awards .archive-list .archive-list-item .archive-list-image img, .list-company .archive-list .archive-list-item .archive-list-image img {
  background-color: #c6c6c6;
  position: absolute;
  top: 0;
  left: 0;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper, .list-company .archive-list .archive-list-item .archive-list-text--wrapper {
  width: calc(100% - 60px);
  margin: -255px 30px 0;
  padding: 20px 25px 0;
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: space-between;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper header > a, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header > a, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header > a, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header > a, .list-company .archive-list .archive-list-item .archive-list-text--wrapper header > a {
  text-transform: uppercase;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .list-company .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title {
  margin: 0 0 15px;
  font-size: 24px;
  line-height: 30px;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper header span, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header span, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header span, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header span, .list-company .archive-list .archive-list-item .archive-list-text--wrapper header span {
  font-family: "Inter Light Italic";
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper header span ul, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header span ul, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header span ul, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header span ul, .list-company .archive-list .archive-list-item .archive-list-text--wrapper header span ul {
  list-style: none;
  padding: 0;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper header span ul a, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header span ul a, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header span ul a, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header span ul a, .list-company .archive-list .archive-list-item .archive-list-text--wrapper header span ul a {
  color: inherit;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .list-company .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text {
  margin: 30px 0 40px;
  font-size: 20px;
  line-height: 28px;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper .btn, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper .btn, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper .btn, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper .btn, .list-company .archive-list .archive-list-item .archive-list-text--wrapper .btn {
  max-width: -webkit-max-content;
  max-width: max-content;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .list-company .archive-list .archive-list-item .archive-list-text--wrapper > div > p {
  text-align: right;
  margin-top: 25px;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper > div > p a, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper > div > p a, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper > div > p a, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper > div > p a, .list-company .archive-list .archive-list-item .archive-list-text--wrapper > div > p a {
  text-decoration: underline;
}

.archive-news .btn-big, .archive-events .btn-big {
  background-color: #474647;
}

.archive-news .archive-list .archive-list-item .archive-list-text--wrapper > div > p,
.archive-events .archive-list .archive-list-item .archive-list-text--wrapper > div > p {
  margin-bottom: 25px;
  margin-top: 0;
}

.archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p,
.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p {
  margin: 0 0 30px;
}

.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image {
  background-color: #474647;
}

.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper {
  position: absolute;
  bottom: 35px;
  right: 95px;
  text-align: right;
  width: calc(100% - 95px);
  font-size: 8vw;
  line-height: 0.7;
}

.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper .day {
  font-family: "Inter Light";
}

.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper .month {
  font-family: "Inter Bold";
}

.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span {
  flex-direction: column;
}

.archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span .place {
  font-family: "Inter Medium Italic";
  margin-top: 10px;
}

.archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
  position: absolute;
  bottom: 275px;
  right: 0;
  text-align: right;
  width: 100%;
  font-size: 7vw;
  line-height: 0.7;
}

.archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper .day {
  font-family: "Inter Light";
}

.archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper .month {
  font-family: "Inter Bold";
}

.archive-events .archive-list .archive-list-item .archive-list-text--wrapper header span {
  flex-direction: column;
}

.archive-events .archive-list .archive-list-item .archive-list-text--wrapper header span .place {
  font-family: "Inter Medium Italic";
  margin-top: 10px;
}

.archive-projects .search-content-type .search-content-type--wrapper {
  justify-content: flex-end;
}

.archive-projects .search-content-type .search-content-type--wrapper .order-results + .order-results {
  margin-left: 50px;
}

.archive-projects .search-content-type .search-content-type--wrapper span#filters::after {
  content: ':';
}

.list-awards .post-highlighted {
  padding: 25px 0;
}

.list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text {
  margin: 5px 0 40px !important;
  flex: 1;
}

@media only screen and (min-width: 1921px) {
  .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper {
    font-size: 153px;
  }
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 133px;
  }
}

@media only screen and (max-width: 1700px) {
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 6vw;
  }
}

@media only screen and (max-width: 1600px) {
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 5vw;
  }
}

@media only screen and (max-width: 1500px) {
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 4vw;
  }
}

@media only screen and (max-width: 1440px) {
  .archive-news, .archive-events, .archive-projects, .list-awards, .list-company {
    padding-bottom: 70px;
  }
  .archive-news .content--wrapper, .archive-events .content--wrapper, .archive-projects .content--wrapper, .list-awards .content--wrapper, .list-company .content--wrapper {
    padding-top: 25px;
  }
  .archive-news .content--wrapper .title-intro, .archive-events .content--wrapper .title-intro, .archive-projects .content--wrapper .title-intro, .list-awards .content--wrapper .title-intro, .list-company .content--wrapper .title-intro {
    font-size: 26px;
    line-height: 32px;
  }
  .archive-news .content--wrapper .text-intro, .archive-events .content--wrapper .text-intro, .archive-projects .content--wrapper .text-intro, .list-awards .content--wrapper .text-intro, .list-company .content--wrapper .text-intro {
    font-size: 18px;
    line-height: 26px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper {
    margin: 25px 0 25px -100px;
    padding: 15px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 26px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text {
    margin: 25px 0 30px;
    font-size: 18px;
    line-height: 26px;
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper, .list-company .archive-list .archive-list-item .archive-list-text--wrapper {
    width: calc(100% - 40px);
    margin: -200px 20px 0;
    padding: 15px 15px 0;
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title, .list-company .archive-list .archive-list-item .archive-list-text--wrapper header > a .archive-list-title {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 26px;
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .list-company .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text {
    margin: 25px 0 30px;
    font-size: 18px;
    line-height: 26px;
  }
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    bottom: 220px;
    font-size: 5vw;
  }
  .sustainabilityArchive .archive-list .archive-list-item .title {
    font-size: 32px;
    line-height: 38px;
  }
  .sustainabilityArchive .archive-list .archive-list-item .description {
    font-size: 18px;
    line-height: 26px;
  }
  .sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header .archive-list-title {
    width: calc(100% - 40px);
    font-size: 24px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 1300px) {
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 3.5vw;
  }
}

@media only screen and (max-width: 1280px) {
  .archive-news .content--wrapper, .archive-events .content--wrapper, .archive-projects .content--wrapper {
    padding-top: 0px;
  }
  .archive-news .content--wrapper .title-intro, .archive-events .content--wrapper .title-intro, .archive-projects .content--wrapper .title-intro {
    font-size: 24px;
    line-height: 30px;
  }
  .archive-news .content--wrapper .text-intro, .archive-events .content--wrapper .text-intro, .archive-projects .content--wrapper .text-intro {
    font-size: 16px;
    line-height: 24px;
  }
  .archive-news .archive-list .archive-list-item, .archive-events .archive-list .archive-list-item, .archive-projects .archive-list .archive-list-item {
    flex: 0 0 calc((100% / 2) - 50px);
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper {
    margin-top: -255px;
  }
  .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper {
    bottom: 25px;
    font-size: 6vw;
  }
  .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 6vw;
    bottom: 275px;
  }
}

@media only screen and (min-width: 992px) {
  .archive-projects .archive-list {
    margin: 50px -15px 0;
  }
  .archive-projects .archive-list .archive-list-item {
    flex: 0 0 calc((100% / 2) - 30px);
    flex-direction: row;
    margin: 0 15px 65px;
  }
  .archive-projects .archive-list .archive-list-item .archive-list-image {
    width: 55%;
    padding-top: 55%;
  }
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper {
    width: calc(45% + 100px);
    margin: 20px 0 20px -100px;
    padding: 25px;
  }
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1441px) {
  .archive-projects .archive-list {
    margin: 50px -25px 0;
  }
  .archive-projects .archive-list .archive-list-item {
    flex: 0 0 calc((100% / 2) - 50px);
    margin: 0 25px 65px;
  }
}

@media only screen and (max-width: 1199px) {
  .sustainabilityArchive .archive-list .archive-list-item {
    flex: 0 0 calc(100% / 2);
  }
}

@media only screen and (max-width: 991px) {
  .single-news .header .mainbar--wrapper .primary_menu li.active-item-news a, .eventsArchive .header .mainbar--wrapper .primary_menu li.active-item-news a {
    color: #ffffff;
    text-decoration: underline;
  }
  .solutionsArchive .header .mainbar--wrapper .primary_menu li.active-item-solutions a, .solutionSingle .header .mainbar--wrapper .primary_menu li.active-item-solutions a {
    color: #ffffff;
    text-decoration: underline;
  }
  .single-sustainability .header .mainbar--wrapper .primary_menu li.active-item-sustainability a {
    color: #ffffff;
    text-decoration: underline;
  }
  .archive-news .content--wrapper .title-intro, .archive-events .content--wrapper .title-intro, .archive-projects .content--wrapper .title-intro, .list-awards .content--wrapper .title-intro, .list-company .content--wrapper .title-intro {
    font-size: 32px;
    line-height: 40px;
  }
  .archive-news .post-highlighted, .archive-events .post-highlighted, .archive-projects .post-highlighted, .list-awards .post-highlighted, .list-company .post-highlighted {
    padding: 30px 0 15px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper, .archive-projects .post-highlighted .post-highlighted--wrapper, .list-awards .post-highlighted .post-highlighted--wrapper, .list-company .post-highlighted .post-highlighted--wrapper {
    flex-direction: column;
    padding: 0;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-image, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-image {
    width: 100%;
    padding-top: 58%;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper {
    width: calc(100% - 40px);
    margin: -100px 20px 0;
    padding: 20px 20px 0;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper > p {
    margin-top: 25px;
  }
  .archive-news .archive-list, .archive-events .archive-list, .archive-projects .archive-list, .list-awards .archive-list, .list-company .archive-list {
    margin: 50px -20px 0;
  }
  .archive-news .archive-list .archive-list-item, .archive-events .archive-list .archive-list-item, .archive-projects .archive-list .archive-list-item, .list-awards .archive-list .archive-list-item, .list-company .archive-list .archive-list-item {
    flex: 0 0 100%;
    margin: 0 0 65px;
  }
  .archive-news .archive-list .archive-list-item .archive-list-image, .archive-events .archive-list .archive-list-item .archive-list-image, .archive-projects .archive-list .archive-list-item .archive-list-image, .list-awards .archive-list .archive-list-item .archive-list-image, .list-company .archive-list .archive-list-item .archive-list-image {
    padding-top: 58%;
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper, .list-company .archive-list .archive-list-item .archive-list-text--wrapper {
    margin: -100px 20px 0;
    padding: 20px 20px 0;
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .archive-events .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .list-awards .archive-list .archive-list-item .archive-list-text--wrapper > div > p, .list-company .archive-list .archive-list-item .archive-list-text--wrapper > div > p {
    margin-top: 25px;
  }
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper > div > p,
  .archive-events .archive-list .archive-list-item .archive-list-text--wrapper > div > p {
    margin-top: 0;
  }
  .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper .archive-list-image .date--wrapper, .archive-events .archive-list .archive-list-item .post-highlighted-image .date--wrapper, .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    bottom: 100px;
    font-size: 22vw;
    right: 20px;
  }
  .archive-projects .post-highlighted, .list-awards .post-highlighted {
    margin: 0 -20px;
  }
  .archive-projects .search-content-type, .list-awards .search-content-type {
    background-color: #F4F4F4;
  }
  .archive-projects .search-content-type .content-type, .list-awards .search-content-type .content-type {
    display: flex;
  }
  .list-awards .post-highlighted {
    padding: 35px 0;
  }
  .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text {
    margin: 20px 0 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .sustainabilityArchive .archive-list {
    margin: 60px 0 0;
  }
  .sustainabilityArchive .archive-list .archive-list-item {
    flex: 0 0 100%;
    padding: 15px 0;
  }
}

@media only screen and (max-width: 575px) {
  .archive-news .content--wrapper .title-intro, .archive-events .content--wrapper .title-intro, .archive-projects .content--wrapper .title-intro, .list-awards .content--wrapper .title-intro, .list-company .content--wrapper .title-intro {
    font-size: 30px;
    line-height: 35px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header a .archive-list-title,
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper header .post-highlighted-title,
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper header a .archive-list-title, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header a .archive-list-title,
  .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header .post-highlighted-title,
  .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header a .archive-list-title, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header a .archive-list-title,
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header .post-highlighted-title,
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header a .archive-list-title, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header a .archive-list-title,
  .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header .post-highlighted-title,
  .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header a .archive-list-title, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header .post-highlighted-title, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header a .archive-list-title,
  .list-company .archive-list .archive-list-item .archive-list-text--wrapper header .post-highlighted-title,
  .list-company .archive-list .archive-list-item .archive-list-text--wrapper header a .archive-list-title {
    font-size: 18px;
    line-height: 24px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span,
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper header span, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span,
  .archive-events .archive-list .archive-list-item .archive-list-text--wrapper header span, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span,
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper header span, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span,
  .list-awards .archive-list .archive-list-item .archive-list-text--wrapper header span, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper header span,
  .list-company .archive-list .archive-list-item .archive-list-text--wrapper header span {
    font-size: 14px;
  }
  .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-news .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .archive-list-text,
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper .post-highlighted-text,
  .archive-news .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .archive-list-text,
  .archive-events .archive-list .archive-list-item .archive-list-text--wrapper .post-highlighted-text,
  .archive-events .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .archive-projects .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .archive-list-text,
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper .post-highlighted-text,
  .archive-projects .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .list-awards .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .archive-list-text,
  .list-awards .archive-list .archive-list-item .archive-list-text--wrapper .post-highlighted-text,
  .list-awards .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text, .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .archive-list-text,
  .list-company .archive-list .archive-list-item .archive-list-text--wrapper .post-highlighted-text,
  .list-company .archive-list .archive-list-item .archive-list-text--wrapper .archive-list-text {
    font-size: 16px;
    line-height: 24px;
  }
  .archive-events .post-highlighted .post-highlighted--wrapper .post-highlighted-image .date--wrapper, .archive-events .post-highlighted .post-highlighted--wrapper .archive-list-image .date--wrapper, .archive-events .archive-list .archive-list-item .post-highlighted-image .date--wrapper, .archive-events .archive-list .archive-list-item .archive-list-image .date--wrapper {
    font-size: 16vw;
  }
  .sustainabilityArchive .archive-list .archive-list-item .title {
    font-size: 22px;
    line-height: 28px;
  }
  .sustainabilityArchive .archive-list .archive-list-item .description {
    font-size: 16px;
    line-height: 24px;
  }
  .sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header {
    max-height: calc(100% - 40px);
    bottom: 20px;
    width: calc(100% - 40px);
    padding: 35px 0 55px;
  }
  .sustainabilityArchive .archive-list .archive-list-item > a .archive-list-header .archive-list-title {
    font-size: 22px;
    line-height: 26px;
  }
}

.single-projects .header .mainbar .mainbar--wrapper .primary_menu li.active-item-project a {
  color: #069782;
}

.single-projects .numbers-project {
  margin-bottom: 90px;
  padding-top: 20px;
}

.single-projects .numbers-project .numbers-project-wrap {
  padding: 45px 0;
}

.single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
}

.single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
  text-align: center;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
}

.single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .icon {
  max-width: 40%;
  height: 50px;
  margin: 0 auto;
}

.single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .icon img, .single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .icon svg {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .number {
  font-family: "Inter Bold";
  font-size: 28px;
  margin-top: 10px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .description {
  margin-top: 7px;
  font-family: "Inter Light";
  font-size: 20px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-projects .description-project {
  padding-bottom: 130px;
}

@media only screen and (max-width: 1440px) {
  .single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item {
    margin: 10px 15px;
    padding: 0;
  }
  .single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .number {
    font-size: 26px;
  }
  .single-projects .numbers-project .numbers-project-wrap .numbers-project--wrapper .numbers-project--item .description {
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
  .single-projects .header .mainbar .mainbar--wrapper .primary_menu li.active-item-project a {
    color: #ffffff;
    text-decoration: underline;
  }
  .single-projects .numbers-project {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .single-projects .intro-wrapper .project-details .intro-content--wrapper {
    width: 100%;
  }
}

#page-company-company-master .breadcrumbs, #page-pf-group .breadcrumbs {
  margin-bottom: 70px;
}

#page-company-company-master .page-default--wrapper, #page-pf-group .page-default--wrapper {
  padding: 0;
}

#page-company-company-master .paragraph, #page-pf-group .paragraph {
  margin-bottom: 70px;
}

#page-company-company-master .paragraph .paragraph-title, #page-pf-group .paragraph .paragraph-title {
  margin-bottom: 20px;
  text-transform: uppercase;
}

#page-company-company-master .paragraph .paragraph-description img, #page-pf-group .paragraph .paragraph-description img {
  max-width: 75%;
  margin: 70px auto;
  display: block;
}

#page-company-company-master .paragraph .paragraph-description ul li, #page-pf-group .paragraph .paragraph-description ul li {
  margin: 0;
}

#page-company-company-master .paragraph .paragraph-description ul li::marker, #page-pf-group .paragraph .paragraph-description ul li::marker {
  color: #069782;
}

#page-company-company-master .list-company .post-highlighted, #page-pf-group .list-company .post-highlighted {
  padding-top: 0;
}

#page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper.row-reverse, #page-pf-group .list-company .post-highlighted .post-highlighted--wrapper.row-reverse {
  flex-direction: row-reverse;
}

#page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper.row-reverse .post-highlighted-text--wrapper, #page-pf-group .list-company .post-highlighted .post-highlighted--wrapper.row-reverse .post-highlighted-text--wrapper {
  margin: 35px -100px 35px 0;
  padding: 50px 60px 50px 0;
}

#page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper, #page-pf-group .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper {
  justify-content: center;
  position: relative;
  padding: 50px 0 50px 60px;
}

#page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper:before, #page-pf-group .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper:before {
  position: absolute;
  content: '';
  display: block;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media only screen and (max-width: 1440px) {
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper.row-reverse .post-highlighted-text--wrapper {
    margin: 35px -100px 35px 0;
    padding: 15px 15px 15px 0;
  }
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper {
    padding: 15px 0 15px 15px;
  }
}

@media only screen and (max-width: 991px) {
  #page-company-company-master .screen + .container {
    margin-top: 85px;
  }
  #page-company-company-master .paragraph .paragraph-description img {
    max-width: none;
    width: 100%;
  }
  #page-company-company-master .list-company {
    margin: 0 -20px;
  }
  #page-company-company-master .list-company .post-highlighted {
    padding-bottom: 0;
  }
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper.row-reverse {
    flex-direction: column;
  }
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper.row-reverse .post-highlighted-text--wrapper {
    margin: -100px 20px 0 20px;
  }
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper {
    padding: 20px 20px 0 !important;
  }
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-text {
    margin-bottom: 0 !important;
  }
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 575px) {
  #page-company-company-master .list-company .post-highlighted .post-highlighted--wrapper .post-highlighted-text--wrapper .post-highlighted-title {
    font-size: 22px;
  }
}

.page-company .screen-company {
  max-height: 788px;
  height: calc(100vh - 292px);
  margin-top: 35px;
  margin-bottom: 45px;
  position: relative;
}

.page-company .screen-company::before, .page-company .screen-company::after {
  content: '';
  position: absolute;
}

.page-company .screen-company::before {
  bottom: 0;
  left: 0;
  height: 180px;
  width: 540px;
  background-color: #04836F;
}

.page-company .screen-company::after {
  top: 0;
  background: url("../../public/images/homepage/texture.png");
  right: 0;
  height: 100%;
  width: calc(16% + 150px);
}

.page-company .screen-company .overlay {
  background-color: rgba(4, 131, 111, 0.7);
  width: calc(84% - 150px);
}

.page-company .screen-company .overlay::before, .page-company .screen-company .overlay::after {
  content: '';
  position: absolute;
  height: 180px;
  bottom: 180px;
}

.page-company .screen-company .overlay::before {
  width: 540px;
  right: 0;
  background-color: #0E7162;
}

.page-company .screen-company .overlay::after {
  width: 180px;
  background-color: rgba(4, 131, 111, 0.6);
  right: -180px;
}

.page-company .screen-company .overlay > span {
  position: absolute;
  width: 180px;
  height: 180px;
  background-color: #069782;
  right: 540px;
  bottom: 0;
}

.page-company .screen-company .overlay > span::after {
  background-color: rgba(4, 131, 111, 0.6);
  left: 180px;
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: 0;
}

.page-company .screen-company > span {
  position: absolute;
  width: 180px;
  height: 180px;
  background-color: #069782;
  left: 0;
  bottom: 0;
}

.page-company .screen-company > span::before, .page-company .screen-company > span::after {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: 100%;
}

.page-company .screen-company > span::before {
  left: 0;
  background-color: rgba(4, 131, 111, 0.5);
}

.page-company .screen-company > span::after {
  background-color: #069782;
  left: 180px;
}

.page-company .screen-company .title-screen {
  position: absolute;
  z-index: 5;
  max-width: calc(100% - 150px);
  top: -5px;
  left: -15px;
}

.page-company .screen-company .title-screen h1 {
  line-height: 0.7;
  font-size: 11.4vw;
}

.page-company .image-intro {
  padding-top: 27.6%;
  height: 0;
  position: relative;
  margin-bottom: 80px;
}

.page-company .image-intro img {
  position: absolute;
  top: 0;
  left: 0;
}

.page-company .content-default-wrap {
  margin-bottom: 45px;
}

.page-company .download-btn {
  text-align: center;
  margin: 100px 0 150px;
}

.page-company .content--wrapper {
  margin-top: 85px;
}

.page-company .content--wrapper .title-intro {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
}

.page-company .content--wrapper .page-default--wrapper {
  padding: 0 0 50px;
}

.page-company .content--wrapper .btn-wrapper {
  text-align: center;
  margin-bottom: 70px;
}

.page-company .subpages-list, .page-company .timeline-list {
  margin-bottom: 85px;
}

.page-company .subpages-list .subpages--wrapper, .page-company .subpages-list .timeline--wrapper, .page-company .timeline-list .subpages--wrapper, .page-company .timeline-list .timeline--wrapper {
  padding-left: 0;
  list-style: none;
  width: 100%;
}

.page-company .subpages-list .subpages--wrapper .subpages--item, .page-company .subpages-list .subpages--wrapper .timeline--item, .page-company .subpages-list .timeline--wrapper .subpages--item, .page-company .subpages-list .timeline--wrapper .timeline--item, .page-company .timeline-list .subpages--wrapper .subpages--item, .page-company .timeline-list .subpages--wrapper .timeline--item, .page-company .timeline-list .timeline--wrapper .subpages--item, .page-company .timeline-list .timeline--wrapper .timeline--item {
  flex: 1;
}

.page-company .subpages-list .subpages--wrapper .subpages--item a, .page-company .subpages-list .subpages--wrapper .subpages--item .timeline-year, .page-company .subpages-list .subpages--wrapper .timeline--item a, .page-company .subpages-list .subpages--wrapper .timeline--item .timeline-year, .page-company .subpages-list .timeline--wrapper .subpages--item a, .page-company .subpages-list .timeline--wrapper .subpages--item .timeline-year, .page-company .subpages-list .timeline--wrapper .timeline--item a, .page-company .subpages-list .timeline--wrapper .timeline--item .timeline-year, .page-company .timeline-list .subpages--wrapper .subpages--item a, .page-company .timeline-list .subpages--wrapper .subpages--item .timeline-year, .page-company .timeline-list .subpages--wrapper .timeline--item a, .page-company .timeline-list .subpages--wrapper .timeline--item .timeline-year, .page-company .timeline-list .timeline--wrapper .subpages--item a, .page-company .timeline-list .timeline--wrapper .subpages--item .timeline-year, .page-company .timeline-list .timeline--wrapper .timeline--item a, .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year {
  display: flex;
  padding-top: 85px;
  height: 100%;
  justify-content: flex-end;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

.page-company .subpages-list .subpages--wrapper .subpages--item a .title-subpage, .page-company .subpages-list .subpages--wrapper .subpages--item a .big-year, .page-company .subpages-list .subpages--wrapper .subpages--item .timeline-year .title-subpage, .page-company .subpages-list .subpages--wrapper .subpages--item .timeline-year .big-year, .page-company .subpages-list .subpages--wrapper .timeline--item a .title-subpage, .page-company .subpages-list .subpages--wrapper .timeline--item a .big-year, .page-company .subpages-list .subpages--wrapper .timeline--item .timeline-year .title-subpage, .page-company .subpages-list .subpages--wrapper .timeline--item .timeline-year .big-year, .page-company .subpages-list .timeline--wrapper .subpages--item a .title-subpage, .page-company .subpages-list .timeline--wrapper .subpages--item a .big-year, .page-company .subpages-list .timeline--wrapper .subpages--item .timeline-year .title-subpage, .page-company .subpages-list .timeline--wrapper .subpages--item .timeline-year .big-year, .page-company .subpages-list .timeline--wrapper .timeline--item a .title-subpage, .page-company .subpages-list .timeline--wrapper .timeline--item a .big-year, .page-company .subpages-list .timeline--wrapper .timeline--item .timeline-year .title-subpage, .page-company .subpages-list .timeline--wrapper .timeline--item .timeline-year .big-year, .page-company .timeline-list .subpages--wrapper .subpages--item a .title-subpage, .page-company .timeline-list .subpages--wrapper .subpages--item a .big-year, .page-company .timeline-list .subpages--wrapper .subpages--item .timeline-year .title-subpage, .page-company .timeline-list .subpages--wrapper .subpages--item .timeline-year .big-year, .page-company .timeline-list .subpages--wrapper .timeline--item a .title-subpage, .page-company .timeline-list .subpages--wrapper .timeline--item a .big-year, .page-company .timeline-list .subpages--wrapper .timeline--item .timeline-year .title-subpage, .page-company .timeline-list .subpages--wrapper .timeline--item .timeline-year .big-year, .page-company .timeline-list .timeline--wrapper .subpages--item a .title-subpage, .page-company .timeline-list .timeline--wrapper .subpages--item a .big-year, .page-company .timeline-list .timeline--wrapper .subpages--item .timeline-year .title-subpage, .page-company .timeline-list .timeline--wrapper .subpages--item .timeline-year .big-year, .page-company .timeline-list .timeline--wrapper .timeline--item a .title-subpage, .page-company .timeline-list .timeline--wrapper .timeline--item a .big-year, .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .title-subpage, .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .big-year {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #ffffff;
  font-family: "Inter Bold";
  font-size: 55px;
}

.page-company .subpages-list .subpages--wrapper .subpages--item a:hover, .page-company .subpages-list .subpages--wrapper .subpages--item .timeline-year:hover, .page-company .subpages-list .subpages--wrapper .timeline--item a:hover, .page-company .subpages-list .subpages--wrapper .timeline--item .timeline-year:hover, .page-company .subpages-list .timeline--wrapper .subpages--item a:hover, .page-company .subpages-list .timeline--wrapper .subpages--item .timeline-year:hover, .page-company .subpages-list .timeline--wrapper .timeline--item a:hover, .page-company .subpages-list .timeline--wrapper .timeline--item .timeline-year:hover, .page-company .timeline-list .subpages--wrapper .subpages--item a:hover, .page-company .timeline-list .subpages--wrapper .subpages--item .timeline-year:hover, .page-company .timeline-list .subpages--wrapper .timeline--item a:hover, .page-company .timeline-list .subpages--wrapper .timeline--item .timeline-year:hover, .page-company .timeline-list .timeline--wrapper .subpages--item a:hover, .page-company .timeline-list .timeline--wrapper .subpages--item .timeline-year:hover, .page-company .timeline-list .timeline--wrapper .timeline--item a:hover, .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year:hover {
  background-image: linear-gradient(to top, rgba(6, 151, 130, 0.75), rgba(6, 151, 130, 0.7), rgba(6, 151, 130, 0.4), rgba(6, 151, 130, 0.2));
}

.page-company .subpages-list .subpages--wrapper .timeline--item:last-child, .page-company .subpages-list .timeline--wrapper .timeline--item:last-child, .page-company .timeline-list .subpages--wrapper .timeline--item:last-child, .page-company .timeline-list .timeline--wrapper .timeline--item:last-child {
  padding-right: 150px;
  flex: 150px;
}

.page-company.-default .content-default-wrap {
  margin-bottom: 100px;
}

.page-company.-pf-group .content--wrapper .intro-page {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.page-company.-pf-group .content--wrapper .intro-page .title-intro {
  margin: 0 20px 20px 0;
}

.page-company.-pf-group .content--wrapper .intro-page .download-btn {
  margin: 0 0 20px;
}

.page-company.-pf-group .content--wrapper .section-video {
  width: 56.27%;
  margin: 0 auto 70px;
}

#page-company .page-company .subpages-list .subpages--wrapper .subpages--item:not(.-mobile):nth-last-of-type(2) {
  flex: 150px;
  padding-right: 150px;
}

#page-company-history .page-company .timeline-list {
  margin-bottom: 95px;
  height: 100vh;
  max-height: 1080px;
  position: relative;
}

#page-company-history .page-company .timeline-list .timeline--wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open {
  position: relative;
  flex: auto;
  width: 60%;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year .little-year {
  display: none;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year .big-year {
  color: #ffffff;
  right: auto;
  left: -65px;
  z-index: 1;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content {
  display: block;
  position: absolute;
  top: 150px;
  right: 90px;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title {
  padding: 50px 45px 50px 250px;
  width: 66%;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title h2 {
  font-size: 30px;
  line-height: 34px;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-description {
  padding: 40px 0 0 250px;
  font-size: 20px;
  line-height: 30px;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item:last-child .content {
  right: 180px !important;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.close .timeline-year .little-year {
  display: none;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.close .timeline-year .big-year {
  color: #ffffff;
  font-size: 4.5vw;
  right: -10px;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.close .timeline-year:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year {
  padding: 0;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .little-year {
  font-size: 4vw;
  position: absolute;
  top: -15px;
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .little-year strong {
  font-family: "Inter Bold";
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .big-year {
  color: rgba(255, 255, 255, 0.3);
  font-size: 13vw;
  position: absolute;
  right: -40px;
  top: -5px;
  font-family: "Inter Regular";
}

#page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year:hover {
  background-image: linear-gradient(to bottom, rgba(6, 151, 130, 0.8), rgba(6, 151, 130, 0.6), rgba(6, 151, 130, 0.4));
}

#page-company-history .page-company .timeline-list .arrows {
  position: absolute;
  height: 24px;
  width: 100px;
}

#page-company-history .page-company .timeline-list .arrows .arrow-next, #page-company-history .page-company .timeline-list .arrows .arrow-prev {
  position: absolute;
  width: 33px;
  height: 24px;
  cursor: pointer;
  z-index: 20;
}

#page-company-history .page-company .timeline-list .arrows .arrow-next {
  background: url("../../public/images/arrow-white.svg") no-repeat;
  right: 0;
}

#page-company-history .page-company .timeline-list .arrows .arrow-prev {
  left: 0;
}

#page-company-history .page-company .timeline-list .arrows .arrow-prev::before {
  content: "";
  height: 100%;
  display: block;
  background: url("../../public/images/arrow-white.svg") 0 0 no-repeat;
  transform: rotate(-180deg);
}

@media screen and (min-width: 992px) {
  #page-company-history .page-company .timeline-list .arrows {
    top: 40px !important;
  }
}

@media screen and (min-width: 1921px) {
  .page-company .screen-company .title-screen h1 {
    font-size: 200px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .little-year {
    font-size: 77px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .big-year {
    font-size: 250px;
  }
  #page-company .page-company .subpages-list {
    display: flex;
  }
  #page-company .page-company .subpages-list .subpages--wrapper {
    width: calc(100% + 150px);
    margin-right: -150px;
  }
}

@media screen and (max-width: 1600px) {
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title {
    padding-left: 200px;
    width: 85%;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-description {
    padding-left: 200px;
  }
}

@media screen and (max-width: 1440px) {
  .page-company .screen-company {
    max-height: 809px;
    height: calc(100vh - 271px);
  }
  .page-company .screen-company::before {
    height: 130px;
    width: 390px;
  }
  .page-company .screen-company .overlay::before, .page-company .screen-company .overlay::after {
    height: 130px;
    bottom: 130px;
  }
  .page-company .screen-company .overlay::before {
    width: 390px;
  }
  .page-company .screen-company .overlay::after {
    width: 130px;
    right: -130px;
  }
  .page-company .screen-company .overlay > span {
    width: 130px;
    height: 130px;
    right: 390px;
  }
  .page-company .screen-company .overlay > span::after {
    left: 130px;
    width: 130px;
    height: 130px;
  }
  .page-company .screen-company > span {
    width: 130px;
    height: 130px;
  }
  .page-company .screen-company > span::before, .page-company .screen-company > span::after {
    width: 130px;
    height: 130px;
  }
  .page-company .screen-company > span::after {
    left: 130px;
  }
  .page-company .screen-company .title-screen h1 {
    font-size: 11.1vw;
  }
  .page-company .content--wrapper .title-intro {
    font-size: 26px;
    line-height: 32px;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item a .title-subpage {
    font-size: 42px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year .big-year {
    left: -40px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content {
    top: 100px;
    right: 50px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title {
    padding: 30px 35px 30px 150px;
    width: 85%;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-description {
    padding: 40px 0 0 150px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .big-year {
    font-size: 12vw;
    right: -30px;
  }
}

@media screen and (max-width: 1199px) {
  .page-company .screen-company {
    max-height: 821px;
    height: calc(100vh - 259px);
  }
  .page-company .screen-company::before {
    height: 100px;
    width: 300px;
  }
  .page-company .screen-company .overlay::before, .page-company .screen-company .overlay::after {
    height: 100px;
    bottom: 100px;
  }
  .page-company .screen-company .overlay::before {
    width: 300px;
  }
  .page-company .screen-company .overlay::after {
    width: 100px;
    right: -100px;
  }
  .page-company .screen-company .overlay > span {
    width: 100px;
    height: 100px;
    right: 300px;
  }
  .page-company .screen-company .overlay > span::after {
    left: 100px;
    width: 100px;
    height: 100px;
  }
  .page-company .screen-company > span {
    width: 100px;
    height: 100px;
  }
  .page-company .screen-company > span::before, .page-company .screen-company > span::after {
    width: 100px;
    height: 100px;
  }
  .page-company .screen-company > span::after {
    left: 100px;
  }
  .page-company .screen-company .title-screen h1 {
    font-size: 10.8vw;
  }
  .page-company .content--wrapper .title-intro {
    font-size: 24px;
    line-height: 30px;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item a .title-subpage {
    font-size: 30px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year .big-year {
    left: -30px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content {
    top: 50px;
    right: 40px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title {
    padding: 15px 20px 15px 120px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title h2 {
    font-size: 24px;
    line-height: 26px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-description {
    padding: 20px 0 0 120px;
    font-size: 18px;
    line-height: 26px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .little-year {
    top: -10px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .big-year {
    right: -25px;
  }
}

@media screen and (max-width: 991px) {
  .page-company .screen-company {
    margin: 0 0 40px;
    max-height: none;
    padding-top: 54%;
    height: 0;
  }
  .page-company .screen-company::after {
    width: 85px;
  }
  .page-company .screen-company .overlay {
    width: calc(100% - 85px);
  }
  .page-company .screen-company .overlay::after {
    right: 0;
  }
  .page-company .screen-company .title-screen h1 {
    font-size: 18vw;
  }
  .page-company .image-intro {
    padding-top: 67.4%;
    margin-bottom: 40px;
  }
  .page-company .content-default-wrap {
    margin-bottom: 40px;
  }
  .page-company .subpages-list, .page-company .timeline-list {
    margin-bottom: 50px;
  }
  .page-company .subpages-list .subpages--wrapper, .page-company .subpages-list .timeline--wrapper, .page-company .timeline-list .subpages--wrapper, .page-company .timeline-list .timeline--wrapper {
    flex-direction: column;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item, .page-company .subpages-list .subpages--wrapper .timeline--item, .page-company .subpages-list .timeline--wrapper .subpages--item, .page-company .subpages-list .timeline--wrapper .timeline--item, .page-company .timeline-list .subpages--wrapper .subpages--item, .page-company .timeline-list .subpages--wrapper .timeline--item, .page-company .timeline-list .timeline--wrapper .subpages--item, .page-company .timeline-list .timeline--wrapper .timeline--item {
    display: none;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item a, .page-company .subpages-list .subpages--wrapper .subpages--item .timeline-year, .page-company .subpages-list .subpages--wrapper .timeline--item a, .page-company .subpages-list .subpages--wrapper .timeline--item .timeline-year, .page-company .subpages-list .timeline--wrapper .subpages--item a, .page-company .subpages-list .timeline--wrapper .subpages--item .timeline-year, .page-company .subpages-list .timeline--wrapper .timeline--item a, .page-company .subpages-list .timeline--wrapper .timeline--item .timeline-year, .page-company .timeline-list .subpages--wrapper .subpages--item a, .page-company .timeline-list .subpages--wrapper .subpages--item .timeline-year, .page-company .timeline-list .subpages--wrapper .timeline--item a, .page-company .timeline-list .subpages--wrapper .timeline--item .timeline-year, .page-company .timeline-list .timeline--wrapper .subpages--item a, .page-company .timeline-list .timeline--wrapper .subpages--item .timeline-year, .page-company .timeline-list .timeline--wrapper .timeline--item a, .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year {
    justify-content: start;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item a .title-subpage, .page-company .subpages-list .subpages--wrapper .subpages--item .timeline-year .title-subpage, .page-company .subpages-list .subpages--wrapper .timeline--item a .title-subpage, .page-company .subpages-list .subpages--wrapper .timeline--item .timeline-year .title-subpage, .page-company .subpages-list .timeline--wrapper .subpages--item a .title-subpage, .page-company .subpages-list .timeline--wrapper .subpages--item .timeline-year .title-subpage, .page-company .subpages-list .timeline--wrapper .timeline--item a .title-subpage, .page-company .subpages-list .timeline--wrapper .timeline--item .timeline-year .title-subpage, .page-company .timeline-list .subpages--wrapper .subpages--item a .title-subpage, .page-company .timeline-list .subpages--wrapper .subpages--item .timeline-year .title-subpage, .page-company .timeline-list .subpages--wrapper .timeline--item a .title-subpage, .page-company .timeline-list .subpages--wrapper .timeline--item .timeline-year .title-subpage, .page-company .timeline-list .timeline--wrapper .subpages--item a .title-subpage, .page-company .timeline-list .timeline--wrapper .subpages--item .timeline-year .title-subpage, .page-company .timeline-list .timeline--wrapper .timeline--item a .title-subpage, .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .title-subpage {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    transform: none;
    padding: 0 20px;
    font-size: 45px;
    line-height: 0.8;
    z-index: 1;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item a, .page-company .subpages-list .subpages--wrapper .timeline--item a, .page-company .subpages-list .timeline--wrapper .subpages--item a, .page-company .subpages-list .timeline--wrapper .timeline--item a, .page-company .timeline-list .subpages--wrapper .subpages--item a, .page-company .timeline-list .subpages--wrapper .timeline--item a, .page-company .timeline-list .timeline--wrapper .subpages--item a, .page-company .timeline-list .timeline--wrapper .timeline--item a {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item:last-child, .page-company .subpages-list .subpages--wrapper .timeline--item:last-child, .page-company .subpages-list .timeline--wrapper .subpages--item:last-child, .page-company .subpages-list .timeline--wrapper .timeline--item:last-child, .page-company .timeline-list .subpages--wrapper .subpages--item:last-child, .page-company .timeline-list .subpages--wrapper .timeline--item:last-child, .page-company .timeline-list .timeline--wrapper .subpages--item:last-child, .page-company .timeline-list .timeline--wrapper .timeline--item:last-child {
    flex: auto;
    padding-right: 0;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item.-mobile, .page-company .subpages-list .subpages--wrapper .timeline--item.-mobile, .page-company .subpages-list .timeline--wrapper .subpages--item.-mobile, .page-company .subpages-list .timeline--wrapper .timeline--item.-mobile, .page-company .timeline-list .subpages--wrapper .subpages--item.-mobile, .page-company .timeline-list .subpages--wrapper .timeline--item.-mobile, .page-company .timeline-list .timeline--wrapper .subpages--item.-mobile, .page-company .timeline-list .timeline--wrapper .timeline--item.-mobile {
    display: block;
  }
  .page-company.-pf-group .content--wrapper .section-video {
    width: 100%;
  }
  #page-company .page-company .subpages-list .subpages--wrapper {
    width: 100%;
    margin: 0;
  }
  #page-company-history .page-company .timeline-list {
    margin-bottom: 75px;
    height: auto;
    max-height: none;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper {
    position: static;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item {
    display: block;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open {
    width: 100%;
    position: relative;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year {
    background: none;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year:hover {
    background-image: none;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .timeline-year .little-year {
    display: block;
    z-index: 1;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content {
    position: relative;
    padding: 25px 0 140px;
    top: 0;
    right: 0;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title {
    width: 77%;
    padding: 30px 15px 30px 20px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-description {
    padding: 35px 25px 0;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open:before {
    content: '';
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), black, rgba(0, 0, 0, 0.4));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item:last-child .content {
    right: 0 !important;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.close .timeline-year .little-year {
    display: block;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.close .timeline-year:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    justify-content: flex-end;
    padding: 15px 20px 0 20px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .little-year {
    position: static;
    font-size: 20vw;
    line-height: 0.8;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year .big-year {
    display: none;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item .timeline-year:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  }
  #page-company-history .page-company .timeline-list .arrows {
    left: 20px !important;
    width: 30px;
    height: 100px;
  }
  #page-company-history .page-company .timeline-list .arrows .arrow-next, #page-company-history .page-company .timeline-list .arrows .arrow-prev {
    width: 100%;
    height: 40px;
  }
  #page-company-history .page-company .timeline-list .arrows .arrow-next {
    transform: rotate(90deg);
    bottom: 0;
    background-size: 100%;
    background-position: center;
  }
  #page-company-history .page-company .timeline-list .arrows .arrow-prev {
    top: 0;
  }
  #page-company-history .page-company .timeline-list .arrows .arrow-prev::before {
    transform: rotate(-90deg);
    background-size: 100%;
    background-position: center;
  }
}

@media screen and (max-width: 575px) {
  .page-company .screen-company {
    padding-top: 0;
    height: 234px;
  }
  .page-company .screen-company::before {
    height: 45px;
    width: 135px;
  }
  .page-company .screen-company .overlay::before, .page-company .screen-company .overlay::after {
    height: 45px;
    bottom: 45px;
  }
  .page-company .screen-company .overlay::before {
    width: 135px;
  }
  .page-company .screen-company .overlay::after {
    width: 45px;
    right: -45px;
  }
  .page-company .screen-company .overlay > span {
    width: 45px;
    height: 45px;
    right: 135px;
  }
  .page-company .screen-company .overlay > span::after {
    left: 45px;
    width: 45px;
    height: 45px;
  }
  .page-company .screen-company > span {
    width: 45px;
    height: 45px;
  }
  .page-company .screen-company > span::before, .page-company .screen-company > span::after {
    width: 45px;
    height: 45px;
  }
  .page-company .screen-company > span::after {
    left: 45px;
  }
  .page-company .screen-company .title-screen {
    left: -5px;
  }
  .page-company .screen-company .title-screen h1 {
    font-size: 16vw;
  }
  .page-company .content--wrapper {
    margin-top: 40px;
  }
  .page-company .content--wrapper .title-intro {
    font-size: 30px;
    line-height: 35px;
  }
  .page-company .subpages-list .subpages--wrapper .subpages--item a .title-subpage {
    font-size: 35px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-title h2 {
    font-size: 22px;
  }
  #page-company-history .page-company .timeline-list .timeline--wrapper .timeline--item.open .content .timeline-description {
    font-size: 18px;
    line-height: 24px;
  }
}

#page-careers .section-message .form--wrapper .form-item .form-group {
  width: calc(100% / 3);
}

#page-careers .section-message .form--wrapper .form-item .form-group input, #page-careers .section-message .form--wrapper .form-item .form-group select {
  width: 100%;
}

#page-careers .section-message .form--wrapper .form-item .form-group.-file {
  position: relative;
}

#page-careers .section-message .form--wrapper .form-item .form-group.-file label {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #069782;
  width: 100%;
  padding: 8px 40px 8px 30px;
  font-size: 18px;
  color: #474647;
  background: url("../../public/images/upload.svg") no-repeat center left 9px;
  background-size: 14px;
}

#page-careers .section-message .form--wrapper .form-item .form-group.-file input {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 0;
  border: 0;
  opacity: 0;
}

#page-careers .section-message .form--wrapper .form-item .form-group.-file .error-message {
  display: none;
  color: red;
  font-size: 12px;
  margin-top: 7px;
}

#page-careers .section-message .form--wrapper .form-item .form-group.name_pdf label {
  padding-left: 9px;
  background: none;
}

@media screen and (max-width: 1199px) {
  #page-careers .section-message .form--wrapper .form-item .form-group.-file label {
    padding-right: 25px;
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  #page-careers .section-message .form--wrapper .form-item .form-group {
    width: 100% !important;
  }
}

@media screen and (max-width: 575px) {
  #page-careers .section-message .form--wrapper .form-item .form-group.-file label {
    padding-right: 30px;
    font-size: 16px;
    background-position-x: 5px;
  }
  #page-careers .section-message .form--wrapper .form-item .form-group.name_pdf label {
    padding-left: 5px;
  }
}

.page-company.-profile .content--wrapper.no-margin {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.page-company.-profile .content--wrapper.no-margin .title-intro {
  margin-bottom: 0;
  margin-right: 20px;
}

.page-company.-profile .content--wrapper.no-margin .download-btn {
  margin: 20px 0;
}

.section-video .video-company {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}

.section-video .video-company.first {
  margin-bottom: 50px;
}

.section-video .video-company video, .section-video .video-company iframe, .section-video .video-company img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-video .video-company .link-play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8%;
  padding-top: calc(8% - 6px);
  height: 0;
  border: 3px solid #ffffff;
  border-radius: 50%;
}

.section-video .video-company .link-play-video::before {
  content: '';
  background: url(../../public/images/play-video-company.svg) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position-x: right;
  width: 50%;
  height: 50%;
}

.section-video .page-default--wrapper {
  padding: 70px 0 50px;
}

@media screen and (max-width: 991px) {
  .page-company.-profile .content--wrapper.no-margin {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .section-video .video-company .link-play-video {
    width: 15%;
    padding-top: calc(15% - 4px);
    border: 2px solid #ffffff;
  }
}

@media screen and (max-width: 575px) {
  .section-video .page-default--wrapper {
    padding: 50px 0 45px;
  }
}

@media screen and (min-width: 992px) {
  .company-pages {
    margin-bottom: 75px;
  }
  .company-pages .company-pages--wrapper {
    margin: 0 -10px;
  }
  .company-pages .company-pages--wrapper .company-pages--item {
    height: 0;
    position: relative;
    flex: 0 0 calc((100% / 5) - 20px);
    padding-top: calc((100% / 5) - 20px);
    margin: 0 10px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../../public/images/texture-gray.svg") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper {
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    width: 33%;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: calc(33% - 20px);
    position: relative;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3 span {
    font-size: 13px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
    padding-top: 3px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3::after, .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3::before {
    content: '';
    position: absolute;
    background-color: #ffffff;
    top: 0;
    width: 5px;
    height: 5px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3::before {
    left: 0;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3::after {
    right: 0;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::after, .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::before {
    content: '';
    position: absolute;
    width: 5px;
    height: calc(100% - 25px);
    background-color: #ffffff;
    bottom: 0;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::before {
    left: 0;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::after {
    right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper {
    padding-top: 10px;
    padding-bottom: calc(33% - 20px);
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3 span {
    font-size: 16px;
    padding-top: 5px;
    top: 5px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3::after, .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3::before {
    height: 10px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::after, .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::before {
    height: calc(100% - 33px);
  }
}

@media screen and (min-width: 1441px) {
  .company-pages .company-pages--wrapper {
    margin: 0 -20px;
  }
  .company-pages .company-pages--wrapper .company-pages--item {
    flex: 0 0 calc((100% / 5) - 40px);
    padding-top: calc((100% / 5) - 40px);
    margin: 0 20px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3 span {
    font-size: 20px;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::after, .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper::before {
    height: calc(100% - 38px);
  }
}

@media screen and (max-width: 991px) {
  .company-pages {
    margin-bottom: 55px;
  }
  .company-pages .company-pages--wrapper {
    flex-direction: column;
    margin: 0 -20px;
  }
  .company-pages .company-pages--wrapper .company-pages--item {
    display: none;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a {
    display: flex;
    padding-top: 85px;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper {
    z-index: 1;
  }
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3 {
    font-size: 45px;
    padding: 0 20px;
    line-height: 0.8;
  }
  .company-pages .company-pages--wrapper .company-pages--item.-mobile {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .company-pages .company-pages--wrapper .company-pages--item > a .title--wrapper h3 {
    font-size: 35px;
  }
}

.section-certifications {
  margin-bottom: 100px;
}

.section-certifications .header-section {
  margin-bottom: 40px;
}

.section-certifications .certifications--wrapper {
  flex-wrap: wrap;
}

.section-certifications .certifications--wrapper .certifications--item {
  flex: 0 0 calc(100% / 2);
  align-items: center;
  padding: 20px 0;
}

.section-certifications .certifications--wrapper .certifications--item .button-wrap {
  position: relative;
  width: 25%;
}

.section-certifications .certifications--wrapper .certifications--item .button-wrap .button--wrapper {
  width: 66%;
  padding-top: calc(66% - 12px);
  border: 6px solid #069782;
  margin-left: auto;
}

.section-certifications .certifications--wrapper .certifications--item .button-wrap .button--wrapper > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 6px 0;
  background-color: #ffffff;
}

.section-certifications .certifications--wrapper .certifications--item .button-wrap .button--wrapper > div .btn-download {
  font-size: 16px;
}

.section-certifications .certifications--wrapper .certifications--item .text {
  width: 75%;
  padding: 0 25px;
}

.section-certifications .certifications--wrapper .certifications--item .text .title {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.section-certifications .certifications--wrapper .certifications--item .text .subtitle {
  font-size: 20px;
  line-height: 28px;
}

@media screen and (max-width: 1440px) {
  .section-certifications .certifications--wrapper .certifications--item .button-wrap {
    width: 30%;
  }
  .section-certifications .certifications--wrapper .certifications--item .text {
    width: 70%;
  }
  .section-certifications .certifications--wrapper .certifications--item .text .title {
    font-size: 22px;
    line-height: 26px;
  }
  .section-certifications .certifications--wrapper .certifications--item .text .subtitle {
    font-size: 18px;
    line-height: 26px;
  }
}

@media screen and (max-width: 1199px) {
  .section-certifications .certifications--wrapper .certifications--item .button-wrap .button--wrapper > div .btn-download {
    font-size: 14px;
    padding-left: 25px;
    background-position-x: 8px;
  }
  .section-certifications .certifications--wrapper .certifications--item .text {
    padding: 0 20px;
  }
  .section-certifications .certifications--wrapper .certifications--item .text .title {
    font-size: 20px;
    line-height: 24px;
  }
  .section-certifications .certifications--wrapper .certifications--item .text .subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 991px) {
  .section-certifications {
    margin-bottom: 70px;
  }
  .section-certifications .header-section {
    margin-bottom: 30px;
  }
  .section-certifications .certifications--wrapper .certifications--item {
    flex: 0 0 100%;
    align-items: flex-start;
  }
  .section-certifications .certifications--wrapper .certifications--item .button-wrap {
    width: 50%;
    padding-right: 10px;
  }
  .section-certifications .certifications--wrapper .certifications--item .button-wrap .button--wrapper {
    position: relative;
  }
  .section-certifications .certifications--wrapper .certifications--item .button-wrap .button--wrapper > div {
    transform: translate(-50%, -50%);
  }
  .section-certifications .certifications--wrapper .certifications--item .text {
    width: 50%;
    padding: 0 0 0 10px;
  }
}

@media screen and (max-width: 575px) {
  .section-certifications .certifications--wrapper .certifications--item .text .title {
    font-size: 18px;
  }
}

.logo-customers--wrapper {
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.logo-customers--wrapper .logo-customers--item {
  flex: 0 0 calc(100% / 4);
  padding: 0 20px 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-customers--wrapper .logo-customers--item img {
  max-width: 100%;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .logo-customers--wrapper {
    margin-bottom: 60px;
  }
  .logo-customers--wrapper .logo-customers--item {
    flex: 0 0 calc(100% / 2);
    padding: 0 20px 30px;
  }
}

.page-company.-awards .intro-accessibilita {
  margin-top: 120px;
  padding-bottom: 25px;
}

.page-company.-awards .intro-accessibilita .page-default--wrapper {
  width: 68%;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper {
  width: 32%;
  padding-left: 50px;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link {
  width: 90%;
  height: 0;
  padding-top: 90%;
  position: relative;
  overflow: hidden;
  margin: auto;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px 5px;
  text-align: center;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div p {
  width: 65%;
  margin: auto;
  font-size: 20px;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn {
  margin-top: 30px;
  color: #069782;
  background-color: #ffffff;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn span::before {
  background-color: #069782;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn:hover {
  background-color: transparent;
  color: #ffffff;
}

.page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn:hover span::before {
  background-color: #ffffff;
}

.page-company.-awards .design {
  margin-top: 25px;
}

.page-company.-awards .design .header-section {
  margin-bottom: 40px;
}

.page-company.-awards .design table {
  padding-top: 20px;
}

.page-company.-awards .design table tr {
  font-size: 20px;
  line-height: 28px;
  vertical-align: top;
}

.page-company.-awards .design table tr td:first-child {
  font-family: "Inter Bold";
}

.page-company.-awards .design table tr td:last-child {
  padding-left: 20px;
}

.page-company.-awards .design .design--wrapper {
  margin: 0 -35px;
  padding-bottom: 75px;
}

.page-company.-awards .design .design--wrapper .design-item {
  padding: 0 35px;
  flex: 0 0 calc(100% / 3);
  margin-bottom: 50px;
}

.page-company.-awards .design .design--wrapper .design-item article {
  width: 100%;
  padding-top: 100%;
  height: 0;
  position: relative;
  cursor: pointer;
}

.page-company.-awards .design .design--wrapper .design-item article:hover .box-description {
  display: block;
}

.page-company.-awards .design .design--wrapper .design-item article .box-description {
  position: absolute;
  bottom: 0;
  padding: 30px 20px calc(18% - 30px);
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  background-color: rgba(6, 151, 130, 0.85);
  display: none;
}

.page-company.-awards .design .design--wrapper .design-item article .box-description > div {
  max-height: 100%;
  overflow-y: scroll;
  padding-right: 15px;
}

.page-company.-awards .design .design--wrapper .design-item article .box-description > div::-webkit-scrollbar {
  width: 3px;
}

.page-company.-awards .design .design--wrapper .design-item article .box-description > div::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 10px;
}

.page-company.-awards .design .design--wrapper .design-item article .box-title {
  position: absolute;
  background-color: #474647;
  left: 50%;
  transform: translateY(50px) translateX(-50%);
  bottom: 0;
  font-size: 20px;
  width: 70%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Inter Bold";
  padding: 5px;
  cursor: auto;
}

.page-company.-awards .supporto .content--wrapper {
  margin-top: 30px;
  padding-bottom: 25px;
}

.page-company.-awards .supporto .content--wrapper .page-default--wrapper {
  width: 68%;
}

.page-company.-awards .supporto .content--wrapper .box-link--wrapper {
  width: 32%;
  padding-left: 50px;
}

.page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link {
  width: 75%;
  height: 0;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  margin: auto;
}

.page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter Bold";
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link a .link {
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 30px;
  font-size: 26px;
  line-height: 32px;
}

@media screen and (max-width: 1440px) {
  .page-company.-awards .intro-accessibilita .page-default--wrapper {
    width: 65%;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper {
    width: 35%;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link {
    width: 100%;
    padding-top: 100%;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div p {
    width: 85%;
    font-size: 18px;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn {
    font-size: 16px;
  }
  .page-company.-awards .design table tr {
    font-size: 18px;
    line-height: 26px;
  }
  .page-company.-awards .design .design--wrapper .design-item article .box-description {
    font-size: 15px;
    line-height: 19px;
    padding: 20px 15px calc(30% - 20px);
  }
  .page-company.-awards .design .design--wrapper .design-item article .box-title {
    height: 30%;
    font-size: 18px;
    width: 80%;
  }
  .page-company.-awards .supporto .content--wrapper .page-default--wrapper {
    width: 65%;
  }
  .page-company.-awards .supporto .content--wrapper .box-link--wrapper {
    width: 35%;
  }
  .page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link {
    width: 80%;
    padding-top: 80%;
  }
  .page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link a {
    font-size: 16px;
    line-height: 20px;
  }
  .page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link a .link {
    margin-top: 20px;
    font-size: 22px;
    line-height: 28px;
  }
}

@media screen and (max-width: 1199px) {
  .page-company.-awards .intro-accessibilita {
    margin-top: 80px;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper {
    padding-left: 30px;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn {
    padding-left: 45px;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn span:before {
    right: calc(100% + 5px);
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link > div .btn:hover span:before {
    width: 40px;
  }
  .page-company.-awards .design .design--wrapper {
    margin: 0 -20px;
  }
  .page-company.-awards .design .design--wrapper .design-item {
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .page-company.-awards .design .design--wrapper .design-item article .box-description {
    padding: 20px 15px calc(20% - 20px);
    width: 90%;
  }
  .page-company.-awards .design .design--wrapper .design-item article .box-title {
    transform: translateY(30px) translateX(-50%);
    width: 85%;
    height: 20%;
  }
  .page-company.-awards .supporto .content--wrapper .box-link--wrapper {
    padding-left: 30px;
  }
  .page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link {
    width: 100%;
    padding-top: 100%;
  }
}

@media screen and (max-width: 991px) {
  .page-company.-awards .intro-accessibilita, .page-company.-awards .supporto .content--wrapper {
    flex-direction: column;
    padding-bottom: 50px;
  }
  .page-company.-awards .intro-accessibilita .page-default--wrapper, .page-company.-awards .supporto .content--wrapper .page-default--wrapper {
    width: 100%;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper, .page-company.-awards .supporto .content--wrapper .box-link--wrapper {
    padding-left: 0px;
    width: 100%;
  }
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link, .page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link {
    width: 60%;
    padding-top: 60%;
  }
  .page-company.-awards .design .design--wrapper {
    margin-bottom: 50px;
    padding-bottom: 20px;
  }
  .page-company.-awards .design .design--wrapper.slick-slider .slick-track .slick-slide > div {
    width: 65%;
    margin: auto;
  }
  .page-company.-awards .design .design--wrapper .design-item article .box-description {
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding: 20px 15px 41px;
  }
  .page-company.-awards .design .design--wrapper .design-item article .box-title {
    transform: translateX(-50%);
    height: auto;
    bottom: -21px;
    padding: 15px;
  }
}

@media screen and (max-width: 575px) {
  .page-company.-awards .intro-accessibilita .box-link--wrapper .box-link, .page-company.-awards .supporto .content--wrapper .box-link--wrapper .box-link {
    width: 100%;
    padding-top: 100%;
  }
  .page-company.-awards .design .design--wrapper.slick-slider .slick-track .slick-slide > div {
    width: 100%;
  }
  .page-company.-awards .design .design--wrapper.slick-slider .slick-track .slick-slide > div .design-item article .box-description {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 15px 41px;
    top: 20px;
  }
  .page-company.-awards .design .table-wrap {
    overflow-x: scroll;
  }
  .page-company.-awards .design .table-wrap table tr {
    font-size: 16px;
    line-height: 24px;
  }
}

#popup-newsletter iframe .submit, #popup-webinar iframe .submit {
  cursor: pointer;
}

.popup-button-webinar {
  cursor: pointer;
}

#popup-newsletter, #popup-webinar {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 999;
}

#popup-newsletter .box--wrapper, #popup-webinar .box--wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 35px;
  text-align: center;
  width: 50%;
}

#popup-newsletter .box--wrapper .close-popup, #popup-webinar .box--wrapper .close-popup {
  width: 18px;
  height: 18px;
  margin-left: auto;
  cursor: pointer;
  margin-bottom: 45px;
  position: relative;
}

#popup-newsletter .box--wrapper .close-popup::before, #popup-newsletter .box--wrapper .close-popup::after, #popup-webinar .box--wrapper .close-popup::before, #popup-webinar .box--wrapper .close-popup::after {
  position: absolute;
  left: 50%;
  content: '';
  height: 18px;
  width: 2.5px;
  background-color: #474647;
}

#popup-newsletter .box--wrapper .close-popup::before, #popup-webinar .box--wrapper .close-popup::before {
  transform: rotate(45deg);
}

#popup-newsletter .box--wrapper .close-popup::after, #popup-webinar .box--wrapper .close-popup::after {
  transform: rotate(-45deg);
}

#popup-newsletter .box--wrapper .title-form, #popup-webinar .box--wrapper .title-form {
  text-transform: uppercase;
  font-size: 33px;
  line-height: 42px;
  font-family: "Inter Bold";
}

#popup-newsletter .box--wrapper .form-newsletter, #popup-webinar .box--wrapper .form-newsletter {
  color: #474647;
  font-size: 16px;
  font-family: "Inter Regular", sans-serif;
  padding: 50px 0;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

#popup-newsletter .box--wrapper .required-fields, #popup-webinar .box--wrapper .required-fields {
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}

#popup-newsletter .box--wrapper .form--wrapper, #popup-webinar .box--wrapper .form--wrapper {
  flex-wrap: wrap;
  margin: 0 -12px;
}

#popup-newsletter .box--wrapper .form--wrapper .-form, #popup-webinar .box--wrapper .form--wrapper .-form {
  flex: 0 0 50%;
  padding: 7.5px 12px;
}

#popup-newsletter .box--wrapper .form--wrapper .-form.language, #popup-webinar .box--wrapper .form--wrapper .-form.language {
  flex: 0 0 100%;
}

#popup-newsletter .box--wrapper .form--wrapper .-form label, #popup-webinar .box--wrapper .form--wrapper .-form label {
  width: 100%;
  display: none;
}

#popup-newsletter .box--wrapper .form--wrapper .-form input[type="text"], #popup-newsletter .box--wrapper .form--wrapper .-form input[type="email"], #popup-webinar .box--wrapper .form--wrapper .-form input[type="text"], #popup-webinar .box--wrapper .form--wrapper .-form input[type="email"] {
  border: 1px solid #069782;
  padding: 8px 12px;
  color: #474647;
  font-size: 16px;
  width: 100%;
}

#popup-newsletter .box--wrapper .form--wrapper .privacy-group, #popup-webinar .box--wrapper .form--wrapper .privacy-group {
  padding: 40px 0;
  width: 100%;
}

#popup-newsletter .box--wrapper .form--wrapper .privacy-accepted, #popup-webinar .box--wrapper .form--wrapper .privacy-accepted {
  padding: 5px 0;
  text-align: left;
}

#popup-newsletter .box--wrapper .form--wrapper .privacy-accepted input[type="checkbox"], #popup-webinar .box--wrapper .form--wrapper .privacy-accepted input[type="checkbox"] {
  width: 14px;
  height: 14px;
  -webkit-appearance: inherit;
  appearance: inherit;
  position: absolute;
  border: 1px solid #8a8a86;
  cursor: pointer;
  margin: 0 10px;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0px;
  z-index: 1;
}

#popup-newsletter .box--wrapper .form--wrapper .privacy-accepted input[type="checkbox"]:checked, #popup-webinar .box--wrapper .form--wrapper .privacy-accepted input[type="checkbox"]:checked {
  background-color: #8a8a86;
}

#popup-newsletter .box--wrapper .form--wrapper .privacy-accepted label, #popup-webinar .box--wrapper .form--wrapper .privacy-accepted label {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  color: #a8a8a8;
  padding-left: 35px;
  display: block;
}

#popup-newsletter .box--wrapper .form--wrapper .privacy-accepted label a, #popup-webinar .box--wrapper .form--wrapper .privacy-accepted label a {
  color: #069782;
  text-decoration: none;
}

#popup-newsletter .box--wrapper .submit, #popup-webinar .box--wrapper .submit {
  margin: auto;
}

#popup-newsletter .box--wrapper .submit span, #popup-webinar .box--wrapper .submit span {
  position: relative;
}

#popup-newsletter .box--wrapper .submit span:before, #popup-webinar .box--wrapper .submit span:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 10px);
  height: 2px;
  width: 25px;
  border-radius: 15px;
  transition: width 1s;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  background-color: #ffffff;
}

#popup-newsletter .box--wrapper .submit span input, #popup-webinar .box--wrapper .submit span input {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

#popup-newsletter .box--wrapper .submit:hover, #popup-webinar .box--wrapper .submit:hover {
  background-color: transparent;
  color: #474647;
}

#popup-newsletter .box--wrapper .submit:hover input, #popup-webinar .box--wrapper .submit:hover input {
  color: #474647;
}

#popup-newsletter .box--wrapper .submit:hover span:before, #popup-webinar .box--wrapper .submit:hover span:before {
  width: 60px;
  background-color: #474647;
}

#popup-newsletter .box--wrapper .contact-wrapper, #popup-webinar .box--wrapper .contact-wrapper {
  flex-direction: column;
}

#popup-newsletter .box--wrapper .contact-wrapper .contact-social, #popup-webinar .box--wrapper .contact-wrapper .contact-social {
  text-align: center;
  font-family: "Inter Medium";
  font-size: 15px;
  color: #A8A8A8;
  flex-direction: column;
}

#popup-newsletter .box--wrapper .contact-wrapper .contact-social .link-social, #popup-webinar .box--wrapper .contact-wrapper .contact-social .link-social {
  justify-content: center;
  margin-top: 15px;
}

#popup-newsletter .box--wrapper .contact-wrapper .contact-social .link-social a img, #popup-webinar .box--wrapper .contact-wrapper .contact-social .link-social a img {
  height: 25px;
}

#popup-newsletter .box--wrapper .contact-wrapper .contact-social .link-social a:not(:last-child), #popup-webinar .box--wrapper .contact-wrapper .contact-social .link-social a:not(:last-child) {
  margin-right: 20px;
}

@media only screen and (max-width: 1440px) {
  #popup-newsletter .box--wrapper, #popup-webinar .box--wrapper {
    width: 70%;
  }
}

@media only screen and (max-width: 1440px) and (max-height: 900px) {
  #popup-newsletter .box--wrapper, #popup-webinar .box--wrapper {
    padding: 15px 20px;
    max-height: 80%;
    overflow-y: scroll;
  }
  #popup-newsletter .box--wrapper::-webkit-scrollbar, #popup-webinar .box--wrapper::-webkit-scrollbar {
    width: 0px;
  }
  #popup-newsletter .box--wrapper .close-popup, #popup-webinar .box--wrapper .close-popup {
    margin-bottom: 15px;
  }
  #popup-newsletter .box--wrapper .title-form, #popup-webinar .box--wrapper .title-form {
    font-size: 25px;
    line-height: 30px;
  }
  #popup-newsletter .box--wrapper .form-newsletter, #popup-webinar .box--wrapper .form-newsletter {
    padding: 15px 0;
    width: 75%;
  }
  #popup-newsletter .box--wrapper .form--wrapper, #popup-webinar .box--wrapper .form--wrapper {
    margin: 0 -7px;
  }
  #popup-newsletter .box--wrapper .form--wrapper .-form, #popup-webinar .box--wrapper .form--wrapper .-form {
    padding: 5px 7px;
  }
  #popup-newsletter .box--wrapper .form--wrapper .privacy-group, #popup-webinar .box--wrapper .form--wrapper .privacy-group {
    padding: 25px 0;
  }
  #popup-newsletter .box--wrapper .form--wrapper .privacy-group label, #popup-webinar .box--wrapper .form--wrapper .privacy-group label {
    font-size: 12px;
    line-height: 14px;
  }
  #popup-newsletter .box--wrapper .form--wrapper .btn.btn-big, #popup-webinar .box--wrapper .form--wrapper .btn.btn-big {
    padding: 10px 15px 10px 80px;
  }
  #popup-newsletter .box--wrapper .contact-wrapper .contact-social, #popup-webinar .box--wrapper .contact-wrapper .contact-social {
    font-size: 12px;
  }
  #popup-newsletter .box--wrapper .contact-wrapper .contact-social .link-social, #popup-webinar .box--wrapper .contact-wrapper .contact-social .link-social {
    margin-top: 10px;
  }
  #popup-newsletter .box--wrapper .contact-wrapper .contact-social .link-social a img, #popup-webinar .box--wrapper .contact-wrapper .contact-social .link-social a img {
    height: 20px;
  }
}

@media only screen and (max-width: 991px) {
  #popup-newsletter .box--wrapper, #popup-webinar .box--wrapper {
    max-height: calc(100vh - 150px);
    width: 90%;
    transform: translateX(-50%) translateY(calc(-50% + 50px));
    top: calc(50% - 100px);
  }
  #popup-newsletter .box--wrapper .form-newsletter, #popup-webinar .box--wrapper .form-newsletter {
    width: 100%;
  }
  #popup-newsletter .box--wrapper .form-newsletter .-form, #popup-webinar .box--wrapper .form-newsletter .-form {
    flex: 0 0 100%;
  }
}

@media only screen and (max-width: 575px) {
  #popup-newsletter .box--wrapper, #popup-webinar .box--wrapper {
    width: calc(100% - 40px);
  }
  #popup-newsletter .box--wrapper .form-newsletter .-form.language input, #popup-webinar .box--wrapper .form-newsletter .-form.language input {
    height: 72px;
  }
  #popup-newsletter .box--wrapper .form-newsletter .-form.language input::-webkit-input-placeholder, #popup-webinar .box--wrapper .form-newsletter .-form.language input::-webkit-input-placeholder {
    white-space: pre-line;
    position: relative;
    top: -8px;
  }
  #popup-newsletter .box--wrapper .form-newsletter .-form.language input::-moz-placeholder, #popup-webinar .box--wrapper .form-newsletter .-form.language input::-moz-placeholder {
    white-space: pre-line;
    position: relative;
    top: -8px;
  }
  #popup-newsletter .box--wrapper .form-newsletter .-form.language input:-ms-input-placeholder, #popup-webinar .box--wrapper .form-newsletter .-form.language input:-ms-input-placeholder {
    white-space: pre-line;
    position: relative;
    top: -8px;
  }
  #popup-newsletter .box--wrapper .form-newsletter .-form.language input:-moz-placeholder, #popup-webinar .box--wrapper .form-newsletter .-form.language input:-moz-placeholder {
    white-space: pre-line;
    position: relative;
    top: -8px;
  }
  #popup-newsletter .box--wrapper .title-form, #popup-webinar .box--wrapper .title-form {
    font-size: 20px;
    line-height: 26px;
  }
}

/*


   Magic Zoom Plus v5.3.7 
   Copyright 2020 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magiczoomplus/
   License agreement: https://www.magictoolbox.com/license/


*/
/**
 * Core styles
 */
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-expand-stage .mz-image-stage .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
  box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
  display: inline-block;
  outline: 0 !important;
  font-size: 0 !important;
  line-height: 100% !important;
  direction: ltr !important;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.MagicZoom {
  -webkit-transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}

figure.mz-figure {
  overflow: hidden;
  margin: 0 !important;
  transform-style: preserve-3d;
}

.MagicZoom img,
.mz-figure img {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}

.MagicZoom > img,
.mz-figure > img {
  width: 100%;
  height: auto;
}

.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
  width: 100%;
  max-width: none !important;
}

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
  cursor: default !important;
}

.mz-figure.mz-active,
.mz-expand {
  touch-action: none;
}

.mz-lens,
.mz-zoom-window {
  position: absolute !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.mz-lens img,
.mz-zoom-window img {
  position: absolute !important;
  max-width: none !important;
  max-height: none !important;
}

.mz-lens img {
  transition: none !important;
}

.mz-zoom-window {
  z-index: 2000000000;
  transform: translate3d(0, 0, 0);
}

.mz-zoom-window.mz-magnifier {
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-mask-clip: content;
  cursor: none;
}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
  pointer-events: auto !important;
  cursor: inherit !important;
}

.mz-zoom-window.mz-magnifier.mz-expanded {
  z-index: 2147483647;
}

.mz-zoom-window img {
  width: auto;
  height: auto;
  left: -1000%;
  right: -1000%;
  top: -1000%;
  bottom: -1000%;
  margin: auto !important;
  transition: none !important;
  transform-origin: 50% 50% !important;
}

.mz-zoom-window.mz-preview img {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}

.lt-ie9-magic .mz-zoom-window img {
  margin: 0 !important;
}

.mz-expand-controls {
  z-index: 2147483647;
}

.mz-fade {
  transition: opacity .25s;
}

.mz-hidden {
  opacity: 0;
}

.mz-visible {
  opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
  transform-style: flat !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
  transition: none !important;
}

.mobile-magic .mz-expand > .mz-zoom-window {
  top: 0 !important;
  left: 0 !important;
}

@media not screen and (max-device-width: 767px) {
  .mz-expanded-view-open,
  .mz-expanded-view-open body {
    overflow: hidden !important;
  }
  .mz-expanded-view-open body {
    height: auto !important;
  }
}

@media screen and (max-device-width: 767px) {
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]),
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
    overflow: hidden !important;
  }
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
    height: auto !important;
  }
}

/**
 * Main figure
 */
.mz-figure.mz-active {
  background: #fff;
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
  cursor: pointer;
  cursor: zoom-in;
}

.mz-figure.mz-active.mz-no-expand {
  cursor: crosshair;
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
  cursor: crosshair;
  cursor: zoom-out;
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
  cursor: none;
}

.mz-figure.mz-magnifier-zoom.mz-active {
  overflow: visible !important;
}

.mz-figure.mz-active > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale");
  filter: grayscale(80%) opacity(60%);
}

.no-cssfilters-magic .mz-figure.mz-active > img {
  opacity: 0.6;
}

.lt-ie10-magic .mz-figure.mz-active > img {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}

.mz-expand .mz-figure.mz-active.mz-inner-zoom,
:not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img {
  opacity: 0;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
  filter: alpha(opacity=0);
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
  background: transparent;
}

/**
 * Zoom lens
 */
.mz-lens {
  border: 1px solid #aaa;
  border-color: rgba(170, 170, 170, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: none;
  z-index: 10;
  opacity: 0;
}

.mz-figure.mz-active .mz-lens {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
  border-radius: 50%;
  opacity: 0;
  cursor: none;
}

/**
 * Zoom window
 */
.mz-zoom-window {
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.mz-zoom-window.mz-magnifier {
  border-radius: 100%;
  border: 0;
  background: rgba(255, 255, 255, 0.3);
}

.mz-zoom-window.mz-magnifier:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border: 1px solid rgba(170, 170, 170, 0.7);
  box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3);
  background: transparent;
  z-index: 1;
}

.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
  border-radius: 0 !important;
}

.lt-ie9-magic .mz-zoom-window {
  border: 1px solid #e5e5e5;
}

.mz-zoom-window.mz-inner {
  border: none;
  box-shadow: none;
}

.mz-zoom-window.mz-inner:not(.mz-expanded) {
  z-index: 80;
}

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
  background: #777;
  color: #fff;
  font-size: 10pt;
  opacity: 0.8;
  position: absolute;
  top: 0;
  z-index: 150;
  padding: 3px;
  width: 100%;
  line-height: normal !important;
  text-align: center !important;
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
  filter: alpha(opacity=80);
}

.mz-zoom-window.caption-bottom .mz-caption {
  top: auto;
  bottom: 0;
}

.mz-zoom-window.mz-expanded > .mz-caption {
  display: none;
}

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-deactivating {
  transition-duration: .25s, .25s, .25s;
}

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
  opacity: 0;
  z-index: -100;
}

.mz-zoom-window.mz-p-right {
  transform: translate3d(-20%, 0, 0);
}

.mz-zoom-window.mz-p-left {
  transform: translate3d(20%, 0, 0);
}

.mz-zoom-window.mz-p-top {
  transform: translate3d(0, 20%, 0);
}

.mz-zoom-window.mz-p-bottom {
  transform: translate3d(0, -20%, 0);
}

/* Inner mode animation */
.mz-zoom-window > img {
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
  transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
  transform: scale(0.1);
}

/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
  transition-duration: .2s;
}

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
  opacity: 0;
}

/**
 * Hint & Loading
 */
.mz-hint,
.mz-loading {
  color: #eee;
  background: rgba(49, 51, 61, 0.7);
  font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  direction: ltr;
  display: inline-block;
  margin: 0;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.25s ease;
}

.mz-hint {
  bottom: 8px;
  left: 0;
  right: 0;
  padding: 0 10%;
  background-color: transparent;
  transition: opacity 0.4s ease, z-index 0.4s ease;
}

.mz-hint-message {
  display: inline-block;
  background: rgba(49, 51, 61, 0.7);
  border-radius: 2em;
  padding: .7em 1.1em;
}

.mz-hint-message:before {
  content: '\02295';
  font-family: serif;
  font-size: 1.5em;
  speak: none;
  text-align: center;
  vertical-align: -2px;
  margin-right: 6px;
}

.mobile-magic .mz-hint-message:before {
  display: none;
}

.mz-hint-hidden {
  opacity: 0;
  z-index: -1;
  transition-delay: .6s;
}

/* Hint in the expanded view on mobile */
.mz-expand .mz-hint {
  font-size: 18px;
  line-height: 1.1em;
  top: 50%;
  bottom: auto;
  margin: 0;
  transform: translate(0, -50%);
}

.mz-expand .mz-hint-message {
  padding: 1.1em;
}

.mz-expand .mz-hint-message:before {
  display: none;
}

.mz-expand .mz-hint-hidden {
  opacity: 0;
  transition-delay: 1.5s;
}

/* Loading indicator */
.mz-loading {
  font-size: 0;
  border-radius: 100%;
  opacity: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mz-loading:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  text-indent: -9999em;
  border-radius: 50%;
  border: 2px solid white;
  border-top-color: transparent;
  box-sizing: border-box;
}

.mz-loading.shown {
  opacity: 1;
  z-index: 1;
  transition: opacity 0s;
}

.mz-loading.shown:after {
  animation: spin-loading .9s infinite linear;
}

@keyframes spin-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lt-ie10-magic .mz-loading {
  border-radius: 2em;
  font-size: 12px;
  padding: .7em 1.1em;
  width: auto;
  height: auto;
}

.lt-ie10-magic .mz-loading:after {
  content: 'Loading...';
  text-indent: 0;
  border: none;
  position: relative;
}

.lt-ie9-magic .mz-loading {
  filter: alpha(opacity=0);
  right: 0;
  left: 0;
  width: 126px;
  margin: auto;
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
  background: transparent !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}

.lt-ie9-magic .mz-hint-hidden {
  filter: alpha(opacity=0);
}

/**
 * Expanded view
 */
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
  width: auto !important;
  height: auto !important;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg {
  min-width: 100% !important;
  min-height: 100% !important;
}

.mz-expand {
  background-color: black;
  text-align: center;
  vertical-align: middle;
  display: block;
  overflow: hidden;
  z-index: 2100000000;
  position: fixed;
  width: auto;
  height: auto;
  perspective: 600px;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-overflow-style: none;
}

/* Expanded view background */
.mz-expand .mz-expand-bg {
  display: inline-block;
  max-width: none !important;
  max-height: none !important;
  margin: auto;
  vertical-align: middle;
  z-index: -100;
  background-repeat: no-repeat;
  background-size: cover;
  perspective: 600px;
  transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg);
}

.mz-expand .mz-expand-bg > img {
  margin: auto;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mz-expand .mz-expand-bg > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur");
  filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > svg {
  margin: auto;
  opacity: .6;
}

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
  display: none !important;
}

.lt-ie9-magic .mz-expand {
  background: #1f1f1f;
}

[data-magic-ua=edge] .mz-expand {
  background-color: rgba(31, 31, 31, 0.96);
}

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
  display: none !important;
}

.mz-expand.dark-bg {
  background-color: #1f1f1f;
  background-color: rgba(31, 31, 31, 0.96);
}

.mz-expand.white-bg {
  background-color: #fff;
}

/* Expanded view stage */
.mz-expand .mz-expand-stage {
  display: flex;
  flex-direction: column;
  padding: 0;
  z-index: 2100000000;
}

.mz-expand .mz-expand-stage .mz-image-stage {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  position: relative;
  margin: 0;
  padding: 20px 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  padding: 0 !important;
  left: 0;
  right: 0;
}

.mz-expand .mz-image-stage > figure {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
}

.mz-expand .mz-figure {
  max-width: 100% !important;
  overflow: visible;
}

.mz-expand .mz-figure > img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
  flex: 1 0;
  width: 100%;
  height: 100%;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img {
  pointer-events: none;
}

.mz-expand .mz-figure {
  cursor: pointer;
  cursor: zoom-in;
}

.mz-expand .mz-figure.mz-active {
  cursor: crosshair;
  cursor: zoom-out;
}

/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
  z-index: 1;
  position: absolute !important;
  top: -5000px !important;
  bottom: -5000px !important;
  left: -5000px !important;
  right: -5000px !important;
  margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
  filter: alpha(opacity=100);
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
  overflow: hidden;
  filter: alpha(opacity=100);
}

/* Caption in expanded view */
.mz-expand .mz-caption {
  flex: 0 0;
  color: #fff;
  text-shadow: 0px 0px 46px #000;
  padding: 10px 30px;
  font: normal 10pt/1.25 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
  text-align: center;
  width: 100%;
  opacity: 0;
}

.mz-expand .mz-caption.mz-show {
  transition: opacity 0.15s ease-out;
  opacity: 1;
}

.mz-expand .mz-zoom-in .mz-image-stage .mz-caption {
  display: none;
}

.mz-expand .mz-caption a {
  color: inherit;
  cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
  color: #555;
  text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
  top: 100%;
}

.mz-expand .mz-zoom-window {
  box-shadow: none;
  background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
  border: 0;
}

/* Expanded view on mobile */
@media screen and (max-device-width: 767px) {
  .mobile-magic .mz-expand .mz-image-stage .mz-caption {
    display: none !important;
  }
}

/**
 * Buttons & Arrows
 */
.mz-nav-controls,
.mz-expand-controls,
button.mz-button {
  margin: 0 !important;
  padding: 0 !important;
  outline: 0 !important;
}

.mz-nav-controls {
  z-index: 2100000000;
}

button.mz-button {
  color: rgba(180, 180, 180, 0.6) !important;
  font-size: 0;
  cursor: pointer;
  z-index: 2100000000 !important;
  background-color: transparent !important;
  border: 0 solid transparent !important;
  border-radius: 100% !important;
  box-shadow: none !important;
  position: absolute !important;
  text-transform: none !important;
  text-align: center;
  speak: none;
  width: 60px !important;
  height: 60px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  transition: color .25s, background-color .25s !important;
}

button.mz-button:before {
  display: block;
  position: static;
  height: 100%;
  transform: scale(0.9);
  transition: transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover,
button.mz-button:active {
  color: #b4b4b4 !important;
}

button.mz-button:active:before {
  transform: scale(0.7) !important;
}

.mobile-magic .mz-expand button.mz-button:active {
  background-color: rgba(49, 51, 61, 0.7) !important;
}

button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
  margin: auto 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  overflow: hidden !important;
}

button.mz-button.mz-button-prev {
  left: 0 !important;
  transform: rotateZ(180deg) !important;
}

button.mz-button.mz-button-next {
  right: 0 !important;
}

button.mz-button.mz-button-close {
  margin: 10px !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 95 !important;
}

button.mz-button.mz-button-close:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

button.mz-button.mz-button-prev:before,
button.mz-button.mz-button-next:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports ((-webkit-mask-image: url()) or (mask-image: url())) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) and ((-webkit-mask-position: center) or (mask-position: center)) and ((-webkit-mask-size: cover) or (mask-size: cover)) {
  button.mz-button:before {
    content: "" !important;
    background-color: currentColor;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
  button.mz-button.mz-button-close:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
  }
  button.mz-button.mz-button-prev:before,
  button.mz-button.mz-button-next:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
  }
}

@media screen and (max-device-width: 767px) {
  button.mz-button-prev,
  button.mz-button-next {
    display: none !important;
  }
  .mobile-magic .mz-expand button.mz-button.mz-button-close {
    width: 50px !important;
    height: 50px !important;
    color: #b4b4b4 !important;
  }
  .mobile-magic .mz-expand button.mz-button:before {
    transform: scale(0.8);
  }
}

.lt-ie9-magic button.mz-button {
  border: 0;
  filter: alpha(opacity=75);
}

.lt-ie9-magic button.mz-button:hover {
  filter: alpha(opacity=100);
}

/* Arrows on the main image on the page */
.mz-figure .mz-nav-controls button.mz-button {
  display: none;
  width: 32px !important;
  height: 56px !important;
  margin: auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
  display: block;
}

/**
 * Thumbnails
 */
/** Thumbnails on the page **/
a[data-zoom-id],
.mz-thumb, .mz-thumb:focus {
  display: inline-block;
  line-height: 0;
  outline: none;
}

a[data-zoom-id] img,
.mz-thumb img {
  padding-bottom: 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}

.mz-thumb:not(.mz-thumb-selected):hover img {
  border-bottom-color: rgba(180, 180, 180, 0.3);
}

.mz-thumb.mz-thumb-selected img {
  border-bottom-color: #b4b4b4;
}

/** Thumbnails in expanded view **/
.mz-expand-thumbnails {
  flex: 0 0 80px;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 10px 0;
  z-index: 50;
  overflow: hidden;
}

.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails,
:root[data-magic-ua=firefox] .mz-expand-thumbnails {
  height: 80px;
}

.mz-expand-thumbnails .magic-thumb > img {
  cursor: pointer;
  padding-bottom: 4px;
  border: 0;
  border-bottom: 2px solid transparent;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
  border-bottom-color: rgba(180, 180, 180, 0.3);
}

.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img {
  border-bottom-color: #b4b4b4;
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
  box-shadow: none;
}

/** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/
@media not screen and (max-device-width: 767px) and (orientation: portrait) {
  .mz-expand.expand-thumbnails-left .mz-expand-stage {
    flex-direction: row-reverse;
  }
  .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
    padding: 0 10px;
    height: 100%;
    overflow: hidden;
  }
  .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails,
  :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
    width: 80px;
    height: 100%;
  }
}

@media not screen and (max-device-width: 767px) and (orientation: portrait) and (max-device-width: 767px) {
  .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical {
    height: calc(100% - 40px);
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
  display: none;
}

/** Thumbnails shaded style (improved previous one)  **/
.thumbnails-style-shaded.mz-thumb img {
  border: 0 !important;
  padding-bottom: 0;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
  filter: brightness(0.7);
}

.thumbnails-style-shaded.mz-thumb-selected img {
  filter: brightness(0.7) opacity(0.7);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img {
  border: 0;
  padding-bottom: 0;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
  filter: brightness(0.75);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
  filter: brightness(0.7) opacity(0.7);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected {
  background: #000;
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
  opacity: .75;
  filter: alpha(opacity=75);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
  opacity: .7;
  filter: alpha(opacity=70);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb {
  position: relative;
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  z-index: 100;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after {
  background-color: rgba(0, 0, 0, 0.2);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after {
  background-color: rgba(0, 0, 0, 0.3);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img {
  position: relative;
  z-index: 1;
}

.ie9-magic .thumbnails-style-shaded.mz-thumb img {
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

.magic-thumbs {
  direction: ltr;
  overflow: visible;
  z-index: 100;
  position: relative;
  left: 0;
  top: 0;
  padding: 0 40px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}

.magic-thumbs {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.magic-thumbs.no-buttons {
  padding: 0 !important;
}

.magic-thumbs-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.magic-thumbs ul {
  list-style: none;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  position: relative;
  white-space: nowrap;
}

.magic-thumbs.no-buttons ul {
  left: 0 !important;
  padding: 0 !important;
  transition: none !important;
  transform: none !important;
}

.magic-thumbs ul li {
  margin: 0 4px;
  height: 100%;
  width: auto;
  vertical-align: top;
  line-height: 0;
  display: inline-block;
}

.magic-thumbs ul li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.magic-thumbs ul li > img {
  width: auto;
  height: auto;
  max-width: none !important;
  max-height: 100% !important;
  vertical-align: middle;
}

.ie8-magic .magic-thumbs ul li > img {
  max-width: none !important;
  max-height: none !important;
}

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
  height: 100%;
}

.magic-thumbs-vertical {
  padding: 40px 0;
}

.magic-thumbs-vertical ul {
  height: auto;
  width: 100%;
  white-space: normal;
}

.magic-thumbs-vertical ul li {
  width: 100%;
  height: auto;
}

.magic-thumbs-vertical ul li {
  margin: 4px 0;
}

.magic-thumbs-vertical ul li > img {
  max-width: 100% !important;
  max-height: none !important;
}

.ie8-magic .magic-thumbs-vertical ul li > img {
  width: 100%;
}

/**
 * Buttons
 */
.magic-thumbs button.magic-thumbs-button {
  color: rgba(180, 180, 180, 0.6) !important;
  font-size: 0;
  cursor: pointer;
  z-index: 90 !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-image: none;
  border: 0;
  border-radius: 100%;
  box-shadow: none !important;
  overflow: hidden;
  position: absolute;
  text-transform: none !important;
  speak: none;
  text-align: center;
  width: 33px;
  height: 33px;
  top: 0;
  bottom: 0;
  margin: auto 3px;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  transition: color .25s, background-color .25s !important;
}

.magic-thumbs button.magic-thumbs-button:before {
  display: block;
  position: static;
  height: 100%;
  transform: scale(1);
  transition: transform .25s !important;
}

.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled),
:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover,
.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
  color: #b4b4b4 !important;
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before {
  transform: scale(0.7) !important;
}

.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
  background-color: rgba(49, 51, 61, 0.7) !important;
}

.magic-thumbs .magic-thumbs-button-prev {
  left: 0;
  transform: rotateZ(180deg) !important;
}

.magic-thumbs .magic-thumbs-button-next {
  right: 0;
}

.magic-thumbs-vertical button.magic-thumbs-button {
  top: auto;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 3px auto;
}

.magic-thumbs-vertical button.magic-thumbs-button-prev {
  top: 0;
  transform: rotateZ(-90deg) !important;
}

.magic-thumbs-vertical button.magic-thumbs-button-next {
  bottom: 0;
  transform: rotateZ(90deg) !important;
}

.magic-thumbs .magic-thumbs-button-prev:before,
.magic-thumbs .magic-thumbs-button-next:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports ((-webkit-mask-image: url()) or (mask-image: url())) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) and ((-webkit-mask-position: center) or (mask-position: center)) and ((-webkit-mask-size: cover) or (mask-size: cover)) {
  .magic-thumbs button.magic-thumbs-button:before {
    content: "" !important;
    background-color: currentColor;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
  .magic-thumbs .magic-thumbs-button-prev:before,
  .magic-thumbs .magic-thumbs-button-next:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
  }
}

.magic-thumbs.no-buttons .magic-thumbs-button {
  display: none !important;
}

.magic-thumbs-button-disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.page-working .screen-small {
  margin-bottom: 0px;
}

.page-working nav {
  padding: 62px 150px 20px 0;
}

.page-working nav .container {
  justify-content: space-between;
  padding: 0 25px;
}

.page-working nav ul {
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.page-working nav ul li {
  padding: 10px 25px;
}

.page-working nav ul li a {
  color: #ffffff;
  font-size: 20px;
  font-family: "Inter Bold";
  display: block;
}

.page-working nav ul.-job li a::after {
  content: '';
  background: url("../../public/images/arrow-white.svg") no-repeat center center;
  width: 20px;
  height: 14px;
  background-size: 100%;
  display: inline-block;
  margin-left: 10px;
}

.page-working .purpose {
  padding: 90px 0 50px;
  justify-content: space-between;
  align-items: center;
}

.page-working .purpose .intro-page {
  width: 70%;
}

.page-working .purpose .intro-page .title {
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Inter Bold";
  margin-bottom: 25px;
}

.page-working .purpose .intro-page .description {
  font-size: 20px;
  line-height: 28px;
}

.page-working .purpose .link-intro {
  width: 20%;
  flex-direction: column;
}

.page-working .purpose .link-intro .btn {
  padding: 15px 20px 15px 60px;
}

.page-working .purpose .link-intro .btn:not(:last-child) {
  margin-bottom: 25px;
}

.page-working .purpose .link-intro .btn:hover {
  color: #069782;
}

.page-working .purpose .link-intro .btn:hover span::before {
  background-color: #069782;
}

.page-working .pf-people, .page-working .benefits, .page-working .meet-us {
  position: relative;
  padding-top: 50px;
}

.page-working .pf-people .header-section, .page-working .benefits .header-section, .page-working .meet-us .header-section {
  position: absolute;
}

.page-working .pf-people .pf-people-text--wrapper, .page-working .pf-people .benefits-text--wrapper, .page-working .pf-people .meet-us-text--wrapper, .page-working .benefits .pf-people-text--wrapper, .page-working .benefits .benefits-text--wrapper, .page-working .benefits .meet-us-text--wrapper, .page-working .meet-us .pf-people-text--wrapper, .page-working .meet-us .benefits-text--wrapper, .page-working .meet-us .meet-us-text--wrapper {
  width: calc(70% + 80px);
  margin: 70px -80px 70px 0;
  padding: 40px 80px 40px 0;
}

.page-working .pf-people .pf-people-text--wrapper .pf-people-text, .page-working .pf-people .pf-people-text--wrapper .benefits-text, .page-working .pf-people .pf-people-text--wrapper .meet-us-text, .page-working .pf-people .benefits-text--wrapper .pf-people-text, .page-working .pf-people .benefits-text--wrapper .benefits-text, .page-working .pf-people .benefits-text--wrapper .meet-us-text, .page-working .pf-people .meet-us-text--wrapper .pf-people-text, .page-working .pf-people .meet-us-text--wrapper .benefits-text, .page-working .pf-people .meet-us-text--wrapper .meet-us-text, .page-working .benefits .pf-people-text--wrapper .pf-people-text, .page-working .benefits .pf-people-text--wrapper .benefits-text, .page-working .benefits .pf-people-text--wrapper .meet-us-text, .page-working .benefits .benefits-text--wrapper .pf-people-text, .page-working .benefits .benefits-text--wrapper .benefits-text, .page-working .benefits .benefits-text--wrapper .meet-us-text, .page-working .benefits .meet-us-text--wrapper .pf-people-text, .page-working .benefits .meet-us-text--wrapper .benefits-text, .page-working .benefits .meet-us-text--wrapper .meet-us-text, .page-working .meet-us .pf-people-text--wrapper .pf-people-text, .page-working .meet-us .pf-people-text--wrapper .benefits-text, .page-working .meet-us .pf-people-text--wrapper .meet-us-text, .page-working .meet-us .benefits-text--wrapper .pf-people-text, .page-working .meet-us .benefits-text--wrapper .benefits-text, .page-working .meet-us .benefits-text--wrapper .meet-us-text, .page-working .meet-us .meet-us-text--wrapper .pf-people-text, .page-working .meet-us .meet-us-text--wrapper .benefits-text, .page-working .meet-us .meet-us-text--wrapper .meet-us-text {
  font-size: 20px;
  line-height: 28px;
}

.page-working .pf-people .pf-people-text--wrapper .pf-people-icons, .page-working .pf-people .pf-people-text--wrapper .benefits-icons, .page-working .pf-people .benefits-text--wrapper .pf-people-icons, .page-working .pf-people .benefits-text--wrapper .benefits-icons, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons, .page-working .pf-people .meet-us-text--wrapper .benefits-icons, .page-working .benefits .pf-people-text--wrapper .pf-people-icons, .page-working .benefits .pf-people-text--wrapper .benefits-icons, .page-working .benefits .benefits-text--wrapper .pf-people-icons, .page-working .benefits .benefits-text--wrapper .benefits-icons, .page-working .benefits .meet-us-text--wrapper .pf-people-icons, .page-working .benefits .meet-us-text--wrapper .benefits-icons, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons, .page-working .meet-us .pf-people-text--wrapper .benefits-icons, .page-working .meet-us .benefits-text--wrapper .pf-people-icons, .page-working .meet-us .benefits-text--wrapper .benefits-icons, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons, .page-working .meet-us .meet-us-text--wrapper .benefits-icons {
  align-items: center;
  padding-top: 30px;
  margin: 0 -10px;
}

.page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .pf-people .benefits-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .pf-people .benefits-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .pf-people .benefits-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .pf-people .benefits-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .benefits .pf-people-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .benefits .pf-people-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .benefits .pf-people-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .benefits .pf-people-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .benefits-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .benefits .benefits-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .benefits .benefits-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .benefits .benefits-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .benefits .meet-us-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .benefits .meet-us-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .benefits .meet-us-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .benefits .meet-us-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .meet-us .benefits-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .meet-us .benefits-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .meet-us .benefits-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .meet-us .benefits-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .benefits-icons-item img, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .benefits-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .pf-people-icons-item img, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item svg {
  max-width: 100%;
  height: 80px;
  margin: auto;
  display: block;
}

.page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .pf-people .benefits-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .pf-people .benefits-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .benefits .pf-people-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .benefits .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .benefits-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .benefits .benefits-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .benefits .meet-us-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .benefits .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .meet-us .benefits-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .meet-us .benefits-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .benefits-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description {
  text-align: center;
  margin-top: 12px;
  font-size: 18px;
  line-height: 22px;
}

.page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .pf-people .benefits-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .pf-people .benefits-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .pf-people .benefits-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .pf-people .meet-us-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .pf-people .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .benefits .pf-people-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .benefits .pf-people-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .benefits .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .benefits .meet-us-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .benefits .meet-us-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .benefits .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .meet-us .pf-people-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .meet-us .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .meet-us .benefits-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .meet-us .benefits-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .meet-us .benefits-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .benefits-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .pf-people-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description .title {
  font-size: 26px;
  font-family: "Inter Bold";
}

.page-working .pf-people .pf-people-image, .page-working .pf-people .benefits-image, .page-working .pf-people .meet-us-image, .page-working .benefits .pf-people-image, .page-working .benefits .benefits-image, .page-working .benefits .meet-us-image, .page-working .meet-us .pf-people-image, .page-working .meet-us .benefits-image, .page-working .meet-us .meet-us-image {
  width: 30%;
  padding-top: 30%;
  overflow: hidden;
  height: 0;
  margin: 0;
  position: relative;
  z-index: -1;
}

.page-working .pf-people .pf-people-image img, .page-working .pf-people .benefits-image img, .page-working .pf-people .meet-us-image img, .page-working .benefits .pf-people-image img, .page-working .benefits .benefits-image img, .page-working .benefits .meet-us-image img, .page-working .meet-us .pf-people-image img, .page-working .meet-us .benefits-image img, .page-working .meet-us .meet-us-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.page-working .training, .page-working .career, .page-working .stories, .page-working .life-pf, .page-working .recruiting {
  padding-top: 50px;
}

.page-working .training .intro-section, .page-working .career .intro-section, .page-working .stories .intro-section, .page-working .life-pf .intro-section, .page-working .recruiting .intro-section {
  align-items: center;
  padding-bottom: 50px;
}

.page-working .training .intro-section .intro-section-text, .page-working .career .intro-section .intro-section-text, .page-working .stories .intro-section .intro-section-text, .page-working .life-pf .intro-section .intro-section-text, .page-working .recruiting .intro-section .intro-section-text {
  width: 62%;
  font-size: 20px;
  line-height: 28px;
  padding-right: 50px;
}

.page-working .training .intro-section .intro-section-icons, .page-working .career .intro-section .intro-section-icons, .page-working .stories .intro-section .intro-section-icons, .page-working .life-pf .intro-section .intro-section-icons, .page-working .recruiting .intro-section .intro-section-icons {
  width: 38%;
  align-items: flex-start;
  margin: 0 -10px;
}

.page-working .training .intro-section .intro-section-icons .pf-people-icons-item, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item {
  width: 33%;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-working .training .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .training .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item svg {
  max-width: 100%;
  height: 80px;
  margin: auto;
  display: block;
}

.page-working .training .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item .description {
  text-align: center;
  margin-top: 8px;
  font-size: 18px;
  line-height: 22px;
}

.page-working .training .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item .description .title {
  font-size: 26px;
  font-family: "Inter Bold";
}

.page-working .training .related-box, .page-working .career .related-box, .page-working .stories .related-box, .page-working .life-pf .related-box, .page-working .recruiting .related-box {
  margin-bottom: 0;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item {
  margin-bottom: 50px;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article {
  cursor: pointer;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
  transform: translateY(50px) translateX(-50%);
  width: 70%;
  height: 23%;
  z-index: 1;
  cursor: auto;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
  text-align: center;
  padding: 10px 15px;
  width: 100%;
  text-transform: uppercase;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title .role, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title .role, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title .role, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title .role, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title .role {
  font-family: "Inter Regular";
  font-weight: 400;
  text-transform: none;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 30px 25px calc(20% - 30px);
  background-color: rgba(6, 151, 130, 0.85);
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div {
  max-height: 100%;
  overflow-y: scroll;
  padding-right: 15px;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar {
  width: 3px;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar-thumb, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar-thumb, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar-thumb, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar-thumb, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover > div::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 10px;
}

.page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article:hover .box-hover, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article:hover .box-hover, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article:hover .box-hover, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article:hover .box-hover, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article:hover .box-hover {
  display: block;
}

.page-working .career .intro-section, .page-working .life-pf .intro-section, .page-working .recruiting .intro-section {
  font-size: 20px;
  line-height: 28px;
}

.page-working .career .related-box .box--wrapper .slick-list, .page-working .life-pf .related-box .box--wrapper .slick-list, .page-working .recruiting .related-box .box--wrapper .slick-list {
  margin: 0 -20px;
}

.page-working .career .related-box .box--wrapper .slick-list .slick-slide, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide {
  margin: 0 20px;
}

.page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article {
  cursor: auto;
}

.page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
  width: calc(100% - 30px);
  height: 36%;
}

.page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
  padding: 15px 10px;
}

.page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 22%;
  height: 22%;
}

.page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video::before, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video::before, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video::before {
  content: '';
  background: url(../../public/images/homepage/play-video.svg) no-repeat;
  height: 100%;
  background-size: 100%;
  display: block;
}

.page-working .stories .intro-section {
  font-size: 20px;
  line-height: 28px;
}

.page-working .benefits, .page-working .pf-people {
  padding-top: 80px;
}

.page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-list, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-list, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-list {
  margin: 0 -20px;
}

.page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-list .slick-track .slick-slide, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-list .slick-track .slick-slide {
  margin: 0 20px;
}

.page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide .benefits-icons-item, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-list .slick-track .slick-slide .benefits-icons-item, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide .benefits-icons-item, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-list .slick-track .slick-slide .benefits-icons-item {
  padding: 0;
}

.page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-prev, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-prev, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-prev, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-prev {
  left: -15px;
}

.page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-next, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-next, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-next, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-next {
  right: -15px;
}

.page-working .life-pf .related-box .box--wrapper .slick-list {
  margin: 0 -30px;
}

.page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide {
  margin: 0 30px;
}

.page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article {
  cursor: auto;
}

.page-working .recruiting {
  padding-bottom: 100px;
}

.page-working .recruiting .steps--wrapper {
  margin: 0 -30px;
}

.page-working .recruiting .steps--wrapper .steps--item {
  flex: 0 0 20%;
  flex-direction: column;
  padding: 0 30px;
}

.page-working .recruiting .steps--wrapper .steps--item .steps-image {
  width: 70%;
  padding-top: 70%;
  height: 0;
  position: relative;
}

.page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
  position: absolute;
  bottom: -33px;
  right: -26px;
  font-family: "Inter Bold";
  font-size: 8vw;
}

.page-working .recruiting .steps--wrapper .steps--item .steps-text {
  margin-top: 35px;
  font-size: 20px;
  line-height: 28px;
}

.page-working .recruiting .steps--wrapper .steps--item .steps-text h3 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.page-working .recruiting .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../../public/images/arrow.svg) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -75px;
}

#page-working .related-events {
  margin-top: 65px;
  margin-bottom: 0px;
}

#page-working .related-events .slick-slider .slick-list {
  margin: 0 -10px;
}

#page-working .related-events .slick-slider .slick-list .slick-slide {
  margin: 0 10px;
}

#page-working .related-events .slick-slider .slick-list .slick-slide .article-event {
  height: 100%;
  display: flex !important;
}

#page-working .box-job {
  padding: 80px 0;
  position: relative;
}

#page-working .box-job .box-job--wrapper {
  align-items: center;
  justify-content: center;
}

#page-working .box-job .box-job--wrapper > a {
  flex: 0 0 21%;
  padding-top: 21%;
  height: 0;
  position: relative;
  overflow: hidden;
  margin: 0 40px;
}

#page-working .box-job .box-job--wrapper > a .box-job--item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Inter Bold";
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

#page-working .box-job .box-job--wrapper > a .box-job--item h2 {
  text-transform: uppercase;
  font-size: 26px;
  margin-top: 30px;
}

#page-working .box-job::after {
  content: '';
  position: absolute;
  width: calc(100% + 250px);
  height: 50%;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #F4F4F4;
  z-index: -1;
}

@media only screen and (min-width: 1921px) {
  .page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
    font-size: 153px;
  }
}

@media only screen and (max-width: 1440px) {
  .page-working nav .container {
    padding: 0 30px;
  }
  .page-working nav .container ul li {
    padding: 10px 20px;
  }
  .page-working nav .container ul li a {
    font-size: 18px;
  }
  .page-working .purpose .intro-page .description {
    font-size: 18px;
    line-height: 26px;
  }
  .page-working .purpose .link-intro {
    width: 25%;
  }
  .page-working .pf-people .pf-people-text--wrapper, .page-working .benefits .benefits-text--wrapper, .page-working .meet-us .meet-us-text--wrapper {
    width: calc(70% + 60px);
    margin: 60px -60px 60px 0;
    padding: 30px 40px 30px 0;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-text, .page-working .pf-people .pf-people-text--wrapper .benefits-text, .page-working .pf-people .pf-people-text--wrapper .meet-us-text, .page-working .benefits .benefits-text--wrapper .pf-people-text, .page-working .benefits .benefits-text--wrapper .benefits-text, .page-working .benefits .benefits-text--wrapper .meet-us-text, .page-working .meet-us .meet-us-text--wrapper .pf-people-text, .page-working .meet-us .meet-us-text--wrapper .benefits-text, .page-working .meet-us .meet-us-text--wrapper .meet-us-text {
    font-size: 18px;
    line-height: 26px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item svg {
    height: 60px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description {
    font-size: 16px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description .title {
    font-size: 22px;
  }
  .page-working .training .intro-section .intro-section-text, .page-working .career .intro-section .intro-section-text, .page-working .stories .intro-section .intro-section-text, .page-working .recruiting .intro-section .intro-section-text {
    font-size: 18px;
    line-height: 26px;
  }
  .page-working .training .intro-section .pf-people-icons-item img, .page-working .training .intro-section .pf-people-icons-item svg, .page-working .career .intro-section .pf-people-icons-item img, .page-working .career .intro-section .pf-people-icons-item svg, .page-working .stories .intro-section .pf-people-icons-item img, .page-working .stories .intro-section .pf-people-icons-item svg, .page-working .recruiting .intro-section .pf-people-icons-item img, .page-working .recruiting .intro-section .pf-people-icons-item svg {
    height: 60px;
  }
  .page-working .training .intro-section .pf-people-icons-item .description, .page-working .career .intro-section .pf-people-icons-item .description, .page-working .stories .intro-section .pf-people-icons-item .description, .page-working .recruiting .intro-section .pf-people-icons-item .description {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .page-working .training .intro-section .pf-people-icons-item .description .title, .page-working .career .intro-section .pf-people-icons-item .description .title, .page-working .stories .intro-section .pf-people-icons-item .description .title, .page-working .recruiting .intro-section .pf-people-icons-item .description .title {
    font-size: 22px !important;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item {
    margin-bottom: 30px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 60px);
    height: 32%;
    transform: translateY(30px) translateX(-50%);
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    font-size: 16px;
    line-height: 20px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover {
    padding: 15px 20px calc(35% - 20px);
    width: 90%;
    font-size: 16px;
    line-height: 24px;
  }
  .page-working .career .intro-section, .page-working .life-pf .intro-section, .page-working .recruiting .intro-section, .page-working .stories .intro-section {
    font-size: 18px;
    line-height: 26px;
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 25px);
    height: 60%;
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video {
    top: calc(50% - 35px);
  }
  .page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-list, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-list, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-list {
    margin: 0 -10px;
  }
  .page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-list .slick-track .slick-slide, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-list .slick-track .slick-slide {
    margin: 0 10px;
  }
  .page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-next, .page-working .benefits .pf-people--wrapper .pf-people-icons.slick-slider .slick-next, .page-working .pf-people .benefits-text--wrapper .benefits-icons.slick-slider .slick-next, .page-working .pf-people .pf-people--wrapper .pf-people-icons.slick-slider .slick-next {
    right: -15px;
  }
  .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item {
    margin-bottom: 30px;
  }
  .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    transform: translateY(30px) translateX(-50%);
    width: calc(100% - 25px);
    height: 55%;
  }
  .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 15px 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video {
    top: calc(50% - 35px);
  }
  .page-working .recruiting .steps--wrapper {
    margin: 0 -20px;
  }
  .page-working .recruiting .steps--wrapper .steps--item {
    padding: 0 20px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -22px;
    right: -16px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-text {
    font-size: 18px;
    line-height: 24px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-text h3 {
    font-size: 22px;
  }
  .page-working .recruiting .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
    right: -65px;
  }
  #page-working .box-job .box-job--wrapper > a {
    flex: 0 0 25%;
    padding-top: 25%;
    margin: 0 20px;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item {
    font-size: 18px;
    line-height: 26px;
    padding: 15px;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item h2 {
    font-size: 24px;
    margin-top: 26px;
  }
}

@media only screen and (max-width: 1199px) {
  .page-working nav .container {
    padding: 0 15px;
  }
  .page-working nav .container ul li {
    padding: 10px 15px;
  }
  .page-working nav .container ul li a {
    font-size: 16px;
  }
  .page-working .purpose {
    padding: 65px 0 40px;
  }
  .page-working .purpose .intro-page .title {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .page-working .purpose .intro-page .description {
    font-size: 16px;
    line-height: 24px;
  }
  .page-working .purpose .link-intro {
    width: 28%;
  }
  .page-working .purpose .link-intro .btn {
    padding: 15px 10px 15px 50px;
  }
  .page-working .purpose .link-intro .btn:hover span:before {
    width: 40px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-text, .page-working .pf-people .pf-people-text--wrapper .benefits-text, .page-working .pf-people .pf-people-text--wrapper .meet-us-text, .page-working .benefits .benefits-text--wrapper .pf-people-text, .page-working .benefits .benefits-text--wrapper .benefits-text, .page-working .benefits .benefits-text--wrapper .meet-us-text, .page-working .meet-us .meet-us-text--wrapper .pf-people-text, .page-working .meet-us .meet-us-text--wrapper .benefits-text, .page-working .meet-us .meet-us-text--wrapper .meet-us-text {
    font-size: 16px;
    line-height: 24px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item img, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item svg {
    height: 45px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description {
    font-size: 14px;
    line-height: 20px;
  }
  .page-working .pf-people .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .pf-people .pf-people-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .benefits .benefits-text--wrapper .benefits-icons .benefits-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description .title, .page-working .meet-us .meet-us-text--wrapper .benefits-icons .benefits-icons-item .description .title {
    font-size: 20px;
  }
  .page-working .training .intro-section .intro-section-text, .page-working .career .intro-section .intro-section-text, .page-working .stories .intro-section .intro-section-text, .page-working .life-pf .intro-section .intro-section-text, .page-working .recruiting .intro-section .intro-section-text {
    font-size: 16px;
    line-height: 24px;
    padding-right: 20px;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item {
    padding: 0 5px;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .training .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item svg {
    height: 45px;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item .description {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item .description .title, .page-working .recruiting .intro-section .intro-section-icons .pf-people-icons-item .description .title {
    font-size: 20px !important;
  }
  .page-working .training .related-box .box--wrapper .slick-list, .page-working .career .related-box .box--wrapper .slick-list, .page-working .stories .related-box .box--wrapper .slick-list, .page-working .life-pf .related-box .box--wrapper .slick-list, .page-working .recruiting .related-box .box--wrapper .slick-list {
    margin: 0 -10px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide, .page-working .career .related-box .box--wrapper .slick-list .slick-slide, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide {
    margin: 0 10px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 25px);
    height: 35%;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title .title {
    padding: 20px 10px 15px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .recruiting .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover {
    width: calc(100% - 10px);
    padding: 20px 20px calc(40% - 30px);
  }
  .page-working .career .intro-section, .page-working .life-pf .intro-section, .page-working .recruiting .intro-section, .page-working .stories .intro-section {
    font-size: 16px;
    line-height: 24px;
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 25px);
    height: 70%;
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video {
    top: 55px;
  }
  .page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list {
    margin: 0 -5px;
  }
  .page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-list .slick-track .slick-slide {
    margin: 0 5px;
  }
  .page-working .recruiting .steps--wrapper {
    margin: 0 -10px;
  }
  .page-working .recruiting .steps--wrapper .steps--item {
    padding: 0 10px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image {
    width: 75%;
    padding-top: 75%;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -18px;
    right: -14px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-text {
    font-size: 16px;
    line-height: 24px;
  }
  .page-working .recruiting .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
    right: -45px;
    width: 15px;
    height: 15px;
  }
  #page-working .box-job .box-job--wrapper > a {
    flex: 0 0 33%;
    padding-top: 33%;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item {
    font-size: 16px;
    line-height: 24px;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item h2 {
    font-size: 22px;
    margin-top: 24px;
  }
  #page-working .box-job::after {
    left: -30px;
    width: calc(100% + 210px);
  }
}

@media only screen and (max-width: 991px) {
  .page-working .screen-small {
    margin-bottom: 45px;
  }
  .page-working nav {
    display: none;
  }
  .page-working .purpose {
    padding: 25px 0;
    flex-direction: column;
  }
  .page-working .purpose .intro-page {
    width: 100%;
  }
  .page-working .purpose .link-intro {
    width: 100%;
    flex-direction: row;
    margin: 50px auto 0;
  }
  .page-working .purpose .link-intro .btn {
    margin: 0 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-working .purpose .link-intro .btn:not(:last-child) {
    margin-bottom: 0;
  }
  .page-working .pf-people, .page-working .benefits, .page-working .meet-us {
    padding-top: 25px;
  }
  .page-working .pf-people .header-section, .page-working .benefits .header-section, .page-working .meet-us .header-section {
    position: relative;
  }
  .page-working .pf-people .pf-people--wrapper, .page-working .pf-people .benefits--wrapper, .page-working .pf-people .meet-us--wrapper, .page-working .benefits .pf-people--wrapper, .page-working .benefits .benefits--wrapper, .page-working .benefits .meet-us--wrapper, .page-working .meet-us .pf-people--wrapper, .page-working .meet-us .benefits--wrapper, .page-working .meet-us .meet-us--wrapper {
    flex-direction: column-reverse;
    margin: 0 -20px;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-image, .page-working .pf-people .pf-people--wrapper .benefits-image, .page-working .pf-people .pf-people--wrapper .meet-us-image, .page-working .pf-people .benefits--wrapper .pf-people-image, .page-working .pf-people .benefits--wrapper .benefits-image, .page-working .pf-people .benefits--wrapper .meet-us-image, .page-working .pf-people .meet-us--wrapper .pf-people-image, .page-working .pf-people .meet-us--wrapper .benefits-image, .page-working .pf-people .meet-us--wrapper .meet-us-image, .page-working .benefits .pf-people--wrapper .pf-people-image, .page-working .benefits .pf-people--wrapper .benefits-image, .page-working .benefits .pf-people--wrapper .meet-us-image, .page-working .benefits .benefits--wrapper .pf-people-image, .page-working .benefits .benefits--wrapper .benefits-image, .page-working .benefits .benefits--wrapper .meet-us-image, .page-working .benefits .meet-us--wrapper .pf-people-image, .page-working .benefits .meet-us--wrapper .benefits-image, .page-working .benefits .meet-us--wrapper .meet-us-image, .page-working .meet-us .pf-people--wrapper .pf-people-image, .page-working .meet-us .pf-people--wrapper .benefits-image, .page-working .meet-us .pf-people--wrapper .meet-us-image, .page-working .meet-us .benefits--wrapper .pf-people-image, .page-working .meet-us .benefits--wrapper .benefits-image, .page-working .meet-us .benefits--wrapper .meet-us-image, .page-working .meet-us .meet-us--wrapper .pf-people-image, .page-working .meet-us .meet-us--wrapper .benefits-image, .page-working .meet-us .meet-us--wrapper .meet-us-image {
    width: 100%;
    padding-top: 58%;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper, .page-working .benefits .benefits--wrapper .benefits-text--wrapper, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper {
    width: calc(100% - 40px);
    margin: -100px 20px 0;
    padding: 35px 20px 0;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper .pf-people-icons, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper .pf-people-icons, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons {
    flex-direction: column;
    margin: 0 auto;
    width: 75%;
    max-width: 100%;
    align-items: flex-start;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    flex-direction: row;
    align-items: center;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item + .pf-people-icons-item {
    padding-top: 30px;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item svg, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item img, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item svg {
    max-width: 70px;
    width: 100%;
  }
  .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .pf-people .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .benefits .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .pf-people--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .pf-people--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .benefits--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .benefits--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .benefits--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us--wrapper .pf-people-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us--wrapper .benefits-text--wrapper .pf-people-icons .pf-people-icons-item .description, .page-working .meet-us .meet-us--wrapper .meet-us-text--wrapper .pf-people-icons .pf-people-icons-item .description {
    margin-top: 0;
    padding-left: 20px;
    text-align: left;
  }
  .page-working .training .intro-section, .page-working .career .intro-section, .page-working .stories .intro-section, .page-working .life-pf .intro-section {
    flex-direction: column;
  }
  .page-working .training .intro-section .intro-section-text, .page-working .career .intro-section .intro-section-text, .page-working .stories .intro-section .intro-section-text, .page-working .life-pf .intro-section .intro-section-text {
    width: 100%;
    padding-right: 0;
  }
  .page-working .training .intro-section .intro-section-icons, .page-working .career .intro-section .intro-section-icons, .page-working .stories .intro-section .intro-section-icons, .page-working .life-pf .intro-section .intro-section-icons {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
    width: 75%;
    max-width: 100%;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    align-items: center;
    flex-direction: row;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item + .pf-people-icons-item, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item + .pf-people-icons-item {
    padding-top: 30px;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .training .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item svg, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item img, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item svg {
    max-width: 70px;
    width: 100%;
  }
  .page-working .training .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .career .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .stories .intro-section .intro-section-icons .pf-people-icons-item .description, .page-working .life-pf .intro-section .intro-section-icons .pf-people-icons-item .description {
    margin-top: 0;
    padding-left: 20px;
    text-align: left;
  }
  .page-working .training .related-box, .page-working .career .related-box, .page-working .stories .related-box, .page-working .life-pf .related-box {
    margin-bottom: 60px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    height: auto;
    width: calc(100% - 75px);
  }
  .page-working .training .related-box .box--wrapper .slick-dots, .page-working .training .related-box .box--wrapper .slick-arrow, .page-working .career .related-box .box--wrapper .slick-dots, .page-working .career .related-box .box--wrapper .slick-arrow, .page-working .stories .related-box .box--wrapper .slick-dots, .page-working .stories .related-box .box--wrapper .slick-arrow, .page-working .life-pf .related-box .box--wrapper .slick-dots, .page-working .life-pf .related-box .box--wrapper .slick-arrow {
    bottom: -65px;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    height: 14%;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover {
    padding: 20px 20px calc(14% - 20px);
    display: block;
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 26px;
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 40px);
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video, .page-working .life-pf .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video {
    top: 50%;
    width: 15%;
    height: 15%;
  }
  .page-working .benefits .benefits--wrapper {
    margin-bottom: 60px;
  }
  .page-working .benefits .benefits--wrapper .benefits-text--wrapper .benefits-icons-item img, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .benefits-icons-item svg {
    height: 60px;
  }
  .page-working .benefits .benefits--wrapper .benefits-text--wrapper .benefits-icons-item .description {
    margin-top: 15px;
  }
  .page-working .benefits .benefits--wrapper .benefits-text--wrapper .slick-arrow, .page-working .benefits .benefits--wrapper .benefits-text--wrapper .slick-dots {
    bottom: -60px;
  }
  .page-working .benefits .benefits--wrapper .benefits-text--wrapper .slick-next {
    right: 0 !important;
  }
  .page-working .benefits .benefits--wrapper .benefits-text--wrapper .slick-prev {
    left: 0 !important;
  }
  .page-working .recruiting .steps--wrapper .steps--item {
    padding: 0 60px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image {
    width: 50%;
    padding-top: 50%;
    margin: auto;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -162px;
    right: -70px;
    font-size: 57vw;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-text {
    margin-top: 40px;
  }
  .page-working .recruiting .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
    content: none;
  }
  .page-working .recruiting .steps--wrapper.slick-slider .slick-arrow, .page-working .recruiting .steps--wrapper.slick-slider .slick-dots {
    bottom: -90px;
  }
  #page-working .related-events {
    margin-top: 50px;
    padding-bottom: 95px;
  }
  #page-working .box-job::after {
    left: -20px;
    width: calc(100% + 40px);
  }
}

@media only screen and (max-width: 768px) {
  .page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -130px;
    right: -40px;
    font-size: 52vw;
  }
  #page-working .box-job .box-job--wrapper {
    flex-wrap: wrap;
  }
  #page-working .box-job .box-job--wrapper > a {
    flex: 0 0 65%;
    padding-top: 65%;
    margin: 15px 0;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item {
    padding: 30px 40px;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item h2 {
    margin-top: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .page-working .purpose .link-intro {
    justify-content: space-between;
  }
  .page-working .purpose .link-intro .btn {
    margin: 0;
    padding: 15px 5px 15px 30px;
    font-size: 14px;
    flex: 0 0 calc(50% - 3px);
  }
  .page-working .purpose .link-intro .btn span::before {
    width: 15px;
    right: calc(100% + 5px);
  }
  .page-working .purpose .link-intro .btn:hover span::before {
    width: 20px;
  }
  .page-working .training .intro-section .intro-section-icons, .page-working .training .pf-people-text--wrapper .pf-people-icons, .page-working .pf-people .pf-people--wrapper .intro-section .intro-section-icons, .page-working .pf-people .pf-people--wrapper .pf-people-text--wrapper .pf-people-icons {
    width: 100%;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-title {
    width: calc(100% - 40px);
    height: auto;
  }
  .page-working .training .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover, .page-working .stories .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .box-hover {
    width: calc(100% - 25px);
    padding: 20px 20px 70px;
    font-size: 16px;
    line-height: 24px;
  }
  .page-working .career .related-box .box--wrapper .slick-list .slick-slide > div .box-item > article .play-video {
    width: 22%;
    height: 22%;
  }
  .page-working .recruiting .steps--wrapper .steps--item {
    padding: 0 30px;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image {
    width: 100%;
    padding-top: 100%;
  }
  .page-working .recruiting .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -75px;
    right: -40px;
    font-size: 75vw;
  }
  .page-working .benefits .benefits-text--wrapper .benefits-icons.slick-slider .slick-arrow {
    bottom: -35px !important;
  }
  #page-working .box-job .box-job--wrapper > a {
    flex: 0 0 80%;
    padding-top: 80%;
  }
  #page-working .box-job .box-job--wrapper > a .box-job--item {
    padding: 10px 15px;
  }
}

.aw_jobPosting mark {
  background-color: #069782 !important;
}

.page-app-qr-reader .info, .page-app-qr-reader .download {
  padding: 45px 0 70px;
  justify-content: space-between;
  align-items: center;
}

.page-app-qr-reader .info .intro-page, .page-app-qr-reader .download .intro-page {
  width: 68%;
}

.page-app-qr-reader .info .intro-page .title, .page-app-qr-reader .download .intro-page .title {
  font-size: 42px;
  line-height: 1;
  font-family: "Inter Bold";
  margin-bottom: 20px;
}

.page-app-qr-reader .info .intro-page .description, .page-app-qr-reader .download .intro-page .description {
  font-size: 20px;
  line-height: 28px;
}

.page-app-qr-reader .info .link-intro, .page-app-qr-reader .download .link-intro {
  width: 25%;
  padding-left: 40px;
}

.page-app-qr-reader .info .link-intro .btn, .page-app-qr-reader .download .link-intro .btn {
  padding: 15px 20px 15px 60px;
  width: 100%;
}

.page-app-qr-reader .info .link-intro .btn:hover, .page-app-qr-reader .download .link-intro .btn:hover {
  color: #069782;
}

.page-app-qr-reader .info .link-intro .btn:hover span::before, .page-app-qr-reader .download .link-intro .btn:hover span::before {
  background-color: #069782;
}

.page-app-qr-reader .info .link-intro .versione, .page-app-qr-reader .download .link-intro .versione {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  margin-top: 10px;
}

.page-app-qr-reader .use {
  padding-bottom: 90px;
}

.page-app-qr-reader .use .header-section {
  margin: 13px 0 35px 24px;
}

.page-app-qr-reader .use .use--wrapper .slick-list {
  margin: 0 -10px;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide {
  margin: 0 10px;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item {
  display: flex !important;
  padding: 25px 0px;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-image {
  width: 40%;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-image img {
  width: 100%;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text {
  width: 60%;
  padding-left: 30px;
  position: relative;
  margin-top: 15px;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number {
  color: #069782;
  font-size: 25px;
  position: relative;
  background: #ffffff;
  display: inline;
  padding-left: 8px;
  font-family: "Inter Bold";
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number::before {
  content: '';
  width: 60px;
  height: 60px;
  border: 4px solid #069782;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
  z-index: -1;
}

.page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .description {
  margin-left: -10px;
  padding-top: 60px;
  font-size: 16px;
  line-height: 22px;
}

.page-app-qr-reader .download .download--wrapper {
  justify-content: space-between;
  align-items: center;
}

.page-app-qr-reader .support {
  padding-bottom: 100px;
}

.page-app-qr-reader .support .text-intro {
  padding-left: 50px;
  margin-bottom: 28px;
}

.page-app-qr-reader .support .support--wrapper {
  justify-content: space-between;
}

.page-app-qr-reader .support .support--wrapper .support-toggle {
  width: 68%;
}

.page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .question {
  padding: 13px 50px 10px;
  font-size: 20px;
  font-family: "Inter Bold";
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .question::after {
  content: '';
  border: solid;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .question.open::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .answer {
  padding: 15px 50px 15px;
  font-size: 20px;
  line-height: 28px;
}

.page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item + .support-toggle-item {
  margin-top: 7px;
}

.page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item.open .answer {
  display: block;
}

.page-app-qr-reader .support .support--wrapper .support-link {
  width: 25%;
  padding-left: 40px;
}

.page-app-qr-reader .support .support--wrapper .support-link > a {
  width: 75%;
  padding-top: 75%;
  height: 0;
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
}

.page-app-qr-reader .support .support--wrapper .support-link > a > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Inter Bold";
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.page-app-qr-reader .support .support--wrapper .support-link > a > div strong {
  text-transform: uppercase;
  margin-top: 35px;
  font-size: 23px;
}

@media only screen and (max-width: 1601px) {
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1440px) {
  .page-app-qr-reader .info .intro-page, .page-app-qr-reader .download .intro-page {
    width: 70%;
  }
  .page-app-qr-reader .info .intro-page .title, .page-app-qr-reader .download .intro-page .title {
    font-size: 34px;
  }
  .page-app-qr-reader .info .intro-page .description, .page-app-qr-reader .download .intro-page .description {
    font-size: 18px;
    line-height: 26px;
  }
  .page-app-qr-reader .info .link-intro, .page-app-qr-reader .download .link-intro {
    width: 30%;
  }
  .page-app-qr-reader .info .link-intro .versione, .page-app-qr-reader .download .link-intro .versione {
    font-size: 18px;
    line-height: 26px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-image {
    width: 35%;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text {
    width: 65%;
    padding-left: 25px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number {
    font-size: 17px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number::before {
    width: 40px;
    height: 40px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .description {
    padding-top: 30px;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle {
    width: 70%;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .question {
    font-size: 18px;
    line-height: 26px;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .answer {
    font-size: 18px;
    line-height: 26px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link {
    width: 30%;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a {
    width: 100%;
    padding-top: 100%;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a > div {
    font-size: 18px;
    line-height: 26px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a > div strong {
    font-size: 22px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .page-app-qr-reader .info .intro-page .title, .page-app-qr-reader .download .intro-page .title {
    font-size: 26px;
  }
  .page-app-qr-reader .info .intro-page .description, .page-app-qr-reader .download .intro-page .description {
    font-size: 16px;
    line-height: 24px;
  }
  .page-app-qr-reader .info .link-intro, .page-app-qr-reader .download .link-intro {
    padding-left: 25px;
  }
  .page-app-qr-reader .info .link-intro .versione, .page-app-qr-reader .download .link-intro .versione {
    font-size: 16px;
    line-height: 24px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-image {
    width: 30%;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text {
    width: 70%;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .description {
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .page-app-qr-reader .support .text-intro {
    padding-left: 30px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle {
    width: 70%;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .question {
    padding: 10px 30px 8px;
    font-size: 16px;
    line-height: 24px;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .answer {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 30px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link {
    padding-left: 25px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a > div {
    font-size: 16px;
    line-height: 24px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a > div strong {
    font-size: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .page-app-qr-reader .info {
    flex-direction: column;
    padding-top: 10px;
  }
  .page-app-qr-reader .info .intro-page {
    width: 100%;
  }
  .page-app-qr-reader .info .intro-page .title {
    font-size: 30px;
  }
  .page-app-qr-reader .info .link-intro {
    padding-left: 0;
    width: auto;
    margin: 80px auto 0;
  }
  .page-app-qr-reader .info .link-intro .btn {
    padding: 15px 20px 15px 80px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item {
    padding: 10px 0 40px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text {
    padding-left: 45px;
    margin-top: 14px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number {
    font-size: 38px;
    padding-left: 25px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number::before {
    width: 72px;
    height: 72px;
    border-width: 6px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .description {
    padding-top: 40px;
  }
  .page-app-qr-reader .download {
    padding: 0 0 70px;
  }
  .page-app-qr-reader .download .download--wrapper {
    flex-direction: column;
  }
  .page-app-qr-reader .download .download--wrapper .intro-page {
    width: 100%;
  }
  .page-app-qr-reader .download .download--wrapper .link-intro {
    padding-left: 0;
    width: auto;
    margin: 70px auto 0;
  }
  .page-app-qr-reader .download .download--wrapper .link-intro .btn {
    padding: 15px 20px 15px 80px;
  }
  .page-app-qr-reader .download .download--wrapper .link-intro .btn:not(:last-child) {
    margin-bottom: 0;
  }
  .page-app-qr-reader .support {
    padding-bottom: 70px;
    margin: 0 -20px;
  }
  .page-app-qr-reader .support .header-section {
    margin-left: 44px;
  }
  .page-app-qr-reader .support .text-intro {
    display: none;
  }
  .page-app-qr-reader .support .support--wrapper {
    padding-top: 10px;
    flex-direction: column;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle {
    width: 100%;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .question, .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item .answer {
    padding-left: 50px;
    padding-right: 50px;
  }
  .page-app-qr-reader .support .support--wrapper .support-toggle .support-toggle-item + .support-toggle-item {
    margin-top: 4px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link {
    width: 100%;
    padding-left: 0;
    padding-top: 40px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a {
    width: 33%;
    padding-top: 33%;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a > div {
    font-size: 20px;
    line-height: 30px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a > div strong {
    margin-top: 35px;
    font-size: 23px;
  }
}

@media only screen and (max-width: 768px) {
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item {
    flex-direction: column;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-image {
    width: 40%;
    margin: auto;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text {
    margin-top: 30px;
    padding-left: 10px;
    width: 100%;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number {
    font-size: 30px;
    padding-left: 18px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number::before {
    width: 60px;
    height: 60px;
    border-width: 4px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .description {
    padding-top: 25px;
    margin-left: -10px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a {
    width: 50%;
    padding-top: 50%;
  }
}

@media only screen and (max-width: 575px) {
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-image {
    width: 55%;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number {
    font-size: 20px;
    padding-left: 10px;
  }
  .page-app-qr-reader .use .use--wrapper .slick-list .slick-slide .use--item .use-text .use-number::before {
    width: 40px;
    height: 40px;
  }
  .page-app-qr-reader .link-intro .btn {
    font-size: 16px;
  }
  .page-app-qr-reader .support .support--wrapper .support-link > a {
    width: 85%;
    padding-top: 85%;
  }
}

.esg--wrapper {
  margin-bottom: 95px;
  padding-bottom: 90px;
  position: relative;
}

.esg--wrapper::after {
  content: '';
  background: url("../../public/images/timeline.svg");
  background-repeat-y: repeat;
  width: 3px;
  height: 100%;
  display: block;
  position: absolute;
  left: 20%;
  top: 0;
}

.esg--wrapper .esg-item + .esg-item {
  margin-top: 85px;
}

.esg--wrapper .esg-item .date {
  font-family: "Inter Bold";
  font-size: 34px;
  line-height: 50px;
  width: 20%;
  padding-right: 75px;
}

.esg--wrapper .esg-item .date.text-gray + .info::before {
  background-color: #474647;
}

.esg--wrapper .esg-item .info {
  width: 80%;
  padding-left: 75px;
  position: relative;
}

.esg--wrapper .esg-item .info .title {
  margin-top: -15px;
  font-family: "Inter Bold";
  font-size: 28px;
  line-height: 1.3;
  padding: 25px 75px 22px 30px;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  position: relative;
  cursor: pointer;
}

.esg--wrapper .esg-item .info .title span::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #069782;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}

.esg--wrapper .esg-item .info .title.bg-gray {
  font-size: 25px;
}

.esg--wrapper .esg-item .info .title.bg-gray::before {
  background-color: #474647;
}

.esg--wrapper .esg-item .info .title.bg-gray span::before {
  border-right: 20px solid #474647;
}

.esg--wrapper .esg-item .info .title.bg-gray ~ .description {
  font-style: italic;
}

.esg--wrapper .esg-item .info .title::after {
  content: '';
  border: solid;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 30px;
}

.esg--wrapper .esg-item .info .title.open::after {
  transform: translateY(-50%) rotate(-135deg);
  -webkit-transform: translateY(-50%) rotate(-135deg);
}

.esg--wrapper .esg-item .info .title::before {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #069782;
  top: 15px;
  left: -98.5px;
  z-index: 1;
  pointer-events: none;
}

.esg--wrapper .esg-item .info .description {
  font-size: 22px;
  line-height: 30px;
  padding-top: 50px;
}

.esg--wrapper .esg-item .info .description.open {
  display: block !important;
}

@media only screen and (max-width: 1440px) {
  .esg--wrapper .esg-item + .esg-item {
    margin-top: 65px;
  }
  .esg--wrapper .esg-item .date {
    font-size: 28px;
    line-height: 40px;
    padding-right: 60px;
  }
  .esg--wrapper .esg-item .info {
    padding-left: 60px;
  }
  .esg--wrapper .esg-item .info .title {
    margin-top: -19px;
    font-size: 26px;
  }
  .esg--wrapper .esg-item .info .title::before {
    width: 40px;
    height: 40px;
    left: -78.5px;
    top: 19px;
  }
  .esg--wrapper .esg-item .info .title.bg-gray {
    font-size: 22px;
  }
  .esg--wrapper .esg-item .info .description {
    font-size: 20px;
    line-height: 28px;
    padding-top: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .esg--wrapper .esg-item .date {
    font-size: 24px;
  }
  .esg--wrapper .esg-item .info .title {
    font-size: 24px;
  }
  .esg--wrapper .esg-item .info .title.bg-gray {
    font-size: 20px;
  }
  .esg--wrapper .esg-item .info .description {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .esg--wrapper {
    margin-bottom: 60px;
    padding-bottom: 75px;
  }
  .esg--wrapper::after {
    left: 11px;
  }
  .esg--wrapper .esg-item {
    flex-direction: column;
  }
  .esg--wrapper .esg-item + .esg-item {
    margin-top: 35px;
  }
  .esg--wrapper .esg-item .date {
    width: 100%;
    padding-right: 0;
    line-height: 25px;
    padding-left: 60px;
    margin-bottom: 10px;
  }
  .esg--wrapper .esg-item .info {
    width: 100%;
    padding-left: 60px;
  }
  .esg--wrapper .esg-item .info .title {
    margin-top: 0;
    font-size: 18px;
    padding: 10px 65px 12px 15px;
  }
  .esg--wrapper .esg-item .info .title::before {
    width: 25px;
    height: 25px;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
  }
  .esg--wrapper .esg-item .info .title.bg-gray {
    font-size: 18px;
  }
  .esg--wrapper .esg-item .info .title.bg-gray span::before {
    border-right: 15px solid #474647;
  }
  .esg--wrapper .esg-item .info .title::after {
    padding: 5px;
    top: calc(50% - 4px);
    right: 20px;
  }
  .esg--wrapper .esg-item .info .title.open::after {
    top: 50%;
  }
  .esg--wrapper .esg-item .info .title span::before {
    border-right: 15px solid #069782;
    left: -15px;
  }
  .esg--wrapper .esg-item .info .description {
    font-size: 16px;
    line-height: 24px;
    padding-top: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .esg--wrapper .esg-item .info {
    padding-left: 50px;
  }
  .esg--wrapper .esg-item .info .title {
    width: auto;
    padding: 10px 50px 12px 15px;
  }
  .esg--wrapper .esg-item .info .title::before {
    left: -50px;
  }
}

.sustainability-template-template-sustainability-pf .single.-sustainability {
  padding-bottom: 65px;
}

.sustainability-pf--wrapper {
  padding: 60px 0;
  justify-content: space-between;
}

.sustainability-pf--wrapper .sustainability-pf--item {
  flex: 0 0 calc((100% /3) - 30px);
  padding-top: calc((100% /3) - 30px);
  position: relative;
  height: 0;
  overflow: hidden;
}

.sustainability-pf--wrapper .sustainability-pf--item article {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.sustainability-pf--wrapper .sustainability-pf--item article .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  height: 35%;
}

.sustainability-pf--wrapper .sustainability-pf--item article .text > div {
  overflow-y: scroll;
  max-height: 100%;
  padding-right: 15px;
}

.sustainability-pf--wrapper .sustainability-pf--item article .text > div::-webkit-scrollbar {
  width: 3px;
}

.sustainability-pf--wrapper .sustainability-pf--item article .text > div::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 10px;
}

.sustainability-pf--wrapper .sustainability-pf--item article .text .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 22px;
}

.sustainability-pf--wrapper .sustainability-pf--item article .text .description {
  font-size: 20px;
  line-height: 28px;
}

.sustainability-pf--wrapper .sustainability-pf--item:nth-child(2) article .text {
  background-color: #474647 !important;
}

@media only screen and (max-width: 1440px) {
  .sustainability-pf--wrapper .sustainability-pf--item article .text .title {
    font-size: 20px;
  }
  .sustainability-pf--wrapper .sustainability-pf--item article .text .description {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .sustainability-template-template-sustainability-pf .single.-sustainability {
    padding-bottom: 50px;
  }
  .sustainability-template-template-sustainability-pf .single.-sustainability .content--wrapper {
    margin-bottom: 0;
  }
  .sustainability-template-template-sustainability-pf .single.-sustainability .content--wrapper .content-text-image > div .content-text {
    margin-bottom: 0;
  }
  .sustainability-pf--wrapper .sustainability-pf--item {
    flex: 1;
    padding-top: 100%;
  }
  .sustainability-pf--wrapper .sustainability-pf--item article .text {
    height: auto;
  }
  .sustainability-pf--wrapper .sustainability-pf--item article .text .description {
    font-size: 16px;
    line-height: 1.2;
  }
}

.sitemap--wrapper {
  padding-top: 30px;
  flex-wrap: wrap;
}

.sitemap--wrapper .sitemap-item {
  width: 30%;
  padding-left: 0;
}

.sitemap--wrapper .sitemap-item li {
  margin-bottom: 15px;
}

.sitemap--wrapper .sitemap-item li:before {
  content: none;
}

.sitemap--wrapper .sitemap-item li a {
  font-weight: bold;
}

.sitemap--wrapper .sitemap-item li .sub-menu {
  padding-top: 15px;
}

.sitemap--wrapper .sitemap-item + .sitemap-item {
  margin-left: 5%;
}

@media only screen and (max-width: 991px) {
  .sitemap--wrapper .sitemap-item {
    width: 100%;
  }
  .sitemap--wrapper .sitemap-item + .sitemap-item {
    margin-left: 0;
  }
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  main, .header, .mega-menu, footer {
    display: none;
  }
  #browser-warning {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  #browser-warning section {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  #browser-warning section:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  #browser-warning section .logo {
    margin: 0 auto 40px;
  }
  #browser-warning section .text--wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
    position: absolute;
    z-index: 10;
    text-align: center;
  }
  #browser-warning section .text--wrapper .title {
    font-size: 50px;
    margin-bottom: 30px;
    font-family: 'Inter Bold';
  }
  #browser-warning section .text--wrapper p {
    font-size: 30px;
  }
  #browser-warning section .text--wrapper a:hover {
    color: #ffffff;
  }
  #browser-warning section .install-browser {
    margin: 20px auto 0;
    text-align: left;
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
  }
  #browser-warning section .install-browser p {
    line-height: 20px;
  }
  #browser-warning section .install-browser p:before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
  }
  #browser-warning section .install-browser p#mozilla::before {
    background-image: url("../../public/images/services-page/mozilla.svg");
  }
  #browser-warning section .install-browser p#chrome::before {
    background-image: url("../../public/images/services-page/chrome.svg");
  }
  #browser-warning section .install-browser p#edge::before {
    background-image: url("../../public/images/services-page/edge.svg");
  }
  #browser-warning section .install-browser p, #browser-warning section .install-browser a {
    font-size: 20px;
  }
  #browser-warning section .install-browser p + p {
    margin-top: 10px;
  }
}

@media screen and (-ms-high-contrast: none) and (max-width: 1440px), screen and (-ms-high-contrast: active) and (max-width: 1440px) {
  #browser-warning section .text--wrapper .title {
    font-size: 40px;
  }
}

@media screen and (-ms-high-contrast: none) and (max-width: 1199px), screen and (-ms-high-contrast: active) and (max-width: 1199px) {
  #browser-warning section .text--wrapper .title {
    font-size: 30px;
  }
  #browser-warning section .text--wrapper p {
    font-size: 20px;
  }
  #browser-warning section .text--wrapper .install-browser p, #browser-warning section .text--wrapper .install-browser a {
    font-size: 16px;
  }
}

@media screen and (-ms-high-contrast: none) and (max-width: 991px), screen and (-ms-high-contrast: active) and (max-width: 991px) {
  #browser-warning section .text--wrapper {
    width: calc(100% - 40px);
  }
  #browser-warning section .text--wrapper .title {
    font-size: 25px;
  }
  #browser-warning section .text--wrapper p {
    font-size: 18px;
  }
}

@supports (-ms-ime-align: auto) {
  main, .header, .mega-menu, footer {
    display: none;
  }
  #browser-warning {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  #browser-warning section {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  #browser-warning section:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  #browser-warning section .logo {
    margin: 0 auto 40px;
  }
  #browser-warning section .text--wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
    position: absolute;
    z-index: 10;
    text-align: center;
  }
  #browser-warning section .text--wrapper .title {
    font-size: 50px;
    margin-bottom: 30px;
    font-family: 'Inter Bold';
  }
  #browser-warning section .text--wrapper p {
    font-size: 30px;
  }
  #browser-warning section .text--wrapper a:hover {
    color: #ffffff;
  }
  #browser-warning section .install-browser {
    margin: 20px auto 0;
    text-align: left;
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
  }
  #browser-warning section .install-browser p {
    line-height: 20px;
  }
  #browser-warning section .install-browser p:before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
  }
  #browser-warning section .install-browser p#mozilla::before {
    background-image: url("../../public/images/services-page/mozilla.svg");
  }
  #browser-warning section .install-browser p#chrome::before {
    background-image: url("../../public/images/services-page/chrome.svg");
  }
  #browser-warning section .install-browser p#edge::before {
    background-image: url("../../public/images/services-page/edge.svg");
  }
  #browser-warning section .install-browser p, #browser-warning section .install-browser a {
    font-size: 20px;
  }
  #browser-warning section .install-browser p + p {
    margin-top: 10px;
  }
  @media screen and (max-width: 1440px) {
    #browser-warning section .text--wrapper .title {
      font-size: 40px;
    }
  }
  @media screen and (max-width: 1199px) {
    #browser-warning section .text--wrapper .title {
      font-size: 30px;
    }
    #browser-warning section .text--wrapper p {
      font-size: 20px;
    }
    #browser-warning section .text--wrapper .install-browser p, #browser-warning section .text--wrapper .install-browser a {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 991px) {
    #browser-warning section .text--wrapper {
      width: calc(100% - 40px);
    }
    #browser-warning section .text--wrapper .title {
      font-size: 25px;
    }
    #browser-warning section .text--wrapper p {
      font-size: 18px;
    }
  }
}

@media screen\0 {
  main, .header, .mega-menu, footer {
    display: none;
  }
  #browser-warning {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  #browser-warning section {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  #browser-warning section:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  #browser-warning section .logo {
    margin: 0 auto 40px;
  }
  #browser-warning section .text--wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
    position: absolute;
    z-index: 10;
    text-align: center;
  }
  #browser-warning section .text--wrapper .title {
    font-size: 50px;
    margin-bottom: 30px;
    font-family: 'Inter Bold';
  }
  #browser-warning section .text--wrapper p {
    font-size: 30px;
  }
  #browser-warning section .text--wrapper a:hover {
    color: #ffffff;
  }
  #browser-warning section .install-browser {
    margin: 20px auto 0;
    text-align: left;
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
  }
  #browser-warning section .install-browser p {
    line-height: 20px;
  }
  #browser-warning section .install-browser p:before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
  }
  #browser-warning section .install-browser p#mozilla::before {
    background-image: url("../../public/images/services-page/mozilla.svg");
  }
  #browser-warning section .install-browser p#chrome::before {
    background-image: url("../../public/images/services-page/chrome.svg");
  }
  #browser-warning section .install-browser p#edge::before {
    background-image: url("../../public/images/services-page/edge.svg");
  }
  #browser-warning section .install-browser p, #browser-warning section .install-browser a {
    font-size: 20px;
  }
  #browser-warning section .install-browser p + p {
    margin-top: 10px;
  }
}

@media screen\9 {
  main, .header, .mega-menu, footer {
    display: none;
  }
  #browser-warning {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  #browser-warning section {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  #browser-warning section:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  #browser-warning section .logo {
    margin: 0 auto 40px;
  }
  #browser-warning section .text--wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
    position: absolute;
    z-index: 10;
    text-align: center;
  }
  #browser-warning section .text--wrapper .title {
    font-size: 50px;
    margin-bottom: 30px;
    font-family: 'Inter Bold';
  }
  #browser-warning section .text--wrapper p {
    font-size: 30px;
  }
  #browser-warning section .text--wrapper a:hover {
    color: #ffffff;
  }
  #browser-warning section .install-browser {
    margin: 20px auto 0;
    text-align: left;
    width: -webkit-max-content;
    width: max-content;
    display: inline-block;
  }
  #browser-warning section .install-browser p {
    line-height: 20px;
  }
  #browser-warning section .install-browser p:before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
  }
  #browser-warning section .install-browser p#mozilla::before {
    background-image: url("../../public/images/services-page/mozilla.svg");
  }
  #browser-warning section .install-browser p#chrome::before {
    background-image: url("../../public/images/services-page/chrome.svg");
  }
  #browser-warning section .install-browser p#edge::before {
    background-image: url("../../public/images/services-page/edge.svg");
  }
  #browser-warning section .install-browser p, #browser-warning section .install-browser a {
    font-size: 20px;
  }
  #browser-warning section .install-browser p + p {
    margin-top: 10px;
  }
}

.page-campagna-sem .white-paper-btn {
  margin-bottom: 30px;
}

.page-campagna-sem .white-paper {
  padding: 90px 0 50px;
  justify-content: space-between;
  align-items: center;
}

.page-campagna-sem .white-paper .intro-page {
  width: 70%;
}

.page-campagna-sem .white-paper .intro-page .title {
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Inter Bold";
  margin-bottom: 25px;
}

.page-campagna-sem .white-paper .intro-page .description {
  font-size: 20px;
  line-height: 28px;
}

.page-campagna-sem .white-paper .link-intro {
  width: 20%;
  flex-direction: column;
}

.page-campagna-sem .white-paper .link-intro .text-btn {
  margin: 20px 0;
}

.page-campagna-sem .white-paper .link-intro .btn {
  padding: 15px 20px 15px 60px;
}

.page-campagna-sem .white-paper .link-intro .btn:hover {
  color: #069782;
}

.page-campagna-sem .white-paper .link-intro .btn:hover span::before {
  background-color: #069782;
}

.page-campagna-sem .row_sem {
  padding-top: 10px;
}

.page-campagna-sem .row_sem .intro-section {
  align-items: center;
  font-size: 20px;
  line-height: 28px;
}

.page-campagna-sem .row_sem .intro-section p {
  margin-bottom: 60px;
}

.page-campagna-sem .row_sem .intro-section img {
  padding-left: 90px;
  width: 100%;
  height: auto;
}

.page-campagna-sem .section-message .intro-section p {
  margin-bottom: 30px;
}

.page-campagna-sem .section-message .form--wrapper {
  padding: 0;
}

.page-campagna-sem .section-message .form--wrapper .form-item {
  padding: 0;
}

.page-campagna-sem .section-message .form--wrapper .form-item .privacy-accepted {
  padding: 0 0 30px;
}

.page-campagna-sem .section-message .form--wrapper .form-item .d--flex {
  margin: 0 -12px 35px;
}

.page-campagna-sem .roster .intro-section {
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-campagna-sem .roster .intro-section .box-roster {
  background-color: #F4F4F4;
  width: 40%;
  margin: 5%;
  padding: 40px 55px;
}

.page-campagna-sem .roster .intro-section .box-roster img {
  margin: 40px 0;
  width: 100%;
  height: auto;
}

.page-campagna-sem .roster .intro-section .box-roster > ul {
  padding: 0;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li {
  list-style: none;
  position: relative;
  padding-left: 23px;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li:not(:last-child) {
  padding: 0 0 8px 23px;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  height: 13px;
  width: 13px;
  background-color: #474647;
  display: block;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li ul {
  padding: 8px 0 0;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li ul li {
  position: relative;
  list-style: none;
  padding-left: 14px;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li ul li + li {
  padding: 0 0 8px 14px;
}

.page-campagna-sem .roster .intro-section .box-roster > ul > li ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 7.5px;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #069782;
  display: block;
}

@media only screen and (max-width: 1440px) {
  .page-campagna-sem .white-paper .intro-page .description {
    font-size: 18px;
    line-height: 26px;
  }
  .page-campagna-sem .white-paper .link-intro {
    width: 25%;
  }
  .page-campagna-sem .row_sem .intro-section {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 1199px) {
  .page-campagna-sem .white-paper {
    padding: 50px 0 40px;
  }
  .page-campagna-sem .white-paper .intro-page .title {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .page-campagna-sem .white-paper .intro-page .description {
    font-size: 16px;
    line-height: 24px;
  }
  .page-campagna-sem .white-paper .link-intro {
    width: 28%;
  }
  .page-campagna-sem .white-paper .link-intro .btn {
    padding: 15px 10px 15px 50px;
  }
  .page-campagna-sem .white-paper .link-intro .btn:hover span:before {
    width: 40px;
  }
  .page-campagna-sem .row_sem .intro-section {
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .page-campagna-sem .white-paper {
    padding: 25px 0;
    flex-direction: column;
  }
  .page-campagna-sem .white-paper .intro-page {
    width: 100%;
  }
  .page-campagna-sem .white-paper .link-intro {
    width: 100%;
    margin: 50px auto 0;
  }
  .page-campagna-sem .white-paper .link-intro .btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-campagna-sem .row_sem .intro-section p {
    margin-bottom: 60px;
  }
  .page-campagna-sem .row_sem .intro-section img {
    padding-left: 0;
    width: 100vw;
    margin-left: -20px;
  }
  .page-campagna-sem .roster .intro-section {
    flex-direction: column;
  }
  .page-campagna-sem .roster .intro-section .box-roster {
    width: 100%;
    margin: 0 0 5%;
    padding: 25px 20px;
  }
  .page-campagna-sem .row_sem.section-message .form--wrapper .form-item .d--flex {
    margin: 0 -7px 30px;
  }
}

@media only screen and (max-width: 575px) {
  .page-campagna-sem .white-paper .link-intro {
    justify-content: space-between;
  }
  .page-campagna-sem .white-paper .link-intro .btn {
    margin: 0;
    padding: 15px 5px 15px 30px;
    font-size: 14px;
    flex: 0 0 calc(50% - 3px);
  }
  .page-campagna-sem .white-paper .link-intro .btn span::before {
    width: 15px;
    right: calc(100% + 5px);
  }
  .page-campagna-sem .white-paper .link-intro .btn:hover span::before {
    width: 20px;
  }
}

.page-energy-venture .intro-page {
  justify-content: space-between;
  padding: 50px 0;
}

.page-energy-venture .intro-page .intro-description {
  width: 70%;
}

.page-energy-venture .intro-page .intro-description .title {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
}

.page-energy-venture .intro-page .link-intro {
  width: 25%;
  flex-direction: column;
}

.page-energy-venture .intro-page .link-intro .btn:not(:last-child) {
  margin-bottom: 25px;
}

.page-energy-venture .call .-image {
  margin-top: 30px;
}

.page-energy-venture .call .-image .description {
  width: 70%;
}

.page-energy-venture .call .call-image {
  width: 30%;
  margin: 0 30px 0 0;
}

.page-energy-venture .targets {
  padding: 50px 0;
}

.page-energy-venture .targets .targets--item:last-child {
  margin: 0;
}

.page-energy-venture .targets .description {
  width: 38%;
  margin-top: 12px;
}

.page-energy-venture .targets .targets-discover {
  width: 25%;
  align-self: flex-end;
  margin-bottom: 40px;
}

.page-energy-venture .what .steps--wrapper {
  margin: 50px -30px 0;
}

.page-energy-venture .what .steps--wrapper .steps--item {
  width: 20%;
  flex-direction: column;
  padding: 0 30px;
}

.page-energy-venture .what .steps--wrapper .steps--item .steps-image {
  width: 80%;
  padding-top: 80%;
  height: 0;
  position: relative;
}

.page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
  position: absolute;
  bottom: -33px;
  right: -26px;
  font-family: "Inter Bold";
  font-size: 8vw;
}

.page-energy-venture .what .steps--wrapper .steps--item .steps-text {
  margin-top: 35px;
}

.page-energy-venture .what .steps--wrapper .steps--item .steps-text h3 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  word-break: break-word;
}

.page-energy-venture .what .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../../public/images/arrow.svg) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -75px;
}

.page-energy-venture .call-timeline {
  padding: 50px 0;
}

.page-energy-venture .call-timeline .esg--wrapper {
  margin-bottom: 40px;
}

.page-energy-venture .call-timeline .esg--wrapper .esg-item .info .title.bg-gray ~ .description {
  font-style: normal;
}

.page-energy-venture .meet-us .meet-us-text--wrapper {
  width: calc(70% + 80px);
  margin: 70px -80px 70px 0;
  padding: 40px 80px 40px 0;
}

.page-energy-venture .meet-us .meet-us-text--wrapper .description > div {
  margin-top: 30px;
  text-align: right;
}

.page-energy-venture .meet-us .meet-us-image {
  width: 30%;
  padding-top: 30%;
  overflow: hidden;
  height: 0;
  margin: 0;
  position: relative;
  z-index: -1;
}

.page-energy-venture .meet-us .meet-us-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.page-energy-venture .apply {
  padding: 50px 0;
}

.page-energy-venture .apply .box-job {
  position: relative;
  margin-top: 50px;
}

.page-energy-venture .apply .box-job .box-job--wrapper {
  align-items: center;
  justify-content: center;
}

.page-energy-venture .apply .box-job .box-job--wrapper > a {
  flex: 0 0 21%;
  padding-top: 21%;
  height: 0;
  position: relative;
  overflow: hidden;
  margin: 0 40px;
}

.page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Inter Bold";
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item h2 {
  text-transform: uppercase;
  font-size: 26px;
  margin-bottom: 30px;
}

.page-energy-venture .apply .box-job::after {
  content: '';
  position: absolute;
  width: calc(100% + 250px);
  height: 50%;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #F4F4F4;
  z-index: -1;
}

.page-energy-venture .description, .page-energy-venture .description li {
  font-size: 20px;
  line-height: 28px;
}

@media only screen and (min-width: 1921px) {
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
    font-size: 153px;
  }
}

@media only screen and (max-width: 1440px) {
  .page-energy-venture .intro-page .intro-description .title {
    font-size: 32px;
    line-height: 38px;
  }
  .page-energy-venture .what .steps--wrapper {
    margin: 50px -20px 0;
  }
  .page-energy-venture .what .steps--wrapper .steps--item {
    padding: 0 20px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -22px;
    right: -16px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-text h3 {
    font-size: 22px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
    right: -65px;
  }
  .page-energy-venture .meet-us .meet-us-text--wrapper {
    width: calc(70% + 60px);
    margin: 60px -60px 60px 0;
    padding: 30px 40px 30px 0;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a {
    flex: 0 0 25%;
    padding-top: 25%;
    margin: 0 20px;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item {
    padding: 15px;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item h2 {
    font-size: 24px;
    margin-bottom: 26px;
  }
  .page-energy-venture .description, .page-energy-venture .description li {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 1199px) {
  .page-energy-venture .intro-page .intro-description .title {
    font-size: 26px;
    line-height: 32px;
  }
  .page-energy-venture .what .steps--wrapper {
    margin: 30px -10px 0;
  }
  .page-energy-venture .what .steps--wrapper .steps--item {
    padding: 0 10px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image {
    width: 75%;
    padding-top: 75%;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -18px;
    right: -14px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
    right: -45px;
    width: 15px;
    height: 15px;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a {
    flex: 0 0 33%;
    padding-top: 33%;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item h2 {
    font-size: 22px;
    margin-bottom: 24px;
  }
  .page-energy-venture .apply .box-job::after {
    left: -30px;
    width: calc(100% + 210px);
  }
  .page-energy-venture .description, .page-energy-venture .description li {
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 991px) {
  .page-energy-venture .intro-page {
    padding: 25px 0;
    flex-direction: column;
  }
  .page-energy-venture .intro-page .intro-description {
    width: 100%;
  }
  .page-energy-venture .intro-page .link-intro {
    width: 100%;
    flex-direction: row;
    margin: 50px auto 0;
  }
  .page-energy-venture .intro-page .link-intro .btn {
    margin: 0 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-energy-venture .intro-page .link-intro .btn:not(:last-child) {
    margin-bottom: 0;
  }
  .page-energy-venture .call .-image {
    flex-direction: column;
  }
  .page-energy-venture .call .-image .call-image {
    width: 70%;
    margin: 0 auto 30px;
  }
  .page-energy-venture .call .-image .description {
    width: 100%;
  }
  .page-energy-venture .targets .description {
    width: 100%;
    margin-bottom: 90px;
    margin-top: 0;
  }
  .page-energy-venture .targets .targets-discover {
    width: 100%;
    margin-bottom: 0;
  }
  .page-energy-venture .what .steps--wrapper {
    margin: 30px 0 0;
  }
  .page-energy-venture .what .steps--wrapper .steps--item {
    padding: 0 60px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image {
    width: 50%;
    padding-top: 50%;
    margin: auto;
    overflow: hidden;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -162px;
    right: -70px;
    font-size: 57vw;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-text {
    margin-top: 40px;
  }
  .page-energy-venture .what .steps--wrapper .steps--item:not(:last-child) .steps-image::after {
    content: none;
  }
  .page-energy-venture .what .steps--wrapper.slick-slider .slick-arrow, .page-energy-venture .what .steps--wrapper.slick-slider .slick-dots {
    bottom: -90px;
  }
  .page-energy-venture .call-timeline {
    padding-top: 150px;
  }
  .page-energy-venture .meet-us .meet-us--wrapper {
    flex-direction: column-reverse;
    margin: 0 -20px;
  }
  .page-energy-venture .meet-us .meet-us-text--wrapper {
    width: calc(100% - 40px);
    margin: -100px 20px 0;
    padding: 35px 20px 0;
  }
  .page-energy-venture .meet-us .meet-us-image {
    width: 100%;
    padding-top: 58%;
  }
  .page-energy-venture .apply .box-job::after {
    left: -20px;
    width: calc(100% + 40px);
  }
}

@media only screen and (max-width: 768px) {
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -130px;
    right: -40px;
    font-size: 52vw;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper {
    flex-wrap: wrap;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a {
    flex: 0 0 65%;
    padding-top: 65%;
    margin: 15px 0;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item {
    padding: 30px 40px;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item h2 {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .page-energy-venture .intro-page .intro-description .title {
    font-size: 22px;
    line-height: 28px;
  }
  .page-energy-venture .intro-page .link-intro {
    justify-content: space-between;
  }
  .page-energy-venture .intro-page .link-intro .btn {
    margin: 0;
    padding: 15px 5px 15px 40px;
    font-size: 14px;
    flex: 0 0 calc(50% - 3px);
  }
  .page-energy-venture .call .-image .call-image {
    width: 100%;
  }
  .page-energy-venture .what .steps--wrapper .steps--item {
    padding: 0;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image {
    width: 100%;
    padding-top: 100%;
  }
  .page-energy-venture .what .steps--wrapper .steps--item .steps-image .steps-number {
    bottom: -75px;
    right: -40px;
    font-size: 75vw;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a {
    flex: 0 0 80%;
    padding-top: 80%;
  }
  .page-energy-venture .apply .box-job .box-job--wrapper > a .box-job--item {
    padding: 10px 15px;
  }
  .page-energy-venture .description, .page-energy-venture .description li {
    font-size: 16px;
    line-height: 24px;
  }
}

.-industries .content--wrapper {
  margin-top: 85px;
}

.-industries .content--wrapper .title-intro {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 20px;
}

.-industries .content--wrapper .page-default--wrapper {
  padding: 0;
}

.-industries .list-awards {
  padding: 0;
}

.-industries .list-awards .post-highlighted {
  padding: 70px 0;
}

.-industries .list-awards .post-highlighted.row-reverse {
  position: relative;
}

.-industries .list-awards .post-highlighted.row-reverse:before {
  content: '';
  position: absolute;
  background-color: #F4F4F4;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.-industries .list-awards .post-highlighted.row-reverse .header-section .title-section {
  background: #F4F4F4;
}

.-industries .list-awards .post-highlighted.row-reverse .post-highlighted--wrapper {
  flex-direction: row-reverse;
}

.-industries .list-awards .post-highlighted.row-reverse .post-highlighted--wrapper .post-highlighted-text--wrapper {
  margin: 35px -100px 35px 0;
  padding: 50px 60px;
}

.-industries .list-awards .post-highlighted .industries-icon--wrapper {
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -20px;
  align-items: center;
}

.-industries .list-awards .post-highlighted .industries-icon--wrapper .industries-icon--item {
  align-items: center;
  margin: 10px 25px;
}

.-industries .list-awards .post-highlighted .industries-icon--wrapper .industries-icon--item svg {
  height: 45px;
  width: 55px;
}

.-industries .list-awards .post-highlighted .industries-icon--wrapper .industries-icon--item span {
  font-size: 14px;
  margin-left: 5px;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .-industries .content--wrapper .title-intro {
    font-size: 26px;
    line-height: 32px;
  }
  .-industries .list-awards .post-highlighted.row-reverse .post-highlighted--wrapper .post-highlighted-text--wrapper {
    margin: 25px -100px 25px 0;
    padding: 15px;
  }
}

@media screen and (max-width: 1199px) {
  .-industries .content--wrapper .title-intro {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 991px) {
  .-industries .list-awards .post-highlighted {
    margin: 0 !important;
  }
  .-industries .list-awards .post-highlighted .post-highlighted--wrapper {
    margin: 0 -20px;
  }
  .-industries .list-awards .post-highlighted.row-reverse .post-highlighted--wrapper {
    flex-direction: column;
  }
  .-industries .list-awards .post-highlighted.row-reverse .post-highlighted--wrapper .post-highlighted-text--wrapper {
    width: calc(100% - 40px);
    margin: -100px 20px 0;
    padding: 20px 20px 0;
  }
}

@media screen and (max-width: 575px) {
  .-industries .content--wrapper .title-intro {
    font-size: 30px;
    line-height: 35px;
  }
}

#page-team .breadcrumbs {
  margin-bottom: 70px;
}

#page-team .page-default--wrapper {
  padding: 0;
}

#page-team .paragraph {
  margin-bottom: 70px;
}

#page-team .btn-wrapper {
  padding-bottom: 130px;
  text-align: center;
}

.team-wrapper {
  padding: 50px 0 130px;
  width: 80%;
  margin: 0 auto;
}

.team-wrapper .team-item .image {
  margin: 0 80px 0 0;
  width: 30%;
  padding-top: 30%;
  overflow: hidden;
  height: 0;
  position: relative;
}

.team-wrapper .team-item .image img {
  position: absolute;
  top: 0;
  left: 0;
}

.team-wrapper .team-item .text {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.team-wrapper .team-item .text .name, .team-wrapper .team-item .text .role {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 5px;
}

.team-wrapper .team-item .text .description {
  margin: 25px 0 40px;
}

.team-wrapper .team-item .text .info {
  position: relative;
  padding-top: 40px;
  flex-wrap: wrap;
}

.team-wrapper .team-item .text .info:before {
  content: '';
  display: block;
  height: 2px;
  background-color: #069782;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
}

.team-wrapper .team-item .text .info > div {
  margin: 5px 0;
}

.team-wrapper .team-item .text .info > div a {
  background-size: 22px !important;
  padding-left: 40px;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #474647;
  text-decoration: none;
}

.team-wrapper .team-item .text .info > div.mail a {
  background: url("../../public/images/mail-green.png") no-repeat center left;
}

.team-wrapper .team-item .text .info > div.phone a {
  background: url("../../public/images/office-building-green.png") no-repeat center left;
}

.team-wrapper .team-item .text .info > div.mobile a {
  background: url("../../public/images/mobile-green.png") no-repeat center left;
}

.team-wrapper .team-item .text .info > div:not(:last-child) {
  margin-right: 60px;
}

.team-wrapper .team-item + .team-item {
  margin-top: 80px;
}

@media only screen and (max-width: 1440px) {
  .team-wrapper .team-item .image {
    margin-left: 40px;
  }
  .team-wrapper .team-item .text .info > div a {
    font-size: 18px;
    line-height: 26px;
    background-size: 18px !important;
  }
}

@media only screen and (max-width: 991px) {
  #page-team .page-default--wrapper {
    padding-top: 15px;
  }
  #page-team .btn-wrapper {
    padding-bottom: 65px;
    text-align: center;
  }
  .team-wrapper {
    padding: 0 0 65px;
    width: 100%;
  }
  .team-wrapper .team-item > div {
    flex-direction: column;
  }
  .team-wrapper .team-item .image {
    margin: 0 0 40px;
    width: 100%;
    padding-top: 100%;
  }
  .team-wrapper .team-item .text {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .team-wrapper .team-item .text .info > div a {
    font-size: 16px;
    line-height: 24px;
  }
}

#PageExpertise .navigation-category--wrapper {
  align-items: center;
}

#PageExpertise .navigation-category--wrapper:after {
  content: none;
}

#PageExpertise .navigation-category--wrapper .navigation-category-title {
  right: -25px;
  left: auto;
}

#PageExpertise .navigation-category--wrapper .navigation-category-title .title {
  text-align: center;
}

#PageExpertise .navigation-category--wrapper .navigation-category-description {
  width: 34%;
  font-size: 20px;
  line-height: 28px;
  padding-left: 50px;
}

#PageExpertise .navigation-category--wrapper .navigation-category-description > .btn {
  margin-top: 25px;
}

#PageExpertise .navigation-category--wrapper .navigation-category-link {
  flex-direction: column;
  width: 34%;
  margin-bottom: auto;
  margin-top: 100px;
}

#PageExpertise .navigation-category--wrapper .navigation-category-link .btn:not(:last-child) {
  margin-bottom: 25px;
}

#PageExpertise .info-category {
  margin-top: 135px;
}

#PageExpertise .info-category .header-section .title-section span {
  text-transform: lowercase;
}

#PageExpertise .info-category .info-category-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
}

#PageExpertise .info-category .info-category-wrapper .info-category-item {
  width: 50%;
  padding: 0 50px;
  margin-bottom: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#PageExpertise .info-category .info-category-wrapper .info-category-item .info-category-title {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#PageExpertise .info-category .info-category-wrapper .info-category-item .info-category-description {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 30px;
}

#PageExpertise .info-category .info-category-wrapper .info-category-item .btn {
  width: -webkit-max-content;
  width: max-content;
}

@media only screen and (max-width: 1600px) and (min-width: 992px) {
  #PageExpertise .navigation-category--wrapper {
    flex-wrap: wrap;
    align-items: flex-end;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-description {
    width: 68%;
    padding-right: 50px;
    margin-bottom: 15px;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-link {
    display: none;
  }
  #PageExpertise .navigation-category-link {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    align-items: center;
  }
  #PageExpertise .navigation-category-link .btn:not(:last-child) {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1440px) {
  #PageExpertise .navigation-category--wrapper .navigation-category-title {
    top: 15px;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-description {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
  }
  #PageExpertise .info-category .info-category-wrapper .info-category-item .info-category-title {
    font-size: 22px;
    line-height: 28px;
  }
  #PageExpertise .info-category .info-category-wrapper .info-category-item .info-category-description {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 991px) {
  #PageExpertise .navigation-category--wrapper .navigation-category-image {
    overflow: visible;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-title {
    position: absolute;
    left: 20px;
    bottom: -15px;
    transform: none;
    top: auto;
    right: auto;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-title .title {
    text-align: left;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-title a {
    position: static;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-description {
    width: 100%;
    padding: 30px 20px 70px !important;
    position: relative;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-description:after {
    content: '';
    position: absolute;
    width: calc(100% - 40px);
    height: 4px;
    background-color: #069782;
    display: block;
    bottom: 0;
    left: 20px;
  }
  #PageExpertise .navigation-category--wrapper .navigation-category-link {
    display: none;
  }
  #PageExpertise .info-category {
    margin-top: 0;
  }
  #PageExpertise .info-category .header-section {
    margin: 0 0 40px;
  }
  #PageExpertise .info-category .header-section:before {
    content: none;
  }
  #PageExpertise .info-category .header-section .title-section {
    color: #474647;
  }
  #PageExpertise .info-category .info-category-wrapper {
    width: 100%;
  }
  #PageExpertise .info-category .info-category-wrapper .info-category-item {
    width: 100%;
    padding: 0;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 575px) {
  #PageExpertise .navigation-category--wrapper .navigation-category-description,
  #PageExpertise .info-category .info-category-wrapper .info-category-item .info-category-description {
    font-size: 16px;
    line-height: 24px;
  }
  #PageExpertise .info-category .info-category-wrapper .info-category-item .info-category-title {
    font-size: 20px;
    line-height: 26px;
  }
}

#PageExpertise-child .expertise-intro {
  margin: 60px 0;
}

#PageExpertise-child .expertise-intro > div {
  width: calc(100% + 150px);
  margin-right: -150px;
}

#PageExpertise-child .expertise-intro .container {
  width: 60%;
  font-size: 20px;
  line-height: 28px;
}

#PageExpertise-child .expertise-intro .container .title-page {
  font-size: 36px;
  line-height: 40px;
  padding: 15px 45px;
  background-color: #474647;
  display: inline-block;
  margin-bottom: 60px;
  text-transform: uppercase;
}

#PageExpertise-child .expertise-intro .container h2 {
  font-size: 24px;
  line-height: 32px;
  color: #069782;
  text-transform: uppercase;
}

#PageExpertise-child .expertise-intro .container p, #PageExpertise-child .expertise-intro .container ul, #PageExpertise-child .expertise-intro .container ol, #PageExpertise-child .expertise-intro .container h2, #PageExpertise-child .expertise-intro .container h3, #PageExpertise-child .expertise-intro .container h4 {
  margin-bottom: 15px;
}

#PageExpertise-child .expertise-intro .container .link-intro {
  margin-top: 40px;
  flex-direction: column;
  width: 50%;
}

#PageExpertise-child .expertise-intro .container .link-intro .btn:not(:last-child) {
  margin-bottom: 25px;
}

#PageExpertise-child .expertise-intro .expertise-intro--image {
  width: 40%;
  padding-top: 40%;
  height: 0;
  overflow: hidden;
}

#PageExpertise-child .expertise-post {
  width: 95%;
  margin: 70px auto;
  padding: 60px 45px 150px;
}

#PageExpertise-child .expertise-post .header-section:before {
  border-color: #fff;
  z-index: 0;
}

#PageExpertise-child .expertise-post .header-section .title-section {
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#PageExpertise-child .expertise-post .header-section .title-section span {
  text-transform: lowercase;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper {
  padding-top: 60px;
  width: 85%;
  margin: 0 auto;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .slick-slide {
  padding: 0 30px;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .slick-dots {
  bottom: -100px;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .slick-dots li {
  border-color: #fff;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .slick-dots li.slick-active {
  background-color: #fff;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: flex-start;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-post--item-title {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
  display: inline-block;
  font-weight: bold;
}

#PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-post--item-description {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 30px;
}

#PageExpertise-child .expertise-content {
  align-items: center;
  flex-wrap: wrap;
}

#PageExpertise-child .expertise-content .expertise-content--text {
  margin-bottom: 60px;
  width: 60%;
}

#PageExpertise-child .expertise-content .expertise-content--text.full {
  width: 100%;
}

#PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_title {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
}

#PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text {
  font-size: 20px;
  line-height: 28px;
}

#PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text p, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text ul, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text ol, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text h2, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text h3, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text h4 {
  margin-bottom: 15px;
}

#PageExpertise-child .expertise-content .expertise-content--image {
  width: 40%;
  padding-top: 40%;
  height: 0;
  overflow: hidden;
  margin-bottom: 60px;
}

#PageExpertise-child .related-post {
  margin-top: 90px;
}

#PageExpertise-child .related-post .header-section {
  width: -webkit-max-content;
  width: max-content;
  margin: 0 auto 60px;
}

#PageExpertise-child .related-post .subtitle-section {
  margin-bottom: 85px;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
}

#PageExpertise-child .btn-wrapper {
  margin-bottom: 160px;
  text-align: center;
}

@media only screen and (max-width: 1440px) {
  #PageExpertise-child .expertise-intro .container .title-page, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .title-page, #PageExpertise-child .expertise-content .expertise-content--text .title-page, #PageExpertise-child .related-post .title-page {
    font-size: 32px;
    line-height: 36px;
  }
  #PageExpertise-child .expertise-intro .container h2, #PageExpertise-child .expertise-intro .container .expertise-post--item-title, #PageExpertise-child .expertise-intro .container .expertise-content--text_title, #PageExpertise-child .expertise-intro .container .subtitle-section, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item h2, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-post--item-title, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-content--text_title, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .subtitle-section, #PageExpertise-child .expertise-content .expertise-content--text h2, #PageExpertise-child .expertise-content .expertise-content--text .expertise-post--item-title, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_title, #PageExpertise-child .expertise-content .expertise-content--text .subtitle-section, #PageExpertise-child .related-post h2, #PageExpertise-child .related-post .expertise-post--item-title, #PageExpertise-child .related-post .expertise-content--text_title, #PageExpertise-child .related-post .subtitle-section {
    font-size: 22px;
    line-height: 30px;
  }
  #PageExpertise-child .expertise-intro .container p, #PageExpertise-child .expertise-intro .container li, #PageExpertise-child .expertise-intro .container .expertise-post--item-description, #PageExpertise-child .expertise-intro .container .expertise-content--text_text, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item p, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item li, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-post--item-description, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-content--text_text, #PageExpertise-child .expertise-content .expertise-content--text p, #PageExpertise-child .expertise-content .expertise-content--text li, #PageExpertise-child .expertise-content .expertise-content--text .expertise-post--item-description, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text, #PageExpertise-child .related-post p, #PageExpertise-child .related-post li, #PageExpertise-child .related-post .expertise-post--item-description, #PageExpertise-child .related-post .expertise-content--text_text {
    font-size: 18px;
    line-height: 26px;
  }
  #PageExpertise-child .expertise-intro .container .link-intro, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .link-intro, #PageExpertise-child .expertise-content .expertise-content--text .link-intro, #PageExpertise-child .related-post .link-intro {
    width: 60%;
  }
}

@media only screen and (max-width: 1199px) {
  #PageExpertise-child .expertise-intro .container .title-page {
    font-size: 22px;
    line-height: 26px;
  }
  #PageExpertise-child .expertise-intro .container .link-intro {
    width: 70%;
  }
  #PageExpertise-child .expertise-post .expertise-post--wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  #PageExpertise-child .expertise-intro {
    margin: 0;
  }
  #PageExpertise-child .expertise-intro > div {
    width: 100%;
    margin-right: 0;
    flex-direction: column-reverse;
  }
  #PageExpertise-child .expertise-intro .container {
    width: 100%;
  }
  #PageExpertise-child .expertise-intro .container > div:first-child {
    margin: 0 -20px;
    position: relative;
  }
  #PageExpertise-child .expertise-intro .container header {
    position: absolute;
    left: 20px;
    max-width: calc(100% - 40px);
    bottom: -15px;
  }
  #PageExpertise-child .expertise-intro .container header .title-page {
    margin: 0;
  }
  #PageExpertise-child .expertise-intro .container .expertise-intro--text {
    margin-top: 35px;
  }
  #PageExpertise-child .expertise-intro .container h2 {
    text-transform: inherit;
    color: #474647;
  }
  #PageExpertise-child .expertise-intro .expertise-intro--image {
    width: 100%;
    padding-top: 100%;
    display: none;
  }
  #PageExpertise-child .expertise-intro .expertise-intro--image.hidden {
    display: block;
  }
  #PageExpertise-child .expertise-post {
    width: calc(100% + 40px);
    margin: 50px -20px 70px;
    padding: 40px 20px 150px;
  }
  #PageExpertise-child .expertise-post .header-section {
    margin: 0 0 50px;
    border-top: 3px solid #fff;
    padding-top: 10px;
  }
  #PageExpertise-child .expertise-post .header-section:before {
    content: none;
  }
  #PageExpertise-child .expertise-post .header-section .title-section {
    position: static;
    transform: none;
  }
  #PageExpertise-child .expertise-post .expertise-post--wrapper, #PageExpertise-child .expertise-post .expertise-post--wrapper .slick-slide {
    padding: 0;
  }
  #PageExpertise-child .expertise-content .expertise-content--text {
    width: 100%;
  }
  #PageExpertise-child .expertise-content .expertise-content--image {
    order: -1;
    width: 100%;
    padding-top: 100%;
  }
  #PageExpertise-child .related-post {
    margin-bottom: 100px;
  }
  #PageExpertise-child .related-post .header-section {
    width: auto;
    margin: 13px 0 40px 33px;
  }
  #PageExpertise-child .related-post .subtitle-section {
    padding: 0 20px;
    text-align: left;
    margin-bottom: 25px;
  }
  #PageExpertise-child .btn-wrapper {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  #PageExpertise-child .expertise-intro .container h2, #PageExpertise-child .expertise-intro .container .expertise-post--item-title, #PageExpertise-child .expertise-intro .container .expertise-content--text_title, #PageExpertise-child .expertise-intro .container .subtitle-section, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item h2, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-post--item-title, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-content--text_title, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .subtitle-section, #PageExpertise-child .expertise-content .expertise-content--text h2, #PageExpertise-child .expertise-content .expertise-content--text .expertise-post--item-title, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_title, #PageExpertise-child .expertise-content .expertise-content--text .subtitle-section, #PageExpertise-child .related-post h2, #PageExpertise-child .related-post .expertise-post--item-title, #PageExpertise-child .related-post .expertise-content--text_title, #PageExpertise-child .related-post .subtitle-section {
    font-size: 20px;
    line-height: 28px;
  }
  #PageExpertise-child .expertise-intro .container p, #PageExpertise-child .expertise-intro .container li, #PageExpertise-child .expertise-intro .container .expertise-post--item-description, #PageExpertise-child .expertise-intro .container .expertise-content--text_text, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item p, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item li, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-post--item-description, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .expertise-content--text_text, #PageExpertise-child .expertise-content .expertise-content--text p, #PageExpertise-child .expertise-content .expertise-content--text li, #PageExpertise-child .expertise-content .expertise-content--text .expertise-post--item-description, #PageExpertise-child .expertise-content .expertise-content--text .expertise-content--text_text, #PageExpertise-child .related-post p, #PageExpertise-child .related-post li, #PageExpertise-child .related-post .expertise-post--item-description, #PageExpertise-child .related-post .expertise-content--text_text {
    font-size: 16px;
    line-height: 24px;
  }
  #PageExpertise-child .expertise-intro .container .link-intro, #PageExpertise-child .expertise-post .expertise-post--wrapper .expertise-post--item .link-intro, #PageExpertise-child .expertise-content .expertise-content--text .link-intro, #PageExpertise-child .related-post .link-intro {
    width: 100%;
  }
  #PageExpertise-child .expertise-post .header-section .title-section {
    font-size: 24px !important;
  }
}

#PageExpertise-post .title-wrapper {
  margin-top: 65px;
  flex-wrap: wrap;
  justify-content: space-between;
}

#PageExpertise-post .title-wrapper .title-page {
  font-size: 36px;
  line-height: 40px;
  padding: 15px 45px;
  background-color: #474647;
  display: inline-block;
  margin: 0 20px 20px 0;
  text-transform: uppercase;
}

#PageExpertise-post .title-wrapper .title-link {
  flex-direction: column;
}

#PageExpertise-post .title-wrapper .title-link .btn:not(:last-child) {
  margin-bottom: 25px;
}

#PageExpertise-post .page-default--wrapper h2 {
  margin-bottom: 20px;
  color: #069782;
  text-transform: uppercase;
}

#PageExpertise-post .page-default--wrapper .index ol li {
  color: #069782;
  font-weight: bold;
  margin-bottom: 10px;
}

#PageExpertise-post .page-default--wrapper .index ol li a {
  text-decoration: none;
}

#PageExpertise-post .page-default--wrapper .wp-block-group {
  padding: 20px 0;
}

#PageExpertise-post .page-default--wrapper .wp-block-group.slider-images figure img {
  border: 0;
}

#PageExpertise-post .page-default--wrapper figure {
  margin: 20px auto;
  max-width: 100%;
}

#PageExpertise-post .page-default--wrapper figure img {
  display: block;
  margin: 0 auto;
}

#PageExpertise-post .page-default--wrapper figure.alignleft {
  margin: 0 20px 20px 0;
}

#PageExpertise-post .page-default--wrapper figure.alignright {
  margin: 0 0 20px 20px;
}

#PageExpertise-post .page-default--wrapper .iframe-wrap {
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  margin: 40px auto;
}

#PageExpertise-post .page-default--wrapper .iframe-wrap iframe {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#PageExpertise-post .expertise-post-aree .header-section {
  width: -webkit-max-content;
  width: max-content;
  margin: 0 auto 60px;
}

#PageExpertise-post .expertise-post-aree .subtitle-section {
  margin-bottom: 85px;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--parent {
  width: 30%;
  padding-right: 30px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 20px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .description {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 30px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link {
  flex-direction: column;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn {
  width: 85%;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn:not(:last-child) {
  margin-bottom: 25px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related {
  padding: 40px 50px 100px;
  width: 70%;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_title {
  font-weight: bold;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 36px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .slick-list {
  margin: 0 -30px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .slick-list .slick-slide {
  padding: 0 30px;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .slick-arrow::before {
  background-image: url("../../public/images/arrow-white.svg");
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .slick-dots li {
  border-color: #fff;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .slick-dots li.slick-active {
  background-color: #fff;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: flex-start;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-title {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
  display: inline-block;
  font-weight: bold;
}

#PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-description {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 30px;
}

#PageExpertise-post .expertise-post-aree .btn-wrapper {
  margin: 100px 0;
  text-align: center;
}

@media only screen and (max-width: 1440px) {
  #PageExpertise-post .title-wrapper .title-page {
    font-size: 32px;
    line-height: 36px;
  }
  #PageExpertise-post .expertise-post-aree .subtitle-section, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related_item-title, #PageExpertise-post .expertise-post-aree .title, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .subtitle-section, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-title, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .title, #PageExpertise-post .expertise-post-aree--parent .subtitle-section, #PageExpertise-post .expertise-post-aree--parent .expertise-post-aree--post-related_item-title, #PageExpertise-post .expertise-post-aree--parent .title {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related_item-description, #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .description, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-description, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--parent .description, #PageExpertise-post .expertise-post-aree--parent .expertise-post-aree--post-related_item-description, #PageExpertise-post .expertise-post-aree--parent .expertise-post-aree--parent .description {
    font-size: 18px;
    line-height: 26px;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--parent .link .btn, #PageExpertise-post .expertise-post-aree--parent .expertise-post-aree--parent .link .btn {
    width: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  #PageExpertise-post .title-wrapper .title-page {
    font-size: 22px;
    line-height: 26px;
  }
  #PageExpertise-post .expertise-post-aree--wrapper {
    flex-direction: column;
  }
  #PageExpertise-post .expertise-post-aree--wrapper .expertise-post-aree--parent {
    width: 100%;
    padding-right: 0;
  }
  #PageExpertise-post .expertise-post-aree--wrapper .expertise-post-aree--parent .link .btn {
    width: 60%;
  }
  #PageExpertise-post .expertise-post-aree--wrapper .expertise-post-aree--post-related {
    margin-top: 50px;
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  #PageExpertise-post .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  #PageExpertise-post .title-wrapper .title-page {
    margin: 0 0 25px;
  }
  #PageExpertise-post .page-default--wrapper {
    margin-top: 45px;
  }
  #PageExpertise-post .page-default--wrapper figure.alignleft, #PageExpertise-post .page-default--wrapper figure.aligright {
    margin: 15px auto;
    float: none;
  }
  #PageExpertise-post .page-default--wrapper .slider-images {
    margin: 0 -20px;
  }
  #PageExpertise-post .page-default--wrapper .slider-images .slick-slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
  }
  #PageExpertise-post .page-default--wrapper .slider-images .slick-slider .slick-arrow:before {
    background-image: url("../../public/images/arrow-white.svg");
  }
  #PageExpertise-post .expertise-post-aree {
    background-color: #069782;
    padding-top: 50px;
  }
  #PageExpertise-post .expertise-post-aree .header-section {
    width: auto;
    margin: 20px 0 50px 14px;
  }
  #PageExpertise-post .expertise-post-aree .header-section:before {
    border-color: #fff;
    z-index: 0;
  }
  #PageExpertise-post .expertise-post-aree .header-section .title-section {
    background-color: #069782;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
  }
  #PageExpertise-post .expertise-post-aree .subtitle-section {
    text-align: left;
    color: #fff;
    padding: 60px 0;
    margin: 0;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent {
    color: #fff;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link {
    display: none;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link.hidden {
    display: flex;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn {
    text-align: left;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn.bg-grey {
    background-color: #474647;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn.bg-grey:hover {
    background-color: transparent;
    color: #fff;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .link .btn.bg-grey:hover span:before {
    background-color: #fff;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related {
    padding: 10px 0 115px;
    border-top: 3px solid #fff;
  }
  #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .slick-slider .slick-dots {
    bottom: -80px;
  }
  #PageExpertise-post .expertise-post-aree .btn-wrapper {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  #PageExpertise-post .page-default--wrapper h2, #PageExpertise-post .page-default--wrapper .subtitle-section, #PageExpertise-post .page-default--wrapper .expertise-post-aree--parent .title, #PageExpertise-post .page-default--wrapper .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-title, #PageExpertise-post .expertise-post-aree h2, #PageExpertise-post .expertise-post-aree .subtitle-section, #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .title, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-title {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  #PageExpertise-post .page-default--wrapper .expertise-post-aree--parent .description, #PageExpertise-post .page-default--wrapper .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-description, #PageExpertise-post .expertise-post-aree .expertise-post-aree--parent .description, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_item .expertise-post-aree--post-related_item-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  #PageExpertise-post .page-default--wrapper .expertise-post-aree--post-related .expertise-post-aree--post-related_title, #PageExpertise-post .expertise-post-aree .expertise-post-aree--post-related .expertise-post-aree--post-related_title {
    font-size: 24px !important;
  }
  #PageExpertise-post .page-default--wrapper ol li, #PageExpertise-post .page-default--wrapper ol li a, #PageExpertise-post .expertise-post-aree ol li, #PageExpertise-post .expertise-post-aree ol li a {
    font-size: 20px;
    line-height: 28px;
  }
  #PageExpertise-post .expertise-post-aree--wrapper .btn {
    width: 100% !important;
  }
}

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