:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Gilroy", sans-serif;
  font-size: clamp(1rem, 0.8052884615rem + 0.8653846154vw, 1.5625rem);
  font-weight: 300;
  padding: 0;
  background-color: var(--color-white);
  color: var(--color-black);
  border-bottom: 1px solid var(--color-white);
  transition: all 600ms;
}

a {
  text-decoration: none;
  color: var(--color-black);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

.header {
  position: sticky;
  top: 0;
  z-index: 50;
}
.header__inner {
  max-width: 1400px;
  margin: auto;
}
.header__wrapper {
  margin: 24px 24px;
  padding: 0 24px;
  height: 100px;
  background-color: var(--color-blue);
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 600ms;
}
.header__wrapper_animation-scrolling-header-alt {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 70px;
  box-shadow: var(--value-header-box-shadow);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: var(--color-header-scrolling);
}
.header__logo-name {
  font-weight: 500;
  transition: all 600ms;
}
.header__list {
  display: flex;
}
.header__list-item:not(:last-child) {
  margin-right: clamp(0.5rem, -0.3653846154rem + 3.8461538462vw, 3rem);
}
@media (max-width: 858px) {
  .header__list-item:not(:last-child) {
    margin: 0 0 24px 0;
  }
}
.header__list-item {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  position: relative;
}
.header__list-item-a {
  transition: all 600ms;
}
.header__list-item-a::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  height: 2px;
  width: 0;
  background-color: var(--color-blue-dark);
  transition: all 400ms;
}
.header__list-item-a:hover::after {
  width: 100%;
}
@media (max-width: 1024px) {
  .header__list-item-a:hover::after {
    width: 0;
  }
}
@media (max-width: 858px) {
  .header__list-item-a:hover {
    color: var(--color-blue-dark);
  }
}
.header__list-item-a:active {
  color: var(--color-blue-dark);
}
@media (max-width: 858px) {
  .header__list {
    opacity: 0;
    scale: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 858px) {
  .header__switch {
    opacity: 0;
    scale: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.header__burger {
  line-height: 1;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 400;
}
@media (max-width: 858px) {
  .header__burger {
    position: relative;
    visibility: visible;
    opacity: 1;
  }
}
.header__burger-modal-window {
  transition: all 600ms;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 858px) {
  .header__burger-modal-window {
    opacity: 1;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-blue);
    z-index: 100;
  }
}
.header__burger-modal-window-list {
  position: absolute;
  opacity: 0;
  scale: 0;
  visibility: hidden;
}
@media (max-width: 858px) {
  .header__burger-modal-window-list {
    opacity: 1;
    scale: 1;
    visibility: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    text-align: center;
  }
  .header__burger-modal-window-list-item:not(:last-child) {
    margin: 0 0 12px 0;
  }
  .header__burger-modal-window-list-item-a {
    position: relative;
    transition: all 600ms;
  }
  .header__burger-modal-window-list-item-a::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-blue-dark);
    transition: all 300ms;
  }
  .header__burger-modal-window-list-item-a:hover::after {
    width: 100%;
  }
  .header__burger-modal-window-list-item-a:active {
    color: var(--color-blue-dark);
  }
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

.switch__original {
  position: absolute;
  transform: scale(0);
  opacity: 0;
  left: 0;
  top: 0;
}
.switch__custom {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--color-black);
  border-radius: 20px;
  width: 165px;
  height: 37.5px;
  transition: all 600ms;
}
.switch__custom::after {
  position: absolute;
  left: -1px;
  background-color: var(--color-black);
  content: "";
  width: 82.5px;
  height: 37.5px;
  border-radius: 20px;
  transition: all 600ms;
}
.switch__original:checked + .switch__custom::after {
  left: 81.5px;
  transition: all 600ms;
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

.burger-menu {
  width: 50px;
  height: 50px;
  position: relative;
  background-color: transparent;
  border: 0;
}
.burger-menu__span:first-child {
  top: 85%;
}
.burger-menu__span:last-child {
  top: 15%;
}
.burger-menu__span {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 50px;
  height: 5px;
  background-color: var(--color-black);
  border-radius: 20px;
  transition: all 300ms;
}
.burger-menu__span_close-45:nth-child(2n) {
  scale: 0;
}
.burger-menu__span_close-45:first-child {
  top: 50%;
  left: 0;
  transform: rotate(45deg);
}
.burger-menu__span_close-45:last-child {
  top: 50%;
  left: 0;
  transform: rotate(-45deg);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

.form {
  text-align: center;
}
.form__title {
  font-size: clamp(1.25rem, 1.1418269231rem + 0.4807692308vw, 1.5625rem);
}
.form__name-input, .form__email-input, .form__message-textarea {
  padding: 10px;
  outline: none;
  color: var(--color-black);
  background-color: var(--color-white);
  border: 2px solid var(--color-black);
  font-size: clamp(0.5rem, 0.2403846154rem + 1.1538461538vw, 1.25rem);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 300ms;
}
.form__name-input:focus, .form__email-input:focus, .form__message-textarea:focus {
  box-shadow: inset 0px 0px 7px 0px var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}
.form__name-input::-moz-placeholder, .form__email-input::-moz-placeholder, .form__message-textarea::-moz-placeholder {
  color: #ccc;
}
.form__name-input::placeholder, .form__email-input::placeholder, .form__message-textarea::placeholder {
  color: #ccc;
}
.form__message-textarea {
  resize: none;
  height: 300px;
}
.form__message-textarea::-webkit-scrollbar {
  width: 10px;
}
.form__message-textarea::-webkit-scrollbar-thumb {
  background-color: var(--color-blue-dark);
  cursor: default;
  border-radius: 20px;
}
.form__message-textarea::-webkit-scrollbar-track {
  background-color: #ccc;
  cursor: default;
  border-radius: 20px;
}
.form__button {
  margin: 0 auto;
  padding: 10px 15px;
  background-color: var(--color-blue-dark);
  color: white;
  border: 0;
  font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
  font-weight: 800;
  transition: all 300ms;
}
.form__button:hover {
  background-color: red;
}
@media (max-width: 768px) {
  .form__button:hover {
    background-color: var(--color-blue-dark);
  }
}
.form__button:active {
  background-color: red;
  scale: 0.75;
}

.stand__title {
  font-size: clamp(1.5625rem, 0.8918269231rem + 2.9807692308vw, 3.5rem);
  margin-bottom: 24px;
}
.stand__body {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
}
.stand__item {
  width: 100%;
  height: 100%;
  transition: all 600ms;
}
.stand__item-name {
  transition: all 600ms;
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

.sticky-scroll {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.sticky-scroll__title {
  font-size: clamp(1.25rem, 1.1418269231rem + 0.4807692308vw, 1.5625rem);
  font-weight: 800;
  text-align: center;
}
.sticky-scroll__content {
  scroll-snap-type: x mandatory;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.sticky-scroll__content::-webkit-scrollbar {
  display: none;
}
.sticky-scroll__item {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex-shrink: 0;
  align-items: center;
}
.sticky-scroll__circles {
  display: flex;
  justify-content: center;
}
.sticky-scroll__circle:not(:last-child) {
  margin-right: 10px;
}
.sticky-scroll__circle {
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 20px;
}
.sticky-scroll__circle_current {
  background-color: var(--color-blue-dark);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

:root {
  --color-white: white;
  --color-black: black;
  --color-blue: #b7c4f9;
  --color-blue-dark: blue;
  --color-header-scrolling: rgba(174, 174, 174, 0.5);
  --value-header-box-shadow: 0px 5px 15px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-black.png);
}

.dark-theme {
  --color-white: black;
  --color-black: white;
  --color-blue: #2b2b2b;
  --color-blue-dark: orange;
  --color-header-scrolling: rgba(62, 62, 62, 0.5);
  --value-header-box-shadow: 0px 1px 10px 0px var(--color-black);
  --url-arrow: url(../img/index/arrow-left-white.png);
}

.section__inner {
  max-width: 1400px;
  margin: auto;
}
.section__wrapper {
  margin: 24px;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(7, 100px);
  justify-content: center;
  gap: 24px;
}
@media (max-width: 1280px) {
  .section__wrapper {
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(10, 100px);
  }
}
@media (max-width: 768px) {
  .section__wrapper {
    grid-template-rows: repeat(17, 100px);
  }
}
.section__wrapper > :nth-child(n) {
  background-color: var(--color-blue);
  border-radius: 20px;
}
@media (max-width: 768px) {
  .section__wrapper > :nth-child(n) {
    grid-column: 1/-1;
  }
}
.section__wrapper > :nth-child(n):not(:last-child) {
  transition: all 600ms;
}
@media (max-width: 1024px) {
  .section__wrapper > :last-child {
    transition: all 600ms;
  }
}
@media (min-width: 1024px) {
  .section__wrapper > :nth-child(n):hover {
    box-shadow: 0px 1px 15px 0px var(--color-blue-dark);
    transition: all 300ms;
  }
}
.section__qualities {
  grid-column: span 5;
  grid-row: span 4;
}
@media (max-width: 1024px) {
  .section__qualities {
    grid-column: 1/-1;
    grid-row: 4/6;
  }
}
@media (max-width: 768px) {
  .section__qualities {
    grid-row: 6/8;
  }
}
.section__qualities .sticky-scroll {
  position: relative;
  height: 100%;
}
@media (max-width: 360px) {
  .section__qualities .sticky-scroll {
    justify-content: space-evenly;
  }
}
.section__qualities .sticky-scroll__content {
  width: 100%;
}
.section__qualities .sticky-scroll__item {
  width: 100%;
  height: 100%;
}
.section__qualities .sticky-scroll__item-text {
  height: 100%;
  text-align: center;
  font-size: clamp(1rem, 0.8052884615rem + 0.8653846154vw, 1.5625rem);
  padding: 0 10px;
}
.section__qualities .sticky-scroll__arrow {
  opacity: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  bottom: 20px;
  transition: all 300ms;
}
@media (max-width: 1024px) {
  .section__qualities .sticky-scroll__arrow {
    opacity: 1;
  }
}
@media (max-width: 360px) {
  .section__qualities .sticky-scroll__arrow {
    bottom: 10px;
  }
}
.section__qualities .sticky-scroll__arrow_left {
  left: 20px;
}
.section__qualities .sticky-scroll__arrow_right {
  right: 20px;
  rotate: 180deg;
}
.section__qualities .sticky-scroll__button {
  background-color: var(--color-white);
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: var(--url-arrow);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.section__qualities .sticky-scroll__button:active {
  background-color: var(--color-blue-dark);
}
.section__qualities .sticky-scroll:hover .sticky-scroll__arrow {
  opacity: 1;
}
.section__photo {
  position: relative;
  background-image: url(../img/index/Worker.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  grid-column: span 4;
  grid-row: span 4;
}
@media (max-width: 1024px) {
  .section__photo {
    grid-column: 1/5;
    grid-row: 1/4;
  }
}
.section__photo-description {
  opacity: 0;
  position: absolute;
  padding: 0 15px;
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  border-radius: 20px;
  transition: all 300ms;
}
.section__photo-description-position-at-work {
  font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
}
.section__photo-description-name {
  font-size: clamp(1.25rem, 1.1418269231rem + 0.4807692308vw, 1.5625rem);
  font-weight: 800;
}
.section__photo-description-quote {
  font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
}
.section__photo:hover > .section__photo-description {
  opacity: 0.9;
}
@media (max-width: 1024px) {
  .section__photo:hover > .section__photo-description {
    opacity: 0;
  }
}
.section__contact {
  grid-column: span 4;
  grid-row: span 2;
}
@media (max-width: 1280px) {
  .section__contact {
    grid-column: 7/-1;
    grid-row: 8/-1;
  }
}
@media (max-width: 1024px) {
  .section__contact {
    grid-row: 9/-1;
  }
}
@media (max-width: 768px) {
  .section__contact {
    grid-row: 12/14;
  }
}
.section__contact-sticky-scroll {
  position: relative;
  padding-bottom: 10px;
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) {
  .section__contact-sticky-scroll {
    justify-content: start;
  }
}
.section__contact .sticky-scroll__content {
  height: 70%;
}
@media (min-width: 769px) {
  .section__contact .sticky-scroll__content {
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
  }
}
.section__contact .sticky-scroll__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.section__contact .sticky-scroll__item-icon {
  margin-right: clamp(0.3125rem, -0.0120192308rem + 1.4423076923vw, 1.25rem);
}
.section__contact .sticky-scroll__item-text {
  font-size: clamp(0.5rem, 0.1322115385rem + 1.6346153846vw, 1.5625rem);
}
@media (max-width: 768px) {
  .section__contact .sticky-scroll__item-text {
    font-size: clamp(1rem, 0.1346153846rem + 3.8461538462vw, 3.5rem);
  }
}
.section__contact .sticky-scroll__item-a-img {
  width: 50px;
  height: 50px;
  -mz-filter: drop-shadow(1px 1px 1px #222);
  filter: drop-shadow(1px 1px 1px #222);
  transition: all 300ms;
}
.section__contact .sticky-scroll__item-a-img:active {
  scale: 0.8;
}
@media (min-width: 1025px) {
  .section__contact .sticky-scroll__item-a-img:hover {
    scale: 1.2;
    -mz-filter: drop-shadow(3px 3px 3px #222);
    filter: drop-shadow(3px 3px 3px #222);
  }
}
.section__contact .sticky-scroll__item:nth-child(3n) :nth-child(1n):not(:last-child) {
  margin-right: clamp(0.9375rem, 0.6129807692rem + 1.4423076923vw, 1.875rem);
}
@media (max-width: 1280px) {
  .section__contact .sticky-scroll__item:nth-child(3n) :nth-child(1n):not(:last-child) {
    margin-right: clamp(0rem, -0.6490384615rem + 2.8846153846vw, 1.875rem);
  }
}
@media (max-width: 1024px) {
  .section__contact .sticky-scroll__item:nth-child(3n) :nth-child(1n):not(:last-child) {
    margin-right: 5px;
  }
}
@media (max-width: 768px) {
  .section__contact .sticky-scroll__item:nth-child(3n) :nth-child(1n):not(:last-child) {
    margin-right: clamp(0.9375rem, -1.9831730769rem + 12.9807692308vw, 9.375rem);
  }
}
.section__contact .sticky-scroll__arrow {
  opacity: 0;
  scale: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  bottom: 20px;
  transition: all 300ms;
}
@media (max-width: 768px) {
  .section__contact .sticky-scroll__arrow {
    opacity: 1;
    scale: 1;
  }
}
@media (max-width: 360px) {
  .section__contact .sticky-scroll__arrow {
    bottom: 10px;
  }
}
.section__contact .sticky-scroll__arrow_left {
  left: 20px;
}
.section__contact .sticky-scroll__arrow_right {
  right: 20px;
  rotate: 180deg;
}
.section__contact .sticky-scroll:hover .sticky-scroll__arrow {
  opacity: 1;
}
.section__contact .sticky-scroll__button {
  background-color: var(--color-white);
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: var(--url-arrow);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.section__contact .sticky-scroll__button:active {
  background-color: var(--color-blue-dark);
}
.section__contact .sticky-scroll__circles {
  opacity: 0;
  scale: 0;
  visibility: hidden;
  position: absolute;
}
@media (max-width: 768px) {
  .section__contact .sticky-scroll__circles {
    position: static;
    opacity: 1;
    scale: 1;
    visibility: visible;
  }
}
.section__work {
  padding: 15px;
  grid-column: span 9;
  grid-row: span 3;
}
@media (max-width: 1280px) {
  .section__work {
    grid-column: 1/-1;
    grid-row: 5/8;
  }
}
@media (max-width: 1024px) {
  .section__work {
    grid-column: 1/-1;
    grid-row: 6/9;
  }
}
@media (max-width: 768px) {
  .section__work {
    grid-row: 8/12;
  }
}
.section__work-title {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.section__work-title-h3 {
  font-size: clamp(1.25rem, 1.1418269231rem + 0.4807692308vw, 1.5625rem);
  font-weight: 800;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.section__work-title-logo {
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.section__work-body {
  display: flex;
  height: 100%;
}
@media (max-width: 768px) {
  .section__work-body {
    flex-direction: column;
  }
}
.section__work-body-photo {
  height: 86%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
  transition: all 700ms ease-out;
}
@media (max-width: 768px) {
  .section__work-body-photo {
    max-height: 225px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media (max-width: 480px) {
  .section__work-body-photo {
    max-height: 150px;
  }
}
@media (max-width: 360px) {
  .section__work-body-photo {
    max-height: 90px;
  }
}
.section__work-body-description {
  padding: 0 15px;
}
.section__work-body-description-text {
  font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
  margin-bottom: 5px;
  padding-top: 5px;
}
.section__work-body-description-a {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  font-weight: 800;
  background-color: var(--color-blue-dark);
  padding: 7.5px;
  border-radius: 10px;
  color: var(--color-white);
  transition: all 300ms;
}
.section__work-body-description-a:hover {
  background-color: red;
}
@media (max-width: 768px) {
  .section__work-body-description-a:hover {
    background-color: var(--color-blue-dark);
  }
}
.section__work-body-description-a:active {
  background-color: red;
  scale: 0.75;
}
.section__form {
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  grid-column: 10/-1;
  grid-row: 3/-1;
}
@media (max-width: 1280px) {
  .section__form {
    grid-column: 1/7;
    grid-row: 8/-1;
  }
}
@media (max-width: 1024px) {
  .section__form {
    grid-row: 9/-1;
  }
}
@media (max-width: 768px) {
  .section__form {
    grid-row: 14/-1;
  }
}
.section__form-body {
  height: 100%;
}
.section__form .form {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
@media (max-width: 1280px) {
  .section__form .form {
    padding: 10px;
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: repeat(4, 1fr);
    grid-template-rows: 1fr 2fr 2fr 2fr;
    align-items: center;
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .section__form .form {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr 4fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 360px) {
  .section__form .form {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    align-items: stretch;
  }
}
@media (max-width: 1280px) {
  .section__form .form__title {
    grid-column: 1/-1;
  }
}
@media (max-width: 768px) {
  .section__form .form__name {
    grid-column: 1/2;
  }
}
@media (min-width: 1281px) {
  .section__form .form__name-input {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .section__form .form__name-input {
    width: 100%;
    font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
  }
}
@media (max-width: 768px) {
  .section__form .form__email {
    grid-column: 2/-1;
  }
}
@media (min-width: 1281px) {
  .section__form .form__email-input {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .section__form .form__email-input {
    width: 100%;
    font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
  }
}
@media (max-width: 1280px) {
  .section__form .form__message {
    grid-column: 2/-1;
    grid-row: 2/-1;
    height: 100%;
  }
  .section__form .form__message-textarea {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .section__form .form__message {
    grid-column: 1/-1;
    grid-row: 3/4;
  }
}
@media (min-width: 1281px) {
  .section__form .form__message-textarea {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .section__form .form__message-textarea {
    font-size: clamp(1rem, 0.9134615385rem + 0.3846153846vw, 1.25rem);
  }
}
.section__form .form__button {
  color: var(--color-white);
}
@media (max-width: 768px) {
  .section__form .form__button {
    grid-column: 1/-1;
  }
}
.section__description {
  position: absolute;
  opacity: 0;
  scale: 0;
  visibility: hidden;
}
@media (max-width: 1024px) {
  .section__description {
    position: static;
    opacity: 1;
    scale: 1;
    visibility: visible;
    grid-column: 5/-1;
    grid-row: 1/4;
    padding: 0 15px;
    background-color: var(--color-white);
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
}
@media (max-width: 768px) {
  .section__description {
    grid-row: 4/6;
  }
}

.projects__inner {
  max-width: 1400px;
  margin: auto;
}
.projects__wrapper {
  margin: 48px 24px 24px 24px;
}
@media (max-width: 1400px) {
  .projects__wrapper .stand__body {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .projects__wrapper .stand__body {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
}
.projects__wrapper .stand__item {
  background-color: var(--color-blue);
}
.projects__wrapper .stand__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 250px;
}
@media (max-width: 480px) {
  .projects__wrapper .stand__item-img {
    max-height: 150px;
  }
}
.projects__wrapper .stand__item-name {
  color: var(--color-black);
  padding: 2.5px 5px;
}

.certificates__inner {
  max-width: 1400px;
  margin: auto;
}
.certificates__wrapper {
  margin: 48px 24px 24px 24px;
}
@media (max-width: 1400px) {
  .certificates__wrapper .stand__body {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .certificates__wrapper .stand__body {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
}
.certificates__wrapper .stand__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 500px;
}
@media (max-width: 1024px) {
  .certificates__wrapper .stand__item-img {
    max-height: 400px;
  }
}
@media (max-width: 768px) {
  .certificates__wrapper .stand__item-img {
    max-height: 400px;
  }
}
@media (max-width: 480px) {
  .certificates__wrapper .stand__item-img {
    max-height: 300px;
  }
}
.certificates__wrapper .stand__item-name {
  text-align: center;
  font-size: clamp(1rem, 0.8052884615rem + 0.8653846154vw, 1.5625rem);
  color: var(--color-black);
  padding: 2.5px 5px;
}

.articles__inner {
  max-width: 1400px;
  margin: auto;
}
.articles__wrapper {
  margin: 48px 24px 24px 24px;
}
.articles__title {
  font-size: clamp(1.5625rem, 0.8918269231rem + 2.9807692308vw, 3.5rem);
  margin-bottom: 24px;
}
.articles__item {
  font-size: clamp(1rem, 0.8052884615rem + 0.8653846154vw, 1.5625rem);
  margin-bottom: 15px;
  padding-left: 48px;
}
.articles__text:active {
  text-decoration: underline;
  color: var(--color-blue-dark);
}
.articles__text:hover {
  text-decoration: underline;
  color: var(--color-blue-dark);
}
.articles__number {
  display: block;
  margin-right: 15px;
}

.articles-specific__inner {
  max-width: 1400px;
  margin: auto;
}
.articles-specific__wrapper {
  margin: 48px 24px 24px 24px;
}
.articles-specific__title {
  margin-bottom: 24px;
  text-align: center;
}
.articles-specific__text:not(:last-child) {
  margin-bottom: 24px;
  text-align: justify;
  font-style: italic;
  padding: 0 24px;
}
.articles-specific__data {
  display: block;
  text-align: right;
}
.articles-specific__back {
  color: red;
  text-decoration: underline;
}

@media (max-width: 858px) {
  .body_overflow-hidden {
    overflow: hidden;
    background-color: var(--color-blue);
  }
}

.hidden {
  opacity: 0;
  scale: 0;
  visibility: hidden;
}

.show {
  opacity: 1;
  scale: 1;
  visibility: visible;
}

.position-absolute {
  position: absolute;
  top: 0;
  left: 0;
}/*# sourceMappingURL=style.css.map */