h1, .title {
  font-family: "Geologica";
  font-size: 72px;
  font-weight: 700;
  line-height: 100%;
  color: rgb(7, 15, 57);
  letter-spacing: -1.44px;
}

h2 {
  font-family: "Geologica";
  font-size: 62px;
  font-weight: 700;
  line-height: 100%;
  color: rgb(7, 15, 57);
  letter-spacing: -1.24px;
}

h3 {
  font-family: "Geologica";
  font-size: 38px;
  font-weight: 400;
  line-height: 130%;
  color: rgb(7, 15, 57);
}

h3.white {
  font-family: "Geologica";
  font-size: 38px;
  font-weight: 400;
  line-height: 130%;
  color: rgb(255, 255, 255);
}

.text {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(57, 63, 97);
}

.whitetext {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(230, 231, 235);
}

.btn {
  z-index: 2;
  border-radius: 52px;
  background: rgb(250, 61, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding: 0px 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  cursor: pointer;
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(255, 255, 255);
}

.btn:hover,
.btn:focus {
  background-color: rgb(200, 49, 0);
}
section .container{
	border-bottom: 1px solid rgb(230, 231, 235);
	padding: 92px 0px;
	max-width: 1440px;
	width: 95%;
	margin: 0 auto;
}
header .container{
	border-bottom: 1px solid rgb(230, 231, 235);
	max-width: 1440px;
	width: 95%;
	margin: 0 auto;
}
.container{
	max-width: 1440px;
	width: 95%;
	margin: 0 auto;
}

.mobile__btn {
  display: none;
}

.orange {
  color: rgb(250, 61, 0);
}

.white {
  color: rgb(255, 255, 255);
}

.whitetext {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(230, 231, 235);
}

.btn {
  z-index: 2;
  border-radius: 52px;
  background: rgb(250, 61, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding: 0px 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  cursor: pointer;
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(255, 255, 255);
}

.btn:hover,
.btn:focus {
  background-color: rgb(200, 49, 0);
}


.mobile__btn {
  display: none;
}


* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Geologica";
}

a {
  text-decoration: none;
}

.header {
  background-color: rgb(255, 255, 255);
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.menu-header-container {
  width: 100%;
}
.menu-header-container .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 20px 0px 20px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.menu-header-container .menu-item {
  display: none;
  height: 38px;
  padding: 0px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.menu-header-container .menu-item a {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(7, 15, 57);
  text-decoration: none;
}
.menu-header-container .menu-item.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: auto;
}
.menu-header-container .menu-item:hover {
  border-radius: 52px;
  background-color: #E6E7EB;
}
.menu-header-container .menu-item:hover a {
  color: rgb(7, 15, 57);
}
.menu-header-container .menu-item.logo:hover {
  background-color: transparent;
}
.menu-header-container .current-menu-item {
  border-radius: 52px;
  background: rgb(250, 61, 0);
}
.menu-header-container .current-menu-item a {
  color: rgb(255, 255, 255);
}
.menu-header-container .menu-item-home {
  background: transparent;
  border-radius: 0;
}
.menu-header-container .menu-item-home a {
  color: rgb(7, 15, 57);
}

.lang__container {
	display: none;
  cursor: pointer;
  position: relative;
  width: 80px;
  height: 38px;
}
.lang__container .lang__output {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(250, 61, 0);
  position: relative;
  top: 7px;
  left: 16px;
}

.lang__container:hover {
  border-radius: 52px;
  background: #E6E7EB;
}

.langflags {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80px;
  position: absolute;
  right: 0;
  top: 49px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 0px 16px;
}
.langflags .lang-item {
  display: none;
}
.langflags .lang-item a {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.langflags .lang-item :hover {
  color: rgb(250, 61, 0);
}
.langflags .lang-item.current-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.langflags .lang-item.current-lang a {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(250, 61, 0);
}

.lang {
  position: absolute;
  top: 10px;
  right: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.lang__container.visible .langflags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  background: #393F61;
  padding: 8px;
}
.lang__container.visible .lang-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lang__container.visible .lang {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.services .sub-menu {
  display: none;
}

.services {
  position: relative;
  cursor: pointer;
}

.services::after {
  margin-left: 5px;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid rgb(7, 15, 57);
  border-left: 2px solid rgb(7, 15, 57);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}

.services.visible {
  position: relative;
}
.services.visible .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 4px;
  padding: 8px;
  background: rgb(7, 15, 57);
  width: 246px;
  position: absolute;
  top: 49px;
}
.services.visible .sub-menu .menu-item {
  border-radius: 0;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.services.visible .sub-menu .menu-item a {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(255, 255, 255);
}
.services.visible .sub-menu .menu-item:hover {
  background-color: transparent;
}
.services.visible .sub-menu .menu-item:hover a {
  color: rgb(250, 61, 0);
}

.menu-header-container .current-menu-parent:hover:after {
  border-color: rgb(7, 15, 57);
}

.menu-header-container .current-menu-parent:after {
  border-color: rgb(255, 255, 255);
}

.menu-header-container .current-menu-parent {
  background: rgb(250, 61, 0);
  border-radius: 52px;
}
.menu-header-container .current-menu-parent a {
  color: rgb(255, 255, 255);
}

.mobile__menu {
  display: none;
}

.mobile__logo {
  display: none;
}

.burger {
  display: none;
}
.burger .open {
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.menu-mobile-menu-container {
  display: none;
}

.headbanner {
  position: relative;
}

.banner__left {
  position: absolute;
  left: 0;
  bottom: -25px;
  z-index: -1;
}

.banner__right {
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1;
}

.banner {
  padding: 72px 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.banner h1 {
  z-index: 2;
}
.banner__text {
  z-index: 2;
  font-family: "Geologica";
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(57, 63, 97);
  max-width: 656px;
  text-align: center;
  padding: 0 50px;
  margin-bottom: 8px;
}

.orange {
  color: rgb(250, 61, 0);
}

.section__video {
  padding-top: 0;
  position: relative;
}
.section__video .video {
  max-width: 100%;
  width: 100%;
  position: relative;
  z-index: 2;
}
.section__video .video__img {
  border-radius: 20px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section__video::after {
  content: "";
  position: absolute;
  border-radius: 1248px;
  background: #FEECE5;
  -webkit-filter: blur(250px);
          filter: blur(250px);
  width: 100%;
  height: 505px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.block .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}
.block h2 {
  text-align: center;
  z-index: 2;
}
.block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 2;
}
.block__item {
  width: 100%;
  border-radius: 16px;
  background: rgb(57, 63, 97);
  -webkit-box-shadow: 0px 48px 64px -32px rgba(9, 27, 64, 0.29);
          box-shadow: 0px 48px 64px -32px rgba(9, 27, 64, 0.29);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.block__img {
  border-radius: 8px;
  background: rgb(7, 15, 57);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  padding: 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.block .text p {
  color: rgb(255, 255, 255);
}

.subtitle {
  font-family: "Geologica";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  color: rgb(255, 255, 255);
}

.service__block {
  background: url("./../img/logocenter.png");
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 638px 548px;
  position: relative;
}

.service__block::after {
  content: "";
  position: absolute;
  background: rgb(254, 236, 229);
  border-radius: 1248px;
  -webkit-filter: blur(250px);
          filter: blur(250px);
  left: -751px;
  bottom: -57px;
  width: 1248px;
  height: 505px;
}

.services__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  position: relative;
  z-index: 2;
}
.services__description {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.services__description .text p {
  margin-bottom: 14px;
}
.services__description .text p:last-child {
  margin-bottom: 0;
}
.services .btn {
  margin-top: 8px;
}
.services__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.services__item {
  border-radius: 16px;
  background: rgb(57, 63, 97);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.services__item .item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.services__item .item__top .skill {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(106, 111, 136);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding: 0px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 52px;
  border: 1px solid rgb(106, 111, 136);
}
.services__item:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 48px 64px -32px rgba(9, 27, 64, 0.29);
          box-shadow: 0px 48px 64px -32px rgba(9, 27, 64, 0.29);
}
.services__item:hover .arrow {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.work__wrapper h2 {
  text-align: center;
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
.work__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}
.work__item {
  border-radius: 16px;
  background: rgb(57, 63, 97);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: relative;
}
.work__item:nth-child(1) .work__num:nth-child(1) {
  width: 40px;
  height: 40px;
  background: rgb(250, 61, 0);
  color: rgb(255, 255, 255);
}
.work__item:nth-child(1) .work__description {
  font-size: 20px;
}
.work__item:nth-child(2) .work__num:nth-child(2) {
  width: 40px;
  height: 40px;
  background: rgb(250, 61, 0);
  color: rgb(255, 255, 255);
}
.work__item:nth-child(3) .work__num:nth-child(3) {
  width: 40px;
  height: 40px;
  background: rgb(250, 61, 0);
  color: rgb(255, 255, 255);
}
.work__item:nth-child(4) .work__num:nth-child(4) {
  width: 40px;
  height: 40px;
  background: rgb(250, 61, 0);
  color: rgb(255, 255, 255);
}
.work__item:nth-child(5) .work__num:nth-child(5) {
  width: 40px;
  height: 40px;
  background: rgb(250, 61, 0);
  color: rgb(255, 255, 255);
}
.work__item:nth-child(6) .work__num:nth-child(6) {
  width: 40px;
  height: 40px;
  background: rgb(250, 61, 0);
  color: rgb(255, 255, 255);
}
.work__item .work__num:nth-child(6)::after {
  content: none;
}
.work__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}
.work__num {
  border-radius: 52px;
  border: 1px solid rgb(106, 111, 136);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 4px 4px 3px 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: rgb(106, 111, 136);
  position: relative;
}
.work__num::after {
  content: "-";
  position: absolute;
  right: -11.5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: rgb(106, 111, 136);
}
.work__title {
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.work__description {
  max-width: 570px;
  font-family: "Geologica";
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(230, 231, 235);
  text-align: center;
}
.work__left {
  position: absolute;
  left: 0;
  top: 0;
}
.work__right {
  position: absolute;
  right: 0;
  top: 0;
}

.example h2 {
  margin-bottom: 64px;
}
.example h3 {
  margin-bottom: 20px;
}
.example__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.example__item {
  border-radius: 52px;
  border: 1px solid rgb(7, 15, 57);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding: 0px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(7, 15, 57);
  position: relative;
}
.example__item:first-child {
  padding-left: 32px;
}
.example__item:first-child::after {
  content: "";
  position: absolute;
  border-radius: 52px;
  background: #D700FA;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.example__block {
  margin-top: 28px;
  border-radius: 16px;
  background: rgb(7, 15, 57);
  width: 100%;
  padding: 184px 138px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.example__img {
  position: relative;
  top: -84px;
  width: 100%;
  max-width: 30%;
}
.example__img2 {
  width: 100%;
  max-width: 30%;
}
.example__img3 {
  position: relative;
  bottom: -84px;
  width: 100%;
  max-width: 30%;
}
.example__box {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.example__box-item {
  max-width: 48.9%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding: 0px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 52px;
  border: 1px solid rgb(7, 15, 57);
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(7, 15, 57);
  position: relative;
}
.box__item:first-child {
  padding-left: 32px;
}
.box__item:first-child::after {
  content: "";
  position: absolute;
  border-radius: 52px;
  background: rgb(250, 165, 0);
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.example__inner {
  width: 100%;
  border-radius: 16px;
  background: rgb(7, 15, 57);
  margin-top: 28px;
}
.example__inner .example__box-img {
  width: 100%;
  height: 100%;
}
.example .btn {
  margin: 64px auto 0;
  max-width: 174px;
}

.bannersecond__wrapper {
  padding: 170px 0;
  border-radius: 16px;
  background: url("./../img/bannersecond.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  overflow: hidden;
}
.bannersecond__wrapper .title {
  padding: 0 16px;
  text-align: center;
}
.bannersecond__wrapper .img__left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.bannersecond__wrapper .img__right {
  position: absolute;
  right: 0;
  top: 0;
}

.contacts {
  background-image: url("./../img/form.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.contacts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.contacts__title {
  font-family: "Geologica";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  color: rgb(7, 15, 57);
  margin-bottom: 8px;
}
.contacts__text p {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(7, 15, 57);
}
.contacts__text a {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(250, 61, 0);
  text-decoration-line: underline;
}
.contacts__descriptions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}
.contacts__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.contacts__form {
  width: 100%;
  border-radius: 16px;
  background: rgb(7, 15, 57);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.wpcf7.js {
  width: 100%;
}
.wpcf7.js .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.wpcf7.js .wpcf7-form br {
  display: none;
}
.wpcf7.js .form__title {
  font-family: "Geologica";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  color: rgb(255, 255, 255);
  text-align: center;
}
.wpcf7.js .wpcf7-form-control {
  width: 100%;
  border-radius: 8px;
  background: rgb(57, 63, 97);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border: none;
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(205, 207, 215);
}
.wpcf7.js .wpcf7-form-control::-webkit-input-placeholder {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(205, 207, 215);
}
.wpcf7.js .wpcf7-form-control::-moz-placeholder {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(205, 207, 215);
}
.wpcf7.js .wpcf7-form-control:-ms-input-placeholder {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(205, 207, 215);
}
.wpcf7.js .wpcf7-form-control::-ms-input-placeholder {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(205, 207, 215);
}
.wpcf7.js .wpcf7-form-control::placeholder {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(205, 207, 215);
}
.wpcf7.js .wpcf7-textarea {
  height: 123px;
  resize: none;
}
.wpcf7.js .form__block p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.wpcf7.js .wpcf7-submit {
  border-radius: 52px;
  background: rgb(250, 61, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding: 0px 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  cursor: pointer;
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(255, 255, 255);
}
.wpcf7.js .wpcf7-submit:hover,
.wpcf7.js .wpcf7-submit:focus {
  background-color: rgb(200, 49, 0);
}
.wpcf7.js .wpcf7-spinner {
  display: none;
}

.modal__form {
  width: 100%;
  border-radius: 16px;
  background: rgb(7, 15, 57);
  display: none;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 660px;
  z-index: 101;
}
.modal__form .close__modal {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 2;
}

.modal__form.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blur {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  z-index: 100;
}

.wpcf7-response-output {
  display: none;
}

.thanks {
  width: 100%;
  border-radius: 16px;
  background: rgb(7, 15, 57);
  display: none;
  padding: 131.5px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 660px;
  z-index: 101;
}
.thanks__content {
  text-align: center;
}
.thanks__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  padding: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  background: rgb(57, 63, 97);
}
.thanks__text {
  font-family: "Geologica";
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(255, 255, 255);
  text-align: center;
  margin-top: 8px;
}
.thanks .remove {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}

.thanks.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.work__picture {
  width: 100%;
}

.footer {
  margin-top: 92px;
}
.footer .mobile {
  display: none;
}
.footer__box {
  border-radius: 16px 16px 0px 0px;
  padding: 48px;
  background: url("./../img/footerlogo.png") rgb(6, 12, 46);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 155px;
}
.footer__politic {
  font-family: "Geologica";
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  color: rgb(57, 63, 97);
}
.footer__menu {
  max-width: 40%;
  width: 100%;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}
.footer__menu div {
  max-width: 49%;
  width: 100%;
}
.footer__menu ul {
  list-style: none;
}
.footer__menu ul li {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(57, 63, 97);
}
.footer__menu ul li a {
  padding: 5.5px 16px;
}
.footer__menu .sub-menu li a {
  padding: 5.5px 16px;
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: rgb(255, 255, 255);
}
.footer .container {
  max-width: 100%;
}
.footer .menu-item {
  display: none;
}
.work__picture{
	width: 100%;
}
.breadcrumbs{
	margin-top: 24px;
	color: #B5B7C4;
	font-family: "Geologica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.breadcrumbs span{
	color: #B5B7C4;
	font-family: "Geologica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.breadcrumbs .current-item{
	color: #070F39;
}
.order__item{
	width: 105px;
	border-radius: 52px;
	border: 1px solid #6A6F88;
	display: flex;
	justify-content: flex-start;
	height: 32px;
	padding: 0px 12px 0 32px;
	align-items: center;
	gap: 8px;
	color: #6A6F88;
	font-family: "Geologica";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	position: relative;
	margin-bottom: 20px;
}
.order__item::after{
	 content: "";
	position: absolute;
	border-radius: 52px;
	background: rgb(250, 165, 0);
	left: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	width: 12px;
	height: 12px;
}
.joint{
	color: #393F61;
	margin-top: 20px;
	font-family: "Geologica";
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
}
.link__site{
	color: #FA3D00;
	margin-top: 28px;
	font-family: "Geologica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
	border-bottom: 1px solid #FA3D00;
	width: 100%;
	max-width: 156px;
}
.site__img{
	margin-top: 64px;
	margin-bottom: 64px;
	width: 100%;
	border-radius: 8px;
}
.grid{
	display: flex;
	gap: 20px;
	margin-bottom: 64px;
}
.column{
	border-radius: 16px;
	display: flex;
	width: 100%;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.column.light{
	border: 1px solid #E6E7EB;
}
.column.blue{
	background: #3A3F61;
}
.column.blue h3{
	color: #FFF;
}
.column.blue p{
	color: #FFF;
}
.column p{
	color: #393F61;
	font-family: "Geologica";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
}
.result{
	border-radius: 16px;
	background: #060C2E;
	display: flex;
	padding: 32px;
}
.result__item{
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	max-width: 33%;
	padding-right: 28px;
	position: relative;
}
.result__item::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: #393F61;
}
.result__item:nth-child(2){
	padding-left: 28px;
}
.result__time{
	padding-left: 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: 33%;
}
.result__item h3,
.result__time h3{
	color: #FFF;
	font-family: "Geologica";
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; 
}
.result__item ul{
	padding-inline-start: 20px
}
.result__item li{
	color: #E6E7EB;
	font-family: "Geologica";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%; 
}
.result__time p{
	border-radius: 52px;
	border: 1px solid #CDCFD7;
	display: flex;
	height: 32px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #CDCFD7;
	font-family: "Geologica";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.dev__item{
	display: flex;
	gap: 48px;
	align-items: center;
}
.dev{
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.dev__picture{
	width: 100%;
	max-width: 70%;
	border-radius: 8px;
}
.dev__box{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.dev__amount{
	border-radius: 52px;
	border: 1px solid  #6A6F88;
	display: flex;
	height: 32px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #6A6F88;
	font-family: "Geologica";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 16px;
}
.dev__description {
	margin-top: 8px;
}
.dev__description p{
	margin-bottom: 21px;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	color: #393F61;
}
.dev__description p:last-child{
	margin-bottom: 0;
}
.dev__description ul{
	padding-inline-start: 20px;
}
.dev__description li{
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	color:  #393F61;
}
.desing{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.swiper {
   width: 100%;
   height: 100%;
	position: relative;
}
.swiper-wrapper{
	background: rgba(7, 15, 57, 1);
	border-radius: 16px;	
}
.swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
}
.swiper__img{
	width: 100%;
}
.swiper-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 12px auto 0;
}
.swiper-pagination-bullet{
	border-radius: 52px;
	background: #FED8CC;
	width: 8px;
	height: 8px;
	display: block;
	cursor: pointer;
}
.swiper-pagination-bullet-active{
	background: #FA3D00;
}
.swiper-button-next{
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	position: absolute;
	right: 16px;
	z-index: 2;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 52px;
	background: rgba(255, 255, 255, 0.72);
}
.swiper-button-prev{
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	position: absolute;
	left: 16px;
	z-index: 2;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 52px;
	background: rgba(255, 255, 255, 0.72);
}
.swiper-button-disabled{
	cursor: auto;
}
.desing__img{
	border-radius: 16px;
	background: #070F39;
	display: flex;
	padding: 93px 130px 92px 131px;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 48px;
}
.desing__text{
	margin:48px auto 64px;
	max-width: 900px;
}
.desing__text p{
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 24px;
	color: #393F61;
}
.desing__text p:last-child{
	margin-bottom: 0;
}
.desing__picture{
	width: 100%;
	border-radius: 8px;
}
.result__work{
	margin-top: 64px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.result__work .block__list{
	margin-top: 48px;
}
.result__work .block__list .block__item{
	gap: 22px;
}
.result__work .block__list .subtitle{
	height: 68px;
}
.section__services{
	position: relative;
	padding-top: 92px;
}
.section__services .container{
	border: none;
	padding: 0 0 64px;
}
.section__services h1{
	margin-bottom: 20px;
}
.section__services .description{
	max-width: 887px;
	position: relative;
	z-index: 2;
}
.description p{
	margin-bottom: 20px;
	color: #393F61;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%; 
}
.description p:last-child{
	margin-bottom: 0;
}
.section__services .btn{
	margin-top: 28px;
}
.bg{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.services__block h3{
	margin-bottom: 48px;
}
.section__blue{
	background: #060C2E;
}
.task{
	border-radius: 52px;
	border: 1px solid #6A6F88;
	display: flex;
	height: 32px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #6A6F88;
	font-family: "Geologica";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 16px;
}
.section__blue h2{
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.84px;
	margin-bottom: 16px;
}
.section__blue .whitetext{
	margin-bottom: 28px;
}
.stages{
	display: flex;
	gap: 28px;
}
.stages__list{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 16px;
}
.stage__item{
	border-radius: 52px;
	border: 1px solid #FDC5B2;
	display: flex;
	width: 32px;
	height: 32px;
	padding: 4px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	color: #FDC5B2;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	position: relative;
	cursor: pointer;
}
.stage__item::after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -12px;
	width: 1px;
	height: 8px;
	background: #FDC5B2;
}
.stage__item:last-child::after{
	content: none;
}
.stage__input{
	display: none;
}
.stage__input:checked + .stage__item{
	border-radius: 52px;
	background: #FA3D00;
	display: flex;
	width: 40px;
	height: 40px;
	padding: 4px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	color:  #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	border: none;
}
.stage__inner{
	display: none;
	gap: 64px;
	align-items: flex-start;
}
.stage__box{
	border-radius: 16px;
	background: #393F61;
	display: flex;
	max-width: 433px;
	width: 100%;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.stage__number{
	color: #6A6F88;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}
.stage__exposition p{
	color: #070F39;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 20px;
}
.stage__exposition p:last-child{
	margin-bottom: 0;
}
.stage__inner.active{
	display: flex;
}
.type{
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.type h2{
	text-align: center;
}
.type__list{
	border-radius: 16px;
	background: #060C2E;
	display: flex;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}
.type__item{
	border-top: 1px solid rgba(106, 111, 136, 0.25);
	display: flex;
	padding: 28px 0px;
	align-items: center;
	gap: 32px;
	justify-content: space-between;
	width: 100%;
}
.type__item:last-child{
	border-bottom: 1px solid rgba(106, 111, 136, 0.25);
}
.type__block{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}
.type__price{
	color: #FA3D00;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
}
.type__term{
	border-radius: 52px;
	border: 1px solid #FFF;
	display: flex;
	height: 32px;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.start__form{
	padding: 64px;
	border-radius: 16px;
	background: url('./../img/formbg.webp');
	background-size: cover;
	position: relative;
}
.start__form .wpcf7.js{
	max-width: 54%;
}
.form__img{
	width: 100%;
    max-width: 46%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.form__head{
	color: #FFF;
	font-size: 74px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -2.96px;
}
.form__box{
	display: flex;
	gap: 20px;
}
.form__subtitle{
	color: #6A6F88;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 20.8px */
}
.form__radio .wpcf7-form-control-wrap .wpcf7-form-control{
	background: transparent;
	padding: 0;
	height: 100%;
}
.wpcf7-radio{
	display: flex;
	flex-wrap: wrap;
}
.wpcf7-radio .wpcf7-list-item{
	margin: 0;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	max-width: 49%;
	width: 100%;
}
.wpcf7-radio input[type="radio"]{
	position: relative;
}
.wpcf7-radio input[type="radio"]::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px;
	background: url('./../img/radio-buttonr.png') rgb(6, 12, 46);
}
.wpcf7-radio input[type="radio"]:checked::before{
	background: url('./../img/radio-buttonorange.png') rgb(6, 12, 46);
}
.start__form .wpcf7-submit{
	max-width: 220px;
	width: 100%;
}
.thanks__form{
	padding: 64px;
	border-radius: 16px;
	background: url('./../img/formbg.webp');
	background-size: cover;
	position: relative;
	min-height: 620px;
	display: none;
	align-items: center;
}
.thanks__box{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	max-width: 50%;
	width: 100%;
}
.thanks__box .thanks__text{
	font-size: 20px;
	margin: 0;
}
.thanks__form.active{
	display: flex;
	position: fixed;
   top: 50%;
   left: 50%;
	transform: translate(-50%, -50%);
	z-index: 101;
	width: 100%;
	max-width: 95%;
}
.promotion .type__item{
	justify-content: flex-start;
	gap: 0;
}
.promotion__input{
	display: none;
}
.promotion__label{
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	padding-left: 22px;
	position: relative;
}
.promotion__label::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
   transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url('./../img/radio-buttonr.png');
}
.promotion__input:checked + .promotion__label::before{
	background: url('./../img/radio-buttonorange.png');
}
.promotion h2{
	text-align: center;
	margin-bottom: 20px;
}
.promotion .promotion__text{
	color: #393F61;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
}
.promotion .type__list{
	box-shadow: 0px 48px 64px -32px rgba(9, 27, 64, 0.29);
	margin-top: 64px;
	margin-bottom: 48px;
}
.promotion .btn{
	margin: 0 auto;
}

@media screen and (max-width: 1200px) {
	.result__work .block__list .subtitle{
		height: 100%;
	}
  .menu-header-container .menu-item {
    padding: 0 12px;
  }
  .example__box-item h3 {
    font-size: 32px;
  }
  .service__block::after {
    content: none;
  }
  .bg{
	display: none;
  }
  .section__services .description{
	max-width: 100%;
  }
  .dev__item{
	flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .header__menu {
    padding: 20px 50px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
  .menu-header-container {
    display: none;
  }
  .mobile__logo {
    display: block;
	 margin: 0 auto;
  }
  .mobile__menu {
    display: block;
  }
  .mobile__menu .burger {
    height: 50px;
  }
  .mobile__menu .burger.active .close {
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .mobile__menu .burger.active .open {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .mobile__menu.active .menu-mobile-menu-container {
    background-color: rgb(255, 255, 255);
    border-radius: 0 0 24px 24px;
    position: absolute;
    top: 92.8px;
    left: 0;
    display: block;
    width: 100%;
    z-index: 10;
  }
  .mobile__menu.active .menu-mobile-menu-container .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    list-style: none;
    padding: 24px 16px;
  }
  .mobile__menu.active .menu-mobile-menu-container .menu .mobile__services a {
    font-family: "Geologica";
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: rgb(57, 63, 97);
  }
  .mobile__menu.active .menu-mobile-menu-container .menu .mobile__services .sub-menu {
    list-style: none;
  }
  .mobile__menu.active .menu-mobile-menu-container .menu .mobile__services .sub-menu a {
    font-family: "Geologica";
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: rgb(7, 15, 57);
    padding: 5.5px 0;
  }
  .example__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .example__box-item {
    max-width: 100%;
  }
  .work__left,
  .work__right,
  .img__left,
  .img__right {
    display: none;
  }
  .example__box-img {
    position: relative;
    bottom: -5px;
  }
  .lang__container {
    margin-left: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  h1, .title {
    font-size: 62px;
  }
  .block__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .example__block {
    padding: 54px 32px;
  }
  .example__img {
    top: -22px;
  }
  .example__img3 {
    bottom: -22px;
  }
  .work__item {
    padding: 32px;
  }
  .footer__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 48px 16px;
  }
  .footer__menu ul li a,
  .footer__menu .sub-menu li a {
    padding: 5.5px 0;
  }
  .footer__menu {
    margin-top: 32px;
    max-width: 100%;
  }
  .footer__menu div {
    max-width: 100%;
  }
  .footer__politic {
    display: none;
  }
  .footer .mobile {
    margin-top: 32px;
    display: block;
  }
  section .container{
		padding: 72px 16px;
		width: 100%;
  }
  .section__services{
	padding-top: 0;
  }
  .section__services .container{
	padding: 72px 16px 0;
	width: 100%;
  }
  .services__block{
	padding-bottom: 72px;
  }
  .dev__item .btn{
	max-width: 100%;
	width: 100%;
  }
  header .container{
	padding: 0 16px;
	width: 100%;
  }
  .grid{
	flex-direction: column;
  }
  .result{
	flex-direction: column;
  }
  .result__item{
	max-width: 100%;	
	padding-right: 0;
	padding: 28px 0;
  }
  .result__item:first-child{
	padding-top: 0;
  }
  .result__time{
	max-width: 100%;	
	padding-right: 0;
  }
  .result__item:nth-child(2),
  .result__time{
	padding-left: 0;
  }
  .result__time{
	padding-top: 28px;
  }
  .desing__img{
	padding: 30px 33px;
  }
  .result__item::after{
		width: 100%;
    	height: 1px;
		top: auto;
  }
  .dev__item{
	  flex-direction: column-reverse;
	  align-items: flex-start;
	  gap: 32px
	}
	.dev__item:nth-child(2){
		flex-direction: column;
	}
	.dev__picture{
		max-width: 100%;
	}
	.dev{
		gap: 48px;
	}
	.swiper-button-prev {
		left: 0px;
	}
	.swiper-button-next{
		right: 0px;
	}
	.site__img{
		margin: 48px 0;
	}
	.section__blue .dev__picture{
		display: none;
	}
	.stages{
		flex-direction: column;
	}
	.stages__list{
		flex-direction: row;
		margin: 0 auto;
	}
	.stage__item::after{
		right: -16px;
		left: auto;
		bottom: auto;
		width: 8px;
    	height: 1px;
	}
	.stage__box{
		padding: 0;
	}
	.stage__inner{
		flex-direction: column;
		border-radius: 16px;
		background: #393F61;
		padding: 24px;
		gap: 8px;
	}
	.stage__exposition p{
		color: #E6E7EB;
	}
	.start__form,
	.thanks__form{
		padding: 16px;
		min-height: auto;
	}
	.start__form .wpcf7.js,
	.thanks__box{
		max-width: 100%;
	}
	.form__box{
		flex-direction: column;
	}
	.form__img{
		display: none;
	}
	.wpcf7-radio .wpcf7-list-item{
		max-width: 100%;
	}
	.start__form .wpcf7-submit{
		max-width: 100%;
	}
	.btn{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.form__block label{
		width: 100%;
	}
  .banner__right {
    display: none;
  }
  .banner__left {
    opacity: 0.1;
    width: 100%;
  }
  h1 {
    font-size: 50px;
  }
  .bannersecond__wrapper {
    padding: 158px 0;
    gap: 61px;
    background: url("./../img/bannersecondmobile.webp");
  }
  .bannersecond .title {
    font-size: 42px;
  }
  h2 {
    font-family: "Geologica";
    font-size: 42px;
    font-weight: 700;
    line-height: 100%;
    color: rgb(7, 15, 57);
    letter-spacing: -0.84px;
  }
  .section__blue h2, .form__head{
	font-size: 36px;
  }
  h3 {
    font-size: 30px;
  }
  .banner h1 {
    text-align: center;
  }
  .container {
    padding: 0 16px;
  }
  .section__video .container {
    padding: 0;
  }
  .section__video .container .video__img {
    border-radius: 0;
  }
  .service__block {
    background-position-y: 134px;
  }
  .services__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .services__description .btn {
    display: none;
  }
  .mobile__btn {
    display: block;
  }
  .work__item {
    height: auto;
  }
  .work__description {
    text-align: left;
  }
  .bannersecond .container {
    padding: 0;
  }
  .contacts__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contacts {
    background-image: url("./../img/mobileform.webp");
    background-size: 60% 60%;
    background-position: center right;
  }
  .footer__box {
    background-image: url("./../img/footermobile.webp");
    background-position: right 18px;
    background-size: 60%;
  }
  .form__block p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer {
    margin-top: 72px;
  }
  .footer .container {
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  .header__menu {
    padding: 20px 15px;
  }
  .mobile__btn {
    max-width: 100%;
    width: 100%;
  }
  .example .btn {
    max-width: 100%;
  }
  .type h2{
	text-align: left;
  }
  .type__item{
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
  }
  .type__block{
	align-items: flex-start;
	gap: 16px;
  }
}