@charset "UTF-8";
/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0; }

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none; }

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block; }

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em; }

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit; }

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

@font-face {
  font-family: Inter;
  src: local("Inter"), local("Inter"), url("./../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: Oswald;
  src: local("Oswald"), local("Oswald"), url("./../fonts/Oswald-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: Oswald;
  src: local("Oswald"), local("Oswald"), url("./../fonts/Oswald-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: Open Sans;
  src: local("Open Sans"), local("Open Sans"), url("./../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: Open Sans;
  src: local("Open Sans"), local("Open Sans"), url("./../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: Ubuntu;
  src: local("Ubuntu"), local("Ubuntu"), url("./../fonts/Ubuntu-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: Noto Sans;
  src: local("Noto Sans"), local("Noto Sans"), url("./../fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "Inter";
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #202432; }

@media (min-width: 1200px) {
  .container {
    width: 69.375rem; } }

.body-hidden {
  overflow: hidden; }

@media (max-width: 768px) {
  body {
    font-size: 0.75rem;
    line-height: 0.875rem; } }

.alert-open {
  height: 5.4375rem;
  width: 15.9375rem; }
  @media (max-width: 768px) {
    .alert-open {
      width: 8.75rem;
      height: 2.6875rem; } }

a {
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #202432;
  text-decoration: none;
  transition: 0.3s; }
  a:hover,
  a :active {
    text-decoration: none;
    color: #ED7537;
    opacity: 1;
    transition: 0.3s; }

.orange-link {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-decoration-line: underline;
  color: #ED7537;
  opacity: 0.8;
  transition: 0.3s; }
  .orange-link:hover {
    color: #FF9D43;
    opacity: 0.8;
    text-decoration-line: underline;
    transition: 0.3s; }

h1 {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-size: 3.75rem;
  line-height: 4.375rem; }
  @media (max-width: 768px) {
    h1 {
      font-size: 2.5rem;
      line-height: 2.8125rem; } }

.sub-h1 {
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media (max-width: 768px) {
    .sub-h1 {
      font-size: 1rem;
      line-height: 1.25rem; } }

h2 {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  line-height: 4.375rem; }
  @media (max-width: 768px) {
    h2 {
      font-size: 2.1875rem;
      line-height: 3.125rem; } }

h3 {
  font-family: Oswald;
  font-style: normal;
  font-weight: normal;
  font-size: 1.875rem;
  line-height: 2.5rem;
  letter-spacing: 0.01em; }
  @media (max-width: 768px) {
    h3 {
      font-size: 1.25rem;
      line-height: 1.875rem; } }

.palka {
  border: 0.0625rem solid #c3c5ca; }

.mobile-show {
  display: none; }

.mobile-hide {
  display: block; }

.bury {
  max-height: 0vh;
  overflow: hidden; }

.body-hidden {
  overflow: hidden; }

@media (max-width: 768px) {
  .mobile-show {
    display: block; }
  .mobile-hide {
    display: none; } }

.tablet-show {
  display: none; }

.tablet-hide {
  display: block; }

@media (max-width: 768px) {
  .tablet-show {
    display: block; }
  .tablet-hide {
    display: none; } }

.header-right-social-item img {
  border-radius: 0.4375rem; }

.alert-toggle:hover {
  transform: translateY(0.1875rem);
  transition: 0.2s; }

.hide {
  display: none; }

.menu-item {
  list-style-type: none; }

.header {
  position: relative; }
  .header-logo {
    display: flex;
    align-items: center;
    margin-bottom: 0.9375rem;
    justify-content: space-between; }
  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .header-content-contact {
      display: flex;
      flex-wrap: wrap; }
      .header-content-contact-item {
        display: flex;
        align-items: center;
        margin: 0 0.9375rem; }
        .header-content-contact-item > * {
          margin: 0 0.3125rem;
          margin-bottom: 0.625rem; }
    .header-content-menu {
      cursor: pointer;
      background: #ED7537;
      border-radius: 0.0625rem;
      padding: 1.25rem;
      transition: 0.3s;
      z-index: 2; }
      .header-content-menu:hover {
        background: #FF9D43;
        transition: 0.3s; }
      @media (max-width: 991px) {
        .header-content-menu {
          padding: 0.9375rem; } }
      @media (max-width: 768px) {
        .header-content-menu {
          padding: 0.625rem; } }
  .header-menu {
    position: absolute;
    top: 0;
    left: -624.9375rem;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 2;
    transition: 0.8s; }
    .header-menu-items {
      margin-top: 6.25rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .header-menu-items > * {
        margin-bottom: 1.3125rem;
        font-family: Oswald;
        font-style: normal;
        font-weight: 500;
        font-size: 3rem;
        line-height: 4.375rem; }
        @media (max-width: 768px) {
          .header-menu-items > * {
            font-size: 1.875rem;
            line-height: 2.8125rem; } }
      .header-menu-items a {
        margin-bottom: 1.3125rem;
        font-family: Oswald;
        font-style: normal;
        font-weight: 500;
        font-size: 3rem;
        line-height: 4.375rem; }
        @media (max-width: 768px) {
          .header-menu-items a {
            font-size: 1.875rem;
            line-height: 2.8125rem; } }
  .header-terms {
    background: #f6f6f6; }

.rotate {
  transform: scale(-1, 1);
  transition: 0.3s;
  opacity: 0;
  z-index: 1; }

.menu-open {
  left: 0;
  transition: 0.8s; }

.subheader {
  padding-top: 5.625rem; }
  @media (max-width: 768px) {
    .subheader {
      padding-top: 1.25rem; } }
  .subheader-top-text {
    margin-top: 1.25rem; }
    .subheader-top-text > * {
      margin-bottom: 0.9375rem; }
  .subheader-middle {
    margin-top: 7.5rem;
    margin-bottom: 6.25rem;
    max-height: 36.9375rem;
    overflow: hidden; }
    .subheader-middle img {
      width: 100%; }
    @media (max-width: 768px) {
      .subheader-middle {
        margin-top: 3.75rem;
        margin-bottom: 3.125rem; } }
  .subheader-bottom {
    margin-bottom: 6.25rem; }
    @media (max-width: 768px) {
      .subheader-bottom {
        margin-bottom: 3.75rem; } }
    .subheader-bottom-numbers {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .subheader-bottom-numbers-item-reda {
        font-family: Oswald;
        font-style: normal;
        font-weight: normal;
        font-size: 6.25rem;
        line-height: 9.25rem;
        letter-spacing: 0.01em;
        color: #ED7537; }
        @media (max-width: 768px) {
          .subheader-bottom-numbers-item-reda {
            font-size: 2.8125rem;
            line-height: 3.125rem; } }
      .subheader-bottom-numbers-item-dera {
        font-size: 1.125rem;
        line-height: 1.375rem; }
        @media (max-width: 768px) {
          .subheader-bottom-numbers-item-dera {
            font-size: 0.9375rem;
            line-height: 1.125rem; } }
  .subheader-about-button {
    margin-top: 1.875rem; }
    @media (max-width: 768px) {
      .subheader-about-button {
        margin-top: 0.9375rem; } }
  .subheader-about-bottom {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 1.875rem;
    line-height: 2.5rem;
    letter-spacing: 0.01em; }
    @media (max-width: 768px) {
      .subheader-about-bottom {
        font-size: 1.5625rem;
        line-height: 2.1875rem; } }
  .subheader-privacy {
    padding: 6.25rem 0;
    background: #F6F6F6; }
    @media (max-width: 768px) {
      .subheader-privacy {
        padding: 3.125rem 0; } }

.services {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
  background: #F6F6F6; }
  @media (max-width: 768px) {
    .services {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }
  .services h2 {
    margin-bottom: 4.375rem;
    text-align: center; }
    @media (max-width: 768px) {
      .services h2 {
        margin-bottom: 2.1875rem; } }
  .services-content {
    margin: 0 10rem; }
    @media (max-width: 991px) {
      .services-content {
        margin: 0; } }
    .services-content-title {
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem;
      display: flex;
      align-items: center; }
      .services-content-title img {
        margin-right: 2.75rem; }
      .services-content-title p {
        font-family: Oswald;
        font-style: normal;
        font-weight: normal;
        font-size: 1.875rem;
        line-height: 2.5rem;
        letter-spacing: 0.01em; }
        @media (max-width: 768px) {
          .services-content-title p {
            font-size: 1.5625rem;
            line-height: 2.1875rem; } }
    .services-content-subtitle {
      margin-bottom: 0.9375rem;
      font-size: 1.125rem;
      line-height: 1.375rem;
      margin-top: 0.9375rem; }
      @media (max-width: 768px) {
        .services-content-subtitle {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
  .services-button {
    margin-right: auto;
    margin-left: auto;
    margin-top: 3.75rem; }
    @media (max-width: 768px) {
      .services-button {
        margin-top: 1.875rem; } }

button {
  outline: none;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  width: auto;
  border-radius: 0.0625rem;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 1.0625rem 2.9375rem;
  transition: 0.3s; }
  button:focus {
    outline: none; }

.button-orange {
  background: #ED7537;
  color: #ffffff; }
  .button-orange:hover {
    background: #FF9D43;
    transition: 0.3s; }

.button-black {
  background: #202432;
  color: #ffffff; }
  .button-black:hover {
    background: #ffffff;
    color: #202432;
    transition: 0.3s; }

.button-light {
  border: 0.125rem solid #ED7537;
  box-sizing: border-box;
  border-radius: 0.0625rem;
  color: #ED7537; }
  .button-light:hover {
    border: 0.125rem solid #FF9D43;
    color: #FF9D43;
    transition: 0.3s; }

.expertise {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem; }
  @media (max-width: 768px) {
    .expertise {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }
  .expertise h2 {
    margin-bottom: 5rem; }
    @media (max-width: 768px) {
      .expertise h2 {
        margin-bottom: 2.1875rem; } }
  @media (max-width: 768px) {
    .expertise-item img {
      width: 100%; } }
  .expertise-title {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 1.875rem;
    line-height: 2.5rem;
    letter-spacing: 0.01em;
    margin: 1.3125rem 0; }
  @media (max-width: 768px) {
    .expertise-subtitle {
      margin-bottom: 1.875rem; } }
  .expertise-expertise {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.375rem;
    padding-bottom: 4.375rem; }
    .expertise-expertise-block {
      margin-bottom: 5rem; }
    @media (max-width: 768px) {
      .expertise-expertise {
        font-size: 0.9375rem;
        line-height: 1.25rem; } }
    .expertise-expertise h3 {
      color: #ED7537;
      margin-bottom: 2.125rem; }
      @media (max-width: 768px) {
        .expertise-expertise h3 {
          margin-bottom: 0.9375rem; } }
    .expertise-expertise p {
      margin-bottom: 1.25rem; }
      @media (max-width: 768px) {
        .expertise-expertise p {
          margin-bottom: 0.625rem; } }
    .expertise-expertise li {
      margin-bottom: 1.125rem; }
    .expertise-expertise-img-1 {
      margin: 1.25rem 0 0 0; }
      @media (max-width: 768px) {
        .expertise-expertise-img-1 {
          margin: 2.5rem 0; } }
    .expertise-expertise-img-2 {
      margin-top: 2.5rem;
      margin-left: 3.75rem; }
      @media (max-width: 1200px) {
        .expertise-expertise-img-2 {
          margin-top: 3.75rem;
          margin-left: 4.375rem; } }
      @media (max-width: 991px) {
        .expertise-expertise-img-2 {
          margin: 2.5rem 0;
          margin-left: auto;
          margin-right: auto; } }
    .expertise-expertise-img-3 {
      margin-top: 5rem; }
      @media (max-width: 768px) {
        .expertise-expertise-img-3 {
          margin: 2.5rem 0; } }
    .expertise-expertise-img-4 {
      margin-top: 4.0625rem; }
      @media (max-width: 768px) {
        .expertise-expertise-img-4 {
          margin: 2.5rem 0; } }
    .expertise-expertise-img-5 {
      margin-top: 3.75rem; }
      @media (max-width: 768px) {
        .expertise-expertise-img-5 {
          margin: 2.5rem 0; } }
    .expertise-expertise-img-6 {
      margin-top: 7.5rem;
      margin-left: 4.6875rem; }
      @media (max-width: 1200px) {
        .expertise-expertise-img-6 {
          margin-top: 6.875rem;
          margin-left: 4.0625rem; } }
      @media (max-width: 991px) {
        .expertise-expertise-img-6 {
          margin: 2.5rem 0;
          margin-left: auto;
          margin-right: auto; } }

.providing-title {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  line-height: 4.375rem;
  margin-bottom: 3rem; }
  @media (max-width: 768px) {
    .providing-title {
      font-size: 1.875rem;
      line-height: 2.8125rem;
      margin-bottom: 1.875rem; } }

.providing-wrapper {
  position: relative; }

.providing-numbers {
  position: absolute;
  background: #f6f6f6;
  padding: 2.5rem 1.9375rem;
  display: flex;
  justify-content: space-between;
  left: -14.0625rem; }
  @media (max-width: 991px) {
    .providing-numbers {
      flex-wrap: wrap;
      position: unset;
      padding: 1.25rem 1.9375rem; } }
  .providing-numbers-item {
    display: flex;
    align-items: center;
    margin: 0 1.0625rem; }
    .providing-numbers-item-denf {
      font-family: Oswald;
      font-style: normal;
      font-weight: 500;
      font-size: 3rem;
      line-height: 4.375rem;
      margin-right: 0.625rem; }
      @media (max-width: 768px) {
        .providing-numbers-item-denf {
          font-size: 2.1875rem;
          line-height: 3.125rem; } }
    .providing-numbers-item-groov {
      font-family: Inter;
      font-style: normal;
      font-weight: normal;
      font-size: 1.125rem;
      line-height: 1.375rem; }
      @media (max-width: 768px) {
        .providing-numbers-item-groov {
          font-size: 0.875rem;
          line-height: 1.125rem; } }

.contact {
  margin-bottom: 3.75rem;
  padding-top: 11.25rem;
  padding-bottom: 7.5rem;
  background: url("./../img/home/leon-nF0nQuqBsrI-unsplash 1.png");
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 768px) {
    .contact {
      margin-top: 3.75rem;
      margin-bottom: 1.875rem;
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }
  .contact-wrapper {
    position: relative; }
  .contact-form {
    max-width: 33.75rem;
    background: #ED7537;
    padding: 1.25rem 5.9375rem 5rem 4.0625rem; }
    @media (max-width: 768px) {
      .contact-form {
        padding: 1.25rem; } }
    .contact-form-title {
      font-family: Oswald;
      font-style: normal;
      font-weight: 500;
      font-size: 3rem;
      line-height: 4.375rem;
      color: #ffffff;
      text-align: start; }
      @media (max-width: 768px) {
        .contact-form-title {
          font-size: 2.1875rem;
          line-height: 2.5rem; } }
    .contact-form-subtitle {
      font-family: Oswald;
      font-style: normal;
      font-weight: normal;
      font-size: 1.875rem;
      line-height: 2.5rem;
      letter-spacing: 0.01em;
      color: #ffffff;
      text-align: start;
      margin-bottom: 1.25rem; }
      @media (max-width: 768px) {
        .contact-form-subtitle {
          font-size: 1.25rem;
          line-height: 2.1875rem; } }
  .contact-button {
    margin-top: 1.875rem; }

.input-group {
  position: relative;
  margin-bottom: 1.25rem;
  max-width: 21.5625rem; }
  .input-group .input-area {
    background: #ED7537;
    outline: none;
    border: none;
    border-bottom: 0.0625rem solid #ffffff;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1rem;
    color: #ffffff;
    width: 100%;
    height: 1.875rem;
    transition: 0.3s;
    margin-top: 1.25rem; }
  .input-group .input-area:valid + .label {
    top: -0.5rem;
    font-size: 0.875rem;
    color: #ffffff; }
  .input-group .label {
    position: absolute;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.01em;
    top: 1.5rem;
    color: #ffffff;
    transition: 0.3s;
    left: 0; }
  .input-group .input-area:focus + .label {
    top: -0.5rem;
    font-size: 0.875rem;
    font-size: 0.875rem;
    line-height: 1rem;
    opacity: 1;
    color: #ffffff; }
  .input-group .input-area:not(:empty) {
    background: #ED7537 !important; }
  .input-group img {
    position: absolute;
    right: 0;
    top: 1.5625rem;
    transition: 0.3s; }

.footer-left {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.875rem;
  flex-wrap: wrap; }
  .footer-left a {
    margin-bottom: 0.625rem; }
  .footer-left > a {
    margin-bottom: 1.5625rem; }
  .footer-left-contacts-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.9375rem; }
    .footer-left-contacts-item img {
      margin-right: 0.625rem; }

.footer-menu {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.5625rem;
  flex-wrap: wrap; }
  .footer-menu > * {
    margin: 0 0.5rem;
    margin-bottom: 0.6875rem; }

.footer-rights {
  background: #f6f6f6;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  text-align: center;
  opacity: 0.5;
  padding: 0.9375rem 0; }

.footer-privacy {
  padding-top: 2.5rem;
  background: #F6F6F6; }
  .footer-privacy .footer-rights {
    background: #FFFFFF; }

.about-img {
  margin-top: 5.5625rem; }
  @media (max-width: 768px) {
    .about-img {
      margin-top: 2.5rem; } }

.about-bottom {
  margin-top: 9.375rem;
  padding: 9.375rem 0;
  background: #F6F6F6; }
  @media (max-width: 768px) {
    .about-bottom {
      margin-top: 3.75rem;
      padding: 3.75rem 0; } }
  .about-bottom-title {
    margin-top: 0.6875rem;
    margin-bottom: 1.875rem; }
    @media (max-width: 768px) {
      .about-bottom-title {
        margin-top: 0.4375rem;
        margin-bottom: 0.9375rem; } }
  .about-bottom-row {
    margin-bottom: 3.75rem; }
    @media (max-width: 768px) {
      .about-bottom-row {
        margin-bottom: 0.9375rem; } }
  .about-bottom-item {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .about-bottom-item-icon {
      width: 3.125rem;
      height: 3.125rem; }
    .about-bottom-item.img-block {
      padding-left: 6.25rem;
      height: 20.4375rem; }
      @media (max-width: 768px) {
        .about-bottom-item.img-block {
          height: auto;
          padding-left: 0; } }
      .about-bottom-item.img-block img {
        min-height: 100%;
        object-fit: cover; }
      .about-bottom-item.img-block-reverse {
        padding-right: 6.25rem;
        height: 20.4375rem; }
        @media (max-width: 768px) {
          .about-bottom-item.img-block-reverse {
            height: auto;
            padding-right: 0; } }
        .about-bottom-item.img-block-reverse img {
          min-height: 100%;
          object-fit: cover; }
    @media (max-width: 768px) {
      .about-bottom-item {
        font-size: 0.9375rem;
        line-height: 1.25rem;
        margin: 1.25rem 0;
        padding-left: 0;
        padding-right: 0; } }
  .about-bottom-subtitle {
    margin-bottom: 1.25rem; }

.empty {
  margin-top: -6.25rem;
  height: 30.625rem;
  display: flex;
  align-items: center; }
  .empty-block {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .empty-block-icon {
      margin-bottom: 3.125rem; }
    .empty-block-text p {
      font-family: Oswald;
      font-style: normal;
      font-weight: normal;
      font-size: 1.875rem;
      line-height: 2.5rem;
      text-align: center;
      color: #202432; }

.work h3 {
  margin: 0.625rem 0; }

.work-wrapper {
  padding-bottom: 1.875rem;
  height: 100%; }

.work-item {
  background: #f6f6f6;
  padding: 3.75rem 4.0625rem;
  height: 100%;
  font-family: Inter;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media (max-width: 768px) {
    .work-item {
      font-size: 1rem;
      line-height: 1.25rem;
      padding: 1.875rem 2.1875rem; } }

.work-title {
  font-weight: bold;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem; }
  @media (max-width: 768px) {
    .work-title {
      margin-top: 0.625rem;
      margin-bottom: 0.3125rem; } }

.contacts {
  margin-top: 5.625rem;
  margin-bottom: 9.375rem; }
  .contacts-wrapper {
    padding-top: 11.25rem;
    padding-bottom: 7.5rem;
    background: url("./../img/home/leon-nF0nQuqBsrI-unsplash 1.png");
    background-size: cover;
    background-repeat: no-repeat; }
  .contacts-bottom {
    display: flex; }
    .contacts-bottom-item {
      width: 50%; }
    @media (max-width: 991px) {
      .contacts-bottom {
        flex-direction: column; }
        .contacts-bottom-item {
          width: 100%; } }
  .contacts-block {
    margin-top: 4.375rem;
    background: #f6f6f6;
    height: 15.625rem;
    position: relative; }
    @media (max-width: 991px) {
      .contacts-block {
        height: auto; } }
    .contacts-block-items {
      background: #f6f6f6;
      position: absolute;
      top: 0;
      right: -15rem;
      padding: 1.875rem 2.5rem;
      z-index: 1;
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 991px) {
        .contacts-block-items {
          position: initial; } }
      .contacts-block-items-item {
        margin: 1.25rem; }
        .contacts-block-items-item h3 {
          margin-top: 0.25rem;
          margin-bottom: 0.625rem; }
        .contacts-block-items-item-subtitle {
          font-family: Inter;
          font-style: normal;
          font-weight: normal;
          font-size: 1.125rem;
          line-height: 1.375rem; }
          @media (max-width: 1200px) {
            .contacts-block-items-item-subtitle {
              font-size: 1rem;
              line-height: 1.25rem; } }
          @media (max-width: 768px) {
            .contacts-block-items-item-subtitle {
              font-size: 0.875rem;
              line-height: 1.25rem; } }
  .contacts #map {
    width: 100%;
    height: 21.875rem; }
  .contacts .mapboxgl-ctrl-attrib-inner,
  .contacts .mapboxgl-ctrl-logo, .contacts .mapboxgl-ctrl-attrib-button {
    display: none !important; }

.privacy {
  padding: 6.25rem 0;
  font-family: Inter;
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media (max-width: 768px) {
    .privacy {
      padding: 3.125rem 0;
      font-size: 0.875rem;
      line-height: 1.125rem; } }
  .privacy h2 {
    text-align: start;
    margin-bottom: 1.25rem; }
    @media (max-width: 768px) {
      .privacy h2 {
        margin-bottom: 0.625rem; } }
  .privacy-margin {
    margin-bottom: 1.25rem; }
    @media (max-width: 768px) {
      .privacy-margin {
        margin-bottom: 0.625rem; } }
    .privacy-margin-g {
      margin-bottom: 3.125rem; }
      @media (max-width: 768px) {
        .privacy-margin-g {
          margin-bottom: 1.5625rem; } }
  .privacy a {
    display: flex;
    font-family: Inter;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.01em;
    margin-top: 3.75rem; }
    @media (max-width: 768px) {
      .privacy a {
        margin-top: 1.875rem; } }
    .privacy a img {
      margin-right: 0.5rem; }