@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,700&display=swap");

/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

a {
  cursor: url("/img/cursor_pointer.png"), default !important;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-family: "TT Norms Pro", "arial", sans-serif;
  font-style: normal;
}

/*--------------------*/
.typ_container {
  display: none;
}
.typ_container.active {
  display: block;
}
.form_container.hide {
  display: none;
}

.toastify {
  position: fixed;
  right: 30px;
  z-index: 10000;
  border: 3px solid #000000;
  color: #000;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  padding: 10px;
  background-color: #fff;
}

body {
  cursor: url("/img/cursor.png"), default;
}

button {
  cursor: url("/img/cursor_pointer.png"), default !important;
}

.h1 {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 84px;
  line-height: 120%;
  color: #000000;
  margin: 0;
}

.h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #353535;
  margin: 0;
}

.h4 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #353535;
  margin: 0;
}

@media (max-width: 991.8px) {
  .h1 {
    font-size: 56px;
    line-height: 120%;
  }

  .h3 {
    font-size: 32px;
    line-height: 40px;
  }

  .h4 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .h1 {
    font-size: 32px;
    line-height: 120%;
  }

  .h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .h4 {
    font-size: 20px;
    line-height: 25px;
  }
}

.wrapper {
  padding-top: 67px;
  overflow: hidden;
}

header {
  padding: 20px 0;
  background-color: #3030d0;
  position: fixed;
  width: 100%;
  z-index: 3;
  top: 0;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrapper_our_proj header {
  background-color: #832ad6;
}

.menu_list {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 650px;
}

.menu_list .link_menu_item {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
  padding-bottom: 6px;
}

.menu_list .link_menu_item.active {
  border-bottom: 1px solid #ffffff;
}

@media (min-width: 768px) {
  .menu_list .link_menu_item {
    transition: all 0.3s ease;
    /* border-bottom: 1px solid transparent; */
    /* padding-bottom: 6px; */
  }

  .menu_list .link_menu_item:hover {
    /* transform: scale(1.3); */
    color: #ffd313;
    /* font-weight: 700; */
    /* border-bottom: 1px solid #ffffff; */
  }
}

.burger_icon span {
  transition: all 0.3s ease;
}

.burger_icon {
  position: relative;
  transition: all 0.3s ease;
}

.burger_icon.active .first {
  position: absolute;
  transform: rotate(-45deg);
  top: 10px;
}

.burger_icon.active .middle {
  display: none;
}

.burger_icon.active .last {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.burger_icon.active .close_icon {
  transform: rotate(45deg);
}

.burger_icon.active .close_icon.last {
  /* transform: rotate(-45deg);
    top: 9px; */
}

.logo {
  /* flex: 1 1 auto; */
  margin-right: 40px;
}

.header.active {
  position: relative;
}

.header.active .menu_list {
  position: absolute;
  z-index: 3;
  display: block;
  width: 100%;
  bottom: -20px;
  transform: translate(0px, 100%);
  background-color: #ffffff;
  border: 2px solid #000000;
  box-shadow: 4px -4px 0px #000000;
  padding: 30px 25px;
}

.header.active .menu_list .link_menu_item {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #000000;
}

.header.active .menu_list li:not(:last-child) {
  margin-bottom: 25px;
}

.header.active .menu_list .link_menu_item::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.02148 10.6505V13.3495H17.4896V16.0486H20.2343V13.3495H22.9789V10.6505H20.2343V7.95137H17.4896V10.6505H1.02148ZM14.7449 5.25228H17.4896V7.95137H14.7449V5.25228ZM14.7449 5.25228H12.0002V2.55319H14.7449V5.25228ZM14.7449 18.7477H17.4896V16.0486H14.7449V18.7477ZM14.7449 18.7477H12.0002V21.4468H14.7449V18.7477Z' fill='%233030D0'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header.active .menu_list .link_menu_item.orange::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.02148 10.6505V13.3495H17.4896V16.0486H20.2343V13.3495H22.9789V10.6505H20.2343V7.95137H17.4896V10.6505H1.02148ZM14.7449 5.25228H17.4896V7.95137H14.7449V5.25228ZM14.7449 5.25228H12.0002V2.55319H14.7449V5.25228ZM14.7449 18.7477H17.4896V16.0486H14.7449V18.7477ZM14.7449 18.7477H12.0002V21.4468H14.7449V18.7477Z' fill='%23FF8469'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header.active .menu_list .link_menu_item.purpure::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.02148 10.6505V13.3495H17.4896V16.0486H20.2343V13.3495H22.9789V10.6505H20.2343V7.95137H17.4896V10.6505H1.02148ZM14.7449 5.25228H17.4896V7.95137H14.7449V5.25228ZM14.7449 5.25228H12.0002V2.55319H14.7449V5.25228ZM14.7449 18.7477H17.4896V16.0486H14.7449V18.7477ZM14.7449 18.7477H12.0002V21.4468H14.7449V18.7477Z' fill='%238E59FF'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header.active .menu_list .link_menu_item.pink::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.02148 10.6505V13.3495H17.4896V16.0486H20.2343V13.3495H22.9789V10.6505H20.2343V7.95137H17.4896V10.6505H1.02148ZM14.7449 5.25228H17.4896V7.95137H14.7449V5.25228ZM14.7449 5.25228H12.0002V2.55319H14.7449V5.25228ZM14.7449 18.7477H17.4896V16.0486H14.7449V18.7477ZM14.7449 18.7477H12.0002V21.4468H14.7449V18.7477Z' fill='%23EB95E9'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header.active .menu_list .link_menu_item.yellow::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.02148 10.6505V13.3495H17.4896V16.0486H20.2343V13.3495H22.9789V10.6505H20.2343V7.95137H17.4896V10.6505H1.02148ZM14.7449 5.25228H17.4896V7.95137H14.7449V5.25228ZM14.7449 5.25228H12.0002V2.55319H14.7449V5.25228ZM14.7449 18.7477H17.4896V16.0486H14.7449V18.7477ZM14.7449 18.7477H12.0002V21.4468H14.7449V18.7477Z' fill='%23FFD313'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* FIRST SCREEN */
.first-screen {
  background-color: #3030d0;
  /* background-image: url('/img/bg_fs.png'); */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  min-height: 90vh;
  padding: 140px 0;
}

.wrapper_our_proj .first-screen {
  background-color: #832ad6;
  background-image: none;
}

.first-screen .container {
  position: relative;
  min-height: calc(80vh - 140px);
}

.fs_content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.fs_title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 84px;
  line-height: 120%;
  text-align: center;
  color: #ffffff;
}

.title_attation {
  transition: all 0.6s ease;
  display: inline-block;
  /* background: #FF8469; */
  border-radius: 30px 0px;
  padding: 0 30px;
}

.title_description {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #ffffff;
}

.title_description.mt40 {
  margin-top: 40px;
}

.wrapper_btn_center.mt50 {
  margin-top: 50px;
}

.wrapper_btn_center {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: btn_first_screen_anim 1s infinite ease-in-out;
}

.btn_first_screen {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  padding: 20px 40px;
  background: #ffffff;
  border: 4px solid #000000;
  width: 294px;
  /* box-shadow: 4px -4px 0px #000000; */
  /* animation: btn_first_screen_anim 1s infinite ease-in-out; */
}

.btn_first_screen:hover {
  color: #000000;
  animation: none;
}

.wrapper_btn_center:hover {
  animation: none;
}

@keyframes btn_first_screen_anim {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.1);
  }

  20% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.block_end_img {
  position: relative;
  top: -1px;
  width: 100%;
}

.burger_icon {
  display: none;
}

main {
  overflow: hidden;
}

@media (max-width: 992px) {
  .first-screen {
    /* background-image: url('/img/bg_fs_mb.png'); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
  }

  .fs_title {
    font-size: 56px;
  }

  .title_description {
    font-size: 18px;
    line-height: 23px;
  }

  .title_description.mt40 {
    margin-top: 25px;
  }

  .btn_first_screen {
    font-size: 18px;
    line-height: 23px;
  }

  .block_end_img {
    /* width: auto; */
  }
}

@media (max-width: 768px) {
  .first-screen {
    /* background-image: url('/img/bg_fs_sm.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; */
    padding: 110px 0;
  }

  .burger_icon {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-width: 36px;
    min-width: 36px;
    min-height: 24px;
    cursor: url("/img/cursor_pointer.png"), default !important;
  }

  .burger_icon span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
  }

  .wrapper_proj .burger_icon span {
    background-color: #000000;
  }

  .menu_list {
    display: none;
  }
}

/* SERVICES */
.services {
  padding: 100px 0 120px;
}

.title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 130%;
  color: #000000;
}

.title.services_title {
  text-align: center;
  /* font-size: 39px; */
}

.accordion_item {
  padding: 30px 0;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.accord_title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000000;
}

.accord_title:hover {
  transform: translateX(0px);
}

.accord_content {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
}

.btn_accord {
  /* margin-top: 40px; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  padding: 15px 30px;
  border: 4px solid #000000;
  /* box-shadow: 4px -4px 0px #000000; */

  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  align-items: center;
  color: #000000;
  transition: all 0.3s ease;
}

.btn_accord:hover {
  color: #000000;
  background-color: #eb95e9;
}

.btn_accord:active {
  transform: translate(4px, -4px);
}

.btn_tarif:hover {
  color: #000000;
  background-color: #eb95e9;
}

.btn_tarif:active {
  transform: translate(4px, -4px);
}

.offer-order-wrapper {
  display: inline-block;
  box-shadow: 4px -4px 0px #000000;
  margin-top: 36px;
}

.accord_content {
  padding-top: 20px;
}

.accordion_item.active {
  -o-border-image: url("/img/border.png") 8 round round;
  border-image: url("/img/border.png") 20 round round;
}

.hide_content_accord {
  padding-left: 70px;
}

.wrapper_accordion_item {
  position: relative;
}

.accordion_item.active .accord_title {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}

.accord_title {
  transition: all 0.3s ease;
  display: flex;
  align-items: flex-start;
  /* justify-content: space-around; */
  transform: translateX(-67px);
  -webkit-transform: translateX(-67px);
  -moz-transform: translateX(-67px);
  -ms-transform: translateX(-67px);
  -o-transform: translateX(-67px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.accord_icon {
  width: 48px;
  position: absolute;
  right: 0;
  top: 0px;
  transition: all 0.3s ease;
  opacity: 1;
}

.accordion_item.active .accord_icon {
  opacity: 0;
}

.accord_title .icon_arrow {
  margin-right: 20px;
}

.acord_img_item {
  border: 3px solid #000000;
}

.wrapper_accord_title {
  overflow: hidden;
}

.wrapper_row_accord {
  display: flex;
  align-items: flex-start;
}

.img_accord {
  width: 100%;
  position: static;
  /* top: 50%;
    transform: translateY(-50%); */
}

.acord_img_item {
  transition: all 0.6s ease;
  /* width: 100%; */
  width: 200px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.accordion_wrapper .accordion_item:not(:first-child) {
  border-top: 0px;
}

.acord_img_item {
  opacity: 0;
}

.wrapper_row_accord.collapse.show .acord_img_item {
  animation: acord_img_anim 0.6s 1 ease;
  -webkit-animation: acord_img_anim 0.6s 1 ease;
  opacity: 1;
  /* transform: translate(40px, 0); */
}

.wrapper_row_accord.collapse .acord_img_item {
  opacity: 0;
}

.wrapper_row_accord.collapse.show .acord_img_item.hide_animation {
  animation: acord_img_anim_hide 0.3s 1 ease;
  -webkit-animation: acord_img_anim_hide 0.3s 1 ease;
  transform: translate(0px, 0%);
}

.accordion_wrapper {
  margin-top: 50px;
}

.accordion_wrapper .accordion_item.active {
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  border-bottom: 8px solid rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes acord_img_anim {
  0% {
    /* opacity: 0; */
    transform: translate(0px, 0%);
    -webkit-transform: translate(0px, 0%);
    -moz-transform: translate(0px, 0%);
    -ms-transform: translate(0px, 0%);
    -o-transform: translate(0px, 0%);
  }

  100% {
    transform: translate(40px, 0%);
    -webkit-transform: translate(40px, 0%);
    -moz-transform: translate(40px, 0%);
    -ms-transform: translate(40px, 0%);
    -o-transform: translate(40px, 0%);
  }

  /* 100% {
        opacity: 1;
        transform: translate(40px, -100%);
        -webkit-transform: translate(40px, -100%);
        -moz-transform: translate(40px, -100%);
        -ms-transform: translate(40px, -100%);
        -o-transform: translate(40px, -100%);
    } */
}

@keyframes acord_img_anim {
  0% {
    /* opacity: 0; */
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }

  100% {
    /* transform: translate(40px, 0%);
        -webkit-transform: translate(40px, 0%);
        -moz-transform: translate(40px, 0%);
        -ms-transform: translate(40px, 0%);
        -o-transform: translate(40px, 0%); */
  }

  /* 100% {
        opacity: 1;
        transform: translate(40px, -100%);
        -webkit-transform: translate(40px, -100%);
        -moz-transform: translate(40px, -100%);
        -ms-transform: translate(40px, -100%);
        -o-transform: translate(40px, -100%);
    } */
}

@keyframes acord_img_anim_hide {
  0% {
    opacity: 1;
    /* transform: translate(40px, 0%); */
  }

  100% {
    opacity: 0;
    /* transform: translate(0px, 0%); */
  }
}

@-webkit-keyframes acord_img_anim992 {
  0% {
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }

  100% {
    /* transform: translate(23px, 0%);
        -webkit-transform: translate(23px, 0%);
        -moz-transform: translate(23px, 0%);
        -ms-transform: translate(23px, 0%);
        -o-transform: translate(23px, 0%); */
  }
}

@keyframes acord_img_anim992 {
  0% {
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }

  100% {
    /* transform: translate(23px, 0%);
        -webkit-transform: translate(23px, 0%);
        -moz-transform: translate(23px, 0%);
        -ms-transform: translate(23px, 0%);
        -o-transform: translate(23px, 0%); */
  }
}

@-webkit-keyframes acord_img_anim_hide992 {
  0% {
    /* transform: translate(23px, 0);
        -webkit-transform: translate(23px, 0);
        -moz-transform: translate(23px, 0);
        -ms-transform: translate(23px, 0);
        -o-transform: translate(23px, 0); */
  }

  100% {
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }
}

@keyframes acord_img_anim_hide992 {
  0% {
    /* transform: translate(23px, 0);
        -webkit-transform: translate(23px, 0);
        -moz-transform: translate(23px, 0);
        -ms-transform: translate(23px, 0);
        -o-transform: translate(23px, 0); */
  }

  100% {
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }
}

@media (max-width: 992px) {
  .title {
    font-size: 40px;
    line-height: 130%;
  }

  .accordion_item {
    padding: 34px 0;
  }

  .accordion_wrapper {
    margin-top: 40px;
  }

  .accord_content {
    font-size: 18px;
  }

  .acord_img_item {
    /* position: static; */
  }

  .accord_title {
    font-size: 30px;
  }

  .wrapper_row_accord.collapse.show .acord_img_item {
    /* transform: translate(23px, 0%);
        -webkit-transform: translate(23px, 0%);
        -moz-transform: translate(23px, 0%);
        -ms-transform: translate(23px, 0%);
        -o-transform: translate(23px, 0%); */
    animation: acord_img_anim992 0.3s 1 ease;
    -webkit-animation: acord_img_anim992 0.3s 1 ease;
  }

  .wrapper_row_accord.collapse.show .acord_img_item.hide_animation {
    animation: acord_img_anim_hide992 0.3s 1 ease;
    -webkit-animation: acord_img_anim_hide992 0.3s 1 ease;
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }

  .img_accord {
    padding-top: 38px;
  }

  .accord_content {
    padding-top: 38px;
  }

  .btn_accord {
    font-weight: 700;
    font-size: 18px;
    padding: 15px 30px;
  }

  .accordion_item.active {
    border-top: 4px solid rgba(0, 0, 0, 0.2);
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 768px) {
  .offer-order-wrapper {
    margin-top: 20px;
  }

  .wrapper_row_accord {
    flex-direction: column;
  }

  .img_accord {
    padding-top: 30px;
  }

  .acord_img_item {
    transform: translate(0);
    /* position: static; */
  }

  .img_accord {
    padding-left: 40px;
  }

  .wrapper_row_accord.collapse.show .acord_img_item {
    /* transform: translate(0, 0%);
        -webkit-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
        -o-transform: translate(0, 0%); */
    animation: none 0.3s 1 ease;
    -webkit-animation: none 0.3s 1 ease;
  }

  .wrapper_row_accord.collapse.show .acord_img_item.hide_animation {
    animation: none 0.3s 1 ease;
    -webkit-animation: none 0.3s 1 ease;
    /* transform: translate(0px, 0%);
        -webkit-transform: translate(0px, 0%);
        -moz-transform: translate(0px, 0%);
        -ms-transform: translate(0px, 0%);
        -o-transform: translate(0px, 0%); */
  }

  .accordion_item {
    padding: 34px 0;
  }

  .hide_content_accord {
    padding-left: 40px;
  }

  .accord_title .icon_arrow {
    width: 28px;
    margin-right: 12px;
  }

  .accord_title {
    transform: translateX(-40px);
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.01em;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
  }

  .accord_content {
    padding-top: 15px;
    font-size: 15px;
    line-height: 130%;
  }

  .btn_shadow_wrapper-accord {
    margin-top: 30px;
    box-shadow: 4px -4px 0px #000000;
  }

  .btn_accord {
    /* margin-top: 30px; */
    padding: 15px 30px;
    border: 2px solid #000000;

    font-weight: 500;
    font-size: 16px;
  }

  .title {
    font-size: 32px;
  }

  .accordion_wrapper {
    margin-top: 30px;
  }
}

/* Our projects */
.our_projects_section {
  padding: 70px 0 130px;
  background: #3030d0;
  border-width: 4px 0px;
  border-style: solid;
  border-color: #000000;
  background-image: url("../img/bg_our_projects.png");
  background-size: cover;
}

.wrapper_row_our_proj {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 51px;
}

.wrapper_row_our_proj .title {
  color: #ffffff;
}

.link_our_proj {
  display: flex;
  align-items: center;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 39px;
  line-height: 130%;
  text-decoration: none;
  color: #ffffff;
}

.link_our_proj:hover {
  color: #fff;
}

.link_our_proj:hover img {
  -webkit-animation: link_our_proj 2s infinite ease-in-out;
  animation: link_our_proj 2s infinite ease-in-out;
}

.link_our_proj img {
  margin-left: 22px;
}

@-webkit-keyframes link_our_proj {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes link_our_proj {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0px);
  }
}

.swiper-slide.box_shadow {
  background: #ffffff;
  border: 4px solid #000000;
  box-shadow: 5px -5px 0px #000000;
}

.wrapper_content_slider {
  min-height: 600px;
  display: flex;
  justify-content: space-between;
}

.proj_prew {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  flex: 1 1 auto;
}

.proj_prew_link {
  min-width: 60%;
  flex: 1 1 auto;
}

.swiper_txt {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  padding: 45px 50px 30px 35px;
}

.swiper_title {
  display: block;
  margin-bottom: 15px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  color: #000000;
}

a.swiper_title {
  transition: all 0.3s ease;
}

a.swiper_title:hover {
  color: #ff8469;
}

.wrapper_category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.category_item {
  margin-right: 10px;
  margin-top: 15px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  border: 3px solid #000000;
  padding: 10px 20px;
  color: #000000;
}

.swiper_description {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
  opacity: 0.7;
}

.category_item.purpure {
  background: #e3cff6;
}

.category_item.blue {
  background: #c1c1f1;
}

.category_item.yellow {
  background: #fff2b8;
}

.category_item.red {
  background: #fbcebf;
}

@media (max-width: 992px) {
  .wrapper_row_our_proj {
    margin-bottom: 36px;
  }

  .our_projects_section {
    padding: 80px 0 107px;
  }

  .link_our_proj {
    font-size: 24px;
  }

  .wrapper_content_slider {
    flex-direction: column;
  }

  .swiper_txt {
    padding: 30px;
  }

  .swiper_title {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .swiper_description {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .container-swiper {
    margin: auto;
    /* max-width: 720px; */
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    overflow: visible;
  }

  .swiper.swiper-initialized {
    overflow: visible;
  }

  .proj_prew_link {
    min-width: 100%;
    height: 550px;
  }

  .proj_prew {
    width: 100%;
    height: 550px;
  }

  .link_our_proj img {
    width: 30px;
    margin-left: 10px;
  }
}

.container-swiper {
  overflow: visible;
}

.swiper.swiper-initialized {
  overflow: visible;
}

@media (max-width: 768px) {
  .container-swiper {
    max-width: 540px;
    overflow: visible;
  }

  .our_projects_section {
    border-width: 2px 0px;
  }

  .wrapper_row_our_proj {
    margin-bottom: 30px;
  }

  .proj_prew {
    height: 287px;
  }

  .proj_prew_link {
    height: 287px;
  }

  .swiper_txt {
    padding: 20px;
  }

  .acord_img_item {
    position: static;
  }

  .swiper_title {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .swiper_description {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .category_item {
    font-weight: 400;
    font-size: 13px;
    padding: 6px 10px;
    margin-right: 10px;
    margin-top: 5px;
    border: 2px solid #000000;
  }

  .link_our_proj {
    font-size: 16px;
  }

  .link_our_proj img {
    width: 21px;
  }

  .swiper-slide {
    box-shadow: 2.63136px -2.63136px 0px #000000;
  }

  .swiper_description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

@media (max-width: 568px) {
}

/* Subscription plans */
.section_tarif {
  padding-top: 33px;
  background-image: url("../img/bg_tarif.svg");
  background-size: 1547px;
  background-position: center;
  background-repeat: no-repeat;
}

.tarif_body_item {
  transition: all 0.3s ease;
  border: 4px solid #000000;
  /* box-shadow: 5px -5px 0px #000000; */
}

.tarif_body_item:hover {
  transform: translate(5px, -5px);
}

.tarif_body_item.blue {
  background: #5a59ff;
}

.tarif_body_item.purpure {
  background: #8e59ff;
}

.tarif_body_item.red {
  background: #ff8469;
}

.top_block {
  padding: 34px 40px 30px 40px;
  border-bottom: 4px solid #000000;
}

.tarif_name {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #ffffff;
}

.tarif_price {
  margin-top: 4px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  color: #ffffff;
}

.tarif_for_top_descript {
  margin-top: 12px;
  display: inline-block;
  background: #000000;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #ffffff;
  padding: 3px 10px;
}

.bottom_block {
  padding: 30px 40px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tarif_description_bottom {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #ffffff;
}

.tarif_for_body_item {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  padding: 8px 5px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 140%;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
}

.tarif_for_body_item.first {
  margin-top: 15px;
}

.proj-shadow-wrap {
  display: inline-block;
  box-shadow: 4px -4px 0px #000000;
}

.tarif_for_body_item::before {
  content: "";
  display: block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3H3V21H5H19H21V3H19H5ZM5 5H19V19H5V5ZM9 12H7V14H9V16H11V14H13V12H15V10H17V8H15V10H13V12H11V14H9V12Z' fill='%23C8F7FF'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.tarif_for_body_item.purpure::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3H3V21H5H19H21V3H19H5ZM5 5H19V19H5V5ZM9 12H7V14H9V16H11V14H13V12H15V10H17V8H15V10H13V12H11V14H9V12Z' fill='%23EB95E9'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.tarif_for_body_item.red::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3H3V21H5H19H21V3H19H5ZM5 5H19V19H5V5ZM9 12H7V14H9V16H11V14H13V12H15V10H17V8H15V10H13V12H11V14H9V12Z' fill='%23FFC8ED'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_tarif {
  width: 100%;
  background: #ffffff;
  border: 4px solid #000000;
  /* box-shadow: 4px -4px 0px #000000; */
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  padding: 17px;
}
.wrapper_btn_services {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.btn_services {
  background: #ffffff;
  border: 4px solid #000000;
  box-shadow: 4px -4px 0px #000000;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  padding: 15px 30px;
}
.swiper2 {
  margin-top: 50px;
}

.pos_rel_tarip {
  position: relative;
  top: 138px;
}

@media (max-width: 992px) {
  .section_tarif {
    background-image: url("../img/bg_tarif_md.svg");
    background-size: 660px;
    background-position: center 80px;
    background-repeat: no-repeat;
  }

  .tarif_name {
    font-size: 16px;
  }

  .tarif_price {
    margin-top: 0;
    font-size: 36px;
  }

  .tarif_for_top_descript {
    margin-top: 10px;
  }

  .tarif_for_top_descript {
    font-size: 14px;
  }

  .top_block {
    padding: 43px 40px 30px 40px;
  }

  .bottom_block {
    padding: 20px 40px 40px;
  }

  .tarif_description_bottom {
    font-size: 15px;
  }

  .btn_tarif {
    font-size: 16px;
    padding: 15px;
    border: 4px solid #000000;
    /* box-shadow: 4px -4px 0px #000000; */
  }
}

@media (max-width: 768px) {
  .section_tarif {
    background-image: url("../img/bg_tarif_sm.svg");
    background-size: 320px;
    background-position: center 80px;
    background-repeat: no-repeat;
  }

  .proj-shadow-wrap {
    width: 100%;
  }

  .top_block {
    padding: 20px;
  }

  .tarif_price {
    font-size: 32px;
  }

  .bottom_block {
    padding: 20px;
  }

  .tarif_for_body_item.first {
    margin-top: 10px;
  }

  .tarif_for_body_item {
    margin-top: 5px;
    font-size: 14px;
    line-height: 120%;
  }

  .tarif_for_body_item::before {
    min-width: 16px;
    margin-right: 7px;
    width: 16px;
    height: 16px;
  }

  .btn_tarif {
    /* margin-top: 20px; */
  }

  .bottom_block {
    min-height: 350px;
  }

  .swiper2 {
    margin-top: 30px;
  }

  .tarif_body_item {
    border: 3px solid #000000;
    /* box-shadow: 5px -5px 0px #000000; */
  }
}

/* ABOUT */
.about_section {
  padding-top: 257px;
  padding-bottom: 36px;
  background-color: #3030d0;
}

.about_txt {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;
  color: #ffffff;
}

.about_txt p {
  margin: 0;
  margin-bottom: 20px;
}

.title.about_us {
  display: flex;
  align-items: center;
  color: #ffffff;
}

.title.about_us::before {
  content: "";
  width: 68px;
  height: 68px;
  margin-right: 15px;
  display: block;
  min-width: 68px;
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.66669 14.167H11.3334V19.8337H5.66669V14.167ZM17 19.834H11.3334V25.5007H17V31.1667H22.6667V25.5H17V19.834ZM11.3334 31.167H17V36.8337H11.3334V31.167ZM11.3334 36.834H5.66669V48.167V53.8337V53.834H11.3334V53.8337H56.6667V53.834H62.3334L62.3334 53.8337V48.167L62.3334 36.834H56.6667V48.167H11.3334V36.834ZM28.3334 36.834H22.6667V42.5007H28.3334V36.834ZM39.6667 36.834H45.3334V42.5007H39.6667V36.834ZM51 31.167H56.6667V36.8337H51V31.167ZM45.3333 25.5H51L51 19.834H56.6667V25.5007H51L51 31.1667H45.3333L45.3334 25.5007H22.6667V19.834H45.3334L45.3333 25.5ZM56.6667 14.167H62.3334V19.8337H56.6667V14.167Z' fill='white'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about_img_wrapper {
  position: relative;
  margin-top: 44px;
}

.img_about_hi {
  width: 40%;
  position: absolute;
  top: 0;
  right: 0;
}

.img_about_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 39px;
  transform: translateX(-100%);
}

.img_about_2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 39px;
  transform: translateX(-100%);
}

.img_about_3 {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 13px;
  transform: translate(100%, 600%);
}

.img_about_4 {
  position: absolute;
  bottom: 50%;
  right: 20%;
  width: 13px;
  transform: translate(100%, 0%);
}

.img_about {
  width: 70%;
  -webkit-animation: animate_hi_about 2s infinite ease-in-out;
  animation: animate_hi_about 2s infinite ease-in-out;
}

@-webkit-keyframes animate_hi_about {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes animate_hi_about {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.wrapper_icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.wrapper_icons img {
  width: 45px;
  margin-left: 20px;
}

@media (max-width: 992px) {
  .wrapper_icons {
    margin-top: 10px;
    justify-content: space-between;
  }

  .title.about_us::before {
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 10px;
  }

  .row.wrapper-reverse {
    flex-wrap: wrap-reverse;
  }

  .wrapper_icons img {
    margin-left: 0;
  }

  .about_txt {
    font-size: 20px;
    line-height: 140%;
  }
}

@media (max-width: 768px) {
  .about_txt {
    margin-top: 20px;
    font-size: 16px;
    line-height: 140%;
  }

  .about_txt p {
    margin-bottom: 10px;
  }

  .wrapper_icons {
    margin-top: 2px;
    justify-content: flex-start;
  }

  .wrapper_icons img {
    width: 30px;
    margin-right: 20px;
  }

  .title.about_us::before {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }

  .about_img_wrapper {
    margin-top: 14px;
  }
}

/* CONTACT BLOCK */
.contact_block {
  display: flex;
  background: #ffffff;
  border: 4px solid #000000;
  box-shadow: 5px -5px 0px #000000;
}

.left_contact_block {
  width: 55%;
  padding: 50px 28px 48px 70px;
}

.right_contact_block {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45%;
  background: #ff8469;
  padding: 10px 20px 40px 20px;
}

.contact_block .title_txt,
.section-next_proj .title_txt {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  color: #000000;
}

.contact_block .desc_txt {
  margin-top: 20px;
  margin-bottom: 24px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}

.contact_link_wrapper {
  display: flex;
}

.contact_link_wrapper a {
  margin-right: 26px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #ff8469;
}

.contact_item_rep {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "DM Sans", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 94px;
  line-height: 110%;
  text-transform: uppercase;
  color: #ffffff;
}

.contact_item_rep::after {
  content: "";
  display: block;
  width: 102px;
  height: 102px;
  min-width: 102px;
  margin-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='102' height='102' viewBox='0 0 102 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.34082 45.264V56.7351H74.3302V68.2062H85.9951V56.7351H97.66V45.264H85.9951V33.7928H74.3302V45.264H4.34082ZM62.6653 22.3217H74.3302V33.7928H62.6653V22.3217ZM62.6653 22.3217H51.0004V10.8506H62.6653V22.3217ZM62.6653 79.6773H74.3302V68.2062H62.6653V79.6773ZM62.6653 79.6773H51.0004V91.1485H62.6653V79.6773Z' fill='white'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contact_block.mt160 {
  margin-top: 160px;
}

.contact_item_rep.shadow_contact {
  color: #ff8469;
  text-shadow: 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff, 0 -1px 1px #fff;
}

.contact_item_rep.shadow_contact::after {
  background-image: url("data:image/svg+xml,%3Csvg width='102' height='102' viewBox='0 0 102 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.34082 45.264V56.7351H74.3302V68.2062H85.9951V56.7351H97.66V45.264H85.9951V33.7928H74.3302V45.264H4.34082ZM62.6653 22.3217H74.3302V33.7928H62.6653V22.3217ZM62.6653 22.3217H51.0004V10.8506H62.6653V22.3217ZM62.6653 79.6773H74.3302V68.2062H62.6653V79.6773ZM62.6653 79.6773H51.0004V91.1485H62.6653V79.6773Z' stroke='white'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contact_item_rep.shadow_contact.opacit {
  opacity: 0.5;
}

.contact_item_rep.shadow_contact.opacit02 {
  position: absolute;
  opacity: 0.2;
  bottom: 0;
  transform: translateY(50%);
}

@media (max-width: 1399.9px) {
  .contact_item_rep {
    font-size: 70px;
  }
}

@media (max-width: 1199.9px) {
  .contact_item_rep.shadow_contact.opacit02 {
    transform: translateY(0);
  }
}

@media (max-width: 992px) {
  .contact_block {
    flex-direction: column;
  }

  .contact_block.mt160 {
    margin-top: 100px;
  }

  .left_contact_block {
    width: 100%;
    padding: 50px 60px;
  }

  .right_contact_block {
    width: 100%;
  }

  .contact_item_rep {
    font-size: 112px;
    line-height: 110%;
  }

  .right_contact_block {
    padding: 6px 0 0;
  }
}

@media (max-width: 768px) {
  .contact_block.mt160 {
    margin-top: 80px;
  }

  .left_contact_block {
    padding: 30px;
  }

  .contact_block .title_txt,
  .section-next_proj .title_txt {
    font-size: 32px;
    line-height: 100%;
  }

  .contact_block .desc_txt {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
  }

  .contact_link_wrapper {
    flex-direction: column;
  }

  .contact_link_wrapper a {
    margin-right: 0;
  }

  .contact_link_wrapper a:last-child {
    margin-top: 15px;
  }

  .right_contact_block {
    padding: 0 0 43px 0;
  }

  .contact_item_rep {
    font-size: 51px;
    line-height: 110%;
  }

  .contact_item_rep::after {
    width: 55px;
    height: 55px;
    min-width: 55px;
    margin-left: 10px;
  }

  .contact_item_rep.shadow_contact.opacit02 {
    transform: translateY(20%);
  }
}

/* FOOTER */
footer {
  background-color: #000000;
}

.footer_pixel {
  width: 100%;
}

.footer_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.padding_footer {
  padding: 94px 0 50px;
}

.footer_link {
  display: flex;
  align-items: center;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: #eb95e9;
}

.footer_link:hover {
  color: #eb95e9;
}

.footer_link::after {
  margin-left: 20px;
  content: "";
  display: block;
  width: 48px;
  height: 46px;
  min-width: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='38' viewBox='0 0 44 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0429688 16.3V21.6982H32.9791V27.0964H38.4685V21.6982H43.9579V16.3H38.4685V10.9018H32.9791V16.3H0.0429688ZM27.4898 5.50365H32.9791V10.9018H27.4898V5.50365ZM27.4898 5.50365H22.0004V0.105469H27.4898V5.50365ZM27.4898 32.4945H32.9791V27.0964H27.4898V32.4945ZM27.4898 32.4945H22.0004V37.8927H27.4898V32.4945Z' fill='%23EB95E9'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  /* .footer_container {
        padding: 91px 0 59px;
    } */
  .padding_footer {
    padding: 94px 0 50px;
  }

  .logo_footer img {
    width: 270px;
  }

  .footer_link {
    font-size: 30px;
    line-height: 100%;
  }

  .footer_link::after {
    width: 31px;
    height: 30px;
    min-width: 30px;
  }
}

.lang_wrapper.mob {
  display: none;
}

@media (max-width: 768px) {
  .footer_container {
    flex-direction: column;
    justify-content: center;
  }

  .padding_footer {
    padding: 39px 0 46px;
  }

  .footer_link {
    margin-top: 35px;
  }

  .lang_wrapper.desctop {
    display: none;
  }

  .lang_wrapper.mob {
    display: flex;
    width: 100%;
    margin-left: 0;
    border: 1px solid #5353d8;
  }
}

/* OUR PROJ */
.wrapper_img_proj {
  position: relative;
}

.frog_img {
  width: 100%;
}

.img_decor_frog {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
}

.img_decor_frog_2 {
  position: absolute;
  top: -20%;
  right: 30%;
}

.img_decor_frog_3 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-200%);
}

.img_decor_frog_4 {
  position: absolute;
  bottom: 0;
  left: -40%;
}

.fs_title.page_proj {
  margin-top: 70px;
}

.wrapper_title_fs_decor {
  position: relative;
}

.img_decor_title_proj_2 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-200%);
}

.img_decor_title_proj_3 {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-500%);
}

.proj_prew_page {
  display: block;
  width: 100%;
  border: 4px solid #000000;
  box-shadow: 5px -5px 0px #000000;
  height: 771px;
  margin-bottom: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  overflow: hidden;
}

.proj_prew_page_video {
  width: 100%;
  height: 771px;
  -o-object-fit: cover;
  object-fit: cover;
}

.poster-img {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}

.poster-img.hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.projects_section {
  margin-top: 120px;
}

.projects_section .wrapper_category {
  justify-content: flex-end;
}

.projects_section .category_item {
  margin-right: 0;
  margin-left: 10px;
}

.project_item {
  margin-bottom: 100px;
}

.wrapper_our_proj {
  background-color: #f9f5ff;
}

.contact_project {
  margin: 170px 0 130px;
}

@media (max-width: 992px) {
  .projects_section .wrapper_category {
    justify-content: flex-start;
  }

  .projects_section .category_item {
    margin-right: 10px;
    margin-left: 0px;
  }

  .proj_prew_page {
    margin-bottom: 25px;
  }

  .projects_section .swiper_title {
    margin-bottom: 15px;
  }

  .proj_prew_page {
    height: 434px;
  }

  .contact_project {
    margin: 100px 0 45px;
  }

  .project_item {
    margin-bottom: 70px;
  }
}

@media (max-width: 768px) {
  .proj_prew_page {
    min-height: 200px;
    height: auto;
    margin-bottom: 15px;
  }

  .img_decor_frog_2 {
    position: absolute;
    top: -50%;
    right: 30%;
  }

  .img_decor_frog_3 {
    position: absolute;
    top: 0;
    left: 50px;
    transform: translateX(-200%);
  }

  .wrapper_our_proj .first-screen {
    padding: 90px 0;
    min-height: 80vh;
  }

  .projects_section .swiper_title {
    margin-bottom: 15px;
  }

  .projects_section .swiper_description {
    margin-bottom: 7px;
  }

  .contact_project {
    margin: 100px 0 20px;
  }

  .project_item {
    margin-bottom: 50px;
  }
}

/* project */
.wrapper_proj header {
  background-color: #fff;
}

.wrapper_proj .menu_list .link_menu_item {
  color: #000000;
}

.img_main_proj {
  width: 100%;
  border: 3px solid #000000;
  -webkit-filter: drop-shadow(5px -5px 0px #000000);
  filter: drop-shadow(5px -5px 0px #000000);
}

.company_name_info {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.6;
}

.proj_name_info {
  margin-top: 10px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 84px;
  line-height: 110%;
  color: #000000;
}

.proj_desc_info {
  margin-bottom: 55px;
  margin-top: 15px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #000000;
}

.main_info_proj {
  margin-top: 70px;
  margin-bottom: 115px;
}

.row_main_inf_proj {
  align-items: center;
}

.tasc_desc_sect {
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
}

.wrapper_proj .title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  color: #000000;
}

.description {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: #000000;
}

.tasc_desc_sect .description.mt15 {
  margin-top: 15px;
}

.tasc_desc_sect .description_ol {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  color: #000000;
}

.tasc_desc_sect .description_ol li {
  margin-top: 10px;
}

.tasc_desc_sect .border_right {
  border-right: 3px solid #000000;
}

.tasc_desc_sect .box_padding.left {
  padding: 60px 50px 55px 0px;
}

.tasc_desc_sect .box_padding.right {
  padding: 60px 0px 55px 50px;
}

.container_img_proj {
  margin-top: 50px;
  background: rgba(102, 129, 47, 0.2);
  padding-top: 48px;
  padding-bottom: 48px;
}

.container_img_proj.zolt {
  background: rgba(246, 195, 94, 0.3);
}

.container_img_proj img {
  width: 100%;
}

.container_img_proj .row {
  justify-content: center;
}

.section_proj {
  margin: 100px 0 175px;
}

.section-next_proj {
  padding: 48px 0 55px;
  border-width: 3px 0px;
  border-style: solid;
  border-color: #000000;
}

.section-next_proj.yellow {
  background: #f6c35e;
}

.section-next_proj .link_our_proj {
  color: #000000;
}

.row_next_proj {
  display: flex;
  justify-content: space-between;
}

.box-shadow-slide {
  box-shadow: 5px -5px 0px #000000;
}

/* Modal window */
.modal-content {
  position: relative;
  background: #ffffff;
  border: 4px solid #000000;
  box-shadow: 4px -4px 0px #000000;
  border-radius: 0;
  padding: 60px;
}

.btn-close.posit_btn {
  position: absolute;
  top: 21px;
  right: 21px;
  outline: none;
  border: 0;
  box-shadow: none;
}

.modal-dialog {
  max-width: max-content;
  /* max-width: inherit; */
}

.btn_shadow_wrapper-accord {
  display: inline-block;
  box-shadow: 4px -4px 0px #000000;
  margin-top: 40px;
}

.form_modal {
}

.modal-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  color: #000000;
}

.content_modal {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}

label.form-label {
  display: block;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #8e59ff;
  margin-bottom: 8px;
}

.text_input {
  background: #ffffff;
  border-radius: 0px;
  border: 1px solid #000000;
  width: 100%;
  padding: 13px 15px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #000000;
  transition: all 0.3s ease;
}

.form_input_wrapper {
  margin-bottom: 20px;
}

.mt-form {
  margin-top: 60px;
}

.textarea_input {
  resize: none;
  height: 154px;
}

.btns_form_row {
  margin-top: 30px;
}

.file_input {
  display: none;
}

.form_submit {
  background: #ffffff;
  border: 4px solid #000000;
  box-shadow: 4px -4px 0px #000000;
  padding: 20px 60px;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #000000;
  transition: all 0.3s ease;
}

.form_submit:hover {
  background-color: #eb95e9;
}

.wrapper_btns_form {
  display: flex;
  justify-content: space-between;
}

.file_input_label {
  display: inline-flex;
  align-items: center;
  background: #8e59ff;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 130%;
  color: #ffffff;
  padding: 7px 13px 7px 10px;
}

.file_input_label::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3266 2.64717C14.097 0.450942 10.4663 0.450942 8.23906 2.64717L2.06156 8.72761C2.02132 8.76724 2.00002 8.82087 2.00002 8.87682C2.00002 8.93278 2.02132 8.9864 2.06156 9.02603L2.93493 9.88634C2.97485 9.92549 3.02889 9.94747 3.08523 9.94747C3.14156 9.94747 3.1956 9.92549 3.23552 9.88634L9.41303 3.80591C10.1799 3.05051 11.2 2.63552 12.284 2.63552C13.368 2.63552 14.3882 3.05051 15.1527 3.80591C15.9195 4.5613 16.3408 5.56615 16.3408 6.63163C16.3408 7.69944 15.9195 8.70196 15.1527 9.45735L8.85681 15.6567L7.8367 16.6616C6.88285 17.6011 5.33256 17.6011 4.37872 16.6616C3.91718 16.2069 3.66392 15.6031 3.66392 14.9596C3.66392 14.3161 3.91718 13.7123 4.37872 13.2576L10.6249 7.10725C10.7834 6.95337 10.9917 6.86711 11.2142 6.86711H11.2166C11.4391 6.86711 11.645 6.95337 11.8012 7.10725C11.9598 7.26345 12.045 7.46862 12.045 7.68778C12.045 7.9046 11.9574 8.10977 11.8012 8.26365L6.69587 13.2879C6.65563 13.3276 6.63433 13.3812 6.63433 13.4371C6.63433 13.4931 6.65563 13.5467 6.69587 13.5864L7.56924 14.4467C7.60916 14.4858 7.6632 14.5078 7.71954 14.5078C7.77587 14.5078 7.82991 14.4858 7.86983 14.4467L12.9728 9.42005C13.4438 8.95609 13.7018 8.34059 13.7018 7.68545C13.7018 7.03031 13.4414 6.41247 12.9728 5.95084C12 4.99262 10.4189 4.99495 9.44616 5.95084L8.84025 6.55003L3.20239 12.1012C2.81974 12.4759 2.51642 12.9218 2.31002 13.4128C2.10362 13.9039 1.99825 14.4304 2.00002 14.9619C2.00002 16.0414 2.42842 17.0556 3.20239 17.818C4.00475 18.606 5.05564 19 6.10652 19C7.15741 19 8.20829 18.606 9.00829 17.818L16.3266 10.6138C17.4035 9.55061 18 8.13542 18 6.63163C18.0024 5.12551 17.4059 3.71032 16.3266 2.64717Z' fill='white'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 7px;
}

.link_modal {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 130%;
  color: #8e59ff;
}

.t-checkbox__control {
  display: block;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.text_input:focus {
  border: 1px solid #8e59ff;
}

@media (max-width: 992px) {
  .content_modal {
    margin-top: 14px;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000000;
  }

  .mt-form {
    margin-top: 25px;
  }

  .form_input_wrapper {
    margin-bottom: 15px;
  }

  .form_input_wrapper.mt_mob {
    margin-top: 15px;
  }

  .modal-content {
    padding: 50px;
  }

  .btn-close.posit_btn {
    top: 15px;
    right: 15px;
  }

  .modal-title {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .modal-content {
    padding: 30px 25px;
  }

  .modal-title {
    font-size: 32px;
  }

  .content_modal {
    font-size: 15px;
    margin-top: 12px;
  }

  .mt-form {
    margin-top: 17px;
  }

  label.form-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 5px;
  }

  .text_input {
    padding: 10px 12px;
    font-size: 16px;
  }

  .textarea_input {
    height: 120px;
  }

  .btns_form_row {
    margin-top: 20px;
  }

  .wrapper_btns_form {
    flex-direction: column;
  }

  .file_input_label {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .form_submit {
    margin-top: 30px;
    border: 2px solid #000000;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn-close.posit_btn {
    top: 12px;
    right: 12px;
  }
}

@media (max-width: 992px) {
  .main_info_proj {
    margin-top: 30px;
  }

  .proj_name_info {
    font-size: 56px;
    line-height: 120%;
  }

  .proj_desc_info {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
  }

  .btn_first_screen.project {
    font-size: 16px;
    padding: 20px 60px;
  }

  .img_main_proj {
    margin-top: 50px;
  }

  .tasc_desc_sect .box_padding.left {
    padding: 50px 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .tasc_desc_sect .border_right {
    border: 0;
  }

  .tasc_desc_sect .box_padding.right {
    padding: 50px 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .description {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
  }

  .position-relat {
    position: relative;
  }

  .border_right_abs {
    /* position: absolute;
        right: calc(0px - var(--bs-gutter-x) * .5);
        top: 0;
        width: 3px;
        height: 100%;
        background-color: #000000; */
  }

  .border_bottom_abs {
    position: absolute;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.5px;
    width: 100vw;
    height: 3px;
    background-color: #000000;
  }

  .mt-develop {
    margin-top: 15px;
  }

  .section_proj {
    margin-bottom: 100px;
  }

  .section-next_proj {
    padding: 40px 0 40px;
  }

  .row_next_proj .title_txt {
    font-size: 48px;
    line-height: 130%;
  }

  .row_next_proj .link_our_proj {
    font-size: 30px;
    line-height: 130%;
  }
}

@media (max-width: 768px) {
  .main_info_proj {
    margin-top: 10px;
    margin-bottom: 90px;
  }

  .company_name_info {
    font-size: 16px;
  }

  .proj_name_info {
    font-size: 38px;
  }

  .proj_desc_info {
    font-size: 16px;
    margin: 10px 0 30px;
  }

  .btn_first_screen.project {
    width: 100%;
    justify-content: center;
    padding: 15px;
  }

  .img_main_proj {
    margin-top: 40px;
  }

  .tasc_desc_sect .box_padding.left {
    padding: 40px 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .tasc_desc_sect .box_padding.right {
    padding: 40px 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .description {
    font-size: 16px;
  }

  .tasc_desc_sect .description.mt15 {
    margin-top: 10px;
  }

  .tasc_desc_sect .description_ol {
    font-size: 16px;
  }

  .section_proj {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mt-develop {
    margin-top: 10px;
  }

  .container_img_proj {
    margin-top: 40px;
  }

  .row_next_proj {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .section-next_proj {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .link_our_proj {
    margin-top: 9px;
    font-size: 25px;
    line-height: 130%;
  }
}

.section-next_proj.blue {
  background: #8cc7ff;
}

.container_img_proj.booking {
  background: rgba(0, 131, 255, 0.3);
}

.section-next_proj.orange {
  background: #f58542;
}

.container_img_proj.nika-mi {
  background: rgba(243, 111, 33, 0.3);
}

.section-next_proj.green {
  background: #84c78b;
}

.container_img_proj.rsga {
  background: rgba(87, 147, 92, 0.3);
}

.container_img_proj.NOVELTYI {
  background: rgba(223, 117, 23, 0.3);
}

.section-next_proj.green-dark {
  background: #8eaa56;
}

@media (max-width: 460px) {
  .title_attation {
    font-size: 36px;
  }
}

.btn-close {
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666672 0.666626H3.33334V3.33329H0.666672V0.666626ZM6 5.99996H3.33334V3.33329H6V5.99996ZM8.66667 8.66663H6V5.99996H8.66667V8.66663ZM11.3333 8.66663H8.66667V11.3333H6V14H3.33334V16.6666H0.666672V19.3333H3.33334V16.6666H6V14H8.66667V11.3333H11.3333V14H14V16.6666H16.6667V19.3333H19.3333V16.6666H16.6667V14H14V11.3333H11.3333V8.66663ZM14 5.99996V8.66663H11.3333V5.99996H14ZM16.6667 3.33329V5.99996H14V3.33329H16.6667ZM16.6667 3.33329V0.666626H19.3333V3.33329H16.6667Z' fill='%239FA2A9'/%3E%3C/svg%3E");
  border: 0;
  background-size: cover;
  border-radius: 0.375rem;
  opacity: 1;
}

/* CASTOPM CHECKBOX */
.custom-checkbox {
  display: none;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.custom-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #8e59ff;
  /* border-radius: 0.25em; */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox:checked + label::before {
  border-color: #8e59ff;
  background-color: #8e59ff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #b3d7ff;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
  border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
  background-color: #e9ecef;
}

.btn_first_screen {
  transition: all 0.3s ease;
}

.btn_first_screen:hover {
  background-color: #eb95e9;
}

.btn_first_screen:active {
  transition: transform 0.1s ease;
  transform: translate(4px, -4px);
}

.btn_shadow_wrapper {
  display: inline-block;
  box-shadow: 4px -4px 0px #000000;
}

/* ANIMATION */
.animate-screen {
  transition: all 0.6s ease;
}

.hide_animate {
  opacity: 0;
}

.rocket-img {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(50%, 30%);
  width: 121px;
}

.animate-screen-rocket {
  transition: all 0.6s ease;
}

.hide_animate-rocket {
  opacity: 0;
  transform: scale(0.1) translate(0, 300vh);
}

.animate-screen-descr {
  transition: all 0.3s ease;
}

.hide_animate-descr {
  opacity: 0;
}

.hide_animate-btn {
  opacity: 0;
}

.animate-screen-btn {
  transition: all 0.3s ease;
}

.star4_1-img {
  position: absolute;
  bottom: 0;
  right: 20%;
  transform: translate(0, 200%);
}

.hide_animate-star4_1 {
  opacity: 0;
}

.animate-screen-star4_1 {
  transition: all 0.3s ease;
}

.star4_2-img {
  position: absolute;
  right: -15%;
  bottom: 60%;
}

.hide_animate-star4_2 {
  transform: rotate(90deg);
  opacity: 0;
}

.animate-screen-star4_2 {
  transition: all 0.3s ease;
}

.star1_1-img {
  position: absolute;
  right: -15%;
  bottom: 30%;
}

.hide_animate-star1_1 {
  opacity: 0;
}

.animate-screen-star1_1 {
  transition: all 0.3s ease;
}

.mes1-img {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -200%);
  width: 185px;
}

.hide_animate-mes1 {
  opacity: 0;
}

.animate-screen-mes1 {
  transition: all 0.3s ease;
}

.star4_3-img {
  position: absolute;
  top: 0%;
  left: -20%;
  /* transform: translate(100%, -200%); */
}

.hide_animate-star4_3 {
  opacity: 0;
}

.animate-screen-star4_3 {
  transition: all 0.6s ease;
}

.star4_4-img {
  position: absolute;
  bottom: 0%;
  left: -10%;
  /* transform: translate(100%, -200%); */
}

.hide_animate-star4_4 {
  opacity: 0;
}

.animate-screen-star4_4 {
  transition: all 0.6s ease;
}

.mes2-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 185px;
}

.hide_animate-mes2 {
  opacity: 0;
}

.animate-screen-mes2 {
  transition: all 0.3s ease;
}

.mes3-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -200%);
  width: 110px;
}

.hide_animate-mes3 {
  opacity: 0;
}

.animate-screen-mes3 {
  transition: all 0.3s ease;
}

.star1_2-img {
  position: absolute;
  left: 0%;
  top: 50%;
}

.hide_animate-star1_2 {
  opacity: 0;
}

.animate-screen-star1_2 {
  transition: all 0.3s ease;
}

.star1_3-img {
  position: absolute;
  left: -20%;
  top: -100%;
}

.hide_animate-star1_3 {
  opacity: 0;
}

.animate-screen-star1_3 {
  transition: all 0.3s ease;
}

.star1_4-img {
  position: absolute;
  right: 40%;
  top: -50%;
}

.hide_animate-star1_4 {
  opacity: 0;
}

.animate-screen-star1_4 {
  transition: all 0.3s ease;
}

.star1_5-img {
  position: absolute;
  right: -5%;
  top: -80%;
}

.hide_animate-star1_5 {
  opacity: 0;
}

.animate-screen-star1_5 {
  transition: all 0.3s ease;
}

@media (max-width: 1600px) {
  .mes1-img {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(10%, -100%);
  }

  .star4_4-img {
    position: absolute;
    bottom: -20%;
    left: -2%;
  }

  .star4_2-img {
    right: -2%;
  }

  .star4_3-img {
    top: 20%;
    left: -6%;
  }

  .mes3-img {
    transform: translate(0, -100%);
  }

  .star1_4-img {
    right: 40%;
    top: -20%;
  }

  .star1_5-img {
    right: 1%;
    top: -40%;
  }
}

@media (max-width: 992px) {
  .accord_icon {
    width: 32px;
  }

  .mes1-img {
    width: 113px;
  }

  .rocket-img {
    width: 97px;
  }

  .mes3-img {
    width: 100px;
    transform: translate(0, -150%);
  }

  .mes2-img {
    width: 137px;
  }

  .star4_1-img,
  .star4_2-img,
  .star4_3-img,
  .star4_4-img {
    width: 30px;
  }

  .star1_1-img,
  .star1_2-img,
  .star1_3-img,
  .star1_4-img,
  .star1_5-img {
    width: 10px;
  }
}

@media (max-width: 768px) {
  .proj_prew_page_video {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .star4_1-img,
  .star4_2-img,
  .star4_3-img,
  .star4_4-img {
    width: 16px;
  }

  .star1_1-img,
  .star1_2-img,
  .star1_3-img,
  .star1_4-img,
  .star1_5-img {
    width: 8px;
  }

  .mes1-img {
    width: 63px;
    transform: translate(-20%, -200%);
  }

  .rocket-img {
    width: 50px;
    transform: translate(0%, 30%);
  }

  .hide_animate-rocket {
    transform: scale(0.1) translate(0, 300vh);
  }

  .mes3-img {
    width: 44px;
    transform: translate(100%, -150%);
  }

  .mes2-img {
    width: 84px;
    transform: translate(50%, 150%);
  }

  .star4_4-img {
    bottom: 10%;
    left: 22px;
  }

  .star4_2-img {
    right: 14px;
  }

  .star4_3-img {
    top: -10%;
    left: 40%;
  }

  .star1_4-img {
    right: auto;
    left: 56px;
    top: -40%;
  }

  .img_decor_frog_4 {
    bottom: -50px;
    left: 0;
  }
}

/* .rocket-img {
    animation: rocket-anim 0.2s ease infinite;
} */

@keyframes rocket-anim {
  0% {
    bottom: -2px;
  }

  50% {
    bottom: 2px;
  }

  100% {
    bottom: -2px;
  }
}

#contact::before {
  pointer-events: none;
  display: block;
  content: "";
  height: 55px;
  margin: -55px 0 0;
}

.lang_wrapper {
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 20px;
}

.item_lang {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  padding: 6px;
}

.item_lang:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.item_lang.active {
  background: rgba(255, 255, 255, 0.2);
}

.item_lang:hover {
  color: #fff;
}

.wrapper_proj .lang_wrapper {
  border: 1px solid rgba(96, 96, 96, 0.2);
}

.wrapper_proj .item_lang.active {
  background: rgba(96, 96, 96, 0.2);
  color: #000;
}

.wrapper_proj .item_lang {
  color: rgba(89, 89, 89, 0.6);
}

.wrapper_proj .item_lang:not(:last-child) {
  border-right: 1px solid rgba(96, 96, 96, 0.2);
}

.item_lang.active {
  border-right: 0 !important;
}

.txt_after_h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #494949;
  margin: 0;
}

.txt_after_h3.mt12 {
  margin-top: 12px;
}

.txt_after_h3.mt20 {
  margin-top: 20px;
}

.h3.mt40 {
  margin-top: 40px;
}

.privacy_section {
  margin-top: 70px;
}

.h4.mt40 {
  margin-top: 40px;
}

.list_privacy {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #494949;
  margin: 0;
}

.list_privacy li {
  list-style: disc;
}

.list_privacy li:not(:last-child) {
  margin-bottom: 8px;
}

.list_privacy.mt20 {
  margin-top: 20px;
}

.list_privacy.number_list li {
  list-style: decimal;
}

.important_block {
  padding: 20px;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #ffffff;
  background-color: #ff8469;
  display: flex;
  align-items: center;
}

.important_block::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8V12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16H12.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.important_block {
  margin-top: 20px;
}

.txt_coopirate {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
}

.footer_link_menu {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
}

.footer_link_menu:hover {
  color: #eb95e9;
}

.wrapper_footer_link_menu {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}

.wrapper_footer_link_menu .footer_link_menu {
  margin-left: 10px;
}

@media (max-width: 991.8px) {
  .wrapper_footer_link_menu {
    justify-content: center;
  }

  .wrapper_footer_link_menu .footer_link_menu {
    font-size: 13px;
  }

  .txt_coopirate {
    text-align: center;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .item_lang.active {
    color: #ffffff;
    background: #5353d8;
  }

  .item_lang {
    flex: 1 1 auto;
    color: #9797e7;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
  }

  .item_lang:not(:last-child) {
    border-right: 1px solid #5353d8;
  }

  .btn_first_screen {
    width: auto;
  }

  .h3.mt40 {
    margin-top: 30px;
  }

  .txt_after_h3 {
    font-size: 15px;
    line-height: 130%;
  }

  .h4.mt40 {
    margin-top: 30px;
  }

  .list_privacy {
    font-size: 15px;
    line-height: 130%;
  }

  .important_block {
    font-size: 16px;
    line-height: 130%;
  }
}

.wrapper_contact_index {
  background-color: #3030d0;
}

/* .wrapper_privacy_section .contact_block.mt160 {
    margin-top: 0;
} */

.lang_wrapper.mob .item_lang:hover {
  color: #5353d8;
}

.lang_wrapper.mob .item_lang.active:hover {
  color: #ffffff;
}

.contact_link_wrapper_header_mob {
  display: none;
}
.contact_link_wrapper_header_mob a {
  font-size: 18px;
}
.contact_link_wrapper_header_mob a:last-child {
  margin-top: 10px;
}
.contact_link_wrapper_header_mob {
  margin-bottom: 25px;
}

.contact_link_wrapper_header_desc {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.contact_link_wrapper_header_desc a {
  font-size: 16px;
  margin: 0;
  color: #ffd313;
  /* text-decoration: underline; */
  font-weight: bold;
}

@media (max-width: 768px) {
  .contact_link_wrapper_header_desc {
    display: none;
  }
  .contact_link_wrapper_header_mob {
    display: flex;
  }
}

.title_404 {
  font-family: "Jersey 20", sans-serif;
  font-weight: 400;
  font-size: 200px;
  text-transform: uppercase;
  color: #c8f7ff;
  line-height: 1.05;
  text-align: center;
  margin: 0;
}
.title_404_description {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: #fff;
  margin: 0;
}
.title_404_description_small {
  margin-top: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  color: #fff;
}

@media (max-width: 991.8px) {
  .title_404 {
    font-size: 150px;
  }
}

@media (max-width: 768px) {
  .title_404 {
    font-size: 120px;
    line-height: 70%;
  }
  .title_404_description {
    margin-top: 11px;
    font-size: 24px;
  }
  .title_404_description_small {
    font-size: 14px;
  }
}

.services_item .title {
  margin-top: 30px;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000;
}
.services_item .description,
.advantages_item .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #000;
  opacity: 0.8;
  margin: 0;
}

.advantages_item .title {
  margin-top: 24px;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000;
  text-align: center;
}

.advantages_item .description {
  text-align: center;
}

.swiper_services,
.swiper_advantages {
  margin-top: 50px;
}
.swiper_services .swiper-slide {
  box-shadow: none;
}
.swiper_services .services__icon {
  width: 100%;
}

.swiper_advantages .advantages__icon {
  width: 80px;
  margin: auto;
  display: block;
}
.advantages_item {
  background: #c8f7ff;
  border: 3px solid #000;
  padding: 24px;
  box-shadow: 4px -4px 0 0 #000;
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: center; */
}
.swiper.swiper_advantages {
  padding: 4px;
}
.advantages {
  margin: 0 0 100px 0;
}
.swiper_advantages .swiper-slide {
  height: auto;
  display: flex;
}

@media (min-width: 576.8px) {
  .swiper_services .swiper-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
  .swiper_services .swiper-slide {
    flex: 1 1 45%;
  }

  .swiper_advantages .swiper-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
  .swiper_advantages .swiper-slide {
    flex: 1 1 45%;
  }
}

@media (min-width: 991.8px) {
  .swiper_services .swiper-slide {
    flex: 1 1 25%;
  }

  .swiper_advantages .swiper-slide {
    flex: 1 1 25%;
  }
}

@media (max-width: 576.8px) {
  .advantages {
    margin-top: 0;
  }
  .services_item .title {
    margin-top: 24px;
    font-size: 20px;
  }
  .advantages_item .title {
    font-size: 15px;
  }
  .services_item .description,
  .advantages_item .description {
    font-size: 14px;
  }
  .btn_services {
    width: 100%;
    line-height: 1;
  }
  .wrapper_btn_services {
    margin-top: 30px;
  }
  .advantages_item {
    padding-left: 16px;
    padding-right: 16px;
  }
  .swiper_services,
  .swiper_advantages {
    margin-top: 32px;
  }
}