:root {
  --gap: 4rem;
  --color-main: #172334;
  --color-primary: #0b8e36;
  --color-green: #0b8e36;
  --color-blue: #0f70b7;
  --color-orange: #f9b233;
  --color-brown: #6e2e2b;
  --color-grey: #dcdee0;
  --color-white: #fff;
  --font-size-30: 30px;
}
/* Fonts */
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Bold.woff2);
  font-weight: 700;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Medium.woff2);
  font-weight: 500;
}
@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Light.woff2);
  font-weight: 300;
}
* {
  box-sizing: border-box;
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
input,
textarea,
p,
body,
span {
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}
a,
svg,
path {
  transition: all 0.15s ease-in-out;
}
div,
article,
section,
img,
main,
input,
textarea {
  display: block;
}
input,
textarea,
img,
a,
option,
select,
button,
div {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
html {
  font-size: 10px;
  font-family: 'Gotham', sans-serif;
}
body {
  font-size: 1.8rem;
  color: #172334;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
}
p {
  line-height: 1.5em;
  font-weight: 300;
}
.content {
  width: 100%;
  padding: 0 3rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.content--regular {
  max-width: calc(1200px  +  2*3rem);
}
.content--smaller {
  max-width: calc(900px  +  2*3rem);
}
.content--bigger {
  max-width: calc(1720px  +  2*3rem);
}
.section {
  position: relative;
  z-index: 2;
}
.section--max-width {
  max-width: 256rem;
  margin: 0 auto;
}
.section--background {
  background-color: #f0f4f6;
}
.section--normal {
  padding: 10rem 0;
}
.section--smaller {
  padding: 5rem 0;
}
.section--smaller-top {
  padding: 5rem 0 10rem;
}
.section--no-top {
  padding: 1px 0 10rem 0;
}
.section--no-top-smaller-bottom {
  padding: 1px 0 5rem 0;
}
.section--no-bottom {
  padding: 10rem 0 1px 0;
}
.section--smaller-bottom {
  padding: 10rem 0 5rem;
}
.section--z-index {
  z-index: 10;
}
.absolute-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.two-columns {
  display: flex;
  margin: -3rem;
}
.two-columns--center {
  align-items: center;
}
.two-columns .column {
  flex-basis: calc(50% - 6rem);
  margin: 3rem;
}
.button,
.global-style .wp-block-button__link,
#cookie-notice .button {
  display: inline-block;
  padding: 0.8rem 3rem;
  font-family: 'Gotham', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  border-radius: 4rem;
  color: #0f70b7;
  border: 1px solid #0f70b7;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  background: transparent;
}
.button:hover,
.global-style .wp-block-button__link:hover,
#cookie-notice .button:hover {
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.25);
  color: #fff;
  background-color: #0f70b7;
}
.button-wrapper {
  text-align: center;
  margin-top: 2rem;
}
.button-wrapper--margin-top {
  margin-top: 4rem;
}
.section-title {
  font-size: 3.6rem;
  line-height: 1.2em;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  color: #172334;
}
.section-title--margin-left {
  margin-left: 2rem;
}
.section-title--margin-bottom {
  margin-bottom: 3rem;
}
.section-title--center {
  text-align: center;
}
.section-title--white {
  color: #fff;
}
.section-text {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 4rem;
}
.section-text--center {
  text-align: center;
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
.top-bar {
  padding: 2rem 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
.top-bar__logo img {
  height: 6rem;
  width: auto;
}
.top-bar__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-bar__menu li {
  display: inline-block;
}
.top-bar__menu a {
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  display: block;
  padding: 0.5rem 1rem;
  text-shadow: 0 0.1rem 0.2rem rgba(23, 35, 52, 0.6);
}
.top-bar__menu a:hover {
  color: #172334;
  text-shadow: none;
}
.close-mobile-menu {
  background: url("data:image/svg+xml,%3Csvg height='311pt' viewBox='0 0 311 311.077' width='311pt' xmlns='http://www.w3.org/2000/svg' fill='%23172334'%3E%3Cpath d='M16.035 311.078c-4.097 0-8.195-1.558-11.308-4.695-6.25-6.25-6.25-16.383 0-22.633L283.789 4.687c6.25-6.25 16.383-6.25 22.633 0s6.25 16.383 0 22.637L27.363 306.383a16.045 16.045 0 01-11.328 4.695zm0 0'/%3E%3Cpath d='M295.117 311.078a15.879 15.879 0 01-11.308-4.695L4.727 27.324c-6.25-6.254-6.25-16.386 0-22.636s16.382-6.25 22.636 0L306.422 283.75c6.25 6.25 6.25 16.383 0 22.633-3.137 3.117-7.23 4.695-11.305 4.695zm0 0'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 3rem;
  height: 3rem;
  position: absolute;
  z-index: 5;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.close-mobile-menu:hover {
  background: url("data:image/svg+xml,%3Csvg height='311pt' viewBox='0 0 311 311.077' width='311pt' xmlns='http://www.w3.org/2000/svg' fill='%230f70b7'%3E%3Cpath d='M16.035 311.078c-4.097 0-8.195-1.558-11.308-4.695-6.25-6.25-6.25-16.383 0-22.633L283.789 4.687c6.25-6.25 16.383-6.25 22.633 0s6.25 16.383 0 22.637L27.363 306.383a16.045 16.045 0 01-11.328 4.695zm0 0'/%3E%3Cpath d='M295.117 311.078a15.879 15.879 0 01-11.308-4.695L4.727 27.324c-6.25-6.254-6.25-16.386 0-22.636s16.382-6.25 22.636 0L306.422 283.75c6.25 6.25 6.25 16.383 0 22.633-3.137 3.117-7.23 4.695-11.305 4.695zm0 0'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mobile-menu-button {
  width: 5rem;
  height: 5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384.97 384.97' fill='%23fff'%3E%3Cpath d='M12.03 120.303h360.909c6.641 0 12.03-5.39 12.03-12.03 0-6.641-5.39-12.03-12.03-12.03H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03zm360.909 60.152H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03h360.909c6.641 0 12.03-5.39 12.03-12.03s-5.389-12.03-12.03-12.03zm0 84.212H132.333c-6.641 0-12.03 5.39-12.03 12.03 0 6.641 5.39 12.03 12.03 12.03h240.606c6.641 0 12.03-5.39 12.03-12.03.001-6.641-5.389-12.03-12.03-12.03z'/%3E%3C/svg%3E") center / auto 3.4rem no-repeat;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  display: none;
}
.mobile-menu-button:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384.97 384.97' fill='%23cb3f1e;'%3E%3Cpath d='M12.03 120.303h360.909c6.641 0 12.03-5.39 12.03-12.03 0-6.641-5.39-12.03-12.03-12.03H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03zm360.909 60.152H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03h360.909c6.641 0 12.03-5.39 12.03-12.03s-5.389-12.03-12.03-12.03zm0 84.212H132.333c-6.641 0-12.03 5.39-12.03 12.03 0 6.641 5.39 12.03 12.03 12.03h240.606c6.641 0 12.03-5.39 12.03-12.03.001-6.641-5.389-12.03-12.03-12.03z'/%3E%3C/svg%3E") center / auto 3.4rem no-repeat;
}
.mobile-menu {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f4f4f4;
  overflow-x: auto;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: none;
  transform: scale(0.8);
  scrollbar-color: #2b3748 #030f20;
  scrollbar-width: thin;
}
.mobile-menu::-webkit-scrollbar {
  width: 1rem;
  background: #354152;
}
.mobile-menu::-webkit-scrollbar-thumb {
  background: #030f20;
  border-radius: 0.4rem;
}
.mobile-menu__wrapper {
  padding: 8rem 0 4rem 0;
  text-align: center;
}
.mobile-menu.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.mobile-menu-wrapper li {
  display: block;
  text-align: center;
}
.mobile-menu-wrapper li.current-menu-item a {
  color: #0f70b7;
}
.mobile-menu-wrapper a {
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  font-weight: 900;
  padding: 1rem 2rem;
  color: #172334;
}
.mobile-menu-wrapper a:hover {
  color: #0f70b7;
}
.gradient-to-bottom {
  background: linear-gradient(to bottom, #f0f4f6 0%, #fff 100%);
}
.gradient-from-bottom {
  background: linear-gradient(to bottom, #fff 0%, #f0f4f6 100%);
}
.top-corner__background {
  position: absolute;
  right: 0;
  top: 0;
}
.header-banner {
  padding-top: 8rem;
}
.header-banner__content {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  align-items: center;
}
.header-banner__title {
  font-size: 6rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  line-height: 1.2em;
}
.header-banner__text {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 3.6rem;
  margin-top: 4rem;
}
.header-banner__right img {
  margin: 0 auto;
}
.image-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
}
.image-text__text {
  font-size: 2.4rem;
  font-weight: 300;
  margin-bottom: 3rem;
}
.image-text__person {
  background-color: var(--color-main);
  color: var(--color-white);
  text-align: center;
  border-radius: 2rem;
  padding: clamp(1rem, 10cqw, 3em);
  overflow: hidden;
}
.image-text__person-title {
  margin-bottom: 1.5em;
}
.image-text__person-background {
  width: clamp(10rem, 20vw, 30rem);
  z-index: 0;
  position: absolute;
  transform: rotate(-180deg);
  left: 0px;
  bottom: 0px;
}
.icon-text {
  display: flex;
  align-items: flex-start;
  font-weight: 300;
}
.icon-text h4 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.icon-text p {
  line-height: 1.3em;
}
.icon-text:not(:last-of-type) {
  margin-bottom: 3.2rem;
}
.icon-text__icon {
  width: 6rem;
  margin-right: 3rem;
  flex-shrink: 0;
}
.why {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3rem;
}
.why__item {
  border-radius: 2rem;
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.1);
  padding: 3rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cpath fill-rule='evenodd' opacity='.2' fill='%23900' d='M44 88C19.7 88 0 68.301 0 44S19.7 0 44 0s44 19.699 44 44-19.7 44-44 44zm0-80C24.118 8 8 24.118 8 44s16.118 36 36 36 36-16.118 36-36S63.882 8 44 8zm14.142 50.141a4.002 4.002 0 01-5.658 0L44 49.657l-8.485 8.484a4 4 0 01-5.657-5.656L38.343 44l-8.485-8.485a4 4 0 115.657-5.656L44 38.343l8.484-8.484a4 4 0 115.658 5.656L49.657 44l8.485 8.485a4 4 0 010 5.656z'/%3E%3C/svg%3E") right -2rem bottom -2rem / auto no-repeat;
  background-color: #fff;
  transition: all 0.15s ease-in-out;
}
.why__item--hidden-icon {
  background: #fff;
}
.why__title {
  margin-bottom: 2rem;
}
.why h3,
.why h4 {
  font-size: 2.2rem;
  font-weight: 700;
}
.cta {
  background-color: #172334;
  color: #fff;
  padding: 4rem 0;
  overflow: hidden;
}
.cta__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
}
.cta__text {
  font-size: 3.6rem;
  text-shadow: 0 0.1em 0.2em rgba(23, 35, 52, 0.35);
}
.cta__text p {
  font-weight: 700;
}
.cta__button {
  text-align: right;
}
.cta__button .button {
  margin-left: auto;
}
.cta__background {
  position: absolute;
  transform: rotate(-180deg);
  left: 0;
  bottom: 0;
  max-width: 60rem;
}
.button--cta {
  border-radius: 1rem;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  color: #172334;
  padding: 1rem 3rem 1rem 7rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='58'%3E%3Cpath fill-rule='evenodd' fill='%2340883C' d='M29.659 58h-.016C13.821 57.992.954 44.975.963 28.985.972 13 13.845 0 29.661 0h.015c4.045.002 7.971.847 11.665 2.51a2.647 2.647 0 011.32 3.481 2.598 2.598 0 01-3.445 1.336 23.14 23.14 0 00-9.542-2.055c-6.344-.081-12.168 2.462-16.607 6.942C8.629 16.692 6.184 22.65 6.18 28.987c-.006 13.084 10.52 23.732 23.466 23.74h.013c12.941 0 23.473-10.635 23.48-23.713v-2.451c0-1.456 1.167-2.636 2.609-2.636s2.609 1.18 2.609 2.636v2.452C58.349 45.001 45.476 58 29.659 58zm.001-21.076a2.587 2.587 0 01-1.845-.772l-7.826-7.909a2.655 2.655 0 010-3.728 2.588 2.588 0 013.689 0l5.982 6.045L56.512 3.424a2.588 2.588 0 013.689 0 2.653 2.653 0 010 3.728l-28.697 29a2.585 2.585 0 01-1.844.772z'/%3E%3C/svg%3E") center left 3rem / auto 1em no-repeat;
  background-color: #fff;
  text-transform: uppercase;
  border: none;
}
.button--cta:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='58'%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M29.659 58h-.016C13.821 57.992.954 44.975.963 28.985.972 13 13.845 0 29.661 0h.015c4.045.002 7.971.847 11.665 2.51a2.647 2.647 0 011.32 3.481 2.598 2.598 0 01-3.445 1.336 23.14 23.14 0 00-9.542-2.055c-6.344-.081-12.168 2.462-16.607 6.942C8.629 16.692 6.184 22.65 6.18 28.987c-.006 13.084 10.52 23.732 23.466 23.74h.013c12.941 0 23.473-10.635 23.48-23.713v-2.451c0-1.456 1.167-2.636 2.609-2.636s2.609 1.18 2.609 2.636v2.452C58.349 45.001 45.476 58 29.659 58zm.001-21.076a2.587 2.587 0 01-1.845-.772l-7.826-7.909a2.655 2.655 0 010-3.728 2.588 2.588 0 013.689 0l5.982 6.045L56.512 3.424a2.588 2.588 0 013.689 0 2.653 2.653 0 010 3.728l-28.697 29a2.585 2.585 0 01-1.844.772z'/%3E%3C/svg%3E");
  background-color: #f9b233;
}
.key-features {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem 6rem;
}
.key-features--2 {
  grid-template-columns: repeat(2, 1fr);
}
.key-features--4 {
  grid-template-columns: repeat(4, 1fr);
}
.key-features--5 {
  grid-template-columns: repeat(5, 1fr);
}
.key-features__item {
  text-align: center;
}
.key-features__item h3,
.key-features__item h4 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.key-features__icon {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.key-features__icon img {
  max-height: 6rem;
  height: 100%;
  width: auto;
}
.slick-dots {
  text-align: center;
  margin-top: 1.5rem;
}
.slick-dots li {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  margin: 0 0.4em;
  background-color: #f9b233;
  border: 0.2em solid #fff;
  box-shadow: 0 0.2em 0.4em rgba(23, 35, 52, 0.2);
  transition: all 0.15s ease-in-out;
}
.slick-dots .slick-active {
  background-color: #0b8e36;
}
.slick-dots button {
  display: none;
}
.hp-references {
  margin: 0 2rem;
}
.hp-references__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  z-index: 2;
}
.hp-references__item {
  border-radius: 2rem;
  overflow: hidden;
  height: 0;
  padding-bottom: 73.91%;
}
.hp-references__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.hp-references__item:hover {
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.25);
}
.hp-references__item:hover::after {
  opacity: 0.85;
}
.hp-references__item:hover .hp-references__top {
  top: 0;
  opacity: 1;
}
.hp-references__item:hover .hp-references__bottom {
  bottom: 0;
  opacity: 1;
}
.hp-references__item--webove-stranky::after {
  background-color: #f9b233;
}
.hp-references__item--grafika-a-dtp::after {
  background-color: #0f70b7;
}
.hp-references__item--marketing::after {
  background-color: #0b8e36;
}
.hp-references__item--big {
  grid-area: 1/1/3/3;
}
.hp-references__inside {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4rem;
}
.hp-references__top {
  z-index: 5;
  text-align: right;
  top: -1rem;
  transition: all 0.15s ease-in-out;
  transition-duration: 0.3s;
  opacity: 0;
}
.hp-references__top img {
  margin-left: auto;
  max-height: 6rem;
  width: auto;
  max-width: 16rem;
}
.hp-references__bottom {
  z-index: 5;
  bottom: -1rem;
  transition: all 0.15s ease-in-out;
  transition-duration: 0.3s;
  opacity: 0;
}
.hp-references__type {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height: 1.2em;
}
.hp-references__name {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 2.8rem;
  margin-bottom: 2rem;
  line-height: 1.2em;
}
.hp-references__text p {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  line-height: normal;
}
.hp-references .js-parallax {
  position: absolute;
  right: 0;
  top: 1rem;
  z-index: -1;
}
.circles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  max-width: 140rem;
  margin: 0 auto;
  align-items: flex-start;
}
.circles__circle {
  width: 8rem;
  margin-right: 3rem;
  margin-top: 1rem;
}
.circles__number {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
}
.circles__number::before {
  content: "";
  position: absolute;
  left: -0.7rem;
  right: -0.7rem;
  top: -0.7rem;
  bottom: -0.7rem;
  background-color: #fff;
  box-shadow: 0rem 0.6rem 1.5rem rgba(44, 58, 75, 0.2);
  border-radius: 100%;
  z-index: 2;
}
.circles__number::after {
  content: "";
  position: absolute;
  width: calc(50% +  1.4rem);
  height: calc(50% +  1.4rem);
  background: rgba(249, 178, 51, 0.4);
  z-index: 1;
}
.circles__item {
  padding: 3rem;
  border-radius: 2rem;
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.1);
  display: flex;
  align-items: flex-start;
  background-color: #fff;
}
.circles__item:nth-of-type(1),
.circles__item:nth-of-type(2) {
  left: -1rem;
}
.circles__item:nth-of-type(3),
.circles__item:nth-of-type(4) {
  right: -1rem;
}
.circles__item:nth-of-type(1) .circles__number::after {
  background: rgba(11, 142, 54, 0.4);
  left: -1.4rem;
  top: -1.4rem;
  border-top-left-radius: 100%;
}
.circles__item:nth-of-type(1) .circles__number strong {
  background-color: #0b8e36;
}
.circles__item:nth-of-type(2) .circles__number::after {
  background: rgba(15, 112, 183, 0.4);
  right: -1.4rem;
  top: -1.4rem;
  border-top-right-radius: 100%;
}
.circles__item:nth-of-type(2) .circles__number strong {
  background-color: #0f70b7;
}
.circles__item:nth-of-type(3) .circles__number::after {
  background: rgba(249, 178, 51, 0.4);
  right: -1.4rem;
  bottom: -1.4rem;
  border-bottom-right-radius: 100%;
}
.circles__item:nth-of-type(3) .circles__number strong {
  background-color: #f9b233;
}
.circles__item:nth-of-type(4) .circles__number::after {
  background: rgba(110, 46, 43, 0.4);
  left: -1.4rem;
  bottom: -1.4rem;
  border-bottom-left-radius: 100%;
}
.circles__item:nth-of-type(4) .circles__number strong {
  background-color: #6e2e2b;
}
.circles strong {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f9b233;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  border-radius: 50%;
}
.circles span {
  display: inline-block;
  margin-right: -0.2em;
  z-index: 5;
}
.circles__background {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(180deg) scaleX(1);
  max-width: 90rem;
}
.text-under-circles-wrapper {
  text-align: center;
}
.text-under-circles {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  padding: 1rem 2.5rem;
  background-color: #172334;
  border-radius: 1rem;
  margin: 6rem auto 0;
}
.system {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -2rem;
}
.system.slick-initialized {
  margin: 0;
}
.system.slick-initialized .slick-list {
  margin: 0 -2rem;
}
.system.slick-initialized .slick-slide {
  padding: 0 2rem;
}
.system.slick-initialized .system__item {
  margin: 0;
}
.system__item {
  flex-basis: calc(33.33% - 4rem);
  margin: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.system--2 .system__item {
  flex-basis: calc(50% - 4rem);
}
.system--3 .system__item {
  flex-basis: calc(33.33% - 4rem);
}
.system--4 .system__item {
  flex-basis: calc(25% - 4rem);
}
.system--5 .system__item {
  flex-basis: calc(20% - 4rem);
}
.system figure {
  margin: 0 auto;
}
.about-us-highlights {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4rem;
}
.about-us-highlights__item {
  text-align: center;
}
.about-us-highlights__item:nth-of-type(1) .about-us-highlights__number {
  color: #0f70b7;
}
.about-us-highlights__item:nth-of-type(2) .about-us-highlights__number {
  color: #0b8e36;
}
.about-us-highlights__item:nth-of-type(3) .about-us-highlights__number {
  color: #f9b233;
}
.about-us-highlights__item:nth-of-type(4) .about-us-highlights__number {
  color: #6e2e2b;
}
.about-us-highlights__number {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 5rem;
  margin-bottom: 1rem;
}
.contacts {
  color: #172334;
  display: flex;
  align-items: center;
}
.contacts__left {
  padding-right: 3rem;
  flex-basis: 43%;
}
.contacts__right {
  padding: 3rem;
  flex-basis: 57%;
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.1);
}
.contacts__item {
  display: flex;
  align-items: center;
}
.contacts__item:not(:last-of-type) {
  margin-bottom: 4rem;
}
.contacts__title {
  font-size: 1.6rem;
  margin-right: 2rem;
  line-height: 1em;
  flex-basis: 25%;
  max-width: 16rem;
}
.contacts__contact {
  color: #172334;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 2.8rem;
  line-height: 1em;
}
.contacts__contact:hover {
  color: #0b8e36;
}
.contacts__address {
  font-size: 1.8rem;
}
.socials {
  margin: -0.5rem;
}
.socials__item {
  display: inline-block;
  margin: 0.5rem;
  width: 4rem;
  height: 4rem;
}
.socials__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.15s ease-in-out;
  background: #fff;
}
.socials__item span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  border-radius: 50%;
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
  transition: all 0.15s ease-in-out;
}
.socials__item--facebook span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234267B2' viewBox='0 0 155.139 155.139'%3E%3Cpath d='M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z'/%3E%3C/svg%3E");
  transition: all 0.15s ease-in-out;
}
.socials__item--facebook:hover span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 155.139 155.139'%3E%3Cpath d='M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z'/%3E%3C/svg%3E");
}
.socials__item--facebook:hover::after {
  background-color: #4267b2;
}
.socials__item--instagram span {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M256 0c-69.526 0-78.244.295-105.549 1.541-27.248 1.243-45.858 5.57-62.142 11.899-16.834 6.542-31.111 15.296-45.342 29.528C28.735 57.199 19.981 71.476 13.439 88.31 7.11 104.593 2.783 123.203 1.54 150.451.294 177.756 0 186.474 0 256c0 69.524.294 78.242 1.54 105.547 1.243 27.248 5.57 45.858 11.899 62.141 6.542 16.834 15.296 31.111 29.528 45.344 14.231 14.231 28.508 22.985 45.342 29.527 16.284 6.328 34.894 10.656 62.142 11.899 27.305 1.245 36.023 1.54 105.549 1.54 69.524 0 78.242-.295 105.547-1.54 27.248-1.243 45.858-5.571 62.141-11.899 16.834-6.542 31.111-15.296 45.344-29.527 14.231-14.233 22.985-28.51 29.527-45.344 6.328-16.283 10.656-34.893 11.899-62.141 1.245-27.305 1.54-36.023 1.54-105.547 0-69.526-.295-78.244-1.54-105.549-1.243-27.248-5.571-45.858-11.899-62.141-6.542-16.834-15.296-31.111-29.527-45.342-14.233-14.232-28.51-22.986-45.344-29.528-16.283-6.329-34.893-10.656-62.141-11.899C334.242.295 325.524 0 256 0zm0 46.127c68.354 0 76.451.26 103.445 1.492 24.959 1.139 38.514 5.309 47.535 8.814 11.949 4.644 20.477 10.192 29.435 19.15 8.959 8.958 14.506 17.487 19.15 29.435 3.506 9.021 7.676 22.576 8.815 47.535 1.231 26.995 1.492 35.092 1.492 103.447 0 68.354-.261 76.451-1.492 103.445-1.139 24.959-5.309 38.514-8.815 47.535-4.644 11.949-10.191 20.477-19.15 29.435-8.958 8.959-17.486 14.506-29.435 19.15-9.021 3.506-22.576 7.676-47.535 8.814-26.99 1.232-35.086 1.493-103.445 1.493-68.361 0-76.455-.261-103.447-1.493-24.959-1.138-38.514-5.308-47.535-8.814-11.949-4.644-20.477-10.191-29.436-19.15-8.958-8.958-14.506-17.486-19.149-29.435-3.506-9.021-7.676-22.576-8.815-47.535-1.232-26.994-1.492-35.091-1.492-103.445 0-68.355.26-76.452 1.492-103.447 1.139-24.959 5.309-38.514 8.815-47.535 4.643-11.948 10.191-20.477 19.149-29.435 8.959-8.958 17.487-14.506 29.436-19.15 9.021-3.505 22.576-7.675 47.535-8.814 26.995-1.232 35.092-1.492 103.447-1.492z' fill='url(%23prefix___Linear1)'/%3E%3Cpath d='M256 341.332c-47.129 0-85.334-38.205-85.334-85.332 0-47.129 38.205-85.334 85.334-85.334 47.127 0 85.332 38.205 85.332 85.334 0 47.127-38.205 85.332-85.332 85.332zm0-216.792c-72.604 0-131.46 58.856-131.46 131.46 0 72.602 58.856 131.458 131.46 131.458 72.602 0 131.458-58.856 131.458-131.458 0-72.604-58.856-131.46-131.458-131.46z' fill='url(%23prefix___Linear2)'/%3E%3Cpath d='M423.372 119.346c0 16.967-13.754 30.72-30.72 30.72s-30.72-13.753-30.72-30.72c0-16.966 13.754-30.719 30.72-30.719s30.72 13.753 30.72 30.719z' fill='url(%23prefix___Linear3)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient gradientTransform='scale(-516.448) rotate(-73.16 -.256 .419)' gradientUnits='userSpaceOnUse' id='prefix___Linear1' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23515bd4'/%3E%3Cstop offset='.26' stop-color='%239510b8'/%3E%3Cstop offset='.66' stop-color='%23e51804'/%3E%3Cstop offset='1' stop-color='%23feda77'/%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='scale(-516.448) rotate(-73.16 -.256 .419)' gradientUnits='userSpaceOnUse' id='prefix___Linear2' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23515bd4'/%3E%3Cstop offset='.26' stop-color='%239510b8'/%3E%3Cstop offset='.66' stop-color='%23e51804'/%3E%3Cstop offset='1' stop-color='%23ffbf00'/%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='scale(-516.448) rotate(-73.16 -.256 .419)' gradientUnits='userSpaceOnUse' id='prefix___Linear3' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23515bd4'/%3E%3Cstop offset='.26' stop-color='%239510b8'/%3E%3Cstop offset='.66' stop-color='%23e51804'/%3E%3Cstop offset='1' stop-color='%23ffbf00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.socials__item--instagram:hover span {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' fill='%23fff'%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M256 0c-69.526 0-78.244.295-105.549 1.541-27.248 1.243-45.858 5.57-62.142 11.899-16.834 6.542-31.111 15.296-45.342 29.528C28.735 57.199 19.981 71.476 13.439 88.31 7.11 104.593 2.783 123.203 1.54 150.451.294 177.756 0 186.474 0 256c0 69.524.294 78.242 1.54 105.547 1.243 27.248 5.57 45.858 11.899 62.141 6.542 16.834 15.296 31.111 29.528 45.344 14.231 14.231 28.508 22.985 45.342 29.527 16.284 6.328 34.894 10.656 62.142 11.899 27.305 1.245 36.023 1.54 105.549 1.54 69.524 0 78.242-.295 105.547-1.54 27.248-1.243 45.858-5.571 62.141-11.899 16.834-6.542 31.111-15.296 45.344-29.527 14.231-14.233 22.985-28.51 29.527-45.344 6.328-16.283 10.656-34.893 11.899-62.141 1.245-27.305 1.54-36.023 1.54-105.547 0-69.526-.295-78.244-1.54-105.549-1.243-27.248-5.571-45.858-11.899-62.141-6.542-16.834-15.296-31.111-29.527-45.342-14.233-14.232-28.51-22.986-45.344-29.528-16.283-6.329-34.893-10.656-62.141-11.899C334.242.295 325.524 0 256 0zm0 46.127c68.354 0 76.451.26 103.445 1.492 24.959 1.139 38.514 5.309 47.535 8.814 11.949 4.644 20.477 10.192 29.435 19.15 8.959 8.958 14.506 17.487 19.15 29.435 3.506 9.021 7.676 22.576 8.815 47.535 1.231 26.995 1.492 35.092 1.492 103.447 0 68.354-.261 76.451-1.492 103.445-1.139 24.959-5.309 38.514-8.815 47.535-4.644 11.949-10.191 20.477-19.15 29.435-8.958 8.959-17.486 14.506-29.435 19.15-9.021 3.506-22.576 7.676-47.535 8.814-26.99 1.232-35.086 1.493-103.445 1.493-68.361 0-76.455-.261-103.447-1.493-24.959-1.138-38.514-5.308-47.535-8.814-11.949-4.644-20.477-10.191-29.436-19.15-8.958-8.958-14.506-17.486-19.149-29.435-3.506-9.021-7.676-22.576-8.815-47.535-1.232-26.994-1.492-35.091-1.492-103.445 0-68.355.26-76.452 1.492-103.447 1.139-24.959 5.309-38.514 8.815-47.535 4.643-11.948 10.191-20.477 19.149-29.435 8.959-8.958 17.487-14.506 29.436-19.15 9.021-3.505 22.576-7.675 47.535-8.814 26.995-1.232 35.092-1.492 103.447-1.492z' /%3E%3Cpath d='M256 341.332c-47.129 0-85.334-38.205-85.334-85.332 0-47.129 38.205-85.334 85.334-85.334 47.127 0 85.332 38.205 85.332 85.334 0 47.127-38.205 85.332-85.332 85.332zm0-216.792c-72.604 0-131.46 58.856-131.46 131.46 0 72.602 58.856 131.458 131.46 131.458 72.602 0 131.458-58.856 131.458-131.458 0-72.604-58.856-131.46-131.458-131.46z'/%3E%3Cpath d='M423.372 119.346c0 16.967-13.754 30.72-30.72 30.72s-30.72-13.753-30.72-30.72c0-16.966 13.754-30.719 30.72-30.719s30.72 13.753 30.72 30.719z'/%3E%3C/g%3E%3C/svg%3E");
}
.socials__item--instagram:hover::after {
  background-color: #c13584;
}
.footer {
  margin-top: -2.6rem;
  background: #172334 url(../img/footer-leafs.png) left bottom / auto no-repeat;
  z-index: 3;
  padding: 8rem 0 2rem;
  color: #fff;
}
.footer__columns {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr;
  gap: 4rem;
}
.footer__columns p {
  font-size: 1.6rem;
  font-weight: 300;
}
.footer__columns p:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.footer__columns p strong {
  font-size: 2rem;
}
.footer__column {
  padding-left: 5rem;
}
.footer__title {
  position: absolute;
  top: 55%;
  left: -1rem;
  transform: rotate(-90deg);
  text-transform: uppercase;
  color: #495d79;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  left: -8rem;
  width: 20rem;
  height: 4rem;
  text-align: right;
}
.footer__copyright {
  text-align: center;
  margin-top: 12rem;
  padding-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  opacity: 0.8;
}
.footer__menu li {
  display: block;
}
.footer__menu li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.footer__menu a {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none !important;
}
.footer__menu a:hover {
  padding-left: 0.5rem;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  text-decoration: underline;
}
.contacts-forms__background {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(90deg);
  max-width: 90rem;
  height: 90rem;
}
.js-show-item {
  opacity: 1;
  transition: all 0.15s ease-in-out;
  transition-duration: 0.5s;
  top: 0;
}
.js-show-item.hidden {
  opacity: 0;
  top: 2rem;
}
.js-show-item--faster {
  transition-duration: 0.3s;
}
.js-show {
  opacity: 1;
  top: 0;
  transition: all 0.15s ease-in-out;
  transition-duration: 0.5s;
}
.js-show-opacity {
  transition-duration: 0.7s;
}
.js-show-opacity.hidden {
  top: 0 !important;
}
.js-show.hidden {
  opacity: 0;
  top: 2rem;
}
#o-nas {
  z-index: 5;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.popup {
  position: fixed;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
}
.popup.visible {
  opacity: 1;
  visibility: visible;
}
.popup__outside-wrapper {
  padding: 6rem;
  max-width: 120rem;
  width: 100%;
  z-index: 5;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.15s ease-in-out;
}
.popup__outside-wrapper.visible {
  opacity: 1;
  transform: scale(1);
}
.popup__close {
  position: absolute;
  right: 3rem;
  top: 3rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("data:image/svg+xml,%3Csvg height='311pt' viewBox='0 0 311 311.077' width='311pt' xmlns='http://www.w3.org/2000/svg' fill='%230f70b7'%3E%3Cpath d='M16.035 311.078c-4.097 0-8.195-1.558-11.308-4.695-6.25-6.25-6.25-16.383 0-22.633L283.789 4.687c6.25-6.25 16.383-6.25 22.633 0s6.25 16.383 0 22.637L27.363 306.383a16.045 16.045 0 01-11.328 4.695zm0 0'/%3E%3Cpath d='M295.117 311.078a15.879 15.879 0 01-11.308-4.695L4.727 27.324c-6.25-6.254-6.25-16.386 0-22.636s16.382-6.25 22.636 0L306.422 283.75c6.25 6.25 6.25 16.383 0 22.633-3.137 3.117-7.23 4.695-11.305 4.695zm0 0'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.popup__close:hover {
  background: url("data:image/svg+xml,%3Csvg height='311pt' viewBox='0 0 311 311.077' width='311pt' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M16.035 311.078c-4.097 0-8.195-1.558-11.308-4.695-6.25-6.25-6.25-16.383 0-22.633L283.789 4.687c6.25-6.25 16.383-6.25 22.633 0s6.25 16.383 0 22.637L27.363 306.383a16.045 16.045 0 01-11.328 4.695zm0 0'/%3E%3Cpath d='M295.117 311.078a15.879 15.879 0 01-11.308-4.695L4.727 27.324c-6.25-6.254-6.25-16.386 0-22.636s16.382-6.25 22.636 0L306.422 283.75c6.25 6.25 6.25 16.383 0 22.633-3.137 3.117-7.23 4.695-11.305 4.695zm0 0'/%3E%3C/svg%3E") center / contain no-repeat;
}
.popup__inside-wrapper {
  background: #fff;
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.1);
  padding: 5rem 4rem;
  overflow-x: auto;
  max-height: calc(100vh - 10rem);
  border-radius: 2rem;
}
.popup .js-popup-loading {
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.popup .js-popup-loading::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  animation: spin 1s linear infinite;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%230f70b7'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.popup-content {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 4rem;
  margin-top: 6rem;
}
.popup-content__left {
  text-align: center;
}
.popup-content__image {
  margin-bottom: 2rem;
}
.popup-content__image img {
  height: 12rem;
  width: 12rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.popup-content__name {
  font-size: 2.6rem;
  margin-bottom: 0.5rem;
}
.popup-content__position {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.popup-content__phone,
.popup-content__email {
  color: #f9b233;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.popup-content__phone:hover,
.popup-content__email:hover {
  text-decoration: underline;
}
.popup-content__phone::before,
.popup-content__email::before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.5em;
  background: url(../img/skoly/icon-mobil.svg) center / contain no-repeat;
  vertical-align: middle;
}
.popup-content__email::before {
  background: url(../img/skoly/icon-email.svg) center / contain no-repeat;
}
/* ------------------------------------------------ */
/* --- Uprava reklamních předmětů - 28. 5. 2024 --- */
/* ------------------------------------------------ */
.key-features-smaller {
  display: flex;
  justify-content: center;
  gap: 3rem 4rem;
}
.key-features-smaller__item {
  text-align: center;
  flex-basis: 100%;
}
.key-features-smaller__item h3,
.key-features-smaller__item h4 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.key-features-smaller__item p {
  font-size: 0.9em;
}
.key-features-smaller__icon {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.key-features-smaller__icon img {
  max-height: 4rem;
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .key-features-smaller {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
@media screen and (max-width: 660px) {
  .key-features-smaller {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 2rem 3rem;
  }
  .key-features-smaller__icon {
    height: 3rem;
  }
  .key-features-smaller__item {
    text-align: center;
  }
  .key-features-smaller__item h3,
  .key-features-smaller__item h4 {
    font-size: 1.3rem;
  }
}
.vertical-tabs {
  display: flex;
  gap: clamp(1em, 5cqw, calc(var(--gap) * 3));
  margin-top: calc(var(--gap) * 1);
}
.vertical-tabs__contents {
  width: 100%;
  min-height: 100%;
}
.vertical-tabs__item {
  --top: -6%;
  --left: -6%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
  transition-duration: 0.3s;
  top: 50%;
  transform: translate(-1em, -50%);
}
.vertical-tabs__item.active {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.vertical-tabs__buttons {
  flex-shrink: 0;
  flex-basis: 20%;
  display: flex;
  align-items: center;
}
.vertical-tabs__buttons-inner {
  display: grid;
  gap: 1em;
}
.vertical-tabs__button {
  display: block;
  box-shadow: var(--shadow);
  text-align: center;
  font-size: 0.9em;
  padding: 0.9em 1.6em;
}
.vertical-tabs__button.active {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.vertical-tabs__image {
  max-width: 600px;
  flex-basis: 50%;
  flex-shrink: 0;
}
.vertical-tabs__image img {
  border-radius: 20px;
}
.vertical-tabs__inner {
  display: flex;
  align-items: center;
  gap: clamp(1em, 5cqw, calc(var(--gap) * 3));
}
.vertical-tabs__text h2,
.vertical-tabs__text h3 {
  color: var(--color-primary);
  margin-bottom: 0.5em;
  font-size: var(--font-size-30);
}
.vertical-tabs__text h6 {
  font-size: 1.2em;
}
.vertical-tabs__text .button {
  margin-top: var(--gap);
}
@media screen and (max-width: 1024px) {
  .vertical-tabs__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap);
  }
  .vertical-tabs__image {
    order: 1;
    width: 240px;
    z-index: -1;
  }
  .vertical-tabs__image-inner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(var(--color-white-rgb), 0.75) 0%, rgba(var(--color-white-rgb), 0) 85%);
    z-index: 2;
  }
  .vertical-tabs__text {
    order: 2;
  }
}
@media screen and (max-width: 660px) {
  .vertical-tabs {
    flex-wrap: wrap;
    gap: 2em;
  }
  .vertical-tabs__buttons {
    display: block;
    flex-basis: 100%;
    width: 100vw;
  }
  .vertical-tabs__buttons-inner {
    display: flex;
    gap: 0.5em;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .vertical-tabs__button {
    font-size: 12px;
    padding: 0.8em 1.4em;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.global-style .wpmf_gallery_default.wpmf-gutterwidth-5 .wpmf-gallery-item {
  padding: 3.5px !important;
}
.wp-block-gallery {
  margin: 2rem auto;
}
.blocks-gallery-item {
  transition: all 0.15s ease-in-out;
}
.blocks-gallery-item:hover {
  box-shadow: 0rem 1rem 2.5rem rgba(44, 58, 75, 0.1);
}
.blocks-gallery-item a,
.wpmf-gallery-item a,
.wp-block-image a,
.new-references-gallery a {
  display: block;
}
.blocks-gallery-item a::before,
.wpmf-gallery-item a::before,
.wp-block-image a::before,
.new-references-gallery a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M90 0h61v30H90zM181 0h61v30h-61zM272 0h60v30h-60zM362 0h60v30h-60zM452 0v30h30v30h30V0h-60zM302 90v30h68.787l-120 120H30v-60H0v332h332v-30h-60V261.213l120-120V210h30V90H302zm-60 392H30V270h212v212zM0 90h30v60H0zM0 0v60h30V30h30V0H0zM482 90h30v60h-30zM482 180h30v60h-30zM482 270h30v60h-30zM482 360h30v61h-30zM482 451v31h-30v30h60v-61h-30zM362 482h60v30h-60z'/%3E%3C/svg%3E") center / 4rem auto no-repeat;
}
.blocks-gallery-item a::after,
.wpmf-gallery-item a::after,
.wp-block-image a::after,
.new-references-gallery a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #0b8e36;
  opacity: 0;
  z-index: 2;
  transition: all 0.15s ease-in-out;
}
.blocks-gallery-item a:hover::after,
.wpmf-gallery-item a:hover::after,
.wp-block-image a:hover::after,
.new-references-gallery a:hover::after {
  opacity: 0.7;
}
.blocks-gallery-item a:hover:before,
.wpmf-gallery-item a:hover:before,
.wp-block-image a:hover:before,
.new-references-gallery a:hover:before {
  opacity: 1;
}
.wp-block-image {
  margin: 3rem 0;
  border-radius: 1rem;
  overflow: hidden;
}
.wp-block-image img {
  width: auto;
}
.wp-block-image figcaption {
  background: #f0f4f6;
  font-size: 1.4rem;
  color: #666;
  margin: 0;
  padding: 1rem 2rem;
  text-align: center;
  display: block;
}
input:not(.button),
input:not([type="submit"]),
textarea,
select,
.label-for-file {
  border: none;
  padding: 0.8rem 1rem;
  font-size: 1.6rem;
  background: transparent;
  display: block;
  width: 100%;
  transition: all 0.15s ease-in-out;
  border-radius: 0;
  font-family: 'Gotham', sans-serif;
  margin-bottom: 4rem;
  border-bottom: 2px solid #dcdee0;
}
input:not(.button):focus,
input:not([type="submit"]):focus,
textarea:focus,
select:focus,
.label-for-file:focus {
  border-color: #0f70b7;
}
select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.9 12.2'%3E%3Cpath d='M16.2.7C14.9 2.3 13.4 3.6 12 5c-.8.8-1.6 1.6-2.4 2.5-.5.7-1 1.6-1.8 2.1.4.1.7.1 1.1.2-.4-.6-1-1.1-1.5-1.6-.7-.7-1.3-1.6-1.9-2.5C4.3 3.9 3.2 2 1.8.5.9-.5-.4 1.3.5 2.3 1.9 3.8 3 5.7 4.2 7.5L6 9.9c.5.6 1.2 1.1 1.7 1.8.3.4.8.5 1.1.2.7-.6 1.3-1.4 1.9-2.2.8-1 1.6-1.9 2.4-2.7 1.5-1.4 3-2.7 4.3-4.4 1-1.2-.4-3-1.2-1.9z' fill='%23cb3f1e'/%3E%3C/svg%3E") right 1rem center / 1.6rem auto no-repeat;
  background-color: #fff;
}
.label {
  position: absolute;
  top: 0.7rem;
  left: 1rem;
  transition: all 0.15s ease-in-out;
  display: block;
  color: #172334;
  z-index: 0;
  cursor: text;
  font-weight: 500;
  font-size: 1.6rem;
}
.label span {
  color: #a72935;
}
.label.active {
  top: -1.7rem;
  left: 0rem;
  color: #172334;
  padding: 0.3rem 0.6rem;
  z-index: 3;
  font-size: 1.3rem;
  border-radius: 0rem;
}
.inputs-wrapper {
  display: flex;
  margin: 0 -1rem;
}
.input-wrapper {
  margin: 0 1rem;
  width: 100%;
  position: relative;
}
.input-wrapper--33 {
  flex-basis: calc(40% - 2rem);
}
.input-wrapper--50 {
  flex-basis: calc(50% - 2rem);
}
.input-wrapper--66 {
  flex-basis: calc(60% - 2rem);
}
.input-wrapper--100 {
  flex-basis: calc(100% - 2rem);
}
.submit-wrapper {
  text-align: right;
  position: relative;
}
.submit-wrapper .button {
  margin-left: auto;
  display: inline-block;
  width: auto;
}
div.wpcf7 br {
  display: none;
}
div.wpcf7 > p {
  padding: 0 !important;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
div.wpcf7 .wpcf7-spinner {
  animation: spin 1s linear infinite;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%230f70b7'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E") center / 1.6rem auto no-repeat;
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  top: calc(50% - 0.8rem);
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
  transition: all 0.15s ease-in-out;
  margin: 0;
}
div.wpcf7 .wpcf7-spinner::before {
  content: none !important;
}
div.wpcf7 .wpcf7-form.submitting .wpcf7-spinner {
  visibility: visible;
  opacity: 1;
}
div.wpcf7 div.wpcf7-response-output {
  background-color: #a72935;
  color: #fff;
  border-radius: 1rem;
  margin: 0 auto;
  padding: 1.5rem;
  border: none;
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  transition: all 0.15s ease-in-out;
  font-size: 1.6rem;
}
div.wpcf7 div.wpcf7-validation-errors,
div.wpcf7 div.wpcf7-mail-sent-ng {
  display: block;
  margin-top: 2rem;
}
div.wpcf7 div.wpcf7-mail-sent-ok {
  display: inline-block;
  background-color: #0b8e36;
}
div.wpcf7 span.wpcf7-not-valid-tip {
  display: none;
}
div.wpcf7 .wpcf7-not-valid {
  border-color: #a72935;
}
div.wpcf7 .wpcf7-is-valid {
  border-color: #0b8e36;
}
div.wpcf7 .acceptance {
  display: block;
  margin-bottom: 2rem;
}
div.wpcf7 .acceptance a {
  color: #0b8e36;
  text-decoration: underline;
  font-weight: 700;
}
div.wpcf7 .acceptance a:hover {
  text-decoration: none;
}
div.wpcf7 .acceptance .wpcf7-list-item-label {
  font-size: 1.5rem;
  line-height: 1.3em;
  display: block;
  padding-left: 4rem;
  color: #fff;
}
div.wpcf7 .acceptance .wpcf7-list-item-label::before,
div.wpcf7 .acceptance .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 2rem;
  height: 2rem;
  border: none;
}
div.wpcf7 .acceptance .wpcf7-list-item-label::after {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #e1e5e7;
}
div.wpcf7 .acceptance .wpcf7-list-item-label::before {
  z-index: 2;
  transition: all 0.15s ease-in-out;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='229.153' height='229.153' fill='%23cb3f1e'%3E%3Cpath d='M92.356 223.549c7.41 7.5 23.914 5.014 25.691-6.779 11.056-73.217 66.378-134.985 108.243-193.189C237.898 7.452 211.207-7.87 199.75 8.067 161.493 61.249 113.274 117.21 94.41 181.744c-21.557-22.031-43.201-43.853-67.379-63.212-15.312-12.265-37.215 9.343-21.738 21.737 31.501 25.232 58.724 54.655 87.063 83.28z'/%3E%3C/svg%3E") center / 1.6rem auto no-repeat;
  opacity: 0;
  border: 1px solid transparent;
}
div.wpcf7 #acceptance {
  display: none;
}
div.wpcf7 #acceptance:checked + .wpcf7-list-item-label::before {
  opacity: 1;
}
div.wpcf7 h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
div.wpcf7 .service {
  margin-bottom: 4rem;
  display: block;
}
.wpcf7-form-control-wrap {
  width: 100%;
  margin-bottom: 2rem;
}
.wpcf7-checkbox,
.wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem -2rem;
}
.wpcf7-list-item {
  margin: 0.5rem 2rem;
}
.wpcf7-list-item label {
  display: flex;
  align-items: center;
  position: relative;
}
.wpcf7-list-item label input {
  display: none;
}
.wpcf7-list-item label input:checked + .wpcf7-list-item-label::before {
  opacity: 1;
}
.wpcf7-list-item .wpcf7-list-item-label {
  padding-left: 2em;
  margin-left: 0;
  font-size: 1.6rem;
  line-height: 1.3em;
}
.wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg height='417pt' viewBox='0 -46 417.81333 417' width='417pt' xmlns='http://www.w3.org/2000/svg' fill='%230f70b7'%3E%3Cpath d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.wpcf7-list-item .wpcf7-list-item-label::after {
  content: "";
  width: 1em;
  height: 1em;
  border: 1px solid #aaa;
  border-radius: 0.3rem;
  position: absolute;
  left: 0;
  top: 0.05em;
  z-index: 2;
}
.wpcf7-list-item-label {
  margin-left: 1rem;
}
.form-note {
  font-size: 1.4rem;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.form-note span {
  color: #a72935;
  font-weight: 700;
}
.checkbox-label {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  display: block;
  margin-top: -1rem;
}
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #0b8e36;
}
.radio-wrapper {
  margin-bottom: 1.5em;
  margin-left: 0.5em;
}
.radio-wrapper__title {
  font-size: 1.6rem;
  margin-bottom: 0.5em;
  display: block;
}
@media screen and (max-width: 1600px) {
  .top-corner__background {
    max-width: 80vw;
  }
  .hp-references__inside {
    padding: 2rem;
  }
  .hp-references__top img {
    max-height: 5rem;
    max-width: 14rem;
  }
  .hp-references__type {
    font-size: 1.6rem;
  }
  .hp-references__name {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1400px) {
  .section-subheading--footer {
    top: -1rem;
  }
  .system--5 .system__item {
    flex-basis: calc(25% - 4rem);
  }
  .hp-references__items {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hp-references__name {
    font-size: 2rem;
  }
  .hp-references__type {
    font-size: 1.5rem;
  }
  .header-banner__title {
    font-size: 4rem;
  }
  .header-banner__text {
    font-size: 2.6rem;
  }
  .section-title {
    font-size: 3rem;
  }
  .image-text__text {
    font-size: 2rem;
  }
  .section-text {
    font-size: 2rem;
  }
  .cta__text {
    font-size: 2.6rem;
  }
  .contacts__title {
    min-width: 9rem;
    max-width: 10rem;
  }
  .contacts__contact {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .system--4 .system__item {
    flex-basis: calc(33.33% - 4rem);
  }
  .system--5 .system__item {
    flex-basis: calc(33.33% - 4rem);
  }
  .popup__outside-wrapper {
    padding: 3rem;
  }
  .popup__inside-wrapper {
    padding: 3rem;
    max-height: calc(100vh - 6rem);
    border-radius: 1rem;
  }
  .popup__close {
    z-index: 10;
    right: 4rem;
    top: 4rem;
  }
  .popup-content__name {
    font-size: 2rem;
  }
  .popup-content__position {
    font-size: 1.6rem;
  }
  .hp-references {
    margin-top: 0rem;
  }
  .hp-references__item {
    min-height: 22rem;
  }
  .top-bar__menu a {
    font-size: 1.6rem;
  }
  .section--normal {
    padding: 6rem 0;
  }
  .section--smaller {
    padding: 3rem 0;
  }
  .section--smaller-top {
    padding: 3rem 0 6rem;
  }
  .section--no-top {
    padding: 1px 0 6rem 0;
  }
  .section--no-top-smaller-bottom {
    padding: 1px 0 3rem 0;
  }
  .section--no-bottom {
    padding: 6rem 0 1px 0;
  }
  .section--smaller-bottom {
    padding: 6rem 0 3rem;
  }
  .contacts__title {
    flex-basis: 20%;
  }
  .contacts__contact {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .hp-references__items {
    grid-template-columns: 1fr 1fr;
  }
  .top-bar__menu {
    display: none;
  }
  .mobile-menu {
    display: block;
  }
  .mobile-menu-button {
    display: inline-block;
  }
  .top-bar {
    padding: 1rem 0;
  }
  .top-bar__logo img {
    height: 4rem;
  }
  .header-banner {
    padding-top: 6rem;
  }
  .header-banner__content {
    grid-template-columns: 0.9fr 1.1fr;
  }
  .header-banner__title {
    font-size: 2.6rem;
  }
  .header-banner__text {
    font-size: 1.8rem;
  }
  .section-title {
    font-size: 2.4rem;
  }
  .section-title--margin-bottom {
    margin-bottom: 2rem;
  }
  .section-text {
    font-size: 1.8rem;
  }
  .section-text--center {
    margin-bottom: 3rem;
  }
  .image-text {
    gap: 3rem;
  }
  .image-text__text {
    font-size: 1.7rem;
    margin-bottom: 2rem;
  }
  .icon-text:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .icon-text__icon {
    width: 4rem;
    margin-right: 2rem;
  }
  .icon-text h4 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  body {
    font-size: 1.6rem;
  }
  .top-corner__background {
    width: 60rem;
  }
  .why {
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
  .why__item {
    padding: 2rem;
  }
  .why__title {
    margin-bottom: 1.5rem;
  }
  .why h3,
  .why h4 {
    font-size: 1.9rem;
  }
  .key-features {
    gap: 3rem 4rem;
  }
  .key-features__item h3,
  .key-features__item h4 {
    font-size: 1.9rem;
    margin-bottom: 0.5rem;
  }
  .key-features__icon {
    height: 5rem;
    margin-bottom: 1rem;
  }
  .key-features__icon img {
    max-height: 5rem;
  }
  .circles {
    align-items: stretch;
    gap: 2rem;
  }
  .circles__item {
    padding: 2rem;
  }
  .circles__circle {
    width: 4rem;
    margin-top: 0;
    transform: scale(0.8);
  }
  .circles__background {
    max-width: 80vw;
    width: 60rem;
  }
  .circles h3,
  .circles h4 {
    font-size: 1.9rem;
    margin-bottom: 0.5rem;
  }
  .circles p {
    line-height: 1.3em;
  }
  .text-under-circles {
    font-size: 2rem;
    margin-top: 4rem;
  }
  .about-us-highlights__number {
    font-size: 3rem;
  }
  .button--cta {
    font-size: 2rem;
  }
  .contacts-forms__background {
    width: 60rem;
    height: 60rem;
  }
  .footer {
    padding: 4rem 0 0;
  }
  .footer__columns {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
  .footer__columns p {
    font-size: 1.4rem;
  }
  .footer__columns p strong {
    font-size: 1.6rem;
  }
  .footer__column {
    padding-left: 4rem;
  }
  .footer__column:first-of-type {
    display: none;
  }
  .footer__copyright {
    margin-top: 6rem;
  }
  .footer__title {
    font-size: 1.8rem;
    top: 60%;
  }
}
@media screen and (max-width: 900px) {
  .popup-content {
    grid-template-columns: 1fr;
    margin-top: 4rem;
  }
}
@media screen and (max-width: 840px) {
  .contacts {
    flex-wrap: wrap;
  }
  .contacts__left {
    flex-basis: 100%;
    padding: 0;
    margin: 2rem auto 4rem;
    max-width: 40rem;
  }
  .contacts__right {
    flex-basis: 100%;
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .hp-references__top img {
    max-height: 4rem;
  }
  .hp-references__type {
    font-size: 1.2rem;
  }
  .hp-references__name {
    font-size: 1.6rem;
  }
  .hp-references__item {
    min-height: 20rem;
  }
  .image-text {
    grid-template-columns: 1fr;
  }
  .image-text__image {
    order: 2;
  }
  .image-text__content {
    order: 1;
  }
  .why__item {
    background-size: 6rem auto;
    background-position: right -1rem bottom -1rem;
  }
  .cta__content {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 3rem;
  }
  .cta__button {
    text-align: center;
  }
  .cta__background {
    max-width: 40rem;
  }
  .key-features,
  .about-us-highlights {
    grid-template-columns: 1fr 1fr;
  }
  .system {
    margin: -1rem;
  }
  .system--2 .system__item {
    flex-basis: calc(50% - 2rem);
  }
  .system--3 .system__item {
    flex-basis: calc(50% - 2rem);
  }
  .system--4 .system__item {
    flex-basis: calc(50% - 2rem);
  }
  .system--5 .system__item {
    flex-basis: calc(50% - 2rem);
  }
  .system__item {
    margin: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .header-banner {
    padding-top: 8rem;
  }
  .header-banner__content {
    grid-template-columns: 1fr;
    gap: 3rem;
    text-align: center;
  }
  .header-banner__text {
    margin-top: 2rem;
  }
  .hp-references__items {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .top-corner__background {
    display: none;
  }
  .mobile-menu-button {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384.97 384.97' fill='%23172334'%3E%3Cpath d='M12.03 120.303h360.909c6.641 0 12.03-5.39 12.03-12.03 0-6.641-5.39-12.03-12.03-12.03H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03zm360.909 60.152H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03h360.909c6.641 0 12.03-5.39 12.03-12.03s-5.389-12.03-12.03-12.03zm0 84.212H132.333c-6.641 0-12.03 5.39-12.03 12.03 0 6.641 5.39 12.03 12.03 12.03h240.606c6.641 0 12.03-5.39 12.03-12.03.001-6.641-5.389-12.03-12.03-12.03z'/%3E%3C/svg%3E") center / auto 3.4rem no-repeat;
  }
  .mobile-menu-button:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384.97 384.97' fill='%23cb3f1e;'%3E%3Cpath d='M12.03 120.303h360.909c6.641 0 12.03-5.39 12.03-12.03 0-6.641-5.39-12.03-12.03-12.03H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03zm360.909 60.152H12.03c-6.641 0-12.03 5.39-12.03 12.03s5.39 12.03 12.03 12.03h360.909c6.641 0 12.03-5.39 12.03-12.03s-5.389-12.03-12.03-12.03zm0 84.212H132.333c-6.641 0-12.03 5.39-12.03 12.03 0 6.641 5.39 12.03 12.03 12.03h240.606c6.641 0 12.03-5.39 12.03-12.03.001-6.641-5.389-12.03-12.03-12.03z'/%3E%3C/svg%3E") center / auto 3.4rem no-repeat;
  }
  .why {
    grid-template-columns: 1fr;
  }
  .why__item {
    background: #fff;
  }
  .why__title {
    margin-bottom: 0;
  }
  .why__title::after {
    content: "+";
    font-size: 3rem;
    display: inline-block;
    position: absolute;
    top: 0.1em;
    right: 0;
    line-height: 1.9rem;
    transition: all 0.15s ease-in-out;
  }
  .why__title.active::after {
    transform: rotate(45deg);
  }
  .why__title h3,
  .why__title h4 {
    padding-right: 2.6rem;
  }
  .why__content {
    display: none;
    padding-top: 1.5rem;
  }
  .circles {
    grid-template-columns: 1fr;
  }
  .circles__item {
    left: 0 !important;
    right: 0 !important;
  }
  .section--normal {
    padding: 5rem 0;
  }
  .section--smaller {
    padding: 2.5rem 0;
  }
  .section--smaller-top {
    padding: 2.5rem 0 5rem;
  }
  .section--no-top {
    padding: 1px 0 5rem 0;
  }
  .section--no-top-smaller-bottom {
    padding: 1px 0 2.5rem 0;
  }
  .section--no-bottom {
    padding: 5rem 0 1px 0;
  }
  .section--smaller-bottom {
    padding: 5rem 0 2.5rem;
  }
  body {
    font-size: 1.5rem;
  }
  .cta__text {
    font-size: 2rem;
  }
  .button--cta {
    font-size: 1.8rem;
  }
  .key-features {
    gap: 2rem;
  }
  .text-under-circles {
    font-size: 1.7rem;
    padding: 0.8rem 1.5rem;
  }
  .system {
    flex-wrap: wrap;
  }
  .about-us-highlights {
    gap: 2rem;
  }
  .about-us-highlights__number {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
  .contacts__contact {
    font-size: 1.9rem;
  }
  .footer__columns {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .contacts__item:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .contacts__title {
    font-size: 1.4rem;
    min-width: 7rem;
    max-width: 8rem;
  }
  .contacts__contact {
    font-size: 1.6rem;
  }
  .contacts__address {
    font-size: 1.4rem;
  }
  .inputs-wrapper {
    flex-wrap: wrap;
  }
  input:not(.button),
  input:not([type=submit]),
  textarea,
  select,
  .label-for-file {
    margin-bottom: 3rem;
  }
  .key-features__item h3,
  .key-features__item h4 {
    font-size: 1.7rem;
  }
  .key-features__icon {
    height: 4rem;
  }
  .key-features__icon img {
    max-height: 4rem;
  }
  .about-us-highlights p {
    font-size: 1.4rem;
    line-height: 1.3em;
  }
  .why__item {
    padding: 1.5rem;
  }
  .why__title::after {
    font-size: 2.4rem;
    line-height: 1.7rem;
  }
  .why__title h3,
  .why__title h4 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 440px) {
  .popup__outside-wrapper {
    padding: 2rem;
  }
  .popup__inside-wrapper {
    padding: 2rem;
    max-height: calc(100vh - 4rem);
  }
  .popup__close {
    right: 3rem;
    top: 3rem;
  }
}
/* IE 11 */