@import url(assets/images/icon/icon.css);
/* ======================================== Глабальные стили  Start===================================== */
.combine-links-nexa {
  padding: 20px;
}
.combine-links-nexa ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 50px 0;
}
.combine-links-nexa ul a {
  font-size: 20px;
  color: white;
  line-height: 120%;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
iframe,
ol,
ul,
li,
form,
label,
i,
footer,
header,
menu,
nav,
a,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
video,
canvas,
section,
applet,
object,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
hgroup,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
dl,
dt,
dd,
fieldset,
legend,
article,
aside,
details,
embed,
figure,
figcaption,
output,
section,
summary,
time,
mark,
audio,
center,
ruby {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
label {
  display: block;
}
html {
  scroll-behavior: smooth;
}
strong {
  font-weight: 600;
}
ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  outline: none;
  box-sizing: border-box;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a {
  display: inline-block;
  text-decoration: none;
  font: inherit;
}

button {
  cursor: pointer;
  position: relative;
}

input,
button,
select,
textarea {
  display: inline-block;
  padding: 0;
  border: 0;
  font: inherit;
}

img {
  max-width: 100%;
  max-height: 100%;
}
html,
body {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  font-family: "Inter", sans-serif;
  background: #121417;
}
.G-flex {
  display: flex;
}
.G-inline-flex {
  display: inline-flex;
}
.G-center {
  justify-content: center;
  align-items: center;
  display: flex;
}
.G-column-center {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.G-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.G-justify-center {
  justify-content: center;
  display: flex;
}
.G-justify-between {
  justify-content: space-between;
  display: flex;
}
.G-justify-around {
  justify-content: space-around;
  display: flex;
}
.G-justify-end {
  justify-content: flex-end;
  display: flex;
}
.G-justify-start {
  justify-content: flex-start;
  display: flex;
}
.G-align-center {
  align-items: center;
  display: flex;
}
.G-align-start {
  align-items: flex-start;
  display: flex;
}
.G-align-end {
  align-items: flex-end;
  display: flex;
}
.G-flex-column {
  flex-direction: column;
  display: flex;
}
.G-flex-wrap {
  flex-wrap: wrap;
  display: flex;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
main {
  flex: 1 1 auto;
}
.container {
  max-width: 1188px;
  width: 100%;
  padding: 0 14px;
  margin: 0 auto;
}
.container-big {
  max-width: 1248px;
  width: 100%;
  padding: 0 14px;
  margin: 0 auto;
}
.text-wrap {
  display: block;
}
.desktop-text-wrap {
  display: block;
}
.mobile-block {
  display: none;
}
.black-btn {
  gap: 12px;
  padding: 4px 23px 4px 7px;
  border-radius: 6px;
  display: flex;
  height: 52px;
  background: #242528;
  align-items: center;
  transition: 0.4s;
}
.black-btn:hover {
  background: #2d2e31;
}
.black-btn:hover .black-btn-bg {
  background: #454649;
}
.black-btn:hover .black-btn-bg i {
  background: #dce8ff;
}
.black-btn:hover .black-btn-text {
  color: #dce8ff;
}
.black-btn-bg {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 4px;
  background: #ffffff0a;
  transition: 0.4s;
}
.dark-black-btn {
  background: #1b1c1f;
}
.dark-black-btn .black-btn-bg {
  background: #2d2e30;
}
.dark-black-btn .black-btn-bg i {
  font-size: 22px;
}
.icon-stars {
  font-size: 20px;
  background: #dce8ff;
  transition: 0.4s;
}
.black-btn-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #dce8ff;
  white-space: nowrap;
  transition: 0.4s;
}
.menu-list-link {
  transition: 0.4s;
}
.menu-list-link:hover {
  opacity: 0.7;
}

.swiper-pagination {
  display: flex;
  position: initial !important;
  margin-top: 11px;
  align-items: center;
  justify-content: center;
  gap: 8px !important;
}
.swiper-pagination-bullet {
  width: 6px !important;
  height: 6px !important;
  background: #fafdff !important;
  opacity: 0.2 !important;
  margin: 0 !important;
  border-radius: 50% !important;
}
.swiper-pagination-bullet-active {
  width: 8px !important;
  height: 8px !important;
  background: #dce8ff !important;
  opacity: 1 !important;
  border-radius: 50% !important;
}

.white-btn {
  gap: 12px;
  padding: 4px 23px 4px 7px;
  border-radius: 6px;
  display: flex;
  height: 52px;
  background: #dce8ff;
  align-items: center;
  transition: 0.4s;
}
.white-btn-bg {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 4px;
  transition: 0.4s;

  background: #ffffff80;
}
.white-btn .icon-stars {
  font-size: 20px;
  background: #121417;
  transition: 0.4s;
}
.white-btn-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #121417;
  transition: 0.4s;
  white-space: nowrap;
}
.white-btn:hover {
  background: #2d2e31;
}
.white-btn:hover .white-btn-bg {
  background: #454649;
}
.white-btn:hover .icon-stars {
  background: #dce8ff;
}
.white-btn:hover .white-btn-text {
  color: #dce8ff;
}
.white-btn-check {
  gap: 12px;
  padding: 11px;
  border-radius: 6px;
  height: 40px;
  background: #dce8ff;
  align-items: center;
  width: 100%;
  justify-content: center;
  max-width: 288px;
}
.icon-check {
  background: #1b1c1f;
  font-size: 15px;
}
.white-check-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #1b1c1f;
}

.section {
  margin-top: 120px;
}
.section-big {
  margin-top: 140px;
}
.section-titles h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  color: #fafdff;
}
.section-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #fafdff;
  margin-top: 12px;
  opacity: 0.6;
}
.section-big-titles h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  text-align: center;
  color: #fafdff;
}
.section-big-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #fafdff;
  margin-top: 16px;
  color: #a6afbf;
}

.section-clue {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  text-align: center;
  display: block;
  max-width: max-content;
  position: relative;
  padding: 0 0 12px 0;
  margin-left: 12px;
}
.section-clue::after {
  background: #dce8ff;
  content: "";
  box-shadow: 0px 0px 18px 3px #dce8ff66;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -16px;
  position: absolute;
  top: 7px;
}
.section-tag {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  text-align: center;
  display: block;
  max-width: max-content;
  position: relative;
  padding: 0 0 12px 0;
  margin: 0 auto;
}
.block-cnt {
  margin-top: 40px;
}
.block-cnt-big {
  margin-top: 48px;
}
.block-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #fafdff;
}
.block-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #fafdff;
  opacity: 0.6;
  margin-top: 10px;
}
.j-text-primary {
  color: #dce8ff;
}
.text-primary {
  color: #dce8ff;
}
.block-big-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
  margin-top: 10px;
}
.block-big-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #fafdff;
}

.fade-left,
.fade-right,
.fade-top,
.fade-bottom {
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition-property: transform, opacity;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}
.fade-left {
  transform: translateX(-60px);
}
.fade-right {
  transform: translateX(60px);
}
.fade-top {
  transform: translateY(-60px);
}
.fade-bottom {
  transform: translateY(60px);
}
.show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* HEADER STYLE START*/

header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 10px;
  z-index: 10;
  transition: 0.4s;
}
.header.muved {
  top: 5px;
}
.header-body {
  justify-content: space-between;
  align-items: center;
  background: #1b1c1f;
  border-radius: 12px;
  padding: 10px;
  background: #1b1c1f;
  z-index: 2;
  position: relative;
}
.header-logo {
  margin-left: 8px;
}
.header-body::after {
  content: "";
  backdrop-filter: blur(16px);
  -webkit-filter: blur(16px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 12px;
}
.header-actions {
  gap: 12px;
}
.btn-login {
  gap: 8px;
  padding: 4px 20px 4px 4px;
  background: #242528;
  border-radius: 6px;
  height: 44px;
  transition: 0.4s;
}
.login-btn-bg {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 4px;
  background: #2d2e30;
  transition: 0.4s;
}
.icon-person {
  font-size: 15px;
  background: #dce8ff;
  transition: 0.4s;
}
.login-btn-text {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #dce8ff;
  transition: 0.4s;
}
.btn-login:hover {
  background: #2d2e31;
}
.btn-login:hover .login-btn-bg {
  background: #454649;
}
.btn-login:hover .login-btn-bg i {
  background: #dce8ff;
}
.btn-login:hover .login-btn-text {
  color: #dce8ff;
}
.btn-register {
  gap: 8px;
  padding: 4px 20px 4px 4px;
  background: #dce8ff;
  border-radius: 6px;
  height: 44px;
  transition: 0.4s;
}
.register-btn-bg {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 4px;
  background: #ffffff80;
  transition: 0.4s;
}
.icon-person-edit {
  font-size: 16px;
  background: #121417;
  transition: 0.4s;
}
.register-btn-text {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #121417;
  transition: 0.4s;
}
.btn-register:hover {
  background: #2d2e31;
}
.btn-register:hover .register-btn-bg {
  background: #454649;
}
.btn-register:hover .register-btn-bg i {
  background: #dce8ff;
}
.btn-register:hover .register-btn-text {
  color: #dce8ff;
}
.menu ul {
  gap: 30px;
  display: flex;
  align-items: center;
}
.menu ul li a {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #dce8ff;
}
.burger-bg {
  display: none;
}
.menu-mobile-actions {
  display: none;
}
.menu-bg {
  display: none;
}

/* HEADER STYLE end*/

/* Reviews STYLE START*/

.reviews-section {
  margin-top: 96px;
  position: relative;
  z-index: 2;
}
.j-reviews-section {
  position: relative;
  z-index: 2;
}
.a-reviews-swiper {
  max-height: 484px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.b-reviews-swiper{
  max-height: 488px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.b-reviews-section .reviews-left-item{
  min-height: 488px;
}
.c-reviews-swiper {
  max-height: 456px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.d-reviews-swiper {
  max-height: 488px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.f-reviews-swiper {
  max-height: 488px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.g-reviews-swiper {
  max-height: 488px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.h-reviews-swiper {
  max-height: 488px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.i-reviews-swiper {
  max-height: 488px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.k-reviews-swiper {
  max-height: 449px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.l-reviews-swiper {
  max-height: 449px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.m-reviews-swiper {
  max-height: 449px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.n-reviews-swiper {
  max-height: 449px;
  max-width: 764px;
  width: 100%;
  position: relative;
}
.i-reviews-section .reviews-left-item {
  min-height: 488px;
}
.reviews-swiper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 180px;
  width: 1000px;
  background-image: url("/assets/images/blur.png");
  z-index: 2;
}
.reviews-swiper::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 180px;
  width: 1000px;
  background-image: url("/assets/images/blur2.png");
  z-index: 2;
}

.f-reviews-section .reviews-swiper::after {
  background-image: url("/assets/images/blur.png");
}
.f-reviews-section .reviews-swiper::before {
  background-image: url("/assets/images/blur2.png");
}
.j-reviews-left-item {
  max-width: 386px;
  width: 100%;
  height: max-content;
  position: relative;
  min-height: 470px;
  border-radius: 20px;
  background: #1b1c1f;
  box-shadow: 0px 0px 16px 0px #00000029;
  border: 1px solid #c2ccf61f;
  overflow: hidden;
}

.reviews-left-item {
  max-width: 386px;
  width: 100%;
  height: max-content;
  position: relative;
  border-radius: 20px;
  background: #1b1c1f;
  box-shadow: 0px 0px 16px 0px #00000029;
  border: 1px solid #c2ccf61f;
  overflow: hidden;
}
.d-reviews-left-item {
  min-height: 488px;
}
.reviews-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(
          105.61deg,
          rgba(255, 255, 255, 0.04) 0%,
          rgba(255, 255, 255, 0) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-shadow: 0px 0px 16px 0px rgba(99, 86, 254, 0.08);
  transition: 0.3s;
}
.reviews-left-info {
  padding: 20px 20px 25px 20px;
}
.reviews-author h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #fafdff;
}
.reviews-author p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
  color: #fafdff;

  opacity: 0.6;
}
.reviews-box {
  width: 100%;
  gap: 10px;
}
.reviews-left-img img {
  border-radius: 12px;
  width: 100%;
  object-fit: cover;
  height: auto;
}
.reviews-item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #fafdff;
  opacity: 0.8;
  margin-top: 10px;
}
.reviews-item-img {
  flex: 0 0 124px;
  height: 124px;
}
.a-reviews-item {
  gap: 24px;
  background: #1b1c1f;
  border: 1px solid #c2ccf61f;
  box-shadow: 0px 0px 16px 0px #00000029;
  border-radius: 16px;
  padding: 16px;
}
.face-reviews-item {
  gap: 24px;
  background: #1b1c1f;
  border: 1px solid #c2ccf61f;
  box-shadow: 0px 0px 16px 0px #00000029;
  border-radius: 16px;
  padding: 16px;
}

.face-reviews-left-img img {
  object-fit: cover;
  border-radius: 12px;
}
.reviews-item-img img {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.reviews-pagination {
  display: none;
}
.reviews-mobile-item {
  display: none !important;
}

/* Reviews STYLE END*/

/* FAQ STYLE START*/

.faq-items {
  gap: 10px;
}
.another-color-faq .faq-item {
  box-shadow: 0px 0px 12px 0px #0000001f;
  background: #1b1c1f;
}
.another-color-faq .faq-item-icon {
  box-shadow: 0px 0px 12px 0px #0000001f;
  background: #1b1c1f;
}
.another-color-faq .faq-sub-text {
  color: #a6afbf;
  opacity: 0.6;
}
.faq-item {
  background: #1b1c1f;
  border-radius: 10px;
  box-shadow: 0px 0px 12px 0px #0000001f;
  padding: 10px 10px 10px 16px;
  cursor: pointer;
}
.faq-item-header {
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.faq-item-header.open i {
  transform: rotate(180deg);
}
.faq-item-header h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #fafdff;
}
.faq-item-icon {
  width: 40px;
  height: 40px;
  background: #2e2d2f;
  flex: 0 0 40px;
  border-radius: 6px;
}
.icon-arrow {
  font-size: 10px;
  background: #fafdff;
  transition: 0.4s;
}
.faq-sub-text {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  opacity: 0.6;
}
.submenu {
  display: none;
}

/* FAQ STYLE END*/

/* Footer STYLE START*/

footer {
  margin-top: 80px;
}
.footer-body {
  padding: 53px 0 80px 0;
  position: relative;
  z-index: 2;
}
.footer-blur {
  position: absolute;
  left: 0;
  top: 0;
}
.footer-blur img {
  height: 700px;
}
.footer-logo {
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.footer-logo img {
  max-width: 705px;
  width: 100%;
  height: auto;
}
.footer-cnt {
  margin-top: 33px;
  position: relative;
  z-index: 2;
  min-height: 316px;
  background: #121316;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 53px 36px;
  overflow: hidden;
}
.footer-grid {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.footer-grid picture {
  width: 100%;
  height: 100%;
}
.footer-grid img {
  width: 100%;
  height: 100%;
}

.footer-btn {
  margin: 0 auto;
  max-width: max-content;
}
.footer-menu {
  margin: 105px auto 0;
}
.footer-menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-menu ul li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #fafdff;
}
.footer-policy {
  margin: 12px auto 0;
}

.footer-policy ul {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}
.footer-policy ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #fafdff;
  opacity: 0.6;
  transition: 0.4s;
}
.footer-policy ul li a:hover {
  opacity: 0.9;
}
.footer-text {
  margin: 5px auto 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #fafdff;
  text-align: center;
  opacity: 0.6;
}

/* Footer STYLE END*/

/* ======================================== Глабальные стили  END===================================== */

/* ======================================== Стили   для  лэндинга  Увеличить разрешение фото   Start===================================== */

.a-why-twentytwenty-wrapper .a-twentytwenty-container {
  min-height: 420px;
}
.a-why-twentytwenty-wrapper img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
.a-twentytwenty-picture .twentytwenty-handle {
  width: 40px !important;
  height: 40px !important;
  background: #1b1c1f !important;

  border: 2px solid #404040 !important;
  border-radius: 50% !important;
}
.a-twentytwenty-picture .twentytwenty-handle:before {
  background: #404040 !important;
  width: 2px !important;
  box-shadow: unset !important;
  bottom: 45% !important;
}
.a-twentytwenty-picture .twentytwenty-handle:after {
  background: #404040 !important;
  width: 2px !important;
  box-shadow: unset !important;
  top: 45% !important;
}
.a-twentytwenty-picture .twentytwenty-left-arrow {
  border: none !important;
  background-image: url("/assets/images/arrowRight.svg") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 5px !important;
  height: 8px !important;
  left: 60% !important;
  top: 38% !important;
  margin-top: 0 !important;
  margin-left: -15px !important;
}
.a-twentytwenty-picture .twentytwenty-right-arrow {
  border: none !important;
  background-image: url("/assets/images/arrowRight.svg") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: rotate(180deg);
  width: 5px !important;
  height: 8px !important;
  right: 60% !important;
  top: 38% !important;
  margin-top: 0 !important;
  margin-left: -15px !important;
}
.twentytwenty-after-label:before {
  display: none !important;
}
.twentytwenty-before-label:before {
  display: none !important;
}
.twentytwenty-overlay:hover {
  background: unset !important;
}
.a-twentytwenty-container {
  position: relative;
  display: block !important;
  overflow: hidden;
  width: 100%;
}
.a-twentytwenty-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.a-hero-section {
  position: relative;
  padding: 149px 0 0;
  overflow: hidden;
}
.a-hero-slider {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 136px auto 0;
}
.a-hero-body {
  position: relative;
  z-index: 3;
}
.a-hero-titles {
  max-width: 645px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 0 14px;
}
.a-hero-grid {
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  min-width: max-content;
}
.a-hero-blur {
  position: absolute;
  bottom: 0;
}
.a-hero-blur img {
  width: 100%;
  height: auto;
}
.a-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #dce8ff;
}
.a-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
  color: #fafdff;
  opacity: 0.6;
}
.a-hero-btn {
  margin: 28px auto 0;
  max-width: max-content;
}
.a-hero-mockup {
  width: 332px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 32%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: unset;
  background-repeat: no-repeat;
  z-index: 3;
}
.a-hero-mockup-header {
  margin-top: 5px;
  max-width: 288px;
  margin: 12px auto 0;
}
.a-hero-swiper {
  z-index: 3;
}
.a-hero-mockup-bg {
  position: absolute;
  left: 50%;
  top: 34%;
  background: rgba(23, 23, 23, 1);
  width: 310px;
  height: 380px;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 70px 60px 0 0;
}
.a-improve-hero-mockup {
  position: absolute;
  left: 40%;
  top: -100px;
}
.a-hero-items {
  padding-top: 30px;
}
.a-improve-hero-card {
  position: relative;
  border-radius: 16px;
  max-width: 256px;
  width: 100%;
  height: 256px;
  box-shadow: 0px 0px 12px 0px #0000001f;
}
.a-improve-high-img {
  display: none;
}
.a-result {
  display: none;
}
.a-hero-swiper .swiper-slide-active .a-improve-high-img {
  display: block;
}
.a-hero-swiper .swiper-slide-active .a-improve-low-img {
  display: none;
}
.a-improve-card-images img {
  max-width: 256px;
  width: 100%;
  height: 256px;
  object-fit: cover;
  border-radius: 16px;
}
.a-hero-swiper .swiper-slide-prev .a-improve-high-img {
  display: block;
}
.a-hero-swiper .swiper-slide-prev .a-improve-low-img {
  display: none;
}
.a-hero-swiper .swiper-slide-active .a-result {
  display: block;
}
.a-hero-swiper .swiper-slide-active .a-result p {
  color: #fafdff;
}
.a-hero-swiper .swiper-slide .a-original p {
  color: #fafdffb2;
}
.a-hero-swiper .swiper-slide-active .a-original {
  display: none;
}
.a-hero-swiper .swiper-slide-prev .a-result {
  display: block;
  z-index: 3;
}
.a-hero-swiper .swiper-slide-prev .a-original {
  display: none;
}
.a-hero-mockup-title {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-left: 56px;
  color: #fafdff;
}
.a-hero-tag {
  position: absolute;
  padding: 13px 32px 13px 34px;
  gap: 13px;
  background: #262728;
  border: 1px solid #c2ccf61f;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.a-hero-tag i {
  background: #dce8ff;
  font-size: 16px;
}
.a-hero-tag--one {
  top: 61px;
  left: 130px;
}
.a-hero-tag--two {
  left: 230px;
  top: 250px;
}
.a-hero-tag--tree {
  top: 61px;
  right: 174px;
}
.a-hero-tag--for {
  right: 238px;
  top: 250px;
}
.a-improve-hero-cards {
  gap: 12px;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.a-improve-card-name {
  padding: 6px 12px;
  background: #262728;
  box-shadow: 0px 0px 12px 0px #0000001f;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;

  width: max-content;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fafdff;
}
.a-improve-card-name p {
  color: #fafdffb2;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  opacity: 0.7;
}
.a-hero-swiper .swiper-slide-prev .a-improve-card-name p {
  opacity: 1;
  color: white;
}
.a-hero-swipe .swiper-slide-active .a-improve-card-name p {
  opacity: 1;
  color: white;
}

.a-why-us-cnt {
  background: #1b1c1f;
  padding: 20px;
  border-radius: 18px;
  gap: 15px;
}
.a-why-us-items {
  max-width: 730px;
  width: 100%;
  gap: 15px;
}
.a-why-us-item {
  background: #262728;
  border-radius: 15px;
  padding: 25px;
  gap: 20px;
}
.a-why-img-bg {
  border-radius: 12px;
  background: #1b1c1f;
  max-width: 80px;
  height: 80px;
  flex: 0 0 80px;
  box-shadow: 0px 0px 10.73px 0px #0000000f;
}
.a-why-item-texts h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #fafdff;
}
.a-why-item-texts p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fafdff;
  margin-top: 6px;
  opacity: 0.6;
}
.a-why-us-media {
  max-width: 375px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.a-before-text {
  position: absolute;
  left: 12px;
  top: 12px;
  background: #262728;

  box-shadow: 0px 0px 12px 0px #0000001f;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #fafdff;
  border-radius: 4px;
  max-width: 62px;
  width: 100%;
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-after-text {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #262728;
  padding: 5px 12px;
  box-shadow: 0px 0px 12px 0px #0000001f;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #fafdff;
  border-radius: 4px;
  max-width: 62px;
  width: 100%;
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a-how-work-items {
  gap: 15px;
  flex-wrap: wrap;
}
.a-how-work-item:nth-child(3) {
  border: 1px solid #404040;
}
.a-how-work-item:nth-child(4) {
  border: 1px solid #404040;
}
.a-how-work-item:nth-child(3) .a-work-item-number {
  background: #dce8ff;
  color: #1b1c1f;
}
.a-how-work-item:nth-child(4) .a-work-item-number {
  background: #dce8ff;
  color: #1b1c1f;
}
.a-how-work-picture {
  flex: 1 1 32.5%;
  box-shadow: 0px 0px 12px 0px #0000001f;
  position: relative;
  z-index: 2;
}
.a-how-work-img {
  width: 100%;
  height: 100%;
}
.a-how-work-img img {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}
.a-work-btn {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  min-width: max-content;
}
.a-work-item-header {
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.a-how-work-item {
  background: #1b1c1f;
  box-shadow: 0px 0px 12px 0px #0000001f;
  border-radius: 15px;
  padding: 32px;
  flex: 1 1 32.5%;
}
.a-work-item-number {
  background: #262728;
  border-radius: 5px;
  flex: 0 0 40px;
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafdff;
}
.a-work-item-img {
  max-width: 35px;
  width: 100%;
  height: 35px;
}
.a-work-item-texts {
  margin-top: 24px;
}

.a-possibilities-items {
  gap: 15px;
  flex-wrap: wrap;
  display: flex;
}
.a-possibilities-item {
  flex: 1 1 49.1%;
  background: #1b1c1f;
  box-shadow: 0px 0px 12px 0px #0000001f;
  border-radius: 15px;
  padding: 32px;
}
.a-possibilities-item:nth-child(2) {
  border: 1px solid #404040;
}
.a-possibilities-item:nth-child(3) {
  border: 1px solid #404040;
}
.a-possibilities-item-img {
  margin-top: 25px;
  height: 282px;
}
.a-possibilities-item-img img {
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0px 3.02px 12.06px 0px #00000033;
  width: 100%;
}
.a-possibilities-twentytwenty-wrapper .a-twentytwenty-container {
  min-height: 282px;
  margin-top: 25px;
}
.a-possibilities-twentytwenty-wrapper img {
  border-radius: 12px;
}
.a-possibilities-img-bg {
  background: #f3efea;
  box-shadow: 0px 0px 12px 0px #0000001f;
  height: 282px;
  border-radius: 12px;
  margin-top: 25px;
}

.a-try-it-section {
  margin-top: 97px;
}
.a-try-it-section .container {
  padding: 0;
}
.a-try-it-body {
  max-width: 845px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  min-height: 356px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-try-it-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.a-try-it-bg picture {
  width: 100%;
  height: 100%;
}
.a-try-it-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.a-try-it-body .section-titles p {
  margin-top: 20px;
  font-size: 16px;
  opacity: 1;
}
.a-try-it-body .section-titles {
  padding: 0 14px;
}

.a-try-btn {
  margin: 39px auto 0;
  background: #1b1d20;
  max-width: max-content;
}

/* ======================================== Стили   для  лэндинга  Увеличить разрешение фото   END===================================== */

/* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   START===================================== */

.b-primary {
  padding-top: 129px;
  margin-bottom: 140px;
  position: relative;
  z-index: 2;
}
.b-hero-btn {
  max-width: max-content;
}
.b-die {
  font-size: 16px;
  background-color: #121316;
  border-radius: 4px;
  padding: 8px;
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: #fafdff;
}
.b-circle {
  width: 860px;
  height: 238px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(
          90deg,
          rgb(12, 148, 215) 0%,
          rgb(37, 23, 73) 100%
  );
  z-index: -1;
  border-radius: 50%;
  filter: blur(250px);
  opacity: 0.5;
}
.b-primary__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.b-primary__top .b-hero-titles {
  max-width: 100%;
}
.b-primary__bg img {
  width: 100%;
  height: 100%;
}
.b-primary__top {
  max-width: 750px;
  margin: 0px auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.b-primary__title {
  font-size: 48px;
  line-height: 110%;
  margin-bottom: 20px;
  font-weight: 600;
}
.b-primary__text {
  margin-bottom: 24px;
}
.b-primary__button {
  padding: 0 26px 0 8px;
}
.b-primary__body {
  position: relative;
  padding-top: 69px;
}
.b-primary__elem {
  position: absolute;
  padding: 11px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 207px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  overflow: hidden;
  z-index: 2;
}
.b-primary__elem-1 {
  top: 0;
  left: 64px;
}
.b-primary__elem-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.b-primary__elem-bg img {
  width: 100%;
  height: 100%;
}
.b-primary__elem-2 {
  top: 100px;
  left: 180px;
  z-index: 2;
}
.b-primary__elem-3 {
  bottom: 83px;
  left: 0;
  z-index: 5;
}
.b-primary__elem-4 {
  top: 0;
  right: 0;
  z-index: 5;
}
.b-primary__number {
  font-size: 30px;
  line-height: 120%;
  margin-bottom: 12px;
  position: relative;
  padding-left: 16px;
  color: #ffffff;
}
.b-primary__number::after {
  content: "";
  background-color: #dce8ff;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 0px 8px 0px rgb(161, 216, 238);
}
.b-primary__desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #ffffff80;
}
.b-primary__columns {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.b-primary__image {
  height: 100%;
  position: relative;
}
.b-primary__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}
.b-primary__image-big {
  max-width: 580px;
  margin-bottom: 47px;
  width: 100%;
}
.b-primary__image-small {
  z-index: 1;
  max-width: 391px;
  margin-right: -79px;
  width: 100%;
}

.b-why {
  position: relative;
}
.b-why .b-circle {
  top: unset;
  transform: translateX(50%);
  bottom: 0;
  left: -50%;
  opacity: 0.2;
  height: 138px;
  filter: blur(150px);
}
.b-why__body {
  display: flex;
  gap: 48px;
}
.b-why__column {
  flex: 0 0 372px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.b-why__top {
  margin-bottom: 32px;
}
.b-why__title {
  text-align: left;
  color: #dce8ff;
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 10px;
}
.b-why__text {
  max-width: 260px;
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 24px;
  color: #dce8ff;
  opacity: 0.6;
}
.b-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #dce8ff;
}
.b-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 15px;
  color: #dce8ff;
}
.b-why__button {
  max-width: 183px;
}
.b-why__button .icon img {
  filter: brightness(10);
}
.b-why__bottom-mobile {
  display: none;
}
.b-why__bottom p {
  font-size: 18px;
  line-height: 120%;
  font-weight: 600;
  opacity: 0.6;
  margin-bottom: 10px;
}
.b-why__people {
  margin-bottom: 20px;
}
.b-why__swiper {
  flex: 1 1 auto;
  overflow: unset;
}
.b-why__swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  -moz-column-gap: 22px;
  column-gap: 22px;
}
.b-why__swiper .swiper-slide {
  padding: 32px;
  border-radius: 16px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  will-change: transform;
  background: #1b1c1f;
}
.b-why__swiper .swiper-slide.light {
  background: #dce8ff;
  transform: rotate(-3deg);
}
.b-why__swiper .swiper-slide.light .b-why__subtitle {
  color: #121316;
}
.b-why__swiper .swiper-slide.light .b-why__desc {
  color: #121316;
}
.b-why__pagination {
  display: none;
}
.b-why__icon {
  width: 40px;
  height: 40px;
}
.b-why__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.b-why__subtitle {
  margin-bottom: 10px;
  margin-top: auto;
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #dce8ff;
}
.b-hero-btn {
  margin: 24px auto 0;
  max-width: max-content;
}
.b-why-btn {
  max-width: max-content;
}
.b-why__desc {
  opacity: 0.6;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #dce8ff;
}
.b-steps .b-circle {
  opacity: 0.3;
  height: 338px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(150px);
  z-index: -1;
}
.b-steps__columns {
  display: flex;
  gap: 20px;
  background-image: url("img/grid.webp");
  background-size: cover;
  position: relative;
  will-change: unset;
  margin-top: 40px;
}
.b-steps__columns .b-grid {
  display: none;
}
.b-steps__images {
  flex: 0 1 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.b-steps__image {
  position: relative;
  height: 100%;
}
.b-steps__image img {
  width: 100%;
  height: 100%;
  min-height: 199px;
}
.b-steps__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  width: 56px;
  height: 56px;
  background: linear-gradient(105.97deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  backdrop-filter: blur(20px);
  --webkit-filter: blur(20px);


}
.b-steps__column {
  flex: 0 1 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 40px;
  position: relative;
  z-index: 1;
  background-image: url("/assets/images/whybg.webp");
  background-size: cover;
}
.b-steps__list {
  position: relative;
  padding-left: 40px;
  margin-bottom: 44px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.b-steps__list::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 85%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
}
.b-steps__item {
  position: relative;
}
.b-steps__item p {
  opacity: 0.6;
  color: #dce8ff;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.b-steps__item::after {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #dce8ff;
  box-shadow: 0px 0px 8px 0px rgb(161, 216, 238);
  position: absolute;
  left: -46px;
  top: 50%;
  transform: translateY(-50%);
}
.b-steps__subtitle {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #dce8ff;
}

.b-steps__button {
  margin-left: 40px;
  max-width: 222px;
}

.b-features__text {
  max-width: 546px;
  text-align: center;
}
.b-features__body {
  display: flex;
  gap: 10px;
  margin-bottom: 32px;
}
.b-features__column {
  flex: 0 1 33.3333%;
  position: relative;
  padding: 32px;
  background: #1b1c1f;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 418px;
}
.b-features__column-color {
  background-image: url("/assets/images/bgFeaturesItem.webp");
  background-size: cover;
}
.b-features__image {
  margin-bottom: 20px;
}
.b-features__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.b-features__subtitle {
  margin-top: auto;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #dce8ff;
}
.b-features__desc {
  position: relative;
  z-index: 1;
  opacity: 0.6;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #dce8ff;
}
.b-features-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.b-features .b-features-split {
  padding: 0;
  background-color: unset;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.b-features__item-big {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  padding: 32px;
  min-height: 247px;
  display: flex;
  flex-direction: column;
}
.b-features__item-big h3 {
  margin-top: auto;
}
.b-features__item-big p {
  max-width: 240px;
}
.b-features__item-big-mobile {
  display: none;
}
.b-features__item-big .b-features__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.b-features__item-small {
  padding: 32px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.b-features__item-small h3 {
  margin-top: auto;
}

.b-features__item-small-mobile {
  display: none;
}
.b-features__button {
  max-width: 271px;
  margin: 0px auto;
}

.b-try__body {
  position: relative;
  z-index: 1;
  padding: 33px 0;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.b-try__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.b-try__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.b-try__icon {
  margin: 0px auto;
  width: 136px;
  height: 136px;
  margin-bottom: 30px;
}
.b-try__title {
  margin-top: 30px;
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  color: #dce8ff;
  margin-bottom: 10px;
}
.b-try__text {
  max-width: 308px;
  margin: 0px auto;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #dce8ff;
}
.b-try-section {
  margin-top: 10px;
}
.b-try-btn {
  max-width: max-content;
}

/* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   END===================================== */

/* ======================================== Стили   для  лэндинга  Увеличить качество картинкии   START===================================== */

.c-hero-section {
  position: relative;
  padding: 125px 0 0;
  overflow: hidden;
}
.c-hero-body {
  position: relative;
  z-index: 3;
  min-height: 532px;
}
.c-hero-titles {
  max-width: 738px;
  width: 100%;
  padding: 76px 14px 0 14px;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.c-hero-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.c-hero-bg picture {
  width: 100%;
  height: 100%;
}
.c-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-blur-left {
  position: absolute;
  right: 0;
  top: 0;
}
.c-hero-titles h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
}
.c-hero-titles p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
  color: #ffffff;
  opacity: 0.6;
}
.c-hero-btn {
  margin: 19px auto 0;
  max-width: max-content;
}
.c-hero-btn-mobile {
  display: none;
}
.c-hero-tags-mobile {
  display: none;
}
.c-hero-tag {
  position: absolute;
  padding: 12.5px 33px;
  gap: 10px;
  background: #262728;
  border: 1px solid #c2ccf61f;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.c-hero-tag i {
  width: 10px;
  height: 10px;
  background: #dce8ff;
  border-radius: 50%;
}
.c-hero-tag--one {
  top: 186px;
  left: 197px;
}
.c-hero-tag--two {
  left: 110px;
  bottom: 9px;
}
.c-hero-tag--tree {
  top: 151px;
  right: 216px;
}
.c-hero-tag--for {
  right: 139px;
  top: 320px;
}
.c-hero-tag--for i {
  background: #a1d8ee;
}
.c-hero-tag--five {
  bottom: 28px;
  right: 199px;
}
.c-hero-tools {
  margin: 11px auto 0;
  gap: 20px;
  justify-content: space-between;
  max-width: 738px;
  background: #262728;
  border: 1px solid #c2ccf61f;
  padding: 16px 16px 16px 20px;
  border-radius: 16px;
}
.c-hero-upload input {
  display: none;
}
.c-hero-upload label {
  border: 1px dashed #646464;
  padding: 18px 32px;
  background: #1b1c1f;
  backdrop-filter: blur(25px);
  border-radius: 16px;
  display: flex;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.c-hero-upload label i {
  background: #ffffff;
  font-size: 16px;
}
.c-hero-user {
  gap: 15px;
}
.c-hero-user img {
  max-width: 128px;
  width: 100%;
  display: flex;
}
.c-hero-user p {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  white-space: nowrap;
}
.c-possibilities-cnt {
  display: flex;
  gap: 10px;
  flex-direction: column;
  position: relative;
}
.c-p-cnt-bg {
  position: absolute;
  left: 30px;
  top: 0;
  width: 97%;
}
.c-p-cnt-bg img {
  width: 100%;
}
.c-possibilities-cnt-column {
  gap: 10px;
}
.c-p-average-item {
  position: relative;
  z-index: 2;
  background: #1b1c1f;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  max-width: 448px;
  width: 100%;
  overflow: hidden;
}
.c-p-average-info {
  padding: 20px;
  margin-top: auto;
}
.c-p-average-title {
  position: absolute;
  top: 17px;
  left: 27px;
  font-weight: 600;
  font-size: 29.33px;
  line-height: 120%;
  color: #fafdff;
}
.c-p-average-img {
  height: 236px;
}
.c-p-average-img img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-p-small-item {
  position: relative;
  z-index: 2;
  background: #262728;
  border-radius: 16px;
  max-width: 282px;
  width: 100%;
  overflow: hidden;
}
.c-p-small-info {
  padding: 20px 20px 26px 20px;
}
.c-p-small-title {
  position: absolute;
  top: 17px;
  left: 27px;
  font-weight: 600;
  font-size: 29.33px;
  line-height: 120%;
  color: #fafdff;
}
.c-p-small-img {
  max-height: 236px;
  height: 100%;
}
.c-p-small-img img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-very-small-item {
  position: relative;
  z-index: 2;
  background: #262728;
  border-radius: 16px;
  max-width: 282px;
  min-height: 283px;
  width: 100%;
  overflow: hidden;
  margin-top: auto;
  height: max-content;
  margin-left: auto;
}
.c-small-item-icon {
  gap: 16px;
  margin: 46px auto 0;
  align-items: center;
}
.c-small-item-icon img {
  max-width: 76px;
  width: 100%;
}
.c-small-item-blur {
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: -1;
}
.c-small-item-icon p {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: #dce8ff;
}
.c-p-small-info {
  margin-top: auto;
}
.c-p-another-item {
  position: relative;
  z-index: 2;
  background: #262728;
  border-radius: 16px;
  padding: 20px 20px 26px 20px;
  max-width: 380px;
  width: 100%;
  overflow: hidden;
  height: max-content;
  min-height: 252px;
  margin-top: auto;
}
.c-p-another-info {
  margin-top: auto;
}
.c-p-big-item {
  position: relative;
  z-index: 2;
  background: #1b1c1f;
  border-radius: 16px;
  border: 1px solid #c2ccf61f;
  padding: 20px 20px 26px 20px;
  max-width: 780px;
  width: 100%;
  overflow: hidden;
  min-height: 335px;
}
.c-p-big-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-p-big-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-how-work-items {
  gap: 10px;
  flex-wrap: wrap;
}
.c-how-work-item {
  position: relative;
  z-index: 2;
  background: #1b1c1f;
  border-radius: 16px;
  min-height: 444px;
  flex: 1 1 32.7%;
  width: 100%;
  overflow: hidden;
  padding: 20px 20px 25px 20px;
}
.c-how-work-item:nth-child(1) {
  padding: 20px 20px 47px 20px;
}
.c-work-item-imges {
  margin: 70px auto 0;
}
.c-work-btn {
  margin: 0 auto 24px auto;
  max-width: max-content;
  position: relative;
  z-index: 2;
}
.c-work-item-info {
  margin-top: auto;
}
.c-work-small-img {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.c-work-item-blur {
  position: absolute;
}
.c-work-big-img {
  max-height: 216px;
}
.c-work-big-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.c-work-item-info .block-text {
  margin-top: 10px;
}

.c-advantages-categories {
  gap: 9px;
  justify-content: center;
  flex-wrap: wrap;
}
.c-advantages-categories button {
  gap: 12px;
  padding: 15px 24px;
  background: #1b1c1f;
  min-height: 51px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #ffffff;
}
.c-advantages-categories button i {
  background: #dce8ff;
  font-size: 23px;
}
.c-advantages-items {
  display: flex;
  gap: 11px;
}
.c-advantages-item {
  min-width: 282px;
  width: 100%;
  max-width: 282px;
  gap: 28px;
}
.c-advantages-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fafdff;
  opacity: 0.6;
}
.c-advantages-item-img img {
  object-fit: cover;
  border-radius: 16px;
}
.c-try-it-section {
  margin-top: 81px;
}
.c-try-it-section .container {
  padding: 0;
}
.c-try-it-body {
  max-width: 945px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  min-height: 356px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-try-it-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
}
.c-try-it-bg picture {
  width: 100%;
  height: 100%;
}
.c-try-it-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-try-it-body .section-titles p {
  margin-top: 20px;
  font-size: 16px;
  opacity: 1;
}
.c-try-it-body .section-titles {
  padding: 0 14px;
}
.c-try-btn {
  background: #1b1d20;
  margin: 39px auto 0;
  max-width: max-content;
}
.c-faq-section {
  margin-top: 80px;
}

.c-mobile-block {
  display: none;
}
/* ======================================== Стили   для  лэндинга  Увеличить качество картинкии   END===================================== */

/* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   START===================================== */

.d-hero-section {
  position: relative;
  padding: 120px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 755px;
}
.d-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
}

.d-hero-bg img {
  width: 100%;
}
.d-hero-bg picture {
  width: 100%;
}
.d-hero-media {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.d-hero-media picture {
  width: 100%;
}
.d-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.d-hero-ipad {
  max-width: 900px;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 900px;
}
.d-hero-ipad-tag {
  gap: 10px;
  position: absolute;
  z-index: 2;
  background: #26272880;
  backdrop-filter: blur(10px);
  border-radius: 16px;
  --webkit-filter: blur(10px);
  overflow: hidden;
  padding: 20px;
}
.d-hero-ipad-tag::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(161, 216, 238, 0.15) 0%,
          rgba(92, 124, 136, 0.25) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.d-hero-ipad-tag span {
  width: 8px;
  height: 8px;
  background: #dce8ff;
  display: block;
  flex: 0 0 8px;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff66;
}
.d-hero-ipad-tag p {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #fafdff;
}
.d-hero-tag--one {
  top: 49px;
  right: 177px;
}
.d-hero-tag--two {
  top: 133px;
  left: 75px;
}
.d-hero-tag--tree {
  top: 193px;
  right: 57px;
}
.d-hero-tag--for {
  bottom: 80px;
  left: 198px;
  padding: 10px 20px;
}
.d-hero-tag--for p {
  font-size: 12px;
  line-height: 16px;
  opacity: 0.6;
}
.d-hero-ipad img {
  border-radius: 20px 20px 0 0;
}
.d-hero-overlay {
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: 0;
  width: 100%;
}
.d-hero-overlay img {
  width: 100%;
  height: 161px;
}
.d-hero-body {
  position: relative;
  z-index: 3;
}
.d-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.d-hero-titles h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
}
.d-hero-titles p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
  color: #ffffff;
  opacity: 0.6;
}
.d-hero-btn {
  margin: 20px auto 0;
  max-width: max-content;
}

.d-about-section {
  margin-top: 80px;
}
.d-about-items {
  margin-top: 40px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.d-about-cart {
  background: #202123;
  padding: 20px;
  flex: 1 1 32%;
  border-radius: 16px;
}
.d-about-big-cart {
  flex: 1 1 32%;
  min-height: 312px;
  border: 4px solid #dce8ff;
  border-radius: 16px;
  padding: 40px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #1b1c1f;
}
.d-about-cart-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.d-about-cart-bg img {
  width: 100%;
  height: 100%;
}
.d-about-cart-bg picture {
  width: 100%;
  height: 100%;
}
.d-big-cart-info {
  margin-top: auto;
}
.d-about-btn {
  position: absolute;
  right: 40px;
  bottom: 40px;
}
.d-big-cart-info h3 {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #fafdff;
}

.d-about-cart-img {
  box-shadow: 0px 0px 20px 0px #a1d8ee40;
  max-width: 48px;
  width: 100%;
}
.d-about-cart-info {
  margin-top: 20px;
}
.d-about-cart-icon img {
  max-width: 24px;
  width: 100%;
}
.d-about-cart-icon {
  width: 48px;
  height: 48px;
  border: 1px solid #dce8ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 20px 0px #a1d8ee40;
}

.d-how-work-items {
  display: flex;
  gap: 20px;
}
.d-work-item-cart {
  background: #1b1c1f;
  max-width: 275px;
  width: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 16px;
  padding: 20px;
  height: max-content;
}
.d-work-cart-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.d-work-cart-bg img {
  width: 100%;
  height: 100%;
}
.d-work-cart-bg picture {
  width: 100%;
  height: 100%;
}
.d-work-item-cart:nth-child(1) {
  min-height: 225px;
  margin-top: auto;
}
.d-work-item-cart:nth-child(2) {
  min-height: 276px;
  margin-top: auto;
}
.d-work-item-cart:nth-child(3) {
  min-height: 312px;
  margin-top: auto;
}
.d-work-item-cart:nth-child(4) {
  min-height: 352px;
  margin-top: auto;
}
.d-work-cart-info {
  margin-top: auto;
}
.d-work-cart-info h3 {
  font-weight: 600;
  font-size: 44px;
  line-height: 120%;
  color: #fafdff;
}

.d-possibilities-column {
  display: flex;
  gap: 20px;
}
.d-possibilities-small-item {
  padding: 20px;
  background: #1b1c1f;
  border: 1px solid rgba(102, 102, 102, 0.25);
  max-width: 275px;
  width: 100%;
  min-height: 280px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.d-possibilities-small-item .block-title {
  font-size: 18px;
  line-height: 120%;
}
.d-possibilities-big-item {
  min-height: 280px;
  background: #1b1c1f;
  border: 1px solid rgba(102, 102, 102, 0.25);
  max-width: 570px;
  min-width: 570px;
  width: 100%;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.d-possibilities-small-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(102, 102, 102, 0.5),
          rgba(102, 102, 102, 0.25)
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.d-possibilities-big-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(102, 102, 102, 0.5),
          rgba(102, 102, 102, 0.25)
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.d-anmiation-item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.d-anmiation-item-bg img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.d-anmiation-item--one::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  box-shadow: 0px 0px 20px 0px #adc9ff;
  background: #adc9ff;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  top: 0;
  opacity: 0.2;
  transition: opacity 0.4s ease;
}
.d-anmiation-item--one.active::after {
  opacity: 1;
}

.d-anmiation-small-img {
  max-width: 138px;
  position: absolute;
  width: 100%;
  left: 93px;
  top: 71px;
  z-index: 2;
}
.d-anmiation-small-img .high-quality {
  display: none;
}
.d-anmiation-mouse {
  max-width: 138px;
  position: absolute;
  width: 100%;
  left: 213px;
  top: 177px;
  z-index: 2;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.45s ease, top 0.45s ease, opacity 0.45s ease;
}
.d-anmiation-img {
  max-width: 385px;
  position: absolute;
  width: 100%;
  left: 93px;
  top: 20px;
  z-index: 2;
  height: 240px;
}
.d-anmiation-img::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 120%;
  box-shadow: 0px 0px 20px 0px #adc9ff;
  background: #adc9ff;
  left: 0;
  top: -20px;
  opacity: 0.2;
  transition: all 2s ease-in-out;
  z-index: 3;
}
.d-anmiation-img .low-quality {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.d-anmiation-img .high-quality {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 2s ease-in-out;
}
.d-anmiation-item--two.active .d-anmiation-img::after {
  left: 100%;
  opacity: 1;
}
.d-anmiation-item--two.active .high-quality {
  clip-path: inset(0 0 0 0);
}
.d-anmiation-mouse.click {
  transform: scale(1.3);
  top: 190px;
  opacity: 0;
}
.d-anmiation-mouse.reset {
  transform: scale(1);
  top: 177px;
  opacity: 1;
}
.d-anmiation-another-img {
  max-width: 178px;
  position: absolute;
  width: 100%;
  left: 93px;
  top: 20px;
  z-index: 2;
  height: 120px;
  transition: all 1.8s ease-in-out;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.d-anmiation-mouse--two {
  max-width: 40px;
  position: absolute;
  width: 100%;
  left: 243px;
  top: 117px;
  z-index: 2;

  transform-origin: center center;
  transition: transform 0.4s ease-in-out, opacity 1s ease-in-out,
  top 1s ease-in-out;
}
.d-anmiation-item--tree {
  position: relative;
  overflow: hidden;
}
.d-anmiation-another-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
  top: 0;
  left: 0;
  transition: opacity 1s ease-in-out;
  will-change: opacity, transform;
  backface-visibility: hidden;
}
.d-anmiation-another-img .high-quality {
  opacity: 0;
  transform: scale(1.001);
}
.d-anmiation-item--tree.active .d-anmiation-another-img {
  max-width: 385px;
  height: 240px;
  left: 93px;
  top: 20px;
}
.d-anmiation-item--tree.active .d-anmiation-another-img .low-quality {
  opacity: 0;
}
.d-anmiation-item--tree.active .d-anmiation-another-img .high-quality {
  opacity: 1;
}
.d-anmiation-item--tree.active .d-anmiation-mouse--two {
  transform: scale(1.1);
  top: 200px;
  opacity: 0;
}
.d-possibilities-cnt {
  gap: 20px;
}
.d-possibilities-column:nth-child(2) {
  margin-left: auto;
}
.d-possibilities-column:nth-child(3) {
  margin-left: auto;
}

/* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   END===================================== */

/* ======================================== Стили  для  лэндинга  Создать фото START===================================== */

.f-hero-section {
  position: relative;
  z-index: 2;
  min-height: 780px;
}
.f-light-gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px;
  left: 0;
  height: 100%;
  pointer-events: none;

  transform: rotate(20deg);

  will-change: transform;

  background: radial-gradient(
          40% 80% at 50% 50%,
          rgba(0, 37, 206, 0.6) 0%,
          rgba(0, 37, 206, 0.25) 50%,
          rgba(0, 37, 206, 0) 100%
  );

  filter: blur(60px);
  animation: moveLight 8s ease-in-out infinite;
  z-index: -1;
}
@keyframes moveLight {
  0% {
    transform: rotate(10deg) translateX(-20px);
  }
  50% {
    transform: translateX(calc(100vw - 0px));
  }
  100% {
    transform: rotate(10deg) translateX(-20px);
  }
}
.f-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.f-hero-body {
  padding: 274px 0 0;
}
.f-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.f-hero-bg picture {
  width: 100%;
  height: 100%;
}
.f-hero-titles {
  position: relative;
  z-index: 3;
}

.f-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #ffffff;
}
.f-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 10px;

  color: #ffffff;
  opacity: 0.6;
}
.f-hero-btn {
  margin: 20px auto 0;
  max-width: max-content;
}
.f-hero-marquee {
  position: absolute;
  bottom: -60px;
  padding: 20px 0;
  background: #1b1c1f;
  width: 100%;
}
.f-hero-marquee-track {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.f-hero-marquee-track i {
  background: #999999;
  font-size: 24px;
}
.f-hero-marquee-track p {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: #999999;
}

.f-hero-marquee-track {
  animation: marqueeScroll 30s linear infinite;
  width: max-content;
}

.f-hero-marquee-track > div {
  display: flex;
  align-items: center;
  gap: 21px;
  white-space: nowrap;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.f-advantages-secion {
  margin-top: 144px;
}
.f-advantages-items {
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.f-advantage-item {
  max-width: 380px;
  width: 100%;
  padding: 40px 20px 0 20px;
  background: #1b1c1f;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-radius: 16px;
  cursor: pointer;
  min-height: 387px;
  display: flex;
  flex-direction: column;
}
.f-advantage-item-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.f-advantage-item:nth-child(3) .f-advantage-item-bg {
  z-index: 2;
}

.f-advantage-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.2px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(63, 63, 63, 0.15) 0%,
          rgba(63, 63, 63, 0.25) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.f-advantage-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  left: 0;
  top: 0;
  z-index: 2;
  background: #1b1c1f;
  transition: 0.4s;
}

@media (hover: hover) and (pointer: fine) {
  .f-advantage-item:hover::after {
    opacity: 0;
  }

  .f-advantage-item:hover .f-advantage-img--two,
  .f-advantage-item:hover .f-advantage-img--tree,
  .f-advantage-item:hover .f-advantage-tools {
    bottom: 40px;
  }

  .f-advantage-item:hover .f-advantage-img--two::after {
    backdrop-filter: unset;
  }
  .f-advantage-item:hover .f-advantage-img--two::before {
    backdrop-filter: unset;
    background: #ffffff;
  }
  .f-advantage-item:hover .f-advantage-img--two span::before {
    backdrop-filter: unset;
    background: #ffffff;
    width: 300px;
  }
}

@media (hover: none) and (pointer: coarse) {
  .f-advantage-item::after {
    opacity: 0 !important;
  }

  .f-advantage-img--two,
  .f-advantage-img--tree,
  .f-advantage-tools {
    bottom: 40px !important;
  }

  .f-advantage-img--two::after,
  .f-advantage-img--two::before {
    display: none;
  }
  .f-advantage-img--two span {
    display: none !important;
  }
}

.f-advantage-item-titles {
  position: relative;
  z-index: 3;
}
.f-advantage-item-titles .block-title {
  text-align: center;
  font-size: 18px;
  line-height: 120%;
}
.f-advantage-item-titles .block-text {
  text-align: center;
  margin-top: 5px;
}
.f-advantage-item-tags {
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}
.f-advantage-item-tags button {
  padding: 4px 6.17px;
  background: #00000033;
  backdrop-filter: blur(30px);
  border-radius: 4px;
  --webkit-backdrop-filter: blur(10px);
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #cccccc;
  max-width: 109px;
  width: 100%;
}
.f-advantage-item-tags button:last-child {
  max-width: 100%;
}
.f-advantage-item-tags button.active {
  background: #00000080;
}
.f-advantage-tools {
  position: absolute;
  bottom: 0;
  transition: 0.4s;
  width: 340px;
}

.f-advantage-item-img {
  margin-top: 6px;
}
.f-advantage-item-img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.f-advantage-img--two {
  position: absolute;
  max-width: 340px;
  bottom: -20px;
  background: #00000080;
  transition: 0.5s;
  z-index: 2;
  border-radius: 6px;
}
.f-advantage-img--two img {
  border-radius: 6px;
}
.f-advantage-img--two::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(20px);
  border-radius: 6px;
  --webkit-backdrop-filter: blur(20px);
  background: #00000080;
  transition: 0.5s;
  z-index: 0;
}
.f-advantage-img--two span {
  display: block;
  position: absolute;
  left: 20px;
  top: 113px;
  width: 300px;
  height: 8px;
  backdrop-filter: blur(30px);
  border-radius: 50px;
  --webkit-backdrop-filter: blur(30px);
  background: #00000033;
  z-index: 2;
  transition: 0.5s;
}
.f-advantage-img--two span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  backdrop-filter: blur(30px);
  border-radius: 50px;
  --webkit-backdrop-filter: blur(30px);
  transition: 0.5s;
}

.f-advantage-img--tree {
  position: absolute;
  max-width: 340px;
  bottom: -20px;
  transition: 0.5s;
  z-index: 2;
}

.f-how-work-items {
  gap: 10px;
  position: relative;
  z-index: 3;
}
.f-how-work-item {
  min-height: 310px;
  max-width: 282.5px;
  width: 100%;
  min-width: 282.5px;
  background: #00000040;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 16px;
}
.f-how-work-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(161, 216, 238, 0.15) 0%,
          rgba(92, 124, 136, 0.25) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.f-how-work-info {
  margin-top: auto;
  padding: 20px 20px 26px 20px;
  background: #262728;
  backdrop-filter: blur(40px);
  border-radius: 16px;
  --webkit-backdrop-filter: blur(40px);
}
.f-how-work-info .block-text {
  font-size: 14px;
  line-height: 130%;
}
.f-how-work-img {
  margin: 15px auto 0;
  position: absolute;
  left: 58px;
}
.f-how-work-img img {
  animation: rotateInfinite 8s linear infinite;
}
.f-how-work-img p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  color: #fafdff;
  opacity: 0.4;
}
@keyframes rotateInfinite {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.f-how-work-body {
  position: relative;
  z-index: 2;
}

.f-how-work-blur {
  position: absolute;
  bottom: -50px;
  z-index: -1;
}

.f-possibilities-columns {
  gap: 10px;
}
.f-possibilities-column {
  gap: 10px;
}
.f-possibilities-text-item {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px;
  backdrop-filter: blur(40px);
  max-width: 575px;
  width: 100%;
  border-radius: 16px;
}
.f-possibilities-text-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(161, 216, 238, 0.15) 0%,
          rgba(92, 124, 136, 0.25) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.f-possibilities-img-item {
  max-width: 575px;
  width: 100%;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.f-possibilities-img-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(
          180deg,
          rgba(161, 216, 238, 0.15) 0%,
          rgba(92, 124, 136, 0.25) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.f-possibilities-img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.f-possibilities-text-item .block-text {
  margin-top: 10px;
}
.f-possibilities-animation-block {
  margin-top: 10px;
  min-height: 330px;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.f-possibilities-animation-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.f-possibilities-animation-bg picture {
  width: 100%;
  height: 100%;
}
.f-possibilities-animation-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.f-animation-left-img {
  position: absolute;
  top: 95px;
  right: -100%;
  max-width: 289px;
  width: 100%;
  height: 140px;
  transition: 0.9s;
}
.f-animation-right-img {
  position: absolute;
  top: 95px;
  left: -100%;
  max-width: 289px;
  width: 100%;
  height: 140px;
  transition: 0.9s;
}
.f-animation-img--one {
  max-width: 140px;
  width: 100%;
  position: absolute;
  left: 237px;
  top: 100%;
  transition: 0.9s;
}
.f-animation-img--two {
  max-width: 140px;
  width: 100%;
  position: absolute;
  right: 237px;
  top: -100%;
  transition: 0.9s;
}
.f-animation-img--tree {
  max-width: 386px;
  width: 100%;
  position: absolute;
  left: 387px;
  top: 0;
  transition: 0.9s;
  transform: scale(1.4);
  opacity: 0;
}
.f-animation-texts {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  gap: 20px;
}
.f-animation-texts p {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  text-align: center;
  color: #ffffff;
}
.f-possibilities-btn {
  background: #1b1d20;
}
.f-possibilities-animation-block.show .f-animation-right-img {
  left: 0;
}
.f-possibilities-animation-block.show .f-animation-left-img {
  right: -52px;
}
.f-possibilities-animation-block.show .f-animation-img--one {
  top: 0;
}
.f-possibilities-animation-block.show .f-animation-img--two {
  top: 0;
}
.f-possibilities-animation-block.show .f-animation-img--tree {
  transform: scale(1);
  opacity: 1;
}
.f-faq-section .faq-item {
  box-shadow: 0px 0px 12px 0px #0000001f;
  background: #262728;
}
.f-faq-section .faq-item-icon {
  background: #262728;
  box-shadow: 0px 0px 12px 0px #0000001f;
}
/* ======================================== Стили  для  лэндинга  Создать фото END===================================== */

/* ======================================== Стили  для  Создать коллаж из фото START===================================== */

.g-hero-section {
  position: relative;
  padding: 159px 0 0;
}
.g-hero-wrapper {
  display: flex;
  gap: 52px;
  align-items: center;
  margin-top: 25px;
}
.g-hero-image {
  position: relative;
  margin-top: 38px;
}
.g-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-hero-card {
  max-width: 600px;
  margin: 0px auto;
}
.g-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.g-hero-bg img {
  width: 100%;
  height: 100%;
}
.g-hero-decore {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  max-width: 276px;
}
.g-hero-decore-1 {
  left: 27px;
}
.g-hero-decore-2 {
  right: 27px;
}
.g-hero-slider {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 136px auto 0;
}
.g-hero-body {
  position: relative;
  z-index: 3;
}
.g-hero-titles {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.g-hero-btn {
  text-wrap: nowrap;
}
.g-hero-grid {
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  min-width: max-content;
}
.g-hero-blur {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.g-hero-blur img {
  width: 100%;
  height: auto;
  object-fit: initial;
}
.g-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #dce8ff;
}
.g-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #dce8ff;
  opacity: 0.6;
}
.g-hero-btn {
  margin: 0 auto;
}

.g-hero-tag {
  position: absolute;
  padding: 8px 20px;
  gap: 8px;
  background: #242528;
  border-radius: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(30px);
}
.g-hero-tag span {
  font-size: 22px;
  line-height: 120%;
  font-weight: 600;
  color: #dce8ff;
}
.g-hero-tag--one {
  top: 42%;
  left: 150px;
}
.g-hero-tag--two {
  top: 57%;
  left: 58px;
}
.g-hero-tag--tree {
  top: 28%;
  right: 120px;
}
.g-hero-tag--for {
  right: 110px;
  top: 43%;
}

.g-why {
  margin-top: 130px;
}
.g-why .section-titles {
  max-width: 578px;
  margin: 0px auto;
}
.g-why__columns {
  margin-top: 40px;
  margin-bottom: 28px;
  gap: 10px;
  display: flex;
}
.g-why__column {
  padding: 32px 20px;
  border-radius: 16px;
  background-color: #1b1c1f;
  flex: 0 1 33.3333%;
}
.g-why__image {
  margin-bottom: 40px;
  display: flex;
}
.g-why__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-why__subtitle {
  color: #dce8ff;
  text-align: center;
  font-size: 22px;
  line-height: 120%;
  margin-bottom: 10px;
}
.g-why__text {
  color: #dce8ff;
  text-align: center;
  line-height: 22px;
  opacity: 0.6;
}
.g-why-btn {
  margin: 0px auto;
  max-width: max-content;
}

.g-steps {
  position: relative;
}
.g-steps__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 43px;
  margin-top: 69px;
  position: relative;
}
.g-steps__blur {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  height: 100%;
}
.g-steps__wrapper-1 {
  grid-area: 1 / 1 / 3 / 2;
}
.g-steps__wrapper-1 .g-steps__column {
  justify-content: space-between;
}
.g-steps__wrapper-1 .g-steps__image {
  max-width: 218px;
}
.g-steps__wrapper-2 {
  grid-area: 3 / 1 / 5 / 2;
}
.g-steps__wrapper-3 {
  grid-area: 1 / 2 / 5 / 3;
}
.g-steps__wrapper-3 .g-steps__number {
  left: 50%;
  transform: translateX(-50%);
}
.g-steps__wrapper {
  position: relative;
}
.g-steps__column {
  display: flex;
  padding: 32px;
  background: linear-gradient(
          315deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  backdrop-filter: blur(10px);
  --webkit-filter: blur(10px);
  border-radius: 16px;
  height: 100%;
}
.g-steps__column .g-steps__text {
  opacity: 0.6;
}
.g-steps__wrapper-2 .g-steps__image {
  max-width: 210px;
  width: 100%;
}
.g-steps__wrapper-3 .g-steps__column {
  flex-direction: column-reverse;
  padding: 32px 52px;
}
.g-steps__wrapper-3 .g-steps__item {
  align-self: center;
  text-align: center;
}
.g-steps__wrapper-3 .g-steps__text {
  margin-bottom: 20px;
}
.g-steps-btn {
  margin: 0px auto;
  background-color: #1b1c1f;
  max-width: max-content;
}
.g-steps__wrapper-3 .g-steps__image {
  margin-bottom: 36px;
}
.g-steps__number {
  font-size: 120px;
  font-weight: 700;
  line-height: 120px;
  color: #fff;
  opacity: 0.8;
  position: absolute;
  top: -40px;
  left: 32px;
  z-index: -1;
}
.g-steps__item {
  align-self: flex-end;
}
.g-steps__subtitle {
  font-size: 22px;
  line-height: 120%;
  color: #dce8ff;
  margin-bottom: 10px;
}
.g-steps__text {
  font-size: 16px;
  line-height: 22px;
  color: #dce8ff;
}
.g-steps-btn-mobile {
  display: none;
}

.g-features .section-titles h2 {
  max-width: 578px;
  margin: 0px auto;
  margin-bottom: 10px;
}
.g-features .section-titles p {
  max-width: 556px;
  margin: 0px auto;
}
.g-features__swiper {
  margin-top: 40px;
}
.g-features .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.g-features .swiper-slide {
  background-color: #1b1c1f;
  border-radius: 16px;
  display: flex;
  padding: 34px 30px;
  justify-content: space-between;
  gap: 26px;
}
.g-features .swiper-slide:nth-child(2),
.g-features .swiper-slide:nth-child(3) {
  background-color: #2d2e31;
}
.g-features-pagination {
  display: none;
}
.g-features__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.g-features__subtitle {
  font-size: 22px;
  line-height: 120%;
  font-weight: 600;
  color: #dce8ff;
  margin-bottom: 10px;
}
.g-features__text {
  font-size: 16px;
  line-height: 22px;
  color: #dce8ff;
  opacity: 0.6;
  margin-bottom: 20px;
}
.g-features__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  gap: 4px;
}
.g-features__item {
  padding: 3px 12px;
  border-radius: 40px;
  background-color: #121316;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  width: fit-content;
}
.g-features__image {
  max-width: 191px;
  width: 100%;
}

.g-try__body {
  position: relative;
  margin-top: 10px;
  padding: 33px 0;
}
.g-try__icon {
  width: 136px;
  height: 136px;
  margin-bottom: 30px;
}
.g-try__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 16px;
  overflow: hidden;
}
.g-try__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-try__content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #dce8ff;
  text-align: center;
}
.g-try__title {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
}
.g-try__text {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 22px;
}
.g-try-btn {
  background-color: #1b1c1f;
}

/* ======================================== Стили  для  Создать коллаж из фото END===================================== */

/* ======================================== Стили  для Дорисовать фото START===================================== */

.h-hero-body {
  position: relative;
  z-index: 2;
}
.h-hero-section {
  position: relative;
  padding: 152px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 820px;
}
.h-hero-mobile-decor {
  display: none;
}

.h-hero-dots {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.h-hero-dots img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-hero-dots picture {
  width: 100%;
  height: 100%;
}

.h-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.h-hero-bg img {
  width: 100%;
  height: 100%;
}
.h-hero-bg picture {
  width: 100%;
  height: 100%;
}

.h-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.h-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.h-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;

  opacity: 0.6;
}
.h-hero-btn {
  margin: 20px auto 0;
  max-width: max-content;
}
.h-hero-media {
  margin: 32px auto 0;
  max-width: 760px;
  width: 100%;
}
.h-hero-media picture {
  width: 100%;
  height: 100%;
}
.h-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-hero-media-left {
  max-width: 240px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 114px;
}
.h-hero-media-right {
  max-width: 240px;
  width: 100%;
  position: absolute;
  right: 0;
  top: 86px;
}
.h-hero-media-compare {
  position: absolute;
  right: 147px;
  top: 300px;
  max-width: 200px;
  width: 100%;
}
.h-advantages-section {
  margin-top: 70px;
  position: relative;
  z-index: 2;
}

.h-advantages-items {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  --webkit-filter: blur(30px);
  border-radius: 16px;
  padding: 52px;
  display: flex;
  gap: 17px;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.h-advantage-bg-mobile {
  display: none;
}
.h-advantage-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.h-advantage-item {
  max-width: 340px;
  width: 100%;
}
.h-advantage-item h3 {
  font-weight: 500;
  font-size: 52px;
  line-height: 110%;
  color: #dce8ff;
}
.h-advantage-item-text {
  padding: 20px 0 0;
  border-top: 1px solid #ffffff80;
  margin-top: 48px;
}

.h-how-work-slide {
  padding: 24px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
}
.h-how-work-section {
  position: relative;
  z-index: 3;
}
.h-work-slide-header {
  justify-content: space-between;
}
.h-work-slide-header p {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  opacity: 0.6;
}
.h-work-slide-info {
  margin-top: 48px;
}
.h-work-slide-media {
  margin-top: 16px;
}
.h-work-slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-work-slide-dots {
  flex: 0 0 44px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 6px;
  backdrop-filter: blur(30px);
  --webkit-filter: blur(30px);
  height: 44px;
  width: 44px;
  border: 1px solid #c2ccf61f;
  gap: 6px;
}
.h-work-slide-dots span {
  background: #dce8ff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff33;
  display: block;
  flex: 0 0 6px;
}
.h-work-many-dots div {
  justify-content: center;
  align-items: center;
  max-width: 18px;
  flex-wrap: wrap;
  flex: 0 0 18px;
  width: 100%;
  display: flex;
  gap: 6px;
  transform: rotate(180deg);
}
.h-how-work-btn {
  margin: 32px auto 0;
  max-width: max-content;
  background: #1b1c1f;
}

.h-possibilities-section {
  position: relative;
  z-index: 2;
}
.h-possibilities-bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.h-possibilities-bg picture {
  width: 100%;
  height: 100%;
}
.h-possibilities-bg img {
  width: 100%;
  height: 100%;
  object-position: 0 -100px;
}

.h-possibilities-big-item {
  max-width: 575px;
  width: 100%;
  position: relative;
}
.h-possibilities-columns {
  gap: 32px;
}
.h-possibilities-column {
  gap: 10px;
}
.h-possibilities-item-info {
  padding: 24px;
}
.h-possibilities-small-item {
  max-width: 283px;
  width: 100%;
  height: max-content;
}
.h-possibilities-img picture {
  width: 100%;
  height: 100%;
}
.h-possibilities-img img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
.h-possibilities-average-item {
  max-width: 282px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.h-possibilities-statistics {
  position: absolute;
  top: 10px;
  left: 10px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 0.75px solid #c2ccf61f;
  backdrop-filter: blur(21px);
  --webkit-backdrop-filter: (20px);
  max-width: 262px;
  width: 100%;
  padding: 8.41px;
  gap: 4.21px;
  width: 100%;
  border-radius: 8px;
  min-height: 76px;
}
.h-possibilities-statistics p {
  height: max-content;
  background: #1b1c1f;
  border: 0.75px solid #c2ccf61f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 10.52px;
  line-height: 13.52px;
  letter-spacing: 0px;
  color: #fafdff;
  border-radius: 4px;
}
.h-possibilities-statistics p span {
  opacity: 0.6;
  display: block;
}
.h-possibilities-statistics p:nth-child(2) span {
  opacity: 1;
}
.h-possibilities-statistics p:nth-child(1) {
  max-width: 45px;
  width: 100%;
  min-height: 45px;
  flex: 0 0 45px;
}
.h-possibilities-statistics p:nth-child(2) {
  max-width: 36px;
  width: 100%;
  min-height: 51px;
  flex: 0 0 36px;
  border: 1px solid #dce8ff;
}

.h-possibilities-statistics p:nth-child(3) {
  max-width: 48px;
  width: 100%;
  min-height: 33px;
  flex: 0 0 48px;
}

.h-possibilities-statistics p:nth-child(4) {
  max-width: 36px;
  width: 100%;
  min-height: 51px;
  flex: 0 0 36px;
}

.h-possibilities-statistics p:nth-child(5) {
  max-width: 60px;
  width: 100%;
  min-height: 39px;
  flex: 0 0 60px;
}
.h-possibilities-big-text {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(20px);
  --webkit-backdrop-filter: (20px);
  padding: 10px 16px 10px 12px;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 240px;
  width: 100%;
  position: absolute;
  top: 70px;
  left: 120px;
  overflow: hidden;
  z-index: 2;
}

.h-possibilities-big-text span {
  width: 6px;
  height: 6px;
  background: #dce8ff;
  flex: 0 0 6px;
  box-shadow: 0px 0px 18px 3px #3fbdf166;
  border-radius: 50%;
  margin-top: 5px;
}
.h-possibilities-big-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fafdff;
}

.h-try-now-block {
  margin-top: 32px;
  padding: 60px 0;
  position: relative;
  z-index: 2;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  overflow: hidden;
}
.h-try-now-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.h-try-now-bg picture {
  width: 100%;
  height: 100%;
}
.h-try-now-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-try-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
/* ======================================== Стили  для Дорисовать фото END===================================== */

/* ======================================== Стили  для Объединить 2 фото START===================================== */

.i-hero-body {
  position: relative;
  z-index: 2;
}
.i-hero-section {
  position: relative;
  padding: 159px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 860px;
}

.i-hero-dots {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.i-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.i-hero-bg img {
  width: 100%;
  height: 100%;
  object-position: 0 120px;
}
.i-hero-bg picture {
  width: 100%;
  height: 100%;
}

.i-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.i-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.i-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.i-hero-titles p strong {
  font-weight: 600;
}
.i-hero-btn {
  margin: 20px auto 0;
  max-width: max-content;
}

.i-hero-center-card {
  margin: 33px auto 0;
  display: flex;
  justify-content: center;
}
.i-hero-right-card {
  z-index: -1;
  position: absolute;
  right: 88px;
  top: 290px;
}
.i-hero-left-card {
  z-index: -1;
  position: absolute;
  left: 88px;
  top: 290px;
}
.i-hero-plus-left {
  position: absolute;
  left: 355px;
  top: 410px;
  z-index: 2;
  backdrop-filter: blur(20px);
  --webkit-filter: blur(16px);
  border-radius: 8px;
}
.i-hero-plus-right {
  position: absolute;
  right: 355px;
  top: 410px;
  z-index: 2;
  backdrop-filter: blur(20px);
  --webkit-filter: blur(16px);
  border-radius: 8px;
}

.i-advantages-section {
  margin-top: 70px;
}
.i-advantages-body {
  gap: 20px;
  justify-content: space-between;
}
.i-advantages-titles {
  max-width: 488px;
  width: 100%;
}
.i-advantages-titles h2 {
  text-align: start;
}
.i-advantages-titles p {
  text-align: start;
}
.i-advantages-btn {
  margin-top: 32px;
  max-width: max-content;
}
.i-advantages-items {
  padding: 32px 0 0;
  gap: 10px;
  max-width: 574px;
  width: 100%;
  flex-wrap: wrap;
}
.i-advantage-item {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  --webkit-filter: blur(16px);
  border-radius: 16px;
  padding: 24px;
  max-width: 282px;
  width: 100%;
  min-height: 282px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.i-advantage-item-blur {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.i-advantage-item-text {
  margin-top: auto;
}

.i-advantage-item-titles h3 {
  font-weight: 500;
  font-size: 52px;
  line-height: 110%;
  color: #dce8ff;
}
.i-advantage-item-titles h3 span {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #dce8ff;
}
.i-advantage-item-titles p {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}
.i-advantage-users {
  margin-top: auto;
  max-width: 190px;
  width: 100%;
}

.i-possibilities-slide-media {
  position: relative;
  z-index: 2;
  max-width: 380px;
  width: 100%;
}
.i-possibilities-slide-info {
  padding: 24px;
}
.i-possibilities-arrow-link {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  border-radius: 8px;
  cursor: pointer;
}
.i-possibilities-arrow-link i {
  background: #dce8ff;
  font-size: 17px;
}

.i-how-work-items {
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.i-how-work-slide {
  padding: 24px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  min-height: 465px;
  max-width: 380px;
  width: 100%;
}
.i-how-work-section {
  position: relative;
  z-index: 3;
}
.i-work-slide-header {
  justify-content: space-between;
}
.i-work-slide-header p {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  opacity: 0.6;
}
.i-work-slide-info {
  margin-top: 48px;
}
.i-work-slide-media {
  margin-top: 16px;
}
.i-work-slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i-work-slide-dots {
  flex: 0 0 44px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 6px;
  backdrop-filter: blur(30px);
  height: 44px;
  width: 44px;
  border: 1px solid #c2ccf61f;
  gap: 6px;
}
.i-work-slide-dots span {
  background: #dce8ff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff33;
  display: block;
  flex: 0 0 6px;
}
.i-work-many-dots div {
  justify-content: center;
  align-items: center;
  max-width: 18px;
  flex-wrap: wrap;
  flex: 0 0 18px;
  width: 100%;
  display: flex;
  gap: 6px;
  transform: rotate(180deg);
}
.i-how-work-btn {
  margin: 32px auto 0;
  max-width: max-content;
  background: #1b1c1f;
}

/* ======================================== Стили  для Объединить 2 фото END===================================== */

/* ======================================== Стили  для Колоризация фото START===================================== */

.j-hero-body {
  position: relative;
}
.j-hero-media {
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  max-width: 985px;
  width: 100%;
}
.j-hero-blur {
  position: absolute;
  bottom: 0;
}
.j-hero-section {
  position: relative;
  padding: 159px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 820px;
}
.j-hero-pagination {
  display: none;
}
.j-hero-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.j-hero-image picture {
  width: 100%;
  height: 100%;
}

.j-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.j-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 160%;
}

.j-hero-bg img {
  width: 100%;
  height: 100%;
}

.j-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.j-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.j-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.j-hero-titles p strong {
  font-weight: 400;
}
.j-hero-btn {
  margin: 20px auto 0;
  max-width: max-content;
}
.j-hero-card-plus {
  position: absolute;
  right: 46px;
  top: 353px;
}
.j-hero-image-left {
  top: 135px;
  left: 55px;
  position: absolute;
  z-index: -1;
}
.j-hero-image-right {
  top: 176px;
  right: 15px;
  position: absolute;
  z-index: -1;
}
.j-hero-mobile-slider {
  display: none;
}

.j-possibilities-section {
  margin-top: 70px;
  position: relative;
  z-index: 2;
}

.j-possibilities-columns {
  gap: 10px;
  position: relative;
  z-index: 2;
}
.j-possibilities-column {
  gap: 10px;
  align-items: center;
}
.j-possibilities-img-item {
  max-width: 575px;
  width: 100%;
}
.j-possibilities-img-item picture {
  width: 100%;
  height: 100%;
}
.j-possibilities-img-item img {
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.j-possibilities-text-item {
  padding: 78px 60px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(15px);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(15px);
  max-width: 575px;
  width: 100%;
}
.j-possibilities-btn {
  margin-top: 30px;
  max-width: max-content;
}
.j-possibilities-left-decor {
  position: absolute;
  max-width: 592px;
  width: 100%;
  top: -180px;
  right: -140px;
  z-index: -1;
}
.j-possibilities-right-decor {
  position: absolute;
  max-width: 592px;
  width: 100%;
  bottom: -220px;
  left: -140px;
  z-index: -1;
}

.j-work-small-item {
  max-width: 380px;
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 24px;
}
.j-work-small-item span {
  margin-bottom: 48px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
}
.j-work-media {
  margin-top: 16px;
}
.j-how-work-cnt {
  gap: 10px;
}
.j-work-big-item {
  min-height: 451px;
  max-width: 770px;
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 0 24px 27px 24px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.j-work-big-text {
  border: 2.07px solid #c2ccf61f;
  border-radius: 16px;
  max-width: 415px;
  width: 100%;
  position: absolute;
  top: 63px;
  left: 131px;
  padding: 24px 33px;
  z-index: 2;
  overflow: hidden;
}
.j-work-big-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.j-work-big-bg img {
  width: 100%;
  height: 100%;
}
.j-work-big-bg picture {
  width: 100%;
  height: 100%;
}

.j-work-big-text p {
  font-weight: 400;
  font-size: 24.29px;
  line-height: 130%;

  color: #a6afbf;
}
.j-work-big-text p b {
  color: #fafdff;
  font-weight: 600;
}

.j-work-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.j-work-bg picture {
  width: 100%;
  height: 100%;
}
.j-work-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.j-work-big-info {
  margin-top: auto;
}
.j-work-big-info p {
  max-width: 237px;
}
.j-work-big-info span {
  margin-top: 25px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
}
.j-start-now {
  margin-top: 48px;
  min-height: 309px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 60px 0;
}
.j-start-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.j-start-bg picture {
  width: 100%;
  height: 100%;
}
.j-start-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.j-start-btn {
  margin-top: 32px;
}

.j-reviews-bg {
  position: absolute;
  right: 0;
  top: -100px;
  max-width: 600px;
  z-index: -1;
}

/* ======================================== Стили  для Колоризация фото END===================================== */

/* ======================================== Стили  Генерация дизайна сайта бесплатно START===================================== */

.k-hero-section {
  position: relative;
  z-index: 2;
}
.k-hero-body {
  position: relative;
  z-index: 2;
}
.k-hero-icon--one {
  position: absolute;
  left: 101px;
  top: -30px;
  max-width: 48px;
  width: 100%;
}

.k-hero-icon--two {
  position: absolute;
  right: 9px;
  top: 115px;
  max-width: 48px;
  width: 100%;
}
.k-hero-icon--tree {
  position: absolute;
  left: 223px;
  top: 540px;
  max-width: 48px;
  width: 100%;
}
.k-hero-icon--for {
  position: absolute;
  right: 326px;
  top: 500px;
  max-width: 48px;
  width: 100%;
}

.k-hero-clue {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 8px;
  padding: 10px 15px;
  max-width: max-content;
  gap: 6px;
  position: absolute;
}
.k-hero-clue span {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  background: #dce8ff;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff66;
}
.k-hero-clue p {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}
.k-hero-clue--one {
  top: 210px;
  transform: rotate(10deg);
  left: 63px;
}
.k-hero-clue--two {
  top: 290px;
  transform: rotate(-12deg);
  right: 150px;
}
.k-hero-clue--tree {
  top: 400px;
  transform: rotate(8deg);
  right: 0;
}
.k-hero-clue--for {
  top: 400px;
  transform: rotate(-12deg);
  left: 0;
}

.k-hero-section {
  position: relative;
  padding: 152px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 880px;
}
.k-hero-image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -48px;
  z-index: 1;
  width: 100%;
  max-width: 1174px;
}
.k-hero-image picture {
  width: 100%;
  height: 100%;
}

.k-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.k-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.k-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.k-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 -30px;
}
.k-hero-gradient {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.k-hero-gradient picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.k-hero-gradient img {
  width: 100%;
  height: 100%;
}
.k-hero-ellipse {
  position: absolute;
  left: 0;
  bottom: -100px;
  z-index: 1;
  width: 100%;
  height: 220px;
}
.k-hero-ellipse img {
  width: 100%;
  height: 100%;
}

.k-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.k-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.k-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}

.k-hero-btn {
  margin: 20px auto 0;
  max-width: max-content;
}

.k-hero-dots {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1347px;
}

.k-advnatages-body {
  position: relative;
  z-index: 2;
}
.k-advnatages-average-item .block-text {
  color: #fafdff;
}
.k-advnatages-titles h2 {
  text-align: start;
}
.k-advnatages-section {
  padding: 70px 0 30px 0;
  overflow: hidden;
}

.k-advnatages-titles p {
  text-align: start;
}
.k-advnatages-btn {
  margin-top: 32px;
  max-width: max-content;
}
.k-advnatages-btn-mobile {
  display: none;
}
.k-advnatages-average-item {
  padding: 20px;
  position: absolute;
  top: 0;
  border: 1px solid #c2ccf61f;
  border-radius: 8px;
  min-height: 362px;
  overflow: hidden;
  max-width: 380px;
  right: 97px;
  width: 100%;
}
.k-advnatages-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.k-advnatages-bg picture {
  width: 100%;
  height: 100%;
}
.k-advnatages-bg img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
}
.k-advnatages-texts {
  position: relative;
  z-index: 2;
}

.k-advnatages-texts h3 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  display: flex;
  align-items: flex-end;
  color: #fafdff;
  gap: 2px;
}
.k-advnatages-texts h3 span {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #fafdff;
  display: block;
}
.k-advnatages-big-item {
  margin-top: 73px;
  max-width: 673px;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 20px;
  min-height: 316px;
}
.k-advnatages-big-texts {
  gap: 28px;
  position: relative;
  z-index: 1;
}
.k-advnatages-big-texts h2 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  color: #fafdff;
  white-space: nowrap;
}

.k-advnatages-bg-info h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}
.k-advnatages-bg-info p {
  font-weight: 400;
  font-size: 15px;
  line-height: 130%;
  color: #a6afbf;
  margin-top: 6px;
}
.k-advnatages-small-item {
  max-width: 283px;
  width: 100%;
  min-height: 185px;
  position: absolute;
  left: 0;
  padding: 20px;
  bottom: 0;
  border: 1px solid #c2ccf61f;
  border-radius: 8px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
}
.k-advnatages-small-icon {
  position: absolute;
  max-width: 80px;
  left: 75px;
  top: -40px;
}

.k-advnatages-small-item-mobile {
  display: none;
}
.k-advnatages-bg-info {
  margin-top: auto;
  position: relative;
  z-index: 2;
}
.k-advnatages-big-icon {
  left: 251px;
  bottom: -50px;
  position: absolute;
  z-index: 2;
}
.k-advnatages-users-item {
  max-width: 380px;
  width: 100%;
  min-height: 178px;
  position: absolute;
  z-index: 2;
  padding: 20px;
  right: 97px;
  border-radius: 12px;
  overflow: hidden;
  bottom: 38px;
}
.k-advnatages-users-item .block-text {
  color: #fafdff;
}
.k-advnatages-decor {
  max-width: 540px;
  width: 100%;
  position: absolute;
  right: -100px;
  top: -20px;
}
.k-advnatages-users {
  max-width: 87px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 36px;
}

.k-process-cnt {
  width: 100%;
  min-height: 564px;
  position: relative;
  z-index: 2;
  gap: 96px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 52px 52px 0 52px;
  overflow: hidden;
}
.k-process-mobile-media {
  display: none;
}
.k-process-section {
  margin-top: 110px;
}
.k-process-cnt .section-clue {
  white-space: nowrap;
}
.k-process-media {
  max-width: 340px;
  width: 100%;
  height: 512px;
  margin-top: auto;
}
.k-process-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.k-process-bg picture {
  width: 100%;
  height: 100%;
}
.k-process-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.k-process-description {
  max-width: 620px;
  width: 100%;
  padding: 24px 0 0;
}
.k-process-steps {
  margin-top: 40px;
  gap: 40px;
}
.k-process-step {
  gap: 35px;
}
.k-process-step-texts {
  gap: 12px;
}
.k-process-step-texts h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}
.k-process-step-texts p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
}

.k-process-btn {
  max-width: max-content;
}
.k-process-btn-mobile {
  display: none;
}

.k-possibilities-body {
  position: relative;
  gap: 20px;
}
.k-possibilities-mobile-swiper {
  display: none;
}
.k-possibilities-titles div {
  position: sticky;
  top: 100px;
}

.k-possibilities-titles {
  max-width: 575px;
  width: 100%;
}
.k-possibilities-titles h2 {
  text-align: start;
}
.k-possibilities-titles p {
  text-align: start;
}

.k-possibilities-items {
  gap: 10px;
  max-width: 575px;
  width: 100%;
}
.k-possibilities-item {
  width: 100%;
  min-height: 273px;
  position: relative;
  z-index: 2;
  padding: 24px;
  border: 1px solid #c2ccf61f;
  border-radius: 12px;
  overflow: hidden;
}
.k-possibilities-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.k-possibilities-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.k-possibilities-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.k-possibilities-texts {
  margin-top: auto;
}
.k-possibilities-number {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  opacity: 0.6;
}

.k-trust-body {
  padding: 60px 0 0;
  position: relative;
  z-index: 2;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  min-height: 609px;
  overflow: hidden;
}
.k-trust-media {
  margin-top: auto;
}
.k-trust-media img {
  display: flex;
}
.k-trust-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.k-trust-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.k-trust-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.k-trust-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.k-reviews-left-item {
  max-width: 386px;
  width: 100%;
  height: max-content;
  position: relative;
  min-height: 449px;
  border-radius: 20px;
  background: #1b1c1f;
  box-shadow: 0px 0px 16px 0px #00000029;
  border: 1px solid #c2ccf61f;
  overflow: hidden;
}

/* ======================================== Стили  для Генерация дизайна сайта бесплатно END===================================== */

/* ======================================== Стили  для ИИ-генератор интерьера START===================================== */

.l-reviews-item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fafdff;
  opacity: 0.8;
  margin-top: 10px;
}

.l-hero-section {
  position: relative;
  padding: 152px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 880px;
}
.l-hero-body {
  position: relative;
  z-index: 2;
}
.l-hero-clue {
  padding: 14px 19px 14px 14px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 10px;
  border: 1.2px solid #c2ccf61f;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  max-width: 225px;
  width: 100%;
  font-weight: 400;
  font-size: 14.11px;
  line-height: 130%;
  color: #a6afbf;
  position: absolute;
  top: 598px;
  left: 364px;
  z-index: 2;
}
.l-hero-clue strong {
  color: #fafdff;
}
.l-hero-clue-mobile {
  padding: 11px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 8px;
  border: 1.2px solid #c2ccf61f;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  max-width: 199px;
  width: 100%;
  font-weight: 400;
  font-size: 11px;
  line-height: 130%;
  color: #a6afbf;
  position: absolute;
  top: 340px;
  right: 14px;
  z-index: 2;
  display: none;
}
.l-hero-clue-mobile strong {
  color: #fafdff;
}
.l-hero-lamp {
  position: absolute;
  top: -110px;
  left: 178px;
  max-width: 153px;
  width: 100%;
}
.l-hero-cloud {
  position: absolute;
  top: 75px;
  right: 43px;
  max-width: 365px;
  width: 100%;
}
.l-hero-armchair {
  position: absolute;
  top: 195px;
  left: 147px;
  max-width: 253px;
  width: 100%;
}
.l-hero-table {
  position: absolute;
  top: 506px;
  left: 598px;
  max-width: 195px;
  width: 100%;
  z-index: 2;
}

.l-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.l-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}

.l-hero-bg img {
  width: 100%;
  height: 100%;
}

.l-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.l-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.l-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}

.l-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.l-hero-images {
  max-width: 1304px;
  width: 100%;
  margin: 41px auto 0;
  position: relative;
  z-index: 2;
  transition: 1s;
  min-height: 343px;
}

.l-hero-img {
  position: absolute;
  transition: 0.4s;
}
.l-hero-img p {
  position: absolute;
  padding: 7.5px 15px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1.2px solid #c2ccf61f;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  font-weight: 600;
  font-size: 14.11px;
  line-height: 130%;
  color: #fafdff;
  border-radius: 9px;
  top: 26px;
  left: -5px;
  transition: 0.4s;
}

.l-hero-img:nth-child(1) {
  max-width: 184px;
  width: 100%;
  left: 130px;
  top: 79px;
}
.l-hero-img:nth-child(2) {
  max-width: 278px;
  width: 100%;
  left: 220px;
  top: 32px;
}

.l-hero-img:nth-child(3) {
  max-width: 343px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.l-hero-img:nth-child(4) {
  max-width: 277px;
  width: 100%;
  right: 222px;
  top: 32px;
  z-index: -1;
}
.l-hero-img:nth-child(5) {
  max-width: 184px;
  width: 100%;
  right: 132px;
  top: 79px;
  z-index: -2;
}
.l-hero-polygon {
  display: none;
}

@media (any-hover: hover) {
  .l-hero-images:hover .l-hero-img:nth-child(2) {
    left: 125px;
  }
  .l-hero-images:hover .l-hero-img:nth-child(1) {
    left: -64px;
  }
  .l-hero-images:hover .l-hero-img:nth-child(4) {
    right: 120px;
  }
  .l-hero-images:hover .l-hero-img:nth-child(5) {
    right: -72px;
  }
  .l-hero-images:hover .l-hero-img p {
    left: 27px;
  }
}

.l-possibilities-cnt {
  gap: 16px;
}
.l-possibilities-column {
  gap: 16px;
}
.l-possibilities-big-item {
  max-width: 655px;
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  padding: 30px;
  border: 1px solid #c2ccf61f;
  border-radius: 20px;
}
.l-possibilities-media {
  margin-top: 41px;
}
.l-possibilities-item-header {
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.l-possibilities-item-header span {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #fafdff4d;
}
.l-possibilities-item-header p {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #fafdff4d;
  opacity: 0.6;
  display: flex;
}
.l-possibilities-item-header p strong {
  color: #a6afbf;
}
.l-possibilities-media img {
  border-radius: 20px;
}
.l-possibilities-big-texts {
  margin-top: 41px;
}
.l-possibilities-small-wrapper {
  max-width: 489px;
  gap: 16px;
  width: 100%;
}
.l-possibilities-small-item {
  max-width: 349px;
  width: 100%;
  background: #1b1c1f;
  border: 1px solid #c2ccf61f;
  border-radius: 20px;
  min-height: 222px;
  position: relative;
  z-index: 2;
  margin-top: 61px;
}
.l-possibilities-small-item:nth-child(2) {
  margin-top: unset;
  margin-left: auto;
}
.l-possibilities-armchair {
  position: absolute;
  left: 0;
  top: 16px;
}
.l-possibilities-small-texts {
  max-width: 130px;
  margin-left: 194px;
  margin-top: 90px;
}
.l-possibilities-small-texts .block-text {
  margin-top: 0;
}
.l-possibilities-average-item {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 20px;
  padding: 30px;
  max-width: 489px;
  width: 100%;
  min-height: 283px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.l-possibilities-table {
  position: absolute;
  top: 50px;
  right: -115px;
  max-width: 323px;
  width: 100%;
  height: 231px;
}
.l-possibilities-average-texts {
  margin-top: auto;
  max-width: 240px;
  width: 100%;
}
.l-possibilities-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.l-possibilities-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-possibilities-another-texts {
  margin-top: auto;
  max-width: 410px;
}

.l-possibilities-gradient-item {
  max-width: 349px;
  width: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  padding: 28px 30px;
  background: linear-gradient(
          104.53deg,
          rgba(0, 0, 0, 0.2) 4.14%,
          rgba(0, 0, 0, 0.1) 99.25%
  );
  margin-left: auto;
}
.l-possibilities-gradient-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(180deg, #055ab6 0%, #201d66 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.l-possibilities-gradient-texts {
  max-width: 234px;
  width: 100%;
}
.l-possibilities-gradient-texts .block-text {
  margin-top: 10px;
}
.l-possibilities-btn {
  margin-top: 20px;
  max-width: max-content;
}

.l-statistics-cnt {
  gap: 26px;
  justify-content: center;
}
.l-statistics-big-item {
  max-width: 535px;
  width: 100%;
  min-height: 535px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 30px;
}
.l-statistics-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.l-statistics-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-statistics-texts {
  position: relative;
  z-index: 2;
  gap: 10px;
}
.l-statistics-big-texts {
  margin-top: auto;
}
.l-statistics-texts h3 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  color: #dce8ff;
}
.l-statistics-texts p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
}
.l-statistics-small-item {
  max-width: 286px;
  width: 100%;
  gap: 20px;
  height: max-content;
}
.l-statistics-table {
  max-width: 200px;
  width: 100%;
  position: absolute;
  top: unset;
  bottom: 0;
  left: 90px;
}
.l-statistics-auto {
  margin-top: auto;
}
.l-statistics-small-media {
  max-width: 286px;
  width: 100%;
  min-height: 275px;
  position: relative;
  z-index: 2;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  overflow: hidden;
  padding: 25px 30px;
  border-radius: 10px;
}
.l-statistics-small-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.l-statistics-small-bg picture {
  width: 100%;
  height: 100%;
}
.l-statistics-small-picture {
  display: none;
}
.l-statistics-small-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-statistics-small-media .block-text {
  margin-top: 0;
}

.l-process-slide {
  padding: 0 24px;
  position: relative;
  z-index: 2;
  min-height: 216px;
}
.l-process-slide span {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
}
.l-process-slide-texts {
  margin-top: auto;
}
.l-process-slide::after {
  content: "";
  background: #c2ccf61f;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 8px;
}
.l-process-slide::before {
  content: "";
  background: #dce8ff;
  width: 2px;
  height: 72px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 8px;
  box-shadow: 0px 0px 20px 0px #a1d8ee80;
}
.l-process-swiper .swiper-slide:nth-child(2) .l-process-slide::before {
  top: 50%;
  transform: translateY(-50%);
}

.l-process-swiper .swiper-slide:nth-child(3) .l-process-slide::before {
  top: unset;
  bottom: 0;
}
.l-process-pagination {
  margin-top: 21px !important;
}

.l-process-pagination .swiper-pagination-bullet-active {
  width: 28px !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  height: 8px !important;
}
.l-trust-mobile-picture {
  display: none;
}

/* ======================================== Стили  для ИИ-генератор интерьера END===================================== */

/* ======================================== Стили  для Фоторедактор онлайн START===================================== */

.m-hero-section {
  position: relative;
  padding: 159px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 880px;
}
.m-hero-body {
  position: relative;
  z-index: 2;
}
.m-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 150%;
}
.m-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.m-hero-bg img {
  width: 100%;
  height: 100%;
}
.m-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.m-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.m-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.m-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.m-hero-dots {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1347px;
}
.m-hero-media {
  display: flex;
  margin-top: -80px;
}

.m-possibilities-columns {
  gap: 48px;
}
.m-possibilities-column {
  gap: 10px;
}

.m-possibilities-section {
  margin-top: 70px;
}
.m-possibilities-big-item {
  max-width: 575px;
  width: 100%;
  position: relative;
  z-index: 2;
  display: block;
}
.m-possibilities-big-item:hover .m-possibilities-link {
  background: #121316;
  border: 6px solid #dce8ff;
}
.m-possibilities-big-item:hover .m-possibilities-link i {
  background: #dce8ff;
}
.m-possibilities-small-item:hover .m-possibilities-link {
  background: #121316;
  border: 6px solid #dce8ff;
}
.m-possibilities-small-item:hover .m-possibilities-link i {
  background: #dce8ff;
}

.m-possibilities-link {
  background: #fafdff;
  border: 6px solid #121316;
  border-radius: 50%;
  max-width: 68px;
  height: 68px;
  width: 100%;
  position: absolute;
  transition: 0.5s;
}
.m-possibilities-link i {
  font-size: 16px;
  background: #121316;
  transition: 0.5s;
}
.m-possibilities-big-link {
  top: 12px;
  right: 112px;
}
.m-possibilities-small-link {
  right: 12px;
  top: 12px;
}
.m-possibilities-texts {
  margin-top: 20px;
}
.m-possibilities-texts h3 {
  text-align: center;
}
.m-possibilities-texts p {
  margin-top: 8px;
  font-size: 16px;
  text-align: center;
}

.m-possibilities-small-item {
  height: max-content;
  max-width: 283px;
  position: relative;
  z-index: 2;
  width: 100%;
}

.m-possibilities-round {
  max-width: 243px;
  width: 100%;
  height: 243px;
  background: #1b1c1f;
  flex: 0 0 243px;
  border-radius: 50%;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  position: relative;
  z-index: 2;
  margin-top: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
.round-text-img {
  max-width: 201px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  transition: 0.4s;
}
.round-text-img-light {
  max-width: 201px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.round-border-img {
  max-width: 127px;
  width: 100%;
  position: absolute;
  top: 58px;
  left: 58px;
}

.m-possibilities-round .icon-arrow-right {
  background: #fafdff;
  font-size: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.35s ease;
}
.m-possibilities-round:hover .icon-arrow-right {
  transform: translate(-50%, -50%) scale(1.4);
  background: #121316;
}
.m-possibilities-round:hover .round-text-img {
  animation-play-state: paused;
}
.m-possibilities-round:hover .round-text-img-light {
  animation-play-state: paused;
}
.m-possibilities-round:hover .round-text-img {
  opacity: 0;
  visibility: hidden;
}
.m-possibilities-round:hover .round-text-img-light {
  opacity: 1;
  visibility: visible;
}
.m-possibilities-round:hover {
  border: 1px solid #c2ccf61f;
  background: #dce8ff;
}
@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.m-advantages-columns {
  gap: 100px;
}
.m-advantages-column {
  justify-content: space-between;
  gap: 20px;
}
.m-advantages-titles h3 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  color: #dce8ff;
}
.m-advantages-titles p {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  margin-top: 10px;
  color: #fafdff;
}

.m-advantages-users {
  max-width: 477px;
  width: 100%;
}

.m-advantages-texts {
  max-width: 488px;
  width: 100%;
}
.m-advantages-btn {
  max-width: max-content;
}
.m-advantages-texts p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 32px;
  color: #a6afbf;
  text-align: start;
}
.m-advantages-tags {
  gap: 80px;
}

.m-advantages-tag h4 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  color: #dce8ff;
}
.m-advantages-tag p {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  margin-top: 10px;
  color: #fafdff;
}

.m-process-items {
  justify-content: center;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.m-process-slide {
  padding: 0 24px;
  position: relative;
  z-index: 2;
  min-height: 216px;
  max-width: 380px;
  width: 100%;
}
.m-process-shadow-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  position: relative;
  display: block;
  margin-left: 15px;
}

.m-process-shadow-title::after {
  background: #dce8ff;
  content: "";
  box-shadow: 0px 0px 18px 3px #dce8ff66;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -16px;
  position: absolute;
  top: 6px;
}

.m-process-slide-texts {
  margin-top: auto;
}
.m-process-slide-texts .block-text {
  text-align: start;
}
.m-process-slide::after {
  content: "";
  background: #c2ccf61f;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 8px;
}
.m-process-slide::before {
  content: "";
  background: #dce8ff;
  width: 2px;
  height: 72px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 8px;
  box-shadow: 0px 0px 20px 0px #a1d8ee80;
}
.m-process-items .m-process-slide:nth-child(2)::before {
  top: 50%;
  transform: translateY(-50%);
}
.m-process-items .m-process-slide:nth-child(3)::before {
  top: unset;
  bottom: 0;
}

.m-trust-section {
  margin-top: 32px;
}
.m-trust-body {
  padding: 60px 0;
  position: relative;
  z-index: 2;
  border: 1px solid #c2ccf61f;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 16px;
  min-height: 640px;
  overflow: hidden;
}
.m-trust-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.m-trust-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.m-trust-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-trust-btn {
  margin-top: 42px;
  max-width: max-content;
}
.m-trust-wrapper {
  width: 100%;
  margin-top: 40px;
  display: flex;
  gap: 10px;
}

.m-trust-track {
  display: flex;
  gap: 10px;
  width: max-content;
}

.m-trust-images {
  width: 100%;
  gap: 10px;
}
.m-trust-big-image {
  max-width: 280px;
  width: 100%;
  min-width: 280px;
}
.m-trust-small-image {
  max-width: 135px;
  width: 100%;
  min-width: 135px;
}
.m-trust-average-image {
  max-width: 140px;
  width: 100%;
  min-width: 140px;
}

@keyframes slideLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* ======================================== Стили  для Фоторедактор онлайн END===================================== */

/* ======================================== Стили  для Генерация постов Instagram бесплатно START===================================== */

.n-hero-section {
  position: relative;
  padding: 152px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 910px;
}
.n-hero-icon {
  display: none;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 2px solid #c2ccf61f;
  backdrop-filter: blur(19px);
  -webkit-backdrop-filter: blur(19px);
  border-radius: 8px;
  position: absolute;
  z-index: 2;
}

.n-hero-icon-desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 2px solid #c2ccf61f;
  backdrop-filter: blur(19px);
  -webkit-backdrop-filter: blur(19px);
  border-radius: 8px;
  position: absolute;
  z-index: 2;
}
.n-hero-icon--one {
  transform: rotate(-9deg);
  top: 446px;
  left: 430px;
  max-width: 40px;
  width: 100%;
  height: 40px;
}
.n-hero-icon--one i {
  font-size: 15px;
  background: #df4545;
}
.n-hero-icon--two {
  transform: rotate(9deg);
  top: 500px;
  left: 453px;
  max-width: 40px;
  width: 100%;
  height: 40px;
}

.n-hero-icon--two i {
  font-size: 15px;
  background: #ffffff;
  transform: rotate(9deg);
}
.n-hero-icon--tree {
  transform: rotate(-9deg);
  top: 555px;
  left: 448px;
  max-width: 56px;
  width: 100%;
  height: 56px;
}
.n-hero-icon--tree i {
  font-size: 20px;
  background: #df4545;
}

.n-hero-body {
  position: relative;
  z-index: 2;
}
.n-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.n-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.n-hero-bg img {
  width: 100%;
  height: 100%;
}
.n-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.n-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.n-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.n-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.n-hero-media {
  display: flex;
  max-width: 964px;
  width: 100%;
  margin: 45px auto 0;
}
.n-hero-heart {
  position: absolute;
  top: 175px;
  max-width: 448px;
  width: 100%;
  left: -20px;
  z-index: -1;
}
.n-hero-heart--two {
  position: absolute;
  top: 160px;
  max-width: 97px;
  width: 100%;
  left: 75px;
}
.n-hero-heart--tree {
  position: absolute;
  top: 430px;
  max-width: 337px;
  width: 100%;
  right: -20px;
  z-index: -1;
}

.n-hero-decor--one {
  position: absolute;
  top: 420px;
  max-width: 186px;
  width: 100%;
  left: -20px;
  z-index: -1;
}
.n-hero-decor--two {
  position: absolute;
  top: 217px;
  max-width: 125px;
  width: 100%;
  right: 20px;
  z-index: -1;
}

.n-hero-mobile-swiper-wrapper {
  display: none;
}

.n-advantages-cnt {
  position: relative;
  z-index: 2;
  min-height: 552px;
}
.n-advantage-border-item {
  position: relative;
  border-radius: 30px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  max-width: 340px;
  width: 100%;
  min-height: 257px;
  padding: 113px 0 0 93px;
  z-index: 2;
}

.n-advantage-border-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(180deg, #055ab6 0%, #201d66 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}
.n-advantage-border-decor {
  max-width: 194px;
  width: 100%;
  position: absolute;
  top: 25px;
  left: 0;
  transform: rotate(-19deg);
  z-index: -1;
}
.n-advantage-border-item h3 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  color: #dce8ff;
}
.n-advantage-border-item p {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #fafdff;
}
.n-advantage-text-item {
  margin-top: 44px;
  gap: 32px;
  max-width: 455px;
}
.n-advantage-text-item p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
}
.n-advantage-text-item p span:nth-child(2) {
  display: none;
}
.n-advantage-btn {
  max-width: max-content;
}
.n-advantage-stories {
  position: absolute;
  max-width: 490px;
  width: 100%;
  right: 0;
  top: 0;
}
.n-advantage-tag {
  position: absolute;
  background: #1b1c1f;
  border: 0.53px solid #c2ccf61f;
  border-radius: 16px;
  padding: 20px;
  min-width: 191px;
  overflow: hidden;
  z-index: 2;
}
.n-advantage-tag h3 {
  color: #dce8ff;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  text-align: center;
}
.n-advantage-tag p {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #fafdff;
}
.n-advantage-tag p span {
  display: none;
}
.n-advantage-tag--one {
  top: 150px;
  right: 202px;
}
.n-advantage-tag--two {
  top: 250px;
  right: 12px;
}
.n-advantage-gradient {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.n-advantage-gradient img {
  width: 100%;
  height: 100%;
}
.n-advantage-tag--tree {
  top: 350px;
  right: 203px;
}
.n-advantage-tag--for {
  bottom: 2px;
  right: 397px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.n-advantage-tag--for i {
  background: #dce8ff;
  font-size: 30px;
}
.n-advantage-rocket {
  max-width: 284px;
  width: 100%;
  position: absolute;
  transform: rotate(-41deg);
  left: 381px;
  top: 0;
}
.n-advantage-smoke {
  position: absolute;
  top: 250px;
  max-width: 230px;
  left: 570px;
}

.n-possibilities-section {
  position: relative;
  z-index: 2;
}
.n-possibilities-body .section-titles h2 i {
  background: #dce8ff;
  font-size: 25px;
}
.n-possibilities-body .section-big-titles h2 i {
  background: #dce8ff;
  font-size: 25px;
}
.n-possibilities-bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  top: 0;
  z-index: -1;
}
.n-possibilities-bg picture {
  width: 100%;
  height: 100%;
}
.n-possibilities-bg img {
  width: 100%;
  height: 100%;
  object-position: 0 100px;
}
.n-possibilities-btn-mobile {
  display: none;
}
.n-possibilities-big-item {
  max-width: 575px;
  width: 100%;
  position: relative;
}
.n-possibilities-columns {
  gap: 32px;
  position: relative;
  z-index: 2;
}
.n-possibilities-heart {
  max-width: 206px;
  top: 573px;
  right: -81px;
  position: absolute;
  z-index: -1;
}
.n-possibilities-column {
  gap: 10px;
}
.n-possibilities-item-info {
  padding: 24px;
}
.n-possibilities-small-item {
  max-width: 283px;
  width: 100%;
  height: max-content;
}
.n-possibilities-img picture {
  width: 100%;
  height: 100%;
}
.n-possibilities-img img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
.n-possibilities-average-item {
  max-width: 282px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.n-possibilities-statistics {
  position: absolute;
  top: 10px;
  left: 10px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 0.75px solid #c2ccf61f;
  backdrop-filter: blur(21px);
  --webkit-backdrop-filter: (20px);
  max-width: 262px;
  width: 100%;
  padding: 8.41px;
  gap: 4.21px;
  width: 100%;
  border-radius: 8px;
  min-height: 76px;
}
.n-possibilities-statistics p {
  height: max-content;
  background: #1b1c1f;
  border: 0.75px solid #c2ccf61f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 10.52px;
  line-height: 13.52px;
  letter-spacing: 0px;
  color: #fafdff;
  border-radius: 4px;
}
.n-possibilities-statistics p span {
  opacity: 0.6;
  display: block;
}
.n-possibilities-statistics p:nth-child(2) span {
  opacity: 1;
}
.n-possibilities-statistics p:nth-child(1) {
  max-width: 45px;
  width: 100%;
  min-height: 45px;
  flex: 0 0 45px;
}
.n-possibilities-statistics p:nth-child(2) {
  max-width: 36px;
  width: 100%;
  min-height: 51px;
  flex: 0 0 36px;
  border: 1px solid #dce8ff;
}

.n-possibilities-statistics p:nth-child(4) {
  border: 1px solid #dce8ff;
}

.n-possibilities-statistics p:nth-child(3) {
  max-width: 48px;
  width: 100%;
  min-height: 33px;
  flex: 0 0 48px;
}

.n-possibilities-statistics p:nth-child(4) {
  max-width: 36px;
  width: 100%;
  min-height: 51px;
  flex: 0 0 36px;
}

.n-possibilities-statistics p:nth-child(5) {
  max-width: 60px;
  width: 100%;
  min-height: 39px;
  flex: 0 0 60px;
}
.n-possibilities-big-text {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );

  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(20px);
  --webkit-backdrop-filter: (20px);
  padding: 10px 16px 10px 12px;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 240px;
  width: 100%;
  position: absolute;
  top: 364px;
  left: 22px;
  overflow: hidden;
  z-index: 2;
}
.n-possibilities-big-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fafdff;
}

.n-process-cnt {
  width: 100%;
  min-height: 564px;
  position: relative;
  z-index: 2;
  gap: 96px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 52px 52px 0 52px;
  overflow: hidden;
}
.n-process-mobile-media {
  display: none;
}
.n-process-section {
  margin-top: 110px;
}
.n-process-cnt .section-clue {
  white-space: nowrap;
}
.n-process-media {
  max-width: 340px;
  width: 100%;
  height: 512px;
  margin-top: auto;
}
.n-process-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.n-process-bg picture {
  width: 100%;
  height: 100%;
}
.n-process-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.n-process-description {
  max-width: 620px;
  width: 100%;
  padding: 24px 0 0;
}
.n-process-steps {
  margin-top: 40px;
  gap: 40px;
}
.n-process-step {
  gap: 35px;
}
.n-process-step-texts {
  gap: 12px;
}
.n-process-step-texts h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}
.n-process-step-texts p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
}

.n-process-btn {
  max-width: max-content;
}
.n-process-btn-mobile {
  display: none;
}

/* ======================================== Стили  для Генерация постов Instagram бесплатно END===================================== */

/* ======================================== Стили  для Генерация карточек товаров бесплатно START===================================== */

.o-hero-section {
  position: relative;
  padding: 154px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 820px;
}
.o-hero-decor {
  position: absolute;
  bottom: -30px;
  left: 0;
  height: 245px;
  width: 100%;
  z-index: 2;
}
.o-hero-decor picture {
  width: 100%;
  height: 100%;
}
.o-hero-decor img {
  width: 100%;
  height: 100%;
}
.o-hero-dots {
  position: absolute;
  top: 0;
  left: 0;
}

.o-hero-body {
  position: relative;
  z-index: 2;
}
.o-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.o-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.o-hero-bg img {
  width: 100%;
  height: 100%;
}
.o-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.o-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.o-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.o-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.o-hero-media {
  margin-top: -40px;
}
.o-hero-media-mobile {
  display: none;
}

.o-advantages-section {
  position: relative;
  z-index: 3;
}
.o-advantages-decor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.o-advantages-decor img {
  width: 100%;
  height: 100%;
}
.o-advantages-cnt {
  position: relative;
  z-index: 2;
  min-height: 856px;
}
.o-advantages-media {
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
}
.o-advantages-clue {
  position: absolute;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 12px;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(60px);
  --webkit-backdrop-filter: (60px);
  padding: 20px;
  max-width: 380px;
  width: 100%;
}
.o-advantage-header {
  gap: 12px;
}
.o-advantage-header img {
  display: flex;
}
.o-advantage-header h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #fafdff;
}

.o-advantages-clue--one {
  top: 80px;
  left: 0;
}
.o-advantages-clue--two {
  top: 296px;
  left: 98px;
}
.o-advantages-clue--tree {
  top: 508px;
  left: 0;
}
.o-advantages-clue--for {
  top: 40px;
  right: 0;
}
.o-advantages-clue--five {
  top: 254px;
  right: 97px;
}
.o-advantage-decor {
  position: absolute;
}
.o-advantage-decor--one {
  max-width: 140px;
  top: -10px;
  left: 245px;
}
.o-advantage-decor--two {
  max-width: 130px;
  top: -30px;
  right: 4px;
}
.o-advantage-decor--tree {
  max-width: 230px;
  top: 320px;
  right: 27px;
}
.o-advantage-decor--for {
  max-width: 210px;
  top: 639px;
  left: 475px;
}

.o-possibilities-round {
  max-width: 282px;
  width: 100%;
  height: 282px;
  background: #1b1c1f;
  border-radius: 50%;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  position: relative;
  z-index: 2;
  margin-top: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  position: absolute;
  bottom: 0;
  right: 191px;
}
.round-text-img {
  max-width: 233px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  transition: 0.4s;
}
.round-text-img-light {
  max-width: 233px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.round-border-img {
  max-width: 148px;
  width: 100%;
  position: absolute;
  top: 67px;
  left: 67px;
}

.o-possibilities-round .icon-arrow-right {
  background: #fafdff;
  font-size: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.35s ease;
}
.o-possibilities-round:hover .icon-arrow-right {
  transform: translate(-50%, -50%) scale(1.4);
  background: #121316;
}
.o-possibilities-round:hover .round-text-img {
  animation-play-state: paused;
}
.o-possibilities-round:hover .round-text-img-light {
  animation-play-state: paused;
}
.o-possibilities-round:hover .round-text-img {
  opacity: 0;
  visibility: hidden;
}
.o-possibilities-round:hover .round-text-img-light {
  opacity: 1;
  visibility: visible;
}
.o-possibilities-round:hover {
  border: 1px solid #c2ccf61f;
  background: #dce8ff;
}
@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.o-possibilities-section {
  position: relative;
  z-index: 2;
}

.o-possibilities-big-item {
  max-width: 575px;
  width: 100%;
  position: relative;
}
.o-possibilities-columns {
  gap: 32px;
  position: relative;
  z-index: 2;
}
.o-possibilities-heart {
  max-width: 206px;
  top: 573px;
  right: -81px;
  position: absolute;
  z-index: -1;
}
.o-possibilities-column {
  gap: 10px;
}
.o-possibilities-item-info {
  padding: 20px;
}
.o-possibilities-small-item {
  max-width: 283px;
  width: 100%;
  height: max-content;
}
.o-possibilities-img picture {
  width: 100%;
  height: 100%;
}
.o-possibilities-img img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
.o-possibilities-average-item {
  max-width: 282px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.o-how-work-slide {
  padding: 24px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
}
.o-how-work-section {
  position: relative;
  z-index: 3;
}
.o-work-slide-header {
  justify-content: space-between;
}

.o-work-slide-header p {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  opacity: 0.6;
}
.o-work-slide-info {
  margin-top: 48px;
}
.o-work-slide-media {
  margin-top: 16px;
}
.o-work-slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.o-work-slide-dots {
  flex: 0 0 44px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 6px;
  backdrop-filter: blur(30px);
  height: 44px;
  width: 44px;
  border: 1px solid #c2ccf61f;
  gap: 6px;
}
.o-work-slide-dots span {
  background: #dce8ff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff33;
  display: block;
  flex: 0 0 6px;
}
.o-work-many-dots div {
  justify-content: center;
  align-items: center;
  max-width: 18px;
  flex-wrap: wrap;
  flex: 0 0 18px;
  width: 100%;
  display: flex;
  gap: 6px;
  transform: rotate(180deg);
}
.o-how-work-btn {
  margin: 32px auto 0;
  max-width: max-content;
  background: #1b1c1f;
}
.o-how-work-cnt {
  min-height: 640px;
  width: 100%;
  border: 1px solid #c2ccf61f;
  position: relative;
  z-index: 2;
  border-radius: 16px;
  overflow: hidden;
  justify-content: unset;
}
.o-how-work-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}
.o-how-work-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
}
.o-how-work-bg img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
}
.o-how-work-cnt .section-big-titles {
  max-width: 632px;
  width: 100%;
  margin-top: 348px;
}

/* ======================================== Стили  для Генерация карточек товаров бесплатно END===================================== */

/* ======================================== Стили  для Генератор баннеров бесплатно START===================================== */

.p-hero-section {
  position: relative;
  overflow: hidden;
  z-index: 2;
  min-height: 910px;
}
.p-hero-media-mobile {
  display: none;
}
.p-hero-body {
  position: relative;
  z-index: 2;
  padding: 152px 0 0;
  min-height: 910px;
}
.p-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.p-hero-bg img {
  width: 100%;
  height: 100%;
}
.hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.p-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.p-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.p-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.p-hero-pictrue--one {
  position: absolute;
  max-width: 326px;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-hero-picture-texts {
  position: absolute;
  top: 23px;
  left: 21px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.p-hero-picture-texts h2 {
  font-weight: 600;
  font-size: 36.29px;
  line-height: 90%;
  color: #ffffff;
}
.p-hero-picture-texts a {
  font-weight: 400;
  font-size: 19.9px;
  line-height: 90%;
  color: #ffffff;
  margin-top: 302px;
  display: flex;
  gap: 6px;
  position: relative;
  z-index: 2;
  width: max-content;
  align-items: center;
  transition: 0.3s;
}
.p-hero-picture-texts a::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}
.p-hero-picture-texts a i {
  background: #ffffff;
  font-size: 22px;
  transition: 0.3s;
}
.p-hero-picture-texts a:hover {
  opacity: 0.8;
}

.p-hero-pictrue--two {
  bottom: 110px;
  left: 16px;
  position: absolute;
  max-width: 384px;
  width: 100%;
}
.p-hero-pictrue--tree {
  max-width: 247px;
  width: 100%;
  position: absolute;
  right: 151px;
  bottom: 124px;
}
.hero-media-mobile {
  display: none;
}
.p-hero-decor {
  position: absolute;
  display: flex;
}
.p-hero-decor--one {
  max-width: 172px;
  width: 100%;
  left: 0;
  bottom: 248px;
  z-index: -1;
}
.p-hero-decor--two {
  max-width: 105px;
  width: 100%;
  left: 229px;
  bottom: 268px;
}
.p-hero-decor--tree {
  max-width: 172px;
  width: 100%;
  left: 306px;
  bottom: 25px;
}
.p-hero-decor--for {
  max-width: 145px;
  width: 100%;
  right: 254px;
  bottom: 62px;
}
.p-hero-decor--five {
  max-width: 260px;
  width: 100%;
  right: 45px;
  bottom: 278px;
  z-index: -1;
}
.p-hero-decor--six {
  max-width: 134px;
  width: 100%;
  right: 0;
  bottom: 122px;
}
.p-hero-orange-link i {
  font-size: 24px;
  background: #000000;
}
.p-hero-orange-link {
  padding: 14px 28px;
  background: #e6a026;
  border-radius: 100px;
  font-weight: 500;
  font-size: 17.74px;
  line-height: 90%;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: max-content;
  position: absolute;
  bottom: 49px;
  left: 124px;
}
.p-hero-orange-link:hover {
  opacity: 0.7;
}
.p-hero-green-link:hover {
  opacity: 0.7;
}
.p-hero-green-link i {
  background: #ffffff;
  font-size: 24px;
}
.p-hero-green-link {
  padding: 14px 28px;
  background: #3c8f00;
  border-radius: 100px;
  font-weight: 500;
  font-size: 17.74px;
  line-height: 90%;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: max-content;
  position: absolute;
  bottom: 26px;
  right: 152px;
}

.p-advantages-columns {
  gap: 20px;
}
.p-advantages-slider {
  display: none;
}
.p-advantage-column {
  gap: 32px;
}
.p-advantage-big-item {
  max-width: 740px;
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 30.5px 30px;
  gap: 62px;
  position: relative;
  z-index: 2;
}
.p-advantage-decor {
  position: absolute;
  max-width: 266px;
  width: 100%;
  right: 0;
  top: 45px;
}
.p-advantage-big-media {
  max-width: 348px;
  width: 100%;
}
.p-advantage-big-texts {
  max-width: 270px;
  padding: 0 15px;
}
.p-advantage-big-texts h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
}
.p-advantage-small-item {
  max-width: 388px;
  width: 100%;
}
.p-advantage-btn {
  margin-top: 30px;
  max-width: max-content;
}

.p-possibilities-columns {
  gap: 10px;
}
.p-possibilities-column {
  gap: 10px;
}
.p-possibilities-img-item {
  max-width: 575px;
  width: 100%;
  height: max-content;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
}
.p-possibilities-column:nth-child(4) .p-possibilities-img-item {
  border: transparent;
}
.p-possibilities-img-item img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.p-possibilities-text-item {
  max-width: 575px;
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border-radius: 16px;
  padding: 10px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 16px;
}
.p-possibilities-text-header {
  gap: 12px;
}

.p-possibilities-text-header img {
  max-width: 28px;
}
.p-possibilities-btn {
  margin-top: 30px;
  max-width: max-content;
}

.p-trust-block {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  min-height: 358px;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  overflow: hidden;
}
.p-trust-btn {
  margin: 30px auto 0;
}
.p-trust-block .section-titles p {
  margin-top: 8px;
}
.p-trust-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-trust-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-trust-mobile-section {
  margin-top: 120px;
  display: none;
}
.p-advantages-pagination {
  padding: 10px 0;
}
.p-advantages-pagination .swiper-pagination-bullet-active {
  width: 15px !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  height: 6px !important;
}

/* ======================================== Стили  для Генератор баннеров бесплатно END===================================== */

/* ======================================== Стили  для Оживить фотографию START===================================== */

.w-hero-section {
  position: relative;
  padding: 164px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 880px;
}

.w-hero-body {
  position: relative;
  z-index: 2;
}
.w-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 130%;
}
.w-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.w-title-color {
  color: #dce8ff;
}
.w-hero-bg img {
  width: 100%;
  height: 100%;
}

.w-hero-images {
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.w-hero-gif {
  max-width: 215px;
  min-width: 215px;
  width: 100%;
  height: 290px;
}
.w-hero-gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.w-hero-image {
  min-width: 245px;
  max-width: 245px;
  width: 100%;
}

.w-hero-image:nth-child(1) {
  margin-right: -10px;
  max-width: 215px;
  min-width: 215px;
}

.w-hero-image:nth-child(2) {
  margin-right: -30px;
}

.w-hero-image:nth-child(3) {
  margin-right: -13px;
}

.w-hero-image:nth-child(5) {
  margin-left: -13px;
}

.w-hero-image:nth-child(6) {
  margin-left: -30px;
}

.w-hero-image:nth-child(7) {
  margin-left: -10px;
  max-width: 215px;
  min-width: 215px;
}

.w-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.w-hero-dots {
  padding-left: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-hero-dots img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.w-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.w-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.w-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}

.w-advantages {
  margin-top: 70px;
}
.w-advantages__top {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
}
.w-advantages__top .section-titles {
  align-items: flex-start;
  justify-content: flex-start;
}
.w-advantages__top .section-titles h2 {
  text-align: left;
}
.w-advantages__top .section-titles p {
  text-align: left;
}
.w-advantages__result {
  position: relative;
  max-width: 575px;
  width: 100%;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  border: 1px solid rgba(194, 204, 246, 0.12);
  border-radius: 16px;
  overflow: hidden;
}

.w-advantages__result::after {
  top: 24px;
  left: 24px;
}
.w-advantages__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.w-advantages__swiper {
  display: none;
}
.w-advantages .section-tag {
  width: fit-content;
  margin-left: 24px;
}
.w-advantages__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-advantages__result .advantages__image {
  width: 200px;
  right: 0;
  top: 0;
}
.w-advantages__image {
  position: absolute;
}
.w-advantages__column {
  border: 1px solid rgba(194, 204, 246, 0.12);
  border-radius: 16px;
  overflow: hidden;
}
.w-advantages__blur {
  position: absolute;
  top: 0;
  left: 0;
}
.w-advantages__pagination {
  display: none;
}
.w-advantages__column .advantages__image {
  width: 120px;
  left: 0;
  top: 0;
}
.w-advantages__subtitle {
  font-size: 22px;
  line-height: 120%;
  color: #fff;
  margin-bottom: 16px;
}
.w-advantages__text {
  font-size: 18px;
  color: #a6afbf;
  max-width: 424px;
}
.w-advantages__bottom {
  display: flex;
  gap: 10px;
}
.w-advantages__column {
  flex: 0 1 25%;
  position: relative;
  width: 100%;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
}
.w-advantages__column-big {
  justify-content: stretch;
  border: none;
  flex: 0 1 50%;
}
.w-advantages__column-big .w-advantages__text {
  margin-top: auto;
}
.w-advantages__number {
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -0.06em;
  font-weight: 500;
  color: #fff;
  margin-bottom: 8px;
}

.w-possibility .section-titles {
  max-width: 570px;
  margin: 0px auto;
}

.w-possibility__columns {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 48px;
}
.w-possibility__column {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  border-radius: 1000px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  backdrop-filter: blur(30px);
  border: 1px solid rgba(194, 204, 246, 0.12);
}
.w-possibility__column:hover .w-possibility__button {
  background-color: #fff;
  border: 4px solid #121316;
}
.w-possibility__column:hover .w-possibility__button img {
  filter: brightness(0);
  transform: rotate(0);
}
.w-possibility__content {
  padding: 60px 33px 60px 80px;
}
.w-possibility__subtitle {
  font-size: 22px;
  color: #fff;
  margin-bottom: 10px;
}
.w-possibility__text {
  color: #a6afbf;
  font-size: 18px;
  max-width: 470px;
}
.w-possibility__image {
  max-width: 464px;
}
.w-possibility__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-possibility__button {
  position: absolute;
  top: 0;
  right: 30%;
  width: 202px;
  height: 202px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #121316;
  border: 4px solid rgba(194, 204, 246, 0.12);
  transition: all 0.3s ease 0s;
}
.w-possibility__button img {
  transition: all 0.3s ease 0s;
  transform: rotate(45deg);
}

.w-work__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 48px;
}
.w-work__column {
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(194, 204, 246, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.w-work__button {
  display: none;
}

.w-work__top {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.w-work__column-1 .w-work__image {
  max-width: 400px;
}
.w-work__column-2 .w-work__image {
  max-width: 220px;
  margin: -24px -24px 0 0;
}
.w-work__column-3 {
  flex-direction: row;
  gap: 20px;
  grid-column: 2 span;
  border-radius: 100px 1000px 1000px 100px;
}
.w-work__column-3 .w-work__image {
  max-width: 235px;
  width: 100%;
  display: flex;
}
.w-work__column-3 .w-work__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.w-work__grid {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -24px;
}
.w-work__blur {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  z-index: -1;
}
.w-work__column-3 .w-work__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.w-work__column-3 .w-work__text {
  max-width: 467px;
}
.w-work__column-3 .w-work__date-mobile {
  display: none;
}
.w-work__date {
  font-size: 16px;
  color: #fff;
}
.w-work__date span {
  color: #a6afbf;
}
.w-work__content {
  color: #fff;
}

.w-work__subtitle {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 120%;
  display: flex;
  align-items: center;
}
.w-work__subtitle img {
  margin-right: 7px;
  margin-top: -5px;
}
.w-work__text {
  color: #a6afbf;
  font-size: 18px;
}
.w-work__block {
  position: absolute;
  left: 10%;
  top: 30%;
  max-width: 330px;
  font-size: 14px;
  color: #fff;
  padding: 12px 16px;
  border: 1px solid rgba(194, 204, 246, 0.12);
  border-radius: 8px;
  backdrop-filter: blur(30px);
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
}
.w-work__block span {
  color: #3825e3;
}
.w-work__animate {
  position: relative;
  z-index: 1;
}
.w-work__animate:hover .w-work__animate-image {
  animation-play-state: paused;
}
.w-work__animate:hover .w-work__animate-image-hover {
  opacity: 1;
  visibility: visible;
}
.w-work__animate-image {
  transition: all 0.3s ease 0s;
  animation: rotate 25s linear infinite;
  width: 235px;
}
.w-work__animate-image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.w-work__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.w-work__round {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.w-work__animate:hover .w-work__arrow {
  filter: brightness(0);
  transform: translate(-50%, -50%) scale(1.4);
}
.w-possibility-btn {
  margin: 40px auto 0;
  max-width: max-content;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.w-advantages__column .w-advantages__image {
  width: 120px;
  left: 0;
  top: 0;
}

.w-inspire-mobile {
  display: none;
}
.w-inspire {
  position: relative;
  padding-top: 174px;
}
.w-inspire__image {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  z-index: -1;
}

.w-inspire__body {
  max-width: 1000px;
  margin: 0px auto;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 416px;
  padding: 150px 0 0;
}
.w-inspire__grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-inspire__grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-inspire__blur {
  position: absolute;
  bottom: -70%;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
  z-index: -1;
}
.w-inspire__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
}
.w-inspire h2 {
  font-size: 36px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 16px;
  color: #fff;
}

.w-inspire p {
  font-size: 18px;
  font-weight: 400;
  color: #a6afbf;
  max-width: 468px;
  line-height: 130%;
}

/* ======================================== Стили  для Оживить фотографию END===================================== */

/* ======================================== Стили  для Canva  фоторедактор START===================================== */

.q-hero-section {
  position: relative;
  z-index: 2;
  min-height: 928px;
}
.q-hero-body {
  position: relative;
  z-index: 2;
  padding: 152px 0 0;
}
.q-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.q-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.q-hero-bg img {
  width: 100%;
  height: 100%;
}

.q-herq-cat-mobile {
  display: none;
}
.herq-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.herq-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.herq-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.herq-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.q-herq-media {
  max-width: 971px;
  margin: 53px auto 0;
}
.q-herq-tag {
  position: absolute;
  padding: 14px 17px 14px 14px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 9px;
  gap: 9px;
}
.q-herq-tag span {
  width: 7px;
  height: 7px;
  background: #dce8ff;
  box-shadow: 0px 0px 19.63px 3.27px #dce8ff66;
  border-radius: 50%;
}
.q-herq-tag p {
  font-weight: 600;
  font-size: 19.63px;
  line-height: 130%;
  color: #fafdff;
}
.q-herq-tag--one {
  top: 347px;
  left: 93px;
}
.q-herq-tag--tree {
  bottom: -60px;
  left: 282px;
}
.q-herq-tag--two {
  top: 659px;
  right: 247px;
}
.q-herq-decor {
  position: absolute;
}
.q-herq-decor--one {
  max-width: 104px;
  position: absolute;
  left: 58px;
  top: 616px;
}
.q-herq-cat {
  max-width: 207px;
  width: 100%;
  transform: rotate(37deg);
  position: absolute;
  top: 270px;
  right: 150px;
  z-index: -1;
}
.q-herq-decor--two {
  max-width: 87px;
  width: 100%;
  position: absolute;
  right: 77px;
  top: 405px;
  transform: rotate(37deg);
}
.q-herq-cnt {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  padding: 77px 4px 40px 4px;
  border: 2.45px solid #c2ccf61f;
  backdrop-filter: blur(85px);
  -webkit-backdrop-filter: blur(16px);

  box-shadow: 3.68px 7.35px 17.16px 0px #0000001a,
  14.71px 28.19px 31.86px 0px #00000017, 33.09px 62.5px 42.89px 0px #0000000d,
  58.83px 111.52px 50.25px 0px #00000003,
  91.91px 175.25px 55.15px 0px #00000000;
  border-radius: 14px;
  max-width: 288px;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 512px;
}
.q-herq-cnt h2 {
  font-weight: 600;
  font-size: 65.71px;
  line-height: 130%;
  color: #dce8ff;
  text-align: center;
}
.q-herq-cnt p {
  text-align: center;
  font-weight: 400;
  font-size: 17.16px;
  color: #a6afbf;
}
.q-herq-cnt p a {
  color: #fafdff;
}
.q-herq-cnt-tag {
  background: #ffe500;
  padding: 4px 8px;
  font-weight: 600;
  font-size: 12.26px;
  line-height: 130%;
  border-radius: 245px;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  position: absolute;
  top: 15px;
  right: 18px;
}
.q-herq-decor--for {
  max-width: 64px;
  width: 100%;
  position: absolute;
  top: 43px;
  left: 70px;
}

.q-how-work-section {
  position: relative;
  z-index: 2;
}

.q-how-work-media {
  max-width: 1036px;
  margin: 0 auto;
  width: 100%;
}
.q-how-work-cnt {
  position: relative;
  z-index: 2;
}
.q-work-horse {
  position: absolute;
  max-width: 352px;
  width: 100%;
  top: 337px;
  right: -45px;
}
.q-work-tag {
  position: absolute;
}
.q-work-tag--one {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  max-width: 200px;
  width: 100%;
  min-height: 160px;
  border-radius: 14px;
  position: absolute;
  top: -21px;
  right: 52px;
  z-index: 2;
  padding: 67px 10px 27px 10px;
  backdrop-filter: blur(85px);
  -webkit-backdrop-filter: blur(85px);
  box-shadow: 3.68px 7.35px 17.16px 0px #0000001a,
  14.71px 28.19px 31.86px 0px #00000017, 33.09px 62.5px 42.89px 0px #0000000d,
  58.83px 111.52px 50.25px 0px #00000003,
  91.91px 175.25px 55.15px 0px #00000000;
}
.q-work-tag--one p {
  font-weight: 400;
  font-size: 17.16px;
  line-height: 130%;
  text-align: center;
  color: #a6afbf;
}
.q-work-tag--one p a {
  color: #fafdff;
}

.q-work-tag--one::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 2.45px;
  background: linear-gradient(180deg, #055ab6 0%, #201d66 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
.q-work-tag-decor {
  position: absolute;
  max-width: 172px;
  width: 100%;
  left: -25px;
  top: -11px;
}
.q-work-tag--two {
  border: 2.45px solid #c2ccf61f;
  border-radius: 13px;
  backdrop-filter: blur(85px);
  -webkit-backdrop-filter: blur(85px);
  box-shadow: 3.68px 7.35px 17.16px 0px #0000001a,
  14.71px 28.19px 31.86px 0px #00000017, 33.09px 62.5px 42.89px 0px #0000000d,
  58.83px 111.52px 50.25px 0px #00000003,
  91.91px 175.25px 55.15px 0px #00000000;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.6) 0%,
          rgba(0, 0, 0, 0.6) 100%
  );

  max-width: 250px;
  width: 100%;
  min-height: 250px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 2;
  padding: 157px 10px 25px 10px;
}
.q-work-tag-img--two {
  position: absolute;
  top: -10px;
  left: 9px;
  max-width: 220px;
}
.q-work-tag--two p {
  font-weight: 400;
  font-size: 17.16px;
  line-height: 130%;
  text-align: center;
  color: #a6afbf;
}
.q-work-tag--two p span {
  color: #fafdff;
}
.q-work-tag-img--one {
  max-width: 120px;
  width: 100%;
  position: absolute;
  top: 13px;
  left: 65px;
  z-index: 2;
}

.q-advantages-cnt {
  position: relative;
  z-index: 2;
  min-height: 628px;
}
.q-advantages-mobile-decor {
  display: none;
}
.q-advantages-media {
  margin: 0 auto;
  max-width: 570px;
  width: 100%;
}
.q-advantages-clue {
  position: absolute;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );

  border-radius: 12px;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(60px);
  --webkit-backdrop-filter: (60px);
  padding: 20px;
  max-width: max-content;
  width: 100%;
}
.q-advantage-header {
  gap: 12px;
}
.q-advantage-header img {
  display: flex;
  max-width: 22px;
  margin-top: -2px;
}
.q-advantage-header h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #fafdff;
}
.q-advantages-clue--one {
  top: 5px;
  left: 0;
  max-width: 255px;
}
.q-advantages-clue--two {
  top: 192px;
  left: 141px;
  max-width: 263px;
}

.q-advantages-clue--tree {
  max-width: 255px;
  top: 379px;
  left: 0;
}
.q-advantages-clue--for {
  top: 138px;
  right: 0;
  max-width: 392px;
  width: 100%;
}

.q-advantage-decor {
  position: absolute;
}
.q-advantage-decor--one {
  bottom: -200px;
  z-index: -1;
  left: 0;
}

.q-advantage-decor--two {
  max-width: 394px;
  transform: rotate(20deg);
  position: absolute;
  top: 210px;
  right: 130px;
}
.q-advantage-decor--tree {
  max-width: 230px;
  top: 414px;
  right: 455px;
}
.q-advantage-decor--for {
  max-width: 484px;
  width: 100%;
  top: 142px;
  left: 186px;
  transform: rotate(165deg);
  z-index: -2;
}

.q-possibilities-round {
  max-width: 282px;
  width: 100%;
  height: 282px;
  background: #1b1c1f;
  border-radius: 50%;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  position: absolute;
  bottom: 0;
  right: 187px;
}
.q-round-text-img {
  max-width: 233px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  transition: 0.4s;
}
.q-round-text-img-light {
  max-width: 233px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.q-round-border-img {
  max-width: 148px;
  width: 100%;
  position: absolute;
  top: 67px;
  left: 67px;
}

.q-possibilities-round .icon-arrow-right3 {
  background: #fafdff;
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: 0.35s ease;
}

.q-faq-section {
  position: relative;
  z-index: 3;
}
@media (any-hover: hover) {
  .q-possibilities-round:hover .icon-arrow-right3 {
    transform: translate(-50%, -50%) scale(1.4) rotate(-45deg);
    background: #121316;
  }
  .q-possibilities-round:hover .q-round-text-img {
    animation-play-state: paused;
  }
  .q-possibilities-round:hover .q-round-text-img-light {
    animation-play-state: paused;
  }
  .q-possibilities-round:hover .q-round-text-img {
    opacity: 0;
    visibility: hidden;
  }
  .q-possibilities-round:hover .q-round-text-img-light {
    opacity: 1;
    visibility: visible;
  }
  .q-possibilities-round:hover {
    border: 1px solid #c2ccf61f;
    background: #dce8ff;
  }
}

@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.gallery-btn {
  margin: 43px auto 0;
}
.gallery-media {
  margin-top: -60px;
}
.gallery-body {
  position: relative;
  z-index: 2;
}
.functions-section {
  margin-top: 50px;
}
.functions-items {
  gap: 20px;
}
.function-item {
  gap: 10px;
  justify-content: space-between;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 1000px;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(16px);
  padding: 0 0 0 80px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.function-item-media {
  max-width: 474px;
  width: 100%;
  height: 202px;
}
.function-item-media picture {
  width: 100%;
  height: 100%;
}
.function-item-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 1000px 1000px 0;
}
.function-item-texts {
  max-width: 472px;
  width: 100%;
  padding: 10px 0;
}
.function-item-link {
  display: flex;
  width: 202px;
  height: 202px;
  border: 4px solid #c2ccf61f;
  background: #1b1c1f;

  border-radius: 50%;
  position: absolute;
  left: 60%;
  transform: translateX(-60%);
  transition: 0.4s;
  align-items: center;
  transition: 0.3s;
  justify-content: center;
}
.function-item:hover .function-item-link i {
  background: #121316;
  transform: rotate(-45deg);
}

.function-item-link i {
  font-size: 40px;
  background: #fafdff;
  transition: 0.3s;
}
.function-item:hover .function-item-link {
  background: #fafdff;
  border: 4px solid #121316;
}

.function-item:nth-child(1) .function-item-media img {
  object-position: 0 -150px;
}
.functions-btn {
  margin: 40px auto 0;
  max-width: max-content;
}
.q-reviews-section {
  position: relative;
  z-index: 4;
  overflow: hidden;
  padding: 20px 0 0;
  margin-top: 120px;
}
/* ======================================== Стили  для Canva  фоторедактор END===================================== */

/* ======================================== Стили  для Улучшить фотографию START===================================== */

.r-hero-section {
  position: relative;
  padding: 154px 0 0;
  z-index: 2;
  min-height: 880px;
}
.r-hero-dots {
  position: absolute;
  top: 0;
  left: 0;
}
.r-hero-body {
  position: relative;
  z-index: 2;
  min-height: 728px;
}
.r-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.r-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.r-hero-bg img {
  width: 100%;
  height: 100%;
}
.r-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.r-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.r-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.r-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.r-hero-cart {
  position: absolute;
}
.r-hero-cart--one {
  max-width: 380px;
  width: 100%;
  bottom: 104px;
  left: 195px;
}
.r-hero-cart--two {
  max-width: 185px;
  width: 100%;
  bottom: 304px;
  left: 0;
}
.r-hero-cart--tree {
  max-width: 282px;
  bottom: 181px;
  right: 293px;
}
.r-hero-cart--for {
  max-width: 283px;
  bottom: 280px;
  right: 0;
}
.r-hero-icon {
  position: absolute;
}
.r-hero-icon--one {
  bottom: 214px;
  left: 105px;
  max-width: 80px;
  width: 100%;
}
.r-hero-icon--two {
  bottom: 384px;
  left: 223px;
  max-width: 80px;
  width: 100%;
}
.r-hero-icon--tree {
  bottom: 137px;
  right: 320px;
  max-width: 228px;
  width: 100%;
}
.r-hero-icon--for {
  max-width: 80px;
  width: 100%;
  bottom: 191px;
  right: 203px;
}
.r-hero-icon--five {
  max-width: 60px;
  width: 100%;
  bottom: 574px;
  right: 10px;
}

.r-advantages-section {
  padding: 70px 0 0;
  position: relative;
  z-index: 2;
}
.r-advantages-cnt {
  min-height: 740px;
  position: relative;
  z-index: 2;
  gap: 10px;
  justify-content: center;
}
.r-advantages-tablet {
  display: none;
}
.r-advantages-block-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 600px;
}
.r-advantages-block-bg picture {
  width: 100%;
  height: 100%;
}
.r-advantages-block-bg img {
  width: 100%;
  height: 100%;
}
.r-advantages-gradient {
  position: absolute;
  bottom: -220px;
  max-width: 1266px;
  left: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: max-content;
}
.r-advantages-gradient picture {
  width: 100%;
  height: 100%;
}
.r-advantages-gradient picture img {
  width: 100%;
  height: 100%;
}
.r-advantages-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.r-advantages-decor {
  display: none;
}
.r-advantages-bg picture {
  width: 100%;
  height: 100%;
}
.r-advantages-bg img {
  width: 100%;
  height: 100%;
}
.r-advantages-center-column {
  max-width: 380px;
  width: 100%;
  gap: 10px;
}
.r-advantages-big-item {
  min-height: 500px;
  position: relative;
  z-index: 2;
  width: 100%;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 24px;
  overflow: hidden;
  margin: 0 auto;
}
.r-advantage-icon {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 6px;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  max-width: max-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  position: absolute;
  top: 24px;
  left: 24px;
  color: #fafdff;
}
.r-advantage-icon i {
  font-size: 24px;
  background: rgb(250, 253, 255);
}
.r-advantages-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.r-advantages-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.r-advantages-big-item .r-advantages-texts {
  margin-top: auto;
}

.r-advantages-texts .block-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.r-advantages-texts .block-title span {
  background: #fafdff;
  width: 6px;
  flex: 0 0 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff66;
}

.r-advantages-small-item {
  padding: 24px;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  min-height: 230px;
}
.r-advantages-btn {
  margin-top: auto;
}

.r-advantages-right-column {
  max-width: 282px;
  width: 100%;
  gap: 10px;
}
.r-advantages-left-column {
  max-width: 282px;
  width: 100%;
  gap: 10px;
}
.r-advantage-small-item {
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 24px 20px 24px 22px;
  border-radius: 16px;
  min-height: 282px;
  overflow: hidden;
}

.r-advantage-small-item .r-advantages-texts {
  margin-top: auto;
}

.r-possibilities-columns {
  gap: 27px;
}
.r-possibilities-body .section-big-titles p {
  max-width: 446px;
}
.r-possibilities-column {
  gap: 10px;
}
.r-possibilities-big-img {
  height: 260px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.r-possibilities-big-img picture {
  width: 100%;
  height: 100%;
}
.r-possibilities-big-img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.r-possibilities-big-img div {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  padding: 10px 16px 10px 12px;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 8px;
  position: absolute;
  top: 16px;
  left: 16px;
  gap: 8px;
  display: flex;
  align-items: center;
}
.r-possibilities-big-img div p {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}

.r-possibilities-big-img div span {
  width: 6px;
  height: 6px;
  display: block;
  flex: 0 0 6px;
  background: #dce8ff;
  box-shadow: 0px 0px 18px 3px #3fbdf166;
  border-radius: 50%;
}

.r-possibilities-big-item {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  backdrop-filter: blur(30px);
  max-width: 478px;
  width: 100%;
}
.r-possibilities-small-item {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  backdrop-filter: blur(30px);
  max-width: 282px;
  width: 100%;
}
.r-possibilities-big-texts {
  padding: 24px;
}
.r-possibilities-another-item {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  max-width: 283px;
  width: 100%;
  height: max-content;
  margin-left: auto;
  min-height: 305px;
  padding: 24px;
  overflow: hidden;
}
.r-possibilities-bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.r-possibilities-bg-img picture {
  width: 100%;
  height: 100%;
}
.r-possibilities-bg-img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.r-possibilities-texts {
  margin-top: auto;
}
.r-small-item--two {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  max-width: 380px;
  width: 100%;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  min-height: 282px;
  height: max-content;
  padding: 24px;
  overflow: hidden;
}

.small-item--two-texts {
  margin-top: auto;
}
.small-item--two-texts ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.small-item--two-texts ul li {
  display: flex;
  gap: 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
  align-items: center;
}
.small-item--two-texts ul li span {
  background: #dce8ff;
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  display: block;
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px #dce8ff66;
}

.r-big-item--two {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  max-width: 770px;
  width: 100%;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  min-height: 369px;
  height: max-content;
  padding: 24px;
  overflow: hidden;
}
.big-item--two-texts {
  margin-top: auto;
  max-width: 364px;
  width: 100%;
}

.r-process-cnt {
  width: 100%;
  min-height: 564px;
  position: relative;
  z-index: 2;
  gap: 96px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  padding: 52px 52px 0 52px;
  overflow: hidden;
}
.r-process-mobile-media {
  display: none;
}
.r-process-section {
  position: relative;
  z-index: 3;
}
.r-process-cnt .section-clue {
  white-space: nowrap;
}
.r-process-media {
  max-width: 340px;
  width: 100%;
  height: 512px;
  margin-top: auto;
}
.r-process-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.r-process-bg picture {
  width: 100%;
  height: 100%;
}
.r-process-bg picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.r-process-description {
  max-width: 620px;
  width: 100%;
  padding: 24px 0 0;
}
.r-process-steps {
  margin-top: 40px;
  gap: 40px;
}
.r-process-step {
  gap: 35px;
}
.r-process-step-texts {
  gap: 12px;
}
.r-process-step-texts h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
}
.r-process-step-texts p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #a6afbf;
}

.r-process-btn {
  max-width: max-content;
}
.r-process-btn-mobile {
  display: none;
}

.r-trust-section {
  margin-top: 70px;
  min-height: 532px;
  position: relative;
  z-index: 2;
}
.r-trust-bg {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
}

.r-trust-bg picture {
  width: 100%;
  height: 100%;
}

.r-trust-bg picture img {
  width: 100%;
  height: 100%;
}
.r-trust-decor {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.r-trust-dots {
  position: absolute;
  left: 0;
  top: 0;
}
.r-trust-body {
  padding: 100px 0 0;
  position: relative;
  z-index: 2;
}
.r-trust-dots img {
  object-position: 0 -210px;
}
.r-trust-ellipse {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 220px;
}
.r-trust-ellipse picture {
  width: 100%;
}
.r-trust-ellipse img {
  width: 100%;
}
.r-trust-users {
  max-width: 544px;
  width: 100%;
  margin: 48px auto 0;
}
.r-trust-btn {
  margin: 60px auto 0;
  max-width: max-content;
}
.r-reviews-section {
  margin-top: 70px;
}

/* ======================================== Стили  для Улучшить фотографию END===================================== */

/* ======================================== Стили  для Photoshop онлайн START===================================== */

.s-hero-section {
  position: relative;
  padding: 154px 0 0;
  z-index: 2;
  min-height: 962px;
}
.s-hero-cursor {
  display: none;
}

.s-hero-body {
  position: relative;
  z-index: 2;
}
.s-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.s-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.s-hero-bg img {
  width: 100%;
  height: 100%;
}
.s-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.s-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.s-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.s-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.s-hero-media {
  max-width: 1032px;
  display: flex;
  width: 100%;
  margin: 11px auto 0;
}

.s-hero-icons {
  max-width: 161px;
  width: 100%;
  position: absolute;
  bottom: 78px;
  left: 97px;
}
.s-hero-icons--two {
  position: absolute;
  bottom: 236px;
  left: 259px;
  max-width: 84px;
  width: 100%;
}
.s-hero-plus {
  max-width: 236px;
  width: 100%;
  position: absolute;
  bottom: 236px;
  left: 271px;
}
.s-hero-cart {
  position: absolute;
  bottom: 94px;
  max-width: 153px;
  right: 287px;
}
.s-hero-tag {
  position: absolute;
  padding: 13px 19px 13px 13px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1.09px solid #c2ccf61f;
  border-radius: 9px;
  display: flex;
  gap: 9px;
  align-items: center;
  position: absolute;
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
}
.s-hero-tag span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  display: block;
  border-radius: 50%;
  background: #dce8ff;
  box-shadow: 0px 0px 19.63px 3.27px #dce8ff66;
}
.s-hero-tag p {
  font-weight: 600;
  font-size: 19.63px;
  line-height: 130%;
  color: #fafdff;
}
.s-hero-tag--one {
  left: 60px;
  bottom: 543px;
}
.s-hero-tag--two {
  right: 245px;
  bottom: 4px;
}

.s-possibilities-columns {
  gap: 32px;
  margin-top: 25px;
}
.s-possibilities-column {
  gap: 10px;
}
.s-possibilities-left-item {
  max-width: 282px;
  width: 100%;
}
.s-possibilities-texts {
  padding: 20px;
}
.s-possibilities-centes-item {
  max-width: 575px;
  width: 100%;
}
.s-possibilities-right-item {
  max-width: 282px;
  width: 100%;
}
.block-title-link {
  gap: 10px;
}

.s-advantages-section {
  padding: 0 0 37px 0;
  position: relative;
  z-index: 3;
}
.s-advantages-body {
  position: relative;
  z-index: 2;
}
.s-advantage-blur {
  position: absolute;
  left: -50px;
  top: -50px;
  z-index: -1;
}
.s-advantages-columns {
  gap: 40px;
}
.s-advantages-column {
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-advantages-column:nth-child(1) {
  gap: 23px;
}
.s-advantages-column:nth-child(2) {
  gap: 88px;
}
.s-advantage-big-item {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  max-width: 369px;
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: 30px;
  overflow: hidden;
  min-height: 241px;
  padding: 0 24px 33px 0;
  overflow: hidden;
}
.s-advantage-big-item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 30px;
  background: linear-gradient(180deg, #055ab6 0%, #201d66 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
.s-advantage-big-icon {
  top: -23px;
  left: 0;
  position: absolute;
  max-width: 256px;
}

.s-advantage-big-texts {
  margin-left: auto;
  margin-top: auto;
}
.s-advantage-big-texts h3 {
  font-weight: 500;
  font-size: 80px;
  line-height: 80px;
  color: #dce8ff;
  text-align: end;
  letter-spacing: -6px;
}
.s-advantage-big-texts p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
  text-align: end;
}
.s-advantage-items {
  max-width: 406px;
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
  justify-content: center;
}
.s-advantage-item {
  position: relative;
  z-index: 2;
  padding: 20px;
  background: #1b1c1f;
  border: 0.53px solid #c2ccf61f;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 191px;
  overflow: hidden;
}
.s-advantage-item i {
  font-size: 36px;
  background: #dce8ff;
}
.s-advantage-item p {
  color: #fafdff;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.s-advantage-item span {
  color: #dce8ff;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  text-align: center;
}
.s-advantage-item-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.s-advantage-item-bg picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-advantage-item-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-advantages-column .block-big-text {
  max-width: 488px;
  margin-top: 0;
}
.s-advantage-lamp {
  position: absolute;
  top: 125px;
  right: 30px;
  max-width: 264px;
  width: 100%;
  transform: rotate(8deg);
}

.s-trust-section {
  padding: 60px 0;
  position: relative;
  z-index: 2;
}
.s-trust-section-mobile {
  display: none;
}
.s-trust-section {
  max-width: 1440px;
  margin: 140px auto 0;
}
.s-trust-body {
  margin-top: -270px;
}
.s-trust-btn {
  margin: 32px auto 0;
}
.s-trust-grid {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 250px;
  min-width: 1000px;
  z-index: -1;
}
.s-trust-blur {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: -250px;
  min-width: 1200px;
  z-index: 0;
}

/* ======================================== Стили  для Photoshop онлайн END===================================== */

/* ======================================== Стили  для Leonardo AI START===================================== */

.t-hero-section {
  position: relative;
  padding: 152px 0 0;
  z-index: 2;
  min-height: 880px;
}
.t-hero-body {
  position: relative;
  z-index: 2;
}
.t-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.t-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.t-hero-bg img {
  width: 100%;
  height: 100%;
}
.t-hero-dots {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.t-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}

.t-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.t-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.t-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}

.t-hero-images {
  margin: 43px auto 0;
}
.t-hero-images picture {
  width: 100%;
  display: block;
}
.t-hero-images img {
  width: 100%;
}
.t-hero-ellipse {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
}

.t-hero-ellipse picture {
  width: 100%;
  display: block;
}
.t-hero-ellipse img {
  width: 100%;
}

.t-advantages-section {
  padding: 70px 0 0;
}
.t-advantages-columns {
  gap: 10px;
  justify-content: center;
}
.t-advantages-center-column {
  max-width: 380px;
  width: 100%;
  gap: 10px;
  margin-top: 40px;
}
.t-advantage-big-item {
  min-height: 380px;
  position: relative;
  z-index: 2;
  width: 100%;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  overflow: hidden;
  padding: 24px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.t-advantage-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.t-advantage-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t-advantage-icon {
  position: absolute;
  top: 24px;
  left: 24px;
  max-width: 44px;
  width: 100%;
}
.t-advantage-texts {
  position: relative;
  z-index: 2;
  margin-top: auto;
}

.t-advantage-small-items {
  width: 100%;
  gap: 10px;
}
.t-advantage-small-item {
  width: 100%;
  max-width: 185px;
  min-height: 185px;
  position: relative;
  z-index: 2;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  flex: 0 0 185px;
}
.advantage-border-item {
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  overflow: hidden;
  padding: 20px;
}
.t-advantage-texts-between {
  justify-content: space-between;
  position: relative;
  z-index: 2;
  height: 100%;
}
.t-advantage-texts-between h3 {
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  color: #fafdff;
}

.t-possibilities-round {
  max-width: 185px;
  width: 100%;
  flex: 0 0 185px;
  height: 185px;
  background: #1b1c1f;
  border-radius: 50%;
  border: 1px solid #c2ccf61f;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
.t-round-text-img {
  max-width: 153px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  transition: 0.4s;
}
.t-round-text-img-light {
  max-width: 153px;
  width: 100%;
  position: absolute;
  animation: rotateText 22s linear infinite;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.t-round-border-img {
  max-width: 98px;
  width: 100%;
  position: absolute;
  top: 44px;
  left: 44px;
}

.t-possibilities-round .icon-arrow-right {
  background: #fafdff;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.35s ease;
}
.t-possibilities-round:hover .icon-arrow-right {
  transform: translate(-50%, -50%) scale(1.4);
  background: #121316;
}
.t-possibilities-round:hover .t-round-text-img {
  animation-play-state: paused;
}
.t-possibilities-round:hover .t-round-text-img-light {
  animation-play-state: paused;
}
.t-possibilities-round:hover .t-round-text-img {
  opacity: 0;
  visibility: hidden;
}
.t-possibilities-round:hover .t-round-text-img-light {
  opacity: 1;
  visibility: visible;
}
.t-possibilities-round:hover {
  border: 1px solid #c2ccf61f;
  background: #dce8ff;
}
@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.t-advantages-left-column {
  max-width: 283px;
  width: 100%;
  gap: 10px;
  align-items: flex-end;
}
.t-advantage-average-item {
  width: 100%;
  min-height: 283px;
  position: relative;
  z-index: 2;
  padding: 24px;
  border: 1px solid #c2ccf61f;
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.t-advantage-average-item:nth-child(1) {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
}
.t-advantage-average-item:nth-child(3) {
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
}
.t-advantages-right-column {
  max-width: 283px;
  width: 100%;
  gap: 10px;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.t-advantage-logo {
  max-width: 88px;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.t-advantages-body {
  position: relative;
  z-index: 2;
}
.t-advantages-decor {
  position: absolute;
  max-width: 520px;
  width: 100%;
  top: 239px;
  left: -130px;
  z-index: -1;
}

.t-possibilities-text-item {
  max-width: 380px;
  width: 100%;
  padding: 24px;
}
.t-possibilities-text-item h3 {
  font-weight: 500;
  font-size: 60px;
  line-height: 60px;
  color: #dce8ff;
  flex: 1 1 auto;
}
.t-possibilities-columns {
  gap: 10px;
}
.t-possibilities-column {
  gap: 10px;
}
.t-possibilities-swiper-mobile {
  display: none;
}
.t-possibilities-img-item {
  max-width: 673px;
  width: 100%;
}
.t-possibilities-img-item {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.t-possibilities-column:nth-child(2) {
  margin-left: 97px;
}

.t-possibilities-column:nth-child(4) {
  margin-left: 97px;
}

.t-process-items {
  justify-content: center;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.t-process-slide {
  padding: 0 24px;
  position: relative;
  z-index: 2;
  min-height: 216px;
  max-width: 380px;
  width: 100%;
}
.t-process-shadow-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #a6afbf;
  position: relative;
  display: block;
  margin-left: 15px;
}
.t-process-shadow-title::after {
  background: #dce8ff;
  content: "";
  box-shadow: 0px 0px 18px 3px #dce8ff66;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -16px;
  position: absolute;
  top: 6px;
}
.t-process-slide-texts {
  margin-top: auto;
}
.t-process-slide-texts .block-text {
  text-align: start;
}
.t-process-slide::after {
  content: "";
  background: #c2ccf61f;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 8px;
}
.t-process-slide::before {
  content: "";
  background: #dce8ff;
  width: 2px;
  height: 72px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 8px;
  box-shadow: 0px 0px 20px 0px #a1d8ee80;
}
.t-process-items .t-process-slide:nth-child(2)::before {
  top: 50%;
  transform: translateY(-50%);
}
.t-process-items .t-process-slide:nth-child(3)::before {
  top: unset;
  bottom: 0;
}

.t-trust-section {
  position: relative;
  z-index: 2;
}
.t-trust-images {
  width: 100%;
  position: relative;
  z-index: -1;
}
.t-trust-images picture {
  width: 100%;
  display: flex;
}
.t-trust-images img {
  width: 100%;
}
.t-trust-grid {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 1000px;
}
.t-trust-blur {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -30%);
  min-width: max-content;
  z-index: -1;
}
.t-trust-btn {
  margin: -80px auto 0;
  max-width: max-content;
}

/* ======================================== Стили  для Leonardo AI END===================================== */

/* ======================================== Стили  для DALLE START===================================== */

.u-hero-section {
  position: relative;
  padding: 159px 0 0;
  overflow: hidden;
  z-index: 2;
  min-height: 880px;
}
.u-hero-body {
  position: relative;
  z-index: 2;
}
.u-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 150%;
}
.u-hero-bg picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.u-hero-bg img {
  width: 100%;
  height: 100%;
}
.u-hero-titles {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.u-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.u-hero-titles p {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 20px;
  color: #a6afbf;
}
.u-hero-btn {
  margin: 32px auto 0;
  max-width: max-content;
}
.u-hero-dots {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1347px;
}
.u-hero-media {
  display: flex;
  margin-top: -80px;
}
.u-hero-star {
  position: absolute;
  display: flex;
}
.u-hero-star--one {
  max-width: 160px;
  width: 100%;
  top: 122px;
  left: -80px;
}
.u-hero-star--two {
  max-width: 120px;
  bottom: -25px;
  right: 135px;
}

.u-possibility .section-big-titles {
  max-width: 570px;
  margin: 0px auto;
}
.u-possibility-btn {
  margin: 40px auto 0;
  max-width: max-content;
}

.u-possibility__columns {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 48px;
}
.u-possibility__column {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  border-radius: 1000px;
  background: linear-gradient(
          105.97deg,
          rgba(0, 0, 0, 0.2) 0%,
          rgba(0, 0, 0, 0.1) 100%
  );
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid rgba(194, 204, 246, 0.12);
}
.u-possibility__column:hover .u-possibility__button {
  background-color: #fff;
  border: 4px solid #121316;
}
.u-possibility__column:hover .u-possibility__button img {
  filter: brightness(0);
  transform: rotate(0);
}
.u-possibility__content {
  padding: 60px 33px 60px 80px;
}
.u-possibility__subtitle {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #fafdff;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: start;
}
.u-possibility__subtitle img {
  max-width: 23px;
  margin-top: -3px;
}
.u-possibility__text {
  color: #a6afbf;
  font-weight: 400;
  font-size: 18px;
  max-width: 473px;
  font-size: 18px;
  line-height: 130%;
}
.u-possibility__image {
  max-width: 474px;
  height: 202px;
  width: 100%;
}
.u-possibility__image picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.u-possibility__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.u-possibility__button {
  position: absolute;
  top: 0;
  right: 33%;
  width: 202px;
  height: 202px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #121316;
  border: 4px solid rgba(194, 204, 246, 0.12);
  transition: all 0.3s ease 0s;
}
.u-possibility__button img {
  transition: all 0.3s ease 0s;
  transform: rotate(45deg);
}
.u-trust-section-mobile {
  display: none;
}

/* ======================================== Стили  для DALLE END===================================== */

.e-hero-section {
  position: relative;
  padding: 159px 0 0;
}
.e-hero-image {
  position: relative;
  margin-top: -4%;
}
.e-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.e-hero-circle {
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 945px;
  height: 100%;
  width: 100%;
}
.e-hero-circle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.e-hero-card {
  max-width: 676px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: unset;
  height: unset;
}
.e-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.e-hero-bg img {
  width: 100%;
  height: 100%;
}
.e-hero-slider {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 136px auto 0;
}
.e-hero-body {
  position: relative;
  z-index: 3;
}
.e-hero-titles {
  max-width: 645px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 0 14px;
}
.e-hero-grid {
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  min-width: max-content;
}
.e-hero-blur {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.e-hero-blur img {
  width: 100%;
  height: auto;
  object-fit: initial;
}
.e-hero-titles h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 110%;
  text-align: center;
  color: #fafdff;
}
.e-hero-titles p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin-top: 10px;
  color: #fafdff;
  opacity: 0.6;
}
.e-hero-btn {
  margin: 28px auto 0;
  max-width: max-content;
}
.e-hero-btn-mobile {
  display: none;
}

.e-hero-tag {
  position: absolute;
  padding: 13px 32px;
  gap: 13px;
  background: linear-gradient(
          140deg,
          rgba(0, 0, 0, 0.4) 0%,
          rgba(0, 0, 0, 0.2) 100%
  );
  border: 1px solid rgba(194, 204, 246, 0.12);
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  backdrop-filter: blur(30px);
}
.e-hero-tag span {
  position: relative;
  padding-left: 20px;
}
.e-hero-tag span::before {
  content: "";
  background-color: #dce8ff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
}
.e-hero-tag--one {
  top: 50%;
  left: 110px;
}
.e-hero-tag--two {
  left: 160px;
  bottom: 105px;
}
.e-hero-tag--tree {
  top: 43%;
  right: 160px;
}
.e-hero-tag--for {
  right: 90px;
  bottom: 150px;
}

.e-steps {
  position: relative;
  margin-top: 50px;
}
.e-steps__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 50%;
  height: 90%;
}
.e-steps__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.e-steps__body {
  display: flex;
  gap: 96px;
  padding: 0 32px 0 72px;
  margin-top: 77px;
  position: relative;
}
.e-steps__cirlce {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 497px;
  top: -70px;
  left: -30px;
}
.e-steps__image {
  flex: 0 0 341px;
  position: relative;
}
.e-steps__blur {
  position: absolute;
  width: 300px;
  height: 180px;
  border-radius: 50%;
  background: linear-gradient(
          270deg,
          rgba(4, 166, 255, 1) 0%,
          rgba(17, 53, 159, 1) 100%
  );
  top: 20%;
  left: -15%;
  z-index: -1;
  filter: blur(100px);
}
.e-steps__subtitle {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: #fafdff;
  max-width: 319px;
  margin-bottom: 40px;
}
.e-steps__subtitle span {
  color: #dce8ff;
}
.e-steps__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 36px;
}
.e-steps__item {
  display: flex;
  gap: 35px;
  color: #d4d4d4;
}
.e-steps__step {
  position: relative;
  height: 100%;
  padding-left: 20px;
  text-wrap: nowrap;
}
.e-steps__step::before {
  content: "";
  background-color: #dce8ff;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 0px 18px 3px rgba(63, 189, 241, 0.4);
}
.e-steps__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #fafdff;
  margin-bottom: 12px;
}
.e-steps__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}
.e-steps-btn {
  max-width: max-content;
}
.e-steps-btn-mobile {
  display: none;
  max-width: max-content;
}

.e-possibilities-items {
  gap: 15px;
  flex-wrap: wrap;
  display: flex;
}
.e-possibilities-wrapper {
  display: flex;
  gap: 15px;
}
.e-possibilities-start {
  flex: 0 0 373px;
  background-color: #262728;
  border-radius: 15px;
  border: 1px solid #404040;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.e-possibilities-item {
  flex: 0 1 calc(44.2% - 15px);
  background: linear-gradient(
          90deg,
          rgba(38, 39, 40, 0.25) 0%,
          rgba(38, 39, 40, 0.1) 100%
  );
  box-shadow: 0px 0px 12px 0px #0000001f;
  border-radius: 15px;
  padding: 20px 16px 29px 20px;
  border: 1px solid #404040;
}
.e-possibilities-item-big {
  flex: 0 1 55.8%;
}
.e-possibilities-top {
  display: flex;
  gap: 23px;
  align-items: center;
  color: #fafdff;
}
.e-possibilities-number {
  min-width: 48px;
  min-height: 48px;
  background-color: #262728;
  border: 1px solid #404040;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 22px;
  line-height: 28px;
  color: #dce8ff;
  font-weight: 500;
}
.e-possibilities-top p {
  line-height: 130%;
}
.e-possibilities-item .block-text {
  margin-top: 30px;
  line-height: 130%;
}
.e-possibilities-image {
  background-color: #16181b;
  border-radius: 16px;
  padding: 42px 33px;
}
.e-possibilities-image-wrapper {
  display: flex;
  background-color: #2e2d2f;
  border-radius: 10px;
  align-items: center;
  gap: 30px;
  border: 1px solid rgba(194, 204, 246, 0.12);
}
.e-possibilities-image-wrapper p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #fafdff;
}
.e-possibilities-icon {
  background-color: #1b1c1f;
  min-width: 64px;
  min-height: 64px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.e-possibilities-text {
  color: #fafdff;
  line-height: 22px;
}
.e-possibilities-btn {
  background-color: #17181b;
  width: fit-content;
  padding-right: 20px;
}

.e-advantages .container {
  position: relative;
}
.e-advantages__grid {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.e-advantages__grid-2 {
  bottom: 15%;
  top: unset;
}
.e-advantages__image {
  margin-top: 40px;
  margin-bottom: 55px;
}
.e-advantages__gallery {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
  max-width: 100%;
  background-color: #17191b;
  border: 8px solid #1b1c1f;
  border-radius: 16px;
  padding: 50px 0;
  margin-bottom: 55px;
  position: relative;
}
.e-advantages__gallery::after,
.e-advantages__gallery::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 240px;
  top: 0;
  z-index: 1;
}
.e-advantages__gallery::after {
  right: 0;
  background: linear-gradient(
          270deg,
          rgba(23, 25, 27, 1) 0%,
          rgba(0, 0, 0, 0) 100%
  );
}
.e-advantages__gallery::before {
  left: 0;
  background: linear-gradient(
          90deg,
          rgba(23, 25, 27, 1) 0%,
          rgba(0, 0, 0, 0) 100%
  );
}
.e-advantages__blur {
  position: absolute;
  z-index: -1;
}
.e-advantages__blur-1 {
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
}
.e-advantages__blur-2 {
  bottom: 0;
  left: -10%;
}
.e-advantages__list {
  display: flex;
  width: fit-content;
  gap: 15px;
}
.e-advantages__list-1 {
  animation: 40s linear infinite moveLeft;
}
.e-advantages__list-2 {
  animation: 40s linear infinite moveRight;
}
.e-advantages__copy {
  display: flex;
  align-items: center;
  gap: 15px;
}
.e-advantages__item {
  display: flex;
  height: 66px;
  width: max-content;
}
.e-advantages__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.e-advantages__body {
  display: flex;
  gap: 57px;
}
.e-advantages__result {
  display: flex;
  flex-direction: column;
  gap: 23px;
  flex: 0 1 589px;
}
.e-advantages__top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.e-advantages__stat {
  display: flex;
  gap: 20px;
  align-items: center;
}
.e-advantages__stat span {
  color: #dce8ff;
  font-size: 38px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.02em;
}
.e-advantages__stat p {
  font-size: 15px;
  font-weight: 400;
  line-height: 110%;
  color: #6c6c6c;
}
.e-advantages__text {
  font-size: 16px;
  color: #fafdff;
  opacity: 0.6;
  line-height: 24px;
}
.e-advantages__column {
  display: flex;
  gap: 38px;
  flex: 1 1 auto;
}
.e-advantages__icon {
  padding: 36px;
  border-radius: 16px;
  background-color: #1b1c1f;
  border: 1px solid #404040;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 119px;
  height: 119px;
}
.e-advantages__icon img {
  width: 100%;
  height: 100%;
}
.e-advantages__column .advantages__item {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: unset;
  height: unset;
}
.e-advantages__users {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.e-advantages__users-mobile {
  display: none;
}
.e-advantages__users img {
  max-width: 128px;
  width: unset;
  height: unset;
}
.e-advantages__column p {
  max-width: 316px;
}

.e-advantages-btn {
  margin: 0px auto;
  margin-top: 20px;
  max-width: max-content;
}
.e-advantages__column .e-advantages__item {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: unset;
  height: unset;
}
.b-why-btn-mobile {
  display: none;
}
@media (max-width: 1400px) {
  .e-hero-tag--one {
    left: 80px;
  }
  .e-hero-tag--two {
    left: 150px;
  }

  .e-hero-tag--tree {
    right: 80px;
  }
  .e-hero-tag--for {
    right: 150px;
  }

  /* ======================================== Стили  для  лэндинга  Увеличить разрешение фото  START===================================== */

  .a-hero-tag--one {
    left: 80px;
  }
  .a-hero-tag--two {
    left: 150px;
  }

  .a-hero-tag--tree {
    right: 80px;
  }
  .a-hero-tag--for {
    right: 150px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  END===================================== */
}

@media (max-width: 1300px) {
  .t-hero-ellipse {
    bottom: 40px;
  }
}

@media (max-width: 1263px) {
  .o-how-work-cnt {
    margin-top: 32px;
  }
  .o-how-work-slide {
    min-height: 500px;
  }
}

@media (max-width: 1200px) {
  /* ======================================== Стили  для DALLE START===================================== */

  .u-hero-section {
    padding: 128px 0 0;
  }
  .u-hero-media {
    margin-top: -40px;
  }

  /* ======================================== Стили  для DALLE END===================================== */

  /* ======================================== Стили  для Leonardo AI START===================================== */

  .t-trust-grid {
    min-width: unset;
  }
  .t-trust-blur {
    min-width: unset;
  }
  .t-hero-ellipse {
    bottom: -2px;
  }
  .t-hero-section {
    display: flex;
    flex-direction: column;
  }
  .t-hero-images {
    margin-top: auto;
  }
  /* ======================================== Стили  для Leonardo AI END===================================== */

  /* ======================================== Стили  для Улучшить фотографию START===================================== */
  .r-trust-dots img {
    object-position: unset;
  }
  .r-trust-ellipse {
    bottom: -50px;
  }
  .r-process-cnt {
    padding: 20px 20px 0 20px;
    gap: 30px;
    justify-content: space-between;
  }
  /* ======================================== Стили  для Улучшить фотографию END===================================== */

  /* ======================================== Стили  для Canva  фоторедактор START===================================== */

  .q-herq-tag--two {
    right: 0;
  }

  /* ======================================== Стили  для Canva  фоторедактор END===================================== */

  /* ======================================== Стили  для Оживить фотографию START===================================== */

  .n-hero-icon-desktop {
    display: none;
  }

  /* ======================================== Стили  для Оживить фотографию END===================================== */

  /* ======================================== Стили  для Генератор баннеров бесплатно START===================================== */

  .p-advantage-big-item {
    gap: 10px;
    justify-content: space-between;
  }
  .p-advantage-big-texts {
    padding: 0;
  }

  /* ======================================== Стили  для Генератор баннеров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация постов Instagram бесплатно START===================================== */

  .n-process-cnt {
    padding: 20px 20px 0 20px;
    gap: 30px;
    justify-content: space-between;
  }
  .n-hero-icon-desktop {
    display: none;
  }

  /* ======================================== Стили  для Генерация постов Instagram бесплатно END===================================== */

  /* ======================================== Стили  для ИИ-генератор интерьера START===================================== */

  .l-statistics-big-item {
    max-width: 340px;
  }

  /* ======================================== Стили  для ИИ-генератор интерьера END===================================== */

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно START===================================== */

  .k-hero-bg img {
    object-position: unset;
  }
  .k-process-cnt {
    padding: 20px 20px 0 20px;
    gap: 30px;
    justify-content: space-between;
  }
  .k-advnatages-users-item {
    position: relative;
    bottom: unset;
    right: unset;
  }
  .k-advnatages-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .k-advnatages-decor {
    display: none;
  }
  .k-advnatages-average-item {
    right: 0;
  }

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно END===================================== */

  /* ======================================== Стили  для Объединить 2 фото START===================================== */

  .i-advantages-body {
    flex-direction: column;
    align-items: center;
  }
  .i-advantages-titles {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .i-advantages-titles p {
    text-align: center;
  }
  .i-advantages-titles h2 {
    text-align: center;
  }

  /* ======================================== Стили  для Объединить 2 фото END===================================== */

  /* ======================================== Стили  для  лэндинга  Увеличить разрешение фото  START===================================== */

  .a-hero-tag--one {
    left: 0;
  }
  .a-hero-tag--two {
    left: 0;
  }
  .a-hero-tag--tree {
    right: 0;
  }
  .a-hero-tag--for {
    right: 0;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинкии   START===================================== */

  .c-advantages-items {
    overflow: auto;
    padding: 0 20px 10px 20px;
    margin: 40px -14px 0 -14px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинкии   END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   START===================================== */

  .d-how-work-items {
    overflow: auto;
  }
  .d-work-item-cart {
    min-width: 275px;
  }
  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Создать фото  START===================================== */

  .f-how-work-items {
    overflow-y: auto;
  }
  .f-animation-img--two {
    display: none;
  }
  .f-animation-img--one {
    display: none;
  }
  .f-animation-img--tree {
    display: none;
  }
  /* ======================================== Стили   для  лэндинга  Создать фото  END===================================== */
}

@media (max-width: 1100px) {
  .p-advantage-column {
    flex-direction: column;
    align-items: center;
  }
  .p-advantage-column:nth-child(2) {
    flex-direction: column-reverse;
  }
  .function-item-texts {
    max-width: 350px;
  }
}

@media (max-width: 1024px) {
  /* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   START===================================== */
  .b-why__swiper .swiper-slide.light {
    transform: none;
  }

  .b-why-btn-mobile {
    display: flex;
    margin: 32px auto 0;
    max-width: max-content;
  }
  .b-why-btn {
    display: none;
  }
  .b-why__body {
    display: block;
  }

  .b-why__column {
    flex: auto;
    margin-bottom: 40px;
  }

  .b-why__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    text-align: center;
  }

  .b-why__title {
    text-align: center;
  }

  .b-why__text {
    margin-bottom: 0;
  }

  .b-why__button {
    display: none;
  }

  .b-why__bottom {
    display: none;
  }

  .b-why__bottom-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .b-why__bottom-mobile p {
    text-align: center;
    max-width: 260px;
  }

  .b-why__bottom-mobile p:not(:last-child) {
    margin-bottom: 4px;
  }

  .b-why__bottom-mobile .why__button {
    margin-top: 12px;
    display: flex;
  }

  .b-why__people {
    margin-bottom: 24px;
  }

  .b-why__swiper {
    overflow: hidden;
    margin-bottom: 44px;
  }

  .b-why__swiper .swiper-wrapper {
    display: flex;
    gap: 0;
    margin-bottom: 16px;
  }

  .b-why__swiper .swiper-slide {
    width: calc(50% - 20px);
  }

  .b-why__swiper .swiper-slide.light-mobile {
    background-color: #dce8ff;
    color: #121316;
  }
  .b-why__swiper .swiper-slide.light-mobile .b-why__subtitle {
    color: #121316;
  }
  .b-why__swiper .swiper-slide.light-mobile .b-why__desc {
    color: #121316;
  }

  .b-why__swiper .swiper-slide.light-mobile .why__icon img {
    filter: brightness(0);
  }

  .b-why__pagination {
    display: flex;
    justify-content: center;
  }

  .b-steps__columns {
    background-image: unset;
    flex-direction: column-reverse;
    gap: 24px;
    position: relative;
  }

  .b-features__body {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .b-features__item-big {
    min-height: unset;
    padding: 20px;
    align-items: center;
    display: none;
  }
  .b-features__item-big-mobile {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .b-features__item-big p {
    max-width: 220px;
  }
  .b-features__item-big h3 {
    max-width: 170px;
  }
  .b-features__item-small {
    justify-content: center;
  }
  .b-features__item-small h3 {
    margin-top: 0;
  }

  /* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   END===================================== */
}

@media (max-width: 992px) {
  .e-advantages__body,
  .e-advantages__column {
    gap: 24px;
  }
  .e-possibilities-wrapper {
    flex-direction: column;
  }
  .e-possibilities-start {
    flex: 0 0 344px;
  }
  .e-steps__body {
    gap: 48px;
  }
  .e-steps__image {
    flex: 0 0 241px;
    align-self: flex-end;
  }
  .e-steps__blur {
    top: -20%;
  }
  .e-steps__cirlce {
    max-width: 397px;
    top: 0;
  }

  .e-hero-tag--one {
    left: 0;
  }
  .e-hero-tag--two {
    left: 0;
  }
  .e-hero-tag--tree {
    right: 0;
  }
  .e-hero-tag--for {
    right: 0;
  }
  /* ======================================== Стили  для DALLE START===================================== */

  .u-possibility__content {
    padding: 40px;
  }
  .u-possibility__image {
    max-width: 380px;
  }

  .u-possibility__button {
    width: 160px;
    height: 160px;
  }
  .u-possibility__text {
    max-width: 360px;
  }

  .u-hero-star {
    display: none;
  }
  /* ======================================== Стили  для DALLE END===================================== */

  /* ======================================== Стили  для Leonardo AI START===================================== */
  .t-trust-btn {
    margin: 0 auto;
  }

  .t-possibilities-column {
    flex-direction: column;
  }
  .t-possibilities-img-item {
    max-width: 100%;
  }
  .t-possibilities-column:nth-child(2) {
    margin-left: unset;
    flex-direction: column-reverse;
  }
  .t-possibilities-column:nth-child(4) {
    margin-left: unset;
    flex-direction: column-reverse;
  }
  .t-possibilities-texts {
    margin-top: 32px;
  }

  .t-advantages-columns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .t-advantages-left-column {
    max-width: 100%;
  }
  .t-advantages-center-column {
    max-width: 100%;
  }
  .t-advantage-small-items {
    justify-content: center;
  }
  .t-advantages-right-column {
    max-width: 100%;
  }

  .t-hero-section {
    min-height: 780px;
  }
  /* ======================================== Стили  для Leonardo AI END===================================== */

  /* ======================================== Стили  для Photoshop онлайн START===================================== */
  .s-trust-body {
    margin-top: -170px;
  }
  .s-advantages-column:nth-child(1) {
    flex-direction: column-reverse;
  }
  .s-advantages-column:nth-child(2) {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  .s-advantages-column .block-big-text {
    text-align: center;
  }
  .s-advantages-columns {
    gap: 32px;
  }
  .s-advantages-section {
    padding: 0;
  }

  .s-possibilities-column {
    flex-wrap: wrap;
    justify-content: center;
  }
  .s-possibilities-right-item {
    order: 3;
  }
  .s-possibilities-centes-item {
    order: 1;
  }
  .s-possibilities-left-item {
    order: 2;
  }
  .s-hero-tag {
    display: none;
  }
  .s-hero-icons {
    bottom: 0;
    left: 0;
  }
  .s-hero-icons--two {
    left: 0;
  }
  .s-hero-plus {
    left: 0;
  }
  .s-hero-cart {
    right: 0;
    bottom: 0;
  }

  /* ======================================== Стили  для Photoshop онлайн END===================================== */

  /* ======================================== Стили  для Улучшить фотографию START===================================== */
  .r-possibilities-column {
    flex-wrap: wrap;
  }
  .r-advantages-tablet {
    display: block;
    margin-top: 32px;
    position: relative;
    z-index: 2;
  }
  .r-advantages-btn {
    margin: 33px auto 0;
    max-width: max-content;
  }
  .r-advantages-cnt {
    display: none;
  }
  .r-advantages-big-item {
    max-width: 100%;
  }
  .r-advantages-right-column {
    max-width: 100%;
    flex-direction: column-reverse;
  }
  .r-advantages-left-column {
    max-width: 100%;
  }
  .r-advantage-small-item {
    min-height: 220px;
  }
  .r-advantages-big-item {
    min-height: 450px;
  }

  .r-hero-cart--for {
    display: none;
  }
  .r-hero-cart--tree {
    right: 0;
  }
  /* ======================================== Стили  для Улучшить фотографию END===================================== */

  /* ======================================== Стили  для Canva  фоторедактор START===================================== */

  .function-item {
    flex-direction: column-reverse;
    background: unset;
    border-radius: unset;
    border: unset;
    padding: 0;
  }
  .function-item-media img {
    border-radius: 10px;
  }
  .function-item-texts {
    max-width: 100%;
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
    padding: 24px;
    border: 1px solid #c2ccf61f;
    border-radius: 12px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
  }
  .function-item-media {
    max-width: 100%;
    height: 350px;
    border: 1px solid #c2ccf61f;
    border-radius: 10px;
  }
  .function-item-link {
    left: unset;
    transform: unset;
    transition: 0.4s;
    right: 16px;
    top: 200px;
    width: 80px;
    height: 80px;
    border: 1px solid #c2ccf61f;
  }
  .function-item:hover .function-item-link {
    border: 1px solid #121316;
  }
  .function-item-link i {
    font-size: 20px;
  }
  .function-item:nth-child(1) .function-item-media img {
    object-position: unset;
  }
  .functions-items {
    gap: 32px;
  }
  .function-item-link:hover {
    transform: scale(1.02) rotate(-45deg);
  }

  .gallery-media {
    margin-top: -20px;
  }
  .q-work-horse {
    max-width: 128px;
    right: 0;
  }

  .q-herq-tag--one {
    top: unset;
    bottom: 0;
    left: 0;
  }
  .q-herq-tag--tree {
    display: none;
  }
  .q-herq-cnt {
    top: 417px;
  }
  .q-herq-cat {
    max-width: 126px;
    top: unset;
    bottom: 20px;
    right: 0;
    z-index: 1;
  }
  /* ======================================== Стили  для Canva  фоторедактор END===================================== */

  /* ======================================== Стили  для Оживить фотографию START===================================== */
  .w-inspire__body {
    padding: 50px 0 0;
  }
  .w-inspire__blur {
    bottom: 0;
  }
  .w-inspire {
    padding-top: 120px;
  }

  .w-possibility__content {
    padding: 40px;
  }
  .w-work__animate {
    height: fit-content;
  }
  .w-work__animate-image {
    width: 180px;
    height: 180px;
  }
  .w-possibility__image {
    width: 380px;
  }

  .w-possibility__button {
    width: 160px;
    height: 160px;
  }
  .w-possibility__text {
    max-width: 360px;
  }

  .w-advantages__top {
    flex-direction: column;
  }
  .w-advantages__column {
    flex: 0 1 calc(50% - 10px);
  }
  .w-advantages__bottom {
    flex-wrap: wrap;
  }

  /* ======================================== Стили  для Оживить фотографию END===================================== */

  /* ======================================== Стили  для Генератор баннеров бесплатно START===================================== */

  .p-possibilities-text-item {
    padding: 30px;
  }
  .p-hero-pictrue--two {
    display: none;
  }
  .p-hero-decor--tree {
    left: 0;
  }
  .p-hero-pictrue--tree {
    display: none;
  }
  .p-hero-orange-link {
    bottom: 0;
    left: 0;
  }
  .p-hero-decor--two {
    display: none;
  }

  /* ======================================== Стили  для Генератор баннеров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация карточек товаров бесплатно START===================================== */
  .o-how-work-slide {
    min-height: 522px;
    display: flex;
    flex-direction: column;
  }
  .o-work-slide-media {
    margin-top: auto;
  }
  .o-possibilities-column {
    flex-wrap: wrap;
  }
  .o-possibilities-average-item {
    margin-left: auto;
  }
  .o-possibilities-column:nth-child(2) .o-possibilities-big-item {
    order: 1;
  }
  .o-possibilities-column:nth-child(2) .o-possibilities-average-item {
    order: 2;
  }
  .o-possibilities-column:nth-child(2) .o-possibilities-small-item {
    order: 3;
  }
  .o-possibilities-big-item {
    max-width: 100%;
    flex: 1 1 auto;
  }
  .o-possibilities-small-item {
    max-width: 100%;
    flex: 1 1 10%;
  }
  .o-possibilities-average-item {
    max-width: 100%;
    flex: 1 1 10%;
  }
  .o-possibilities-statistics {
    left: 50%;
    transform: translateX(-50%);
  }
  .o-possibilities-column {
    column-gap: 8px;
    row-gap: 8px;
  }
  .o-advantages-clue--five {
    right: 0;
  }
  .o-advantages-clue--two {
    left: 0;
  }
  .n-hero-media {
    margin-top: -40px;
  }

  /* ======================================== Стили  для Генерация карточек товаров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация постов Instagram бесплатно START===================================== */

  .n-possibilities-column {
    flex-wrap: wrap;
  }
  .n-possibilities-average-item {
    margin-left: auto;
  }
  .n-possibilities-column:nth-child(2) .n-possibilities-big-item {
    order: 1;
  }
  .n-possibilities-column:nth-child(2) .n-possibilities-average-item {
    order: 2;
  }
  .n-possibilities-column:nth-child(2) .n-possibilities-small-item {
    order: 3;
  }
  .n-possibilities-big-item {
    max-width: 100%;
    flex: 1 1 auto;
  }
  .n-possibilities-small-item {
    max-width: 100%;
    flex: 1 1 10%;
  }
  .n-possibilities-average-item {
    max-width: 100%;
    flex: 1 1 10%;
  }
  .n-possibilities-statistics {
    left: 50%;
    transform: translateX(-50%);
  }
  .n-possibilities-column {
    column-gap: 8px;
    row-gap: 20px;
  }

  .n-hero-media {
    margin-top: -40px;
  }

  .n-advantages-cnt {
    min-height: 1066px;
  }
  .n-advantage-tag--tree {
    top: unset;
    bottom: 0;
    right: 200px;
  }
  .n-advantage-tag--two {
    top: unset;
    right: unset;
    bottom: 109px;
    left: 0;
  }
  .n-advantage-tag--for {
    bottom: 0;
  }
  .n-advantage-tag--one {
    top: unset;
    bottom: 395px;
    right: 0;
  }
  .n-advantage-rocket {
    top: 430px;
    left: 50%;
    transform: translateX(-50%) rotate(-41deg);
  }
  .n-advantage-smoke {
    top: 670px;
    left: 56%;
    transform: rotate(-2deg);
  }
  .n-advantage-stories {
    display: none;
  }
  .n-advantage-border-item {
    max-width: 100%;
  }
  .n-advantage-text-item {
    margin-top: 10px;
    max-width: 100%;
    padding: 30px;
    border: 1px solid #c2ccf61f;
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
    border-radius: 30px;
  }
  .n-advantage-stories {
    position: initial;
  }

  /* ======================================== Стили  для Генерация постов Instagram бесплатно END===================================== */

  /* ======================================== Стили  для Фоторедактор онлайн START===================================== */

  .m-advantages-column {
    flex-direction: column;
    align-items: center;
  }
  .m-possibilities-column {
    flex-wrap: wrap;
    justify-content: center;
  }

  .m-hero-section {
    padding: 128px 0 0;
  }
  .m-hero-media {
    margin-top: -40px;
  }

  /* ======================================== Стили  для Фоторедактор онлайн END===================================== */

  /* ======================================== Стили  для ИИ-генератор интерьера START===================================== */

  .l-reviews-item-text {
    font-size: 13px;
    font-weight: 300;
    line-height: 130%;
  }

  .l-statistics-cnt {
    flex-direction: column;
    align-items: center;
  }
  .l-statistics-big-item {
    max-width: 535px;
  }

  .l-possibilities-column {
    flex-direction: column;
  }
  .l-possibilities-big-item {
    max-width: 100%;
  }
  .l-possibilities-small-wrapper {
    max-width: 100%;
    align-items: center;
  }
  .l-possibilities-small-item {
    margin-top: unset;
  }

  .l-hero-img:nth-child(5) {
    display: none;
  }
  .l-hero-img:nth-child(1) {
    display: none;
  }
  .l-hero-img:nth-child(4) {
    right: 0;
  }
  .l-hero-img:nth-child(2) {
    left: 0;
  }
  .l-hero-img p {
    left: 26px;
  }
  .l-hero-clue {
    left: 12px;
  }
  .l-hero-table {
    left: unset;
    right: 40px;
  }
  .l-hero-lamp {
    left: 0;
  }
  .l-hero-armchair {
    left: 0;
  }
  .l-hero-cloud {
    right: 45px;
    max-width: 130px;
  }

  /* ======================================== Стили  для ИИ-генератор интерьера END===================================== */

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно START===================================== */

  .k-reviews-left-item {
    display: none;
  }

  .k-possibilities-body {
    flex-direction: column;
    align-items: center;
  }
  .k-possibilities-titles h2 {
    text-align: center;
  }
  .k-possibilities-titles p {
    text-align: center;
  }
  .k-possibilities-titles div {
    position: unset;
    top: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .k-hero-section {
    min-height: 800px;
    padding: 178px 0 0;
  }

  .k-hero-clue--for {
    top: -28px;
  }
  .k-hero-icon--one {
    top: -40px;
    right: 15px;
    left: unset;
  }
  .k-hero-clue--one {
    top: 354px;
    left: unset;
    right: 23px;
  }
  .k-hero-clue--two {
    top: 450px;
    right: unset;
    left: 16px;
  }
  .k-hero-clue--tree {
    top: -90px;
    right: 40px;
  }

  .k-advnatages-average-item {
    position: inherit;
  }
  .k-advnatages-titles {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .k-advnatages-titles h2 {
    text-align: center;
  }
  .k-advnatages-titles p {
    text-align: center;
  }
  .k-advnatages-big-item {
    margin-top: 0;
  }
  .k-advnatages-users-item {
    order: 3;
  }

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно END===================================== */

  /* ======================================== Стили  для Колоризация фото START===================================== */

  .j-hero-card-plus {
    display: none;
  }
  .j-reviews-left-item {
    display: none;
  }
  .j-work-big-info {
    margin-top: 20px;
  }
  .j-work-big-text {
    top: unset;
    bottom: 10px;
    left: 10px;
  }
  .j-hero-image-left {
    display: none;
  }
  .j-hero-image-right {
    display: none;
  }

  .j-hero-bg {
    height: 100%;
  }
  .j-possibilities-text-item {
    padding: 40px;
  }

  /* ======================================== Стили  для Колоризация фото END===================================== */

  /* ======================================== Стили  для Объединить 2 фото START===================================== */

  .i-hero-media-right {
    top: 186px;
    max-width: 140px;
  }
  .i-hero-media-left {
    top: 200px;
    max-width: 140px;
  }
  .i-hero-plus-right {
    display: none;
  }
  .i-hero-plus-left {
    display: none;
  }
  .i-hero-right-card {
    right: 0;
    top: 340px;
  }
  .i-hero-left-card {
    left: 0;
    top: 340px;
  }

  /* ======================================== Стили  для Объединить 2 фото END===================================== */

  /* ======================================== Глабальные стили  Start===================================== */

  /* Reviews STYLE START*/

  .reviews-pagination {
    display: flex;
    position: initial !important;
    margin-top: 11px;
    align-items: center;
    justify-content: center;
    gap: 8px !important;
  }

  .l-reviews-section .swiper-pagination-bullet-active {
    width: 28px !important;
    border-radius: 8px !important;
  }
  .m-reviews-section .swiper-pagination-bullet-active {
    width: 28px !important;
    border-radius: 8px !important;
  }

  .reviews-swiper {
    overflow: unset !important;
  }
  .reviews-mobile-item {
    display: block !important;
  }
  .reviews-left-item {
    display: none;
  }
  .reviews-swiper::after {
    display: none;
  }
  .reviews-swiper::before {
    display: none;
  }
  .reviews-item {
    flex-direction: column;
    min-height: 452px;
    padding: 0;
    gap: 0;
  }
  .a-reviews-item {
    flex-direction: column;
    min-height: 432px;
    padding: 0;
    gap: 0;
  }
  .reviews-swiper {
    max-width: 100%;
    max-height: 100%;
  }
  .reviews-author h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
  .reviews-author p {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
  }
  .reviews-icon {
    width: 28px;
    height: 28px;
  }
  .reviews-item-info {
    padding: 20px;
  }
  .reviews-item-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
  }
  .reviews-item-img {
    height: 240px;
  }
  .face-reviews-left-img img {
    width: 100%;
    height: 240px;
  }
  .face-reviews-item {
    flex-direction: column;
    min-height: 392px;
    padding: 0;
    gap: 0;
  }
  .section-big {
    margin-top: 120px;
  }
  .d-reviews-section .container {
    padding: 0;
  }
  .f-reviews-section .container {
    padding: 0;
  }
  .m-reviews-section .container {
    padding: 0;
  }
  .w-reviews-section .container {
    padding: 0;
  }

  .g-reviews-section .container {
    padding: 0;
  }
  .h-reviews-section .container {
    padding: 0;
  }
  .i-reviews-section .container {
    padding: 0;
  }
  .j-reviews-section .container {
    padding: 0;
  }
  .k-reviews-section .container {
    padding: 0;
  }
  .o-reviews-section .container {
    padding: 0;
  }

  /* Reviews STYLE END*/

  /* HEADER STYLE START*/

  .burger-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #12131687;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 6px;
  }
  .burger {
    width: 21px;
    gap: 3.5px;
    padding: 0;
    display: flex;
    flex-direction: column;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.3s;
    z-index: 4;
  }
  .burger span {
    width: 16px;
    display: block;
    height: 2px;
    background: #dce8ff;
    transition: 0.3s;
    border-radius: 5px;
    position: relative;
  }
  .burger span::after {
    width: 2px;
    content: "";
    display: block;
    height: 2px;
    transition: 0.3s;
    background: #dce8ff;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 0;
  }
  .burger::after {
    width: 100%;
    content: "";
    display: block;
    height: 2px;
    background: #dce8ff;
    transition: 0.3s;
    border-radius: 5px;
  }
  .burger::before {
    width: 100%;
    content: "";
    display: block;
    height: 2px;
    background: #dce8ff;
    transition: 0.3s;
    border-radius: 5px;
  }
  .burger.active span {
    opacity: 0;
    visibility: hidden;
  }
  .burger.active::before {
    transform: rotate(-45deg);
    top: 6px;
    position: relative;
  }
  .burger.active::after {
    transform: rotate(45deg);
    bottom: 5px;
    position: relative;
  }
  .menu {
    position: fixed;
    left: 0;
    width: 100%;
    top: -100%;
    transition: 0.5s;
    z-index: 1;
  }
  .menu-bg {
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    position: fixed;
    left: 0;
    top: -100%;
    z-index: -1;
    display: flex;
    transition: 0.5s;
  }
  .menu.active {
    top: 78px;
  }
  .menu-bg.active {
    top: 0;
  }
  .menu-wrapper {
    margin: 0 14px 0 14px;
    padding: 22px 20px 20px 20px;
    background: #1b1c1f;
    box-shadow: 0px 0px 12px 0px #0000001f;
    border-radius: 10px;
    max-height: 70vh;
    overflow: auto;
  }
  .menu ul {
    flex-direction: column;
    gap: 38px;
  }
  /* HEADER STYLE end*/

  /* ======================================== Глабальные стили  Start===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  START===================================== */

  .a-hero-tag {
    display: none;
  }
  .a-why-us-cnt {
    flex-direction: column;
  }
  .a-why-us-media {
    margin: 0 auto;
  }
  .a-why-us-items {
    max-width: 100%;
  }
  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинкии   START===================================== */

  .c-possibilities-cnt-column {
    flex-wrap: wrap;
  }
  .c-hero-tools {
    max-width: 100%;
    margin: 78px 14px 0 14px;
    background: transparent;
    border: unset;
    flex-direction: column;
    padding: 0;
  }
  .c-hero-tools-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #fafdff;
    opacity: 0.6;
    max-width: 332px;
    margin: 0 auto;
  }
  .c-hero-upload {
    background: #262728;
    border: 1px solid #c2ccf61f;
    padding: 24px;
    border-radius: 16px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинкии   END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   START===================================== */

  .d-hero-tag--for {
    display: none;
  }
  .d-hero-ipad {
    min-width: 700px;
  }

  .d-about-btn {
    position: initial;
    max-width: max-content;
    margin-top: 20px;
  }

  .d-possibilities-column {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .d-possibilities-column:nth-child(2) {
    flex-direction: column-reverse;
    margin-left: unset;
  }
  .d-possibilities-column:nth-child(3) {
    margin-left: unset;
  }
  .f-possibilities-text-item {
    padding: 20px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   END===================================== */

  /* ======================================== Стили  для  Создать коллаж из фото START===================================== */

  .g-hero-tag--one {
    left: 0;
  }
  .g-hero-tag--two {
    left: 0;
  }
  .g-hero-tag--tree {
    right: 0;
  }
  .g-hero-tag--for {
    right: 0;
  }
  .g-why__columns {
    flex-wrap: wrap;
  }
  .g-why__column {
    flex: 0 1 calc(50% - 10px);
  }

  .g-features-pagination .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .g-features__list {
    justify-content: center;
    margin: 0 auto;
  }
  .g-features .swiper-slide {
    padding: 20px;
  }
  .g-features .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .g-features__image {
    max-width: 300px;
  }

  /* ======================================== Стили  для  Создать коллаж из фото END===================================== */

  /* ======================================== Стили  для Дорисовать фото START===================================== */

  .h-hero-media-right {
    top: 186px;
    max-width: 140px;
  }
  .h-hero-media-left {
    top: 200px;
    max-width: 140px;
  }
  .h-advantages-items {
    background: unset;
    border: unset;
    backdrop-filter: unset;
    border-radius: unset;
    padding: 0;
    gap: 40px;
    justify-content: start;
  }
  .h-advantage-bg {
    display: none;
  }
  .h-advantage-item {
    max-width: 100%;
  }

  .h-possibilities-column {
    flex-wrap: wrap;
  }
  .h-possibilities-average-item {
    margin-left: auto;
  }
  .h-possibilities-column:nth-child(2) .h-possibilities-big-item {
    order: 1;
  }
  .h-possibilities-column:nth-child(2) .h-possibilities-average-item {
    order: 2;
  }
  .h-possibilities-column:nth-child(2) .h-possibilities-small-item {
    order: 3;
  }
  .h-possibilities-big-item {
    max-width: 100%;
    flex: 1 1 auto;
  }
  .h-possibilities-small-item {
    max-width: 100%;
    flex: 1 1 10%;
  }
  .h-possibilities-average-item {
    max-width: 100%;
    flex: 1 1 10%;
  }
  .h-possibilities-statistics {
    left: 50%;
    transform: translateX(-50%);
  }
  .h-possibilities-column {
    column-gap: 8px;
    row-gap: 20px;
  }

  /* ======================================== Стили  для Дорисовать фото END===================================== */
}

@media (max-width: 768px) {
  .e-advantages__grid {
    display: none;
  }
  .e-advantages__gallery,
  .e-advantages__list,
  .e-advantages__copy {
    gap: 8px;
  }
  .e-advantages__gallery {
    margin-top: 30px;
    margin-bottom: 45px;
  }
  .e-advantages__gallery::after,
  .e-advantages__gallery::before {
    width: 100px;
  }
  .e-advantages__image {
    margin-top: 40px;
    margin-bottom: 55px;
  }
  .e-advantages__item {
    height: 40px;
  }
  .e-advantages__body {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .e-advantages__result {
    flex: auto;
    gap: 30px;
  }
  .e-advantages__stat p {
    font-size: 14px;
  }
  .e-advantages__text {
    font-size: 14px;
    line-height: 22px;
  }
  .e-advantages-btn {
    margin: 40px auto 0 0;
  }
  .e-advantages__blur {
    display: none;
  }

  .e-possibilities-item {
    flex: 0 1 100%;
    min-height: 220px;
  }
  .e-possibilities-item p {
    max-width: 270px;
  }
  .e-possibilities-image {
    padding: 12px;
  }
  .e-possibilities-text {
    max-width: 250px;
  }

  .e-steps__body {
    flex-direction: column-reverse;
    padding: 0;
  }
  .e-steps__cirlce {
    display: none;
  }
  .e-steps__image {
    max-width: 262px;
    margin: 0px auto;
  }
  .e-steps-btn {
    display: none;
  }
  .e-steps-btn-mobile {
    display: flex;
    margin: 0px auto;
    margin-top: 51px;
  }

  .e-steps__bg {
    width: 100%;
    height: 35%;
    bottom: 17%;
  }
  .e-steps__blur {
    width: 230px;
    height: 100px;
    left: 0;
    top: 0;
    filter: blur(100px);
    background: linear-gradient(
            360deg,
            rgba(4, 166, 255, 1) 0%,
            rgba(17, 53, 159, 1) 100%
    );
  }
  .e-steps__body {
    margin-top: 42px;
    gap: 48px;
  }
  .e-steps__subtitle {
    font-size: 18px;
    line-height: 120%;
    max-width: 270px;
    margin-bottom: 30px;
  }
  .e-steps__list {
    gap: 30px;
    margin-bottom: 0;
  }
  .e-steps__name {
    font-size: 16px;
  }
  .e-steps__text {
    font-size: 14px;
  }
  .e-steps__step::before {
    width: 6px;
    height: 6px;
  }

  .e-hero-grid {
    min-width: unset;
    left: unset;
    transform: unset;
  }
  .e-hero-tag {
    position: relative;
    inset: 0;
    width: fit-content;
    margin-bottom: 10px;
    font-size: 10.6px;
    line-height: 14px;
    padding: 8px 21px;
  }
  .e-hero-tag span {
    padding-left: 12px;
    font-weight: 600;
  }
  .e-hero-tag span::before {
    width: 6px;
    height: 6px;
  }
  .e-hero-circle {
    display: none;
  }
  .e-hero-image {
    margin: 0 -14px;
    margin-top: -17%;
  }
  .e-hero-btn {
    display: none;
  }
  .e-hero-btn-mobile {
    display: flex;
    margin-top: -13%;
    margin-bottom: 22px;
  }
  .e-hero-card,
  .hero-blur {
    display: none;
  }

  /* ======================================== Стили  для DALLE START===================================== */

  .u-possibility__columns {
    gap: 32px;
    margin-top: 32px;
  }
  .u-possibility__column {
    flex-direction: column-reverse;
    background: unset;
    border: 0;
    border-radius: 0;
    margin: 0px auto;
    backdrop-filter: none;

    -webkit-backdrop-filter: none;
  }
  .u-possibility__column:nth-child(4) .u-possibility__image {
    height: unset;
  }
  .u-possibility__column:nth-child(5) .u-possibility__image {
    height: unset;
  }
  .u-possibility__button {
    width: 80px;
    height: 80px;
    right: 0;
  }
  .u-possibility__button img {
    width: 26px;
  }
  .u-possibility__image {
    border-radius: 50%;
    overflow: hidden;
    max-width: unset;
    width: 100%;
    height: 532px;
    border: 1px solid #c2ccf61f;
  }
  .u-possibility__subtitle {
    font-size: 18px;
    text-align: center;
    justify-content: center;
  }

  .u-possibility .section-big-titles {
    max-width: 332px;
  }
  .u-possibility__content {
    margin-top: -32px;
    padding: 24px 12px;
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(194, 204, 246, 0.12);
    border-radius: 12px;
    position: relative;
    z-index: 2;
  }

  .u-possibility__text {
    font-size: 16px;
    text-align: center;
    margin: 0px auto;
  }
  .u-possibility__column {
    overflow: unset;
  }
  .u-possibility-btn {
    margin: 32px auto 0;
    max-width: max-content;
  }
  .u-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .u-hero-section {
    padding: 120px 0 0;
    min-height: 802px;
  }
  /* ======================================== Стили  для DALLE END===================================== */

  /* ======================================== Стили  для Leonardo AI START===================================== */
  .t-process-items {
    gap: 20px;
  }
  .t-process-slide {
    padding: 24px;
    max-width: 100%;
  }

  .t-advantages-center-column {
    margin-top: 0;
    order: 1;
  }
  .t-advantages-left-column {
    order: 2;
  }
  .t-advantages-right-column {
    order: 3;
  }
  .t-advantage-average-item {
    max-width: 247px;
    border-radius: 12px;
    padding: 20px;
  }
  .t-advantages-left-column {
    align-items: stretch;
  }
  .t-advantage-icon {
    top: 20px;
    left: 20px;
  }
  .t-advantages-decor {
    max-width: 420px;
    top: 500px;
    left: unset;
    right: -150px;
    transform: rotate(65deg);
  }
  .t-advantages-center-column {
    gap: 0;
  }

  .t-margin-auto {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .t-possibilities-round {
    max-width: 162px;
    height: 162px;
    flex: 0 0 162px;
  }
  .t-possibilities-round .icon-arrow-right {
    font-size: 16px;
  }

  .t-round-text-img {
    max-width: 132px;
  }
  .t-round-border-img {
    max-width: 80px;
    top: 41px;
    left: 41px;
  }

  .t-advantage-big-item {
    min-height: 332px;
    padding: 20px;
    border-radius: 12px;
  }
  .t-advantage-texts .block-text {
    margin-top: 8px;
    font-size: 15px;
  }
  .t-advantages-right-column .t-advantage-small-item:nth-child(1) {
    margin-left: auto;
  }

  .t-advantages-right-column .t-advantage-small-item:nth-child(2) {
    margin-top: -100px;
  }
  .t-advantages-right-column .t-advantage-average-item {
    margin-left: auto;
  }
  .t-margin-auto {
    margin-left: auto;
    max-width: 162px;
    min-height: 162px;
    margin-top: -100px;
  }
  .t-advantage-logo {
    max-width: 77px;
    width: 100%;
    position: absolute;
    right: unset;
    left: 0;
    bottom: 170px;
    top: unset;
  }
  .t-advantage-small-item {
    max-width: 162px;
    min-height: 162px;
    flex: 0 0 162px;
    padding: 16px;
    border-radius: 12px;
  }
  .t-advantage-logo {
    bottom: 270px;
  }

  .t-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .t-hero-section {
    min-height: 650px;
  }
  /* ======================================== Стили  для Leonardo AI END===================================== */

  /* ======================================== Стили  для Photoshop онлайн START===================================== */
  .s-trust-body {
    margin-top: -50px;
  }
  .s-advantage-lamp {
    max-width: 129px;
  }
  .s-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .s-hero-plus {
    bottom: 0;
  }

  /* ======================================== Стили  для Photoshop онлайн END===================================== */

  /* ======================================== Стили  для Улучшить фотографию START===================================== */
  .r-trust-dots img {
    display: none;
  }
  .r-process-cnt {
    flex-direction: column-reverse;
    align-items: center;
  }
  .r-process-btn {
    margin: 0 auto;
  }
  .r-process-btn-mobile {
    margin: 32px auto 0;
    display: flex;
    max-width: max-content;
  }
  .r-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .r-possibilities-big-item {
    max-width: 100%;
  }
  .r-small-item--two {
    max-width: 100%;
  }
  .r-advantages-section {
    padding: 60px 0 0;
  }
  .r-hero-cart--two {
    display: none;
  }
  .r-hero-section {
    min-height: 1042px;
    padding: 150px 0 0;
  }
  .hero-body {
    min-height: 892px;
  }
  .r-hero-cart--one {
    position: initial;
    margin-top: 76px;
    max-width: 100%;
  }
  .r-hero-icon--two {
    bottom: unset;
    top: 240px;
    left: 14px;
  }
  .r-hero-icon--five {
    display: none;
  }

  .r-hero-cart--tree {
    bottom: unset;
    position: initial;
    margin-top: 10px;
    max-width: 100%;
  }
  .r-hero-icon--tree {
    bottom: 0;
  }
  .r-hero-icon--for {
    display: none;
  }

  /* ======================================== Стили  для Улучшить фотографию END===================================== */

  /* ======================================== Стили  для Оживить фотографию START===================================== */
  .q-possibilities-round {
    right: 0;
  }
  .function-item-media {
    height: 300px;
  }
  .q-advantage-decor--tree {
    top: unset;
    bottom: 0;
    right: unset;
    left: 0;
  }
  .q-advantage-decor--two {
    max-width: 211px;
    top: 210px;
    right: 0;
  }
  .q-advantage-decor--for {
    top: unset;
    left: 0;
    bottom: -80px;
  }

  .q-advantages-clue {
    position: initial;
  }
  .q-advantages-media {
    max-width: 100%;
  }
  .q-advantages-cnt {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .q-advantages-clue {
    max-width: 100%;
  }

  .q-work-tag--two {
    position: initial;
  }
  .q-work-tag--one {
    position: initial;
  }
  .q-work-tag--one {
    max-width: 98%;
    margin: 0 auto;
  }
  .q-work-tag-decor {
    left: 9px;
    top: -16px;
  }
  .q-work-tag--two {
    max-width: 98%;
    margin: 0 auto;
  }
  .q-how-work-media {
    margin: 7px 0 0;
  }
  .q-work-tag--two {
    padding: 29px 14px 23px 14px;
    min-height: 124px;
    overflow: hidden;
  }
  .q-work-tag--two p {
    font-size: 14px;
    max-width: 153px;
    margin-left: auto;
  }
  .q-work-tag-img--two {
    top: -40px;
    left: -35px;
    max-width: 187px;
  }
  .q-work-tag-img--one {
    max-width: 101px;
    top: 0;
    left: 13px;
  }

  .w-inspire__body {
    justify-content: center;
  }
  .w-inspire__blur {
    bottom: -25%;
    width: 110%;
  }
  .w-inspire {
    display: none;
  }
  .w-inspire-mobile {
    display: block;
  }
  .w-inspire {
    padding-top: 90px;
  }
  .w-inspire h2 {
    font-size: 24px;
  }
  .w-inspire p {
    font-size: 16px;
    max-width: 288px;
  }

  .w-work__button {
    display: flex;
    margin: 32px auto 0;
    max-width: max-content;
  }
  .w-work__body {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  .w-work h2 {
    max-width: 300px;
  }
  .w-work__column {
    border-radius: 12px;
  }
  .w-work__column-1 .w-work__date {
    position: absolute;
    top: 0;
    left: 0;
  }
  .w-work__column-2 .w-work__image {
    max-width: 240px;
  }
  .w-work__column-3 {
    grid-column: auto;
    flex-direction: column;
    border-radius: 12px;
  }
  .w-work__column-3 .w-work__image {
    width: 100%;
    max-width: 360px;
  }
  .w-work__column-3 .w-work__date {
    display: none;
  }
  .w-work__column-3 .w-work__date-mobile {
    display: block;
  }
  .w-work__animate {
    display: none;
  }
  .w-work__block {
    font-size: 12px;
    left: 0%;
    top: 40%;
  }
  .w-work__top {
    margin-bottom: 24px;
  }
  .w-work__subtitle {
    font-size: 18px;
  }
  .w-work__text {
    font-size: 16px;
    max-width: 264px;
  }
  .w-work__grid {
    display: none;
  }

  .w-possibility__columns {
    gap: 32px;
  }
  .w-faq-section {
    margin-top: 60px;
  }
  .w-possibility__column {
    flex-direction: column-reverse;
    background: unset;
    border: 0;
    border-radius: 0;
    margin: 0px auto;
    backdrop-filter: none;
  }
  .w-possibility__button {
    width: 80px;
    height: 80px;
    right: 0;
  }
  .w-possibility__column {
    overflow: unset;
  }
  .w-possibility__button img {
    width: 26px;
  }
  .w-possibility__image {
    border-radius: 50%;
    overflow: hidden;
    max-width: unset;
    width: 100%;
  }
  .w-possibility__subtitle {
    font-size: 18px;
    text-align: center;
  }

  .w-possibility .section-titles {
    max-width: 332px;
  }
  .w-possibility__content {
    margin-top: -32px;
    padding: 24px;
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
    backdrop-filter: blur(30px);
    border: 1px solid rgba(194, 204, 246, 0.12);
    border-radius: 12px;
  }
  .w-possibility__text {
    font-size: 16px;
    text-align: center;
    margin: 0px auto;
  }
  .w-advantages__bottom .w-advantages__column {
    display: none;
  }
  .w-advantages__top .w-advantages__result {
    display: none;
  }
  .w-advantages__swiper {
    display: block;
    margin-top: 32px;
  }
  .w-advantages__top .section-titles {
    align-items: center;
  }
  .w-advantages__top .section-titles h2 {
    text-align: center;
  }
  .w-advantages__top .section-titles p {
    text-align: center;
  }
  .w-advantages .section-tag {
    margin: 0px auto;
    margin-bottom: 6px;
  }
  .w-section-tag::before {
    width: 4px;
    height: 4px;
    left: -14px;
  }
  .w-advantages__result::after {
    left: 24px;
    width: 6px;
    height: 6px;
  }
  .w-advantages__pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    align-items: center;
    gap: 8px;
  }
  .w-advantages__subtitle {
    font-size: 18px;
  }
  .w-advantages__text {
    font-size: 16px;
  }
  .w-advantages__result .w-advantages__image {
    top: -48px;
    right: -48px;
  }
  .w-advantages__number {
    font-size: 60px;
    line-height: 60px;
  }

  .w-hero-section .mobile-block {
    display: block;
  }
  .w-hero-section .desktop-block {
    display: none;
  }
  .w-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .w-hero-section {
    padding: 146px 0 0;
    min-height: 747px;
  }
  .w-hero-dots {
    display: none;
  }

  /* ======================================== Стили  для Оживить фотографию END===================================== */

  /* ======================================== Стили  для Генератор баннеров бесплатно START===================================== */

  .p-trust-mobile-section {
    display: block;
  }
  .p-trust-block {
    min-height: 331px;
  }
  .p-trust-btn {
    margin: 55px auto 0;
  }

  .p-possibilities-column {
    flex-direction: column;
  }
  .p-possibilities-img-item {
    max-width: 100%;
  }
  .p-possibilities-text-item {
    max-width: 100%;
  }
  .p-possibilities-column:nth-child(2) {
    flex-direction: column-reverse;
  }
  .p-possibilities-column:nth-child(4) {
    flex-direction: column-reverse;
  }

  .p-advantage-decor {
    max-width: 231px;
  }

  .p-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .p-hero-green-link {
    right: 0;
  }
  .p-hero-decor--for {
    display: none;
  }
  .p-hero-orange-link {
    display: none;
  }
  /* ======================================== Стили  для Генератор баннеров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация карточек товаров бесплатно START===================================== */
  .o-possibilities-round {
    right: 0;
    bottom: -71px;
  }
  .o-possibilities-round {
    right: 0;
    bottom: -71px;
  }
  .o-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .o-hero-section {
    padding: 128px 0 0;
    min-height: 747px;
  }
  .o-hero-media {
    margin-top: 0;
  }
  .o-advantages-clue {
    position: initial;
  }
  .o-advantages-media {
    max-width: 100%;
  }
  .o-advantages-cnt {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .o-advantages-clue {
    max-width: 100%;
  }
  .o-advantage-decor--one {
    display: none;
  }
  .o-possibilities-round {
    right: 0;
    bottom: -71px;
  }

  .o-advantage-decor--for {
    max-width: 210px;
    top: unset;
    left: 20px;
    bottom: -91px;
  }
  .o-advantage-decor--tree {
    display: none;
  }

  /* ======================================== Стили  для Генерация карточек товаров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация постов Instagram бесплатно START===================================== */

  .n-process-cnt {
    flex-direction: column-reverse;
    align-items: center;
  }
  .n-process-btn {
    margin: 0 auto;
  }
  .n-process-btn-mobile {
    margin: 32px auto 0;
    display: flex;
    max-width: max-content;
  }
  .n-advantage-smoke {
    left: 59%;
  }
  .n-advantage-tag--for {
    right: unset;
    left: 0;
  }
  .n-advantage-tag--tree {
    right: unset;
    left: 188px;
  }
  .n-advantage-rocket {
    top: 560px;
  }
  .n-advantage-smoke {
    top: 810px;
    left: 58%;
  }

  .n-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .n-hero-section {
    padding: 117px 0 0;
    min-height: 747px;
  }

  .n-hero-heart--tree {
    display: none;
  }
  .n-hero-heart {
    max-width: 144px;
    right: 0;
    left: unset;
  }
  .n-hero-decor--one {
    display: none;
  }

  /* ======================================== Стили  для Генерация постов Instagram бесплатно END===================================== */

  /* ======================================== Стили  для Фоторедактор онлайн START===================================== */

  .m-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .m-hero-section {
    min-height: 802px;
  }

  .m-process-items {
    gap: 20px;
  }
  .m-process-slide {
    padding: 24px;
    max-width: 100%;
  }

  /* ======================================== Стили  для Фоторедактор онлайн END===================================== */

  /* ======================================== Стили  для ИИ-генератор интерьера START===================================== */

  .l-statistics-small-item {
    max-width: 100%;
    align-items: center;
  }
  .l-statistics-small-media {
    max-width: 100%;
  }
  .l-statistics-table {
    left: unset;
    right: 0;
  }

  .l-possibilities-small-item {
    max-width: 100%;
  }
  .l-possibilities-average-item {
    max-width: 100%;
  }
  .l-possibilities-gradient-item {
    max-width: 100%;
  }
  .l-possibilities-gradient-item {
    flex-direction: column;
  }

  .l-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .l-hero-section {
    padding: 146px 0 0;
    min-height: 802px;
  }

  /* ======================================== Стили  для ИИ-генератор интерьера END===================================== */

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно START===================================== */
  .k-trust-body {
    min-height: 434px;
  }

  .k-hero-section {
    min-height: 750px;
  }

  .k-process-cnt {
    flex-direction: column-reverse;
    align-items: center;
  }
  .k-process-btn {
    margin: 0 auto;
  }
  .k-process-btn-mobile {
    margin: 32px auto 0;
    display: flex;
    max-width: max-content;
  }

  .k-hero-icon--tree {
    left: 33px;
    top: 400px;
  }
  .k-hero-icon--for {
    top: 400px;
    right: 70px;
  }

  .k-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .k-hero-ellipse {
    height: 160px;
  }
  .k-hero-image {
    bottom: 0;
  }
  .k-hero-ellipse {
    bottom: -50px;
  }

  .k-advnatages-small-item {
    max-width: 283px;
    width: 100%;
    min-height: 185px;
    position: absolute;
    left: 0;
    padding: 20px;
    bottom: 0;
    border: 1px solid #c2ccf61f;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
    display: none;
  }
  .k-advnatages-small-item-mobile {
    display: flex;
    flex-direction: column;
    max-width: 283px;
    width: 100%;
    min-height: 185px;
    padding: 20px;
    position: relative;
    border: 1px solid #c2ccf61f;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
    order: 5;
    margin: 0 auto;
  }
  .k-advnatages-big-item {
    border: 1px solid #c2ccf61f;
    border-radius: 12px;
    overflow: hidden;
    order: 1;
    margin-top: 22px;
  }
  .k-advnatages-big-texts {
    flex-direction: column;
    align-items: start;
  }
  .k-advnatages-average-item {
    order: 2;
    max-width: 100%;
  }
  .k-advnatages-users {
    position: initial;
    order: 4;
  }
  .k-advnatages-users-item {
    max-width: 100%;
  }
  .k-advnatages-users {
    max-width: 332px;
    margin: 0 auto;
  }
  .k-advnatages-btn {
    margin: 22px auto 0;
    order: 6;
  }
  .k-trust-body {
    min-height: 434px;
  }
  .k-advnatages-btn-mobile {
    display: flex;
    order: 5;
    max-width: max-content;
    margin: 22px auto 0;
  }

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно END===================================== */

  /* ======================================== Стили  для Колоризация фото START===================================== */

  .j-how-work-cnt {
    flex-direction: column;
  }
  .j-work-small-item {
    max-width: 100%;
  }
  .j-work-media {
    margin: 16px auto 0;
    align-items: center;
    justify-content: center;
  }

  .j-hero-section {
    padding: 123px 0 0;
    min-height: 746px;
  }

  .j-possibilities-text-item {
    padding: 20px;
  }

  .j-possibilities-columns {
    gap: 30px;
  }
  .j-possibilities-column {
    flex-direction: column;
  }
  .j-possibilities-column:nth-child(2) {
    flex-direction: column-reverse;
  }
  .j-possibilities-column:nth-child(4) {
    flex-direction: column-reverse;
  }
  .j-possibilities-img-item {
    max-width: 100%;
  }
  .j-possibilities-text-item {
    max-width: 100%;
  }

  /* ======================================== Стили  для Колоризация фото END===================================== */

  /* ======================================== Стили  для Объединить 2 фото START===================================== */

  .i-how-work-slide {
    max-width: 100%;
    min-height: 404px;
    border-radius: 12px;
    padding: 20px;
  }
  .i-advantage-item {
    border-radius: 12px;
    padding: 20px;
    max-width: 100%;
    min-height: 200px;
  }
  /* ======================================== Стили  для Объединить 2 фото END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  START===================================== */

  .a-hero-grid {
    min-width: unset;
    left: unset;
    transform: unset;
  }
  .a-how-work-item {
    padding: 22px;
    flex: 1 1 50%;
  }
  .a-how-work-picture {
    flex: 1 1 50%;
  }

  .try__icon {
    width: 93px;
    height: 93px;
  }
  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  END===================================== */

  /* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   START===================================== */

  .b-why .circle {
    left: 50%;
    transform: translateX(-50%);
  }
  .b-why__title {
    max-width: 230px;
    font-size: 24px;
  }
  .b-why__text {
    max-width: 314px;
    font-size: 16px;
    line-height: 22px;
  }
  .b-why__swiper .swiper-slide {
    width: calc(70% - 20px);
    padding: 20px;
    min-height: 206px;
  }
  .b-why__swiper .swiper-slide.light {
    transform: unset;
  }
  .b-why__icon {
    width: 30px;
    height: 30px;
  }

  .b-primary__elem {
    display: none;
  }
  .b-primary__columns {
    flex-direction: column;
    margin: 0;
  }
  .b-primary__image-small {
    margin: 0;
    width: 90%;
    max-width: 500px;
    align-self: flex-start;
  }
  .b-primary__image-big {
    margin: 0;
    width: 90%;
    margin-top: -24px;
    max-width: 500px;
    z-index: 2;
  }
  .b-primary__body {
    padding-top: 22px;
  }
  .b-primary {
    padding-top: 104px;
    margin-bottom: 38px;
    padding-bottom: 44px;
  }

  .b-steps__columns .b-grid {
    display: block;
    position: absolute;
    top: clamp(1.5625rem, -6.3613231552vw + 3.0534351145rem, 0rem);
    left: -5%;
    width: 110%;
    height: 414px;
    z-index: -1;
  }
  .b-steps__columns .b-grid img {
    width: 100%;
    height: 100%;
  }
  .b-steps__button {
    margin: 0 auto;
  }
  .b-steps__images {
    gap: 4px;
  }
  .b-steps__arrow {
    width: 40px;
    height: 40px;
  }
  .b-teps__column {
    padding: 24px;
  }
  .b-steps__list {
    gap: 20px;
    margin-bottom: 26px;
    padding-left: 26px;
  }
  .b-steps__list::before {
    height: 78%;
  }
  .b-steps__item::after {
    left: -32px;
  }
  .b-steps .circle {
    top: 30%;
  }
  .b-steps__column {
    background-image: url("/assets/images/whybg-mobile.webp");
  }
  .b-steps__columns .b-grid img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .b-features__text {
    max-width: 302px;
  }

  .b-features__column {
    padding: 20px;
    min-height: 342px;
    text-align: center;
  }

  .b-features__image {
    margin-bottom: 20px;
  }


  .b-features-split{
    display: none;
  }

  .b-features__item-small {
    padding: 20px;
    display: none;
  }

  .b-features__item-small-mobile {
    display: flex;
    text-align: center;
    align-items: center;
  }

  .b-features__item-small p {
    max-width: 190px;
  }

  /* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   START===================================== */

  .c-how-work-item {
    min-height: 386px;
    flex: 1 1 50%;
  }
  .c-how-work-item:nth-child(1) {
    padding: 20px 20px 26px 20px;
  }

  .c-hero-tag--two {
    position: absolute !important;
  }

  .c-hero-tags-mobile {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;
    max-width: 350px;
  }
  .c-hero-tags-mobile .hero-tag:nth-child(1) {
    order: 4;
  }

  .c-hero-tags-mobile .hero-tag:nth-child(2) {
    order: 3;
    max-width: 147px;
  }
  .c-hero-tags-mobile .hero-tag:nth-child(3) {
    order: 2;
  }
  .c-mobile-block {
    display: flex;
  }
  .c-desktop-block {
    display: none;
  }
  .c-hero-upload {
    width: 100%;
  }
  .c-hero-upload label {
    font-size: 15px;
    justify-content: center;
  }
  .c-hero-tag {
    position: initial;
  }
  .c-hero-tools {
    align-items: start;
  }
  .c-hero-body {
    min-height: 470px;
  }
  .c-hero-before-after {
    position: absolute;
    max-width: 130px;
    right: 28px;
    top: 320px;
  }
  .c-hero-btn-mobile {
    margin: 10px auto 24px auto;
    display: flex;
  }
  .c-hero-tag {
    padding: 8px 22px;
    gap: 6px;
    border-radius: 33px;
    font-size: 10px;
    line-height: 14px;
  }
  .c-hero-tag i {
    width: 7px;
    height: 7px;
  }
  .c-hero-tag--two {
    left: 20px;
    bottom: -40px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   START===================================== */

  .d-hero-section {
    padding: 100px 0 0;
  }

  .d-hero-section {
    min-height: 556px;
  }
  .d-hero-ipad {
    min-width: 500px;
  }
  .d-hero-tag--two {
    display: none;
  }
  .d-hero-tag--tree {
    display: none;
  }
  .d-possibilities-big-item {
    min-width: unset;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Создать фото  START===================================== */

  .f-advantage-item {
    max-width: 100%;
  }
  .f-advantage-item-bg {
    width: 100%;
  }
  .f-advantage-item-bg img {
    width: 100%;
  }
  .f-advantage-img--two {
    position: initial;
    margin: 22px auto 0;
  }
  .f-advantage-img--tree {
    position: initial;
    margin: 30px auto 0;
  }
  .f-advantage-tools {
    position: initial;
    margin: 20px auto 0;
  }

  .f-possibilities-column {
    flex-direction: column;
  }
  .f-possibilities-column:nth-child(1) {
    flex-direction: column-reverse;
  }
  .f-possibilities-column:nth-child(3) {
    flex-direction: column-reverse;
  }
  .f-possibilities-text-item {
    max-width: 100%;
  }
  .f-possibilities-img-item {
    max-width: 100%;
  }

  /* ======================================== Стили   для  лэндинга  Создать фото  END===================================== */

  .desktop-text-wrap {
    display: inline;
  }

  /* ======================================== Стили  для  Создать коллаж из фото START===================================== */

  .g-hero-grid {
    min-width: unset;
    left: unset;
    transform: unset;
  }
  .g-hero-body {
    padding-bottom: 160px;
  }
  .g-hero-tag {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 12px;
  }
  .g-hero-tag span {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
  }
  .g-hero-tag--one {
    top: -25px;
    left: 35px;
  }
  .g-hero-tag--for {
    top: -60px;
    right: 40px;
    bottom: unset;
  }
  .g-hero-tag--two {
    top: unset;
    left: unset;
    bottom: -30px;
    right: 20px;
  }
  .g-hero-tag--tree {
    bottom: -70px;
    left: 40px;
    top: unset;
    right: unset;
  }
  .g-hero-decore {
    width: 282px;
  }
  .g-hero-circle {
    display: none;
  }
  .g-hero-wrapper {
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
  }
  .g-hero-btn {
    margin-top: 0;
  }
  .g-hero-image {
    margin: 0 -14px;
    margin-top: 90px;
  }
  .g-hero-card {
    padding: 0 14px;
  }
  .g-hero-decore-1 {
    left: 50%;
    transform: translateX(-50%);
    top: -52px;
  }
  .g-hero-decore-2 {
    top: unset;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -95px;
  }

  .g-why {
    margin-bottom: 80px;
  }

  .g-why__column {
    padding: 20px;
  }
  .g-why__image {
    margin-bottom: 20px;
  }
  .g-why__subtitle {
    font-size: 18px;
    line-height: 120%;
  }
  .g-why__text {
    font-size: 14px;
    line-height: 20px;
  }
  .g-why__columns {
    margin-bottom: 20px;
  }
  .g-steps .section-titles {
    max-width: 272px;
    margin: 0px auto;
  }

  .g-steps__body {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 52px;
  }
  .g-steps__wrapper {
    grid-area: unset;
  }
  .g-steps__wrapper-3 .g-steps__column {
    padding: 52px 25px 25px 25px;
    flex-direction: column;
    gap: 0;
  }
  .g-steps__wrapper-3 .g-steps__image {
    max-width: 282px;
  }
  .g-steps__wrapper-3 .g-steps__text {
    max-width: 260px;
  }
  .g-steps__wrapper-3 .g-steps__image {
    margin-bottom: 0;
  }
  .g-steps__wrapper-1 .g-steps__image {
    max-width: 254px;
  }
  .g-steps__wrapper-2 .g-steps__image {
    max-width: 263px;
  }
  .g-steps__column {
    padding: 52px 19px 28px 19px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
  }
  .g-steps__item {
    align-self: center;
  }
  .g-steps__subtitle {
    font-size: 18px;
    line-height: 120%;
  }
  .g-steps__text {
    font-size: 14px;
    line-height: 20px;
  }
  .g-steps__number {
    font-size: 80px;
    line-height: 120%;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
  }
  .g-steps__blur {
    z-index: -2;
    width: 120%;
    height: 120%;
    margin: 0 -14px;
    opacity: 0.6;
  }
  .g-steps__blur img {
    width: 100%;
    height: 100%;
  }
  .g-steps-btn {
    display: none;
  }
  .g-steps-btn-mobile {
    display: flex;
    margin: 0px auto;
    margin-top: 14px;
  }
  .g-features .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .g-features .swiper-slide {
    height: auto;
  }
  .g-features .swiper-slide:nth-child(2),
  .g-features .swiper-slide:nth-child(3) {
    background-color: #1b1c1f;
  }
  .g-features__subtitle {
    font-size: 18px;
    line-height: 120%;
  }
  .g-features__text {
    font-size: 14px;
    line-height: 20px;
  }
  .g-features__item {
    font-size: 12px;
    line-height: 16px;
  }
  .g-features__image {
    max-width: 100%;
  }
  .g-features-pagination {
    display: flex;
    position: initial !important;
    margin-top: 11px;
    align-items: center;
    justify-content: center;
    gap: 8px !important;
  }
  .g-features .section-titles h2 {
    max-width: 286px;
  }
  .g-features .section-titles h2 span {
    display: block;
  }
  .g-features .section-titles p {
    max-width: 266px;
  }
  .g-features .section-titles p span {
    display: none;
  }

  .g-try__body {
    position: relative;
    padding: 33px 0;
  }
  .g-try__icon {
    width: 93px;
    height: 93px;
  }

  .g-try__title {
    font-size: 24px;
    line-height: 120%;
  }
  .g-try__text {
    font-size: 14px;
    line-height: 20px;
  }

  /* ======================================== Стили  для  Создать коллаж из фото END===================================== */

  /* ======================================== Стили  для Дорисовать фото START===================================== */

  /* ======================================== Стили  для Дорисовать фото END===================================== */
}

@media (max-width: 576px) {
  .e-advantages__users {
    display: none;
  }
  .e-advantages__column {
    display: grid;
    grid-template-columns: auto auto;
    gap: 21px;
    row-gap: 26px;
    align-items: center;
  }
  .e-advantages__users-mobile {
    grid-column: 1/-1;
    display: flex;
    max-width: fit-content;
  }
  .e-advantages__icon {
    width: 80px;
    height: 80px;
    padding: 24px;
  }
  .e-advantages__top {
    gap: 10px;
  }
  .e-advantages .section-titles h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 110%;
  }
  .e-advantages .section-titles p {
    max-width: 200px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 22px;
  }
  .e-advantages__result .e-advantages__text {
    max-width: 308px;
  }

  .e-possibilities-item {
    padding: 20px;
  }
  .e-possibilities-items {
    gap: 10px;
  }
  .e-possibilities-item .block-text {
    font-size: 16px;
  }
  .e-possibilities-body .section-titles h2 {
    max-width: 270px;
    margin: 0px auto;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 110%;
  }
  .e-possibilities-body .section-titles p {
    max-width: 190px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 22px;
  }
  .e-possibilities-wrapper {
    margin-top: 30px;
    gap: 10px;
  }

  .e-steps__text {
    max-width: 228px;
  }
  .e-steps h2 {
    max-width: 290px;
    margin: 0px auto;
    margin-bottom: 19px;
  }
  .e-steps .section-titles p {
    max-width: 190px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 22px;
  }

  .e-steps .section-titles h2 {
    font-size: 24px;
    line-height: 110%;
  }
  .e-hero-grid img {
    height: 327px;
  }
  .e-hero-blur {
    width: 100%;
    height: 380px;
  }
  .e-hero-blur picture {
    width: 100%;
  }
  .e-hero-blur img {
    width: 100%;
    height: 100%;
  }
  .e-hero-blur {
    bottom: 10px;
  }

  .e-hero-section {
    padding: 115px 0 0;
  }
  .e-hero-titles h1 {
    font-size: 24px;
    line-height: 110%;
    margin-bottom: 20px;
    color: #fff;
  }
  .e-hero-titles p {
    font-size: 14px;
    line-height: 22px;
    max-width: 230px;
    margin: 0px auto;
  }

  /* ======================================== Стили  для DALLE START===================================== */
  .u-trust-grid {
    left: 0;
    position: absolute;
    transform: unset;
    top: 0;
    min-width: max-content;
    z-index: -1;
    height: 100%;
    width: 100%;
  }

  .u-trust-blur {
    left: 0;
    position: absolute;
    transform: unset;
    top: -100px;
    min-width: max-content;
    z-index: 0;
    width: 100%;
    height: 120%;
  }
  .u-trust-section-mobile {
    display: block;
    margin-top: 100px;
    position: relative;
    z-index: 2;
    min-height: 488px;
  }
  .u-faq-section {
    margin-top: 50px;
  }
  .u-trust-blur img {
    width: 100%;
  }

  .u-trust-mobile-body {
    max-width: 100% !important;
    position: absolute;
    left: 50%;
    top: 210px;
    transform: translate(-50%, 0%);
    width: 100%;
  }

  .u-possibility__image {
    height: 400px;
  }

  .u-possibility__subtitle img {
    max-width: 20px;
    margin-top: 0;
  }
  .u-hero-titles p {
    font-size: 18px;
    line-height: 130%;
    margin-top: 15px;
  }
  .u-hero-btn {
    margin: 32px auto 0;
  }
  .u-hero-media {
    margin-top: 20px;
  }
  .u-hero-dots {
    display: none;
  }
  .u-hero-bg {
    height: 100%;
  }

  /* ======================================== Стили  для DALLE END===================================== */

  /* ======================================== Стили  для Leonardo AI START===================================== */

  .t-trust-grid {
    left: 0;
    transform: unset;
    width: 100%;
    top: -500px;
    z-index: -1;
  }
  .t-trust-blur {
    display: none;
  }
  .t-trust-grid picture {
    width: 100%;
  }
  .t-trust-grid img {
    width: 100%;
  }
  .t-trust-btn {
    margin: -50px auto 0;
  }

  .t-process-slide {
    min-height: 216px;
  }
  .t-possibilities-swiper-mobile {
    display: block;
    margin-top: 32px;
  }
  .t-possibilities-columns {
    display: none;
  }
  .t-possibilities-text-item {
    padding: 0;
  }
  .t-possibilities-text-item h3 {
    font-size: 36px;
    line-height: 100%;
  }
  .t-possibilities-swiper .swiper-slide:nth-child(2) .t-possibilities-column {
    flex-direction: column-reverse;
  }
  .t-possibilities-swiper .swiper-slide:nth-child(4) .t-possibilities-column {
    flex-direction: column-reverse;
  }

  .t-advantage-average-item {
    min-height: 247px;
  }
  .t-advantage-texts-between h3 {
    font-size: 30px;
    line-height: 100%;
  }
  .t-advantage-logo {
    bottom: 412px;
  }

  .t-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .t-hero-btn {
    margin: 28px auto 0;
  }

  .hero-section {
    padding: 128px 0 0;
    min-height: 822px;
  }

  .t-hero-section {
    min-height: 750px;
  }
  .t-hero-images {
    margin-top: 50px;
  }
  .t-hero-section {
    padding: 178px 0 0;
  }
  .t-hero-dots {
    display: none;
  }
  .t-hero-titles {
    max-width: 332px;
  }

  /* ======================================== Стили  для Leonardo AI END===================================== */

  /* ======================================== Стили  для Photoshop онлайн START===================================== */
  .s-trust-section {
    display: none;
  }
  .s-trust-section-mobile {
    display: block;
    margin-top: 120px;
    position: relative;
    z-index: 2;
    min-height: 644px;
  }
  .s-trust-mobile-body {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 288px;
    width: 100%;
  }
  .s-trust-btn {
    margin: 28px auto 0;
  }
  .s-advantage-items {
    flex-direction: column;
    gap: 10px;
  }
  .s-advantage-items {
    max-width: 100%;
    width: 100%;
  }
  .s-advantage-item {
    background: linear-gradient(
            105.97deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.1) 100%
    );
  }
  .s-advantage-blur {
    display: none;
  }
  .s-advantage-big-item {
    max-width: 100%;
  }
  .s-advantage-big-texts h3 {
    font-size: 60px;
    line-height: 60px;
  }
  .s-advantage-big-texts p {
    font-size: 16px;
    line-height: 22px;
  }
  .s-advantage-big-item {
    border-radius: 16px;
  }
  .s-advantage-big-item::after {
    border-radius: 16px;
  }
  .s-advantages-column:nth-child(1) {
    gap: 10px;
  }
  .s-advantages-column .block-big-text {
    max-width: 332px;
  }
  .s-advantage-lamp {
    top: 350px;
    right: -14px;
    transform: rotate(19deg);
    z-index: 2;
  }

  .s-possibilities-texts .block-title {
    font-size: 22px;
    line-height: 120%;
  }
  .s-possibilities-texts .block-text {
    font-size: 18px;
    line-height: 130%;
  }
  .s-possibilities-column {
    gap: 32px;
  }
  .s-possibilities-columns {
    margin-top: 32px;
  }
  .s-possibilities-left-item {
    max-width: 100%;
  }
  .s-possibilities-right-item {
    max-width: 100%;
  }
  .s-footer {
    margin-top: 140px;
  }

  .s-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .s-hero-btn {
    margin: 28px auto 0;
  }

  .s-hero-section {
    padding: 128px 0 0;
    min-height: 822px;
  }
  .s-hero-cart {
    display: none;
  }

  .s-hero-plus {
    bottom: unset;
    max-width: 120px;
    width: 100%;
    left: 0;
    top: 240px;
  }
  .s-hero-icons--two {
    max-width: 45px;
    left: -10px;
    top: 320px;
    bottom: unset;
  }
  .s-hero-icons {
    bottom: 8px;
    left: unset;
    max-width: 73px;
    left: unset;
    right: 0;
  }
  .s-hero-cursor {
    display: flex;
    position: absolute;
    max-width: 132px;
    transform: rotate(-7deg);
    right: -20px;
    top: 180px;
  }

  /* ======================================== Стили  для Photoshop онлайн END===================================== */

  /* ======================================== Стили  для Улучшить фотографию START===================================== */
  .r-trust-section {
    margin-top: 60px;
    min-height: 470px;
  }
  .r-trust-users {
    margin: 32px auto 0;
  }
  .r-trust-bg {
    top: -130px;
    z-index: 1;
  }
  .r-trust-ellipse {
    bottom: -20px;
    z-index: 1;
  }
  .r-trust-btn {
    margin: 40px auto 0;
  }

  .r-process-media {
    display: none;
  }
  .r-process-cnt {
    padding: 20px;
    min-height: 524px;
    justify-content: unset;
    align-items: unset;
    gap: 0;
    flex-direction: unset;
    border-radius: 12px;
  }
  .r-process-description {
    padding: 0;
  }
  .r-process-step {
    flex-direction: column;
    gap: 16px;
  }
  .r-process-bg {
    display: none;
  }
  .r-process-step .section-clue {
    font-size: 16px;
    line-height: 22px;
    margin-left: 14px;
  }
  .r-process-steps {
    gap: 32px;
  }
  .r-process-step-texts p {
    font-size: 16px;
    line-height: 22px;
  }
  .r-process-step-texts h3 {
    line-height: 120%;
  }
  .r-process-mobile-media {
    margin-top: 10px;
  }
  .r-process-mobile-media {
    display: flex;
  }

  .r-possibilities-column {
    flex-direction: column;
  }
  .r-possibilities-small-item {
    max-width: 100%;
  }
  .r-possibilities-another-item {
    max-width: 100%;
  }
  .r-possibilities-big-item {
    border-radius: 12px;
  }
  .r-possibilities-big-img picture img {
    border-radius: 12px;
  }
  .r-possibilities-small-item {
    min-height: 382px;
    border-radius: 12px;
  }
  .r-possibilities-another-item {
    min-height: 382px;
    border-radius: 12px;
  }
  .r-possibilities-another-item .r-possibilities-bg-img img {
    object-position: 0 0;
  }
  .r-small-item--two {
    border-radius: 12px;
  }
  .r-small-item--two .r-possibilities-bg-img img {
    object-position: 0 -10px;
  }
  .r-big-item--two {
    border-radius: 12px;
    min-height: 420px;
  }
  .r-big-item--two .r-possibilities-bg-img img {
    object-position: 0 -10px;
  }
  .r-possibilities-columns {
    gap: 10px;
  }
  .small-item--two-texts ul li {
    font-size: 16px;
    line-height: 22px;
  }

  .r-advantages-block-bg {
    bottom: -150px;
  }
  .r-advantages-block-bg img {
    object-fit: cover;
  }
  .r-advantages-gradient {
    left: 0;
    transform: unset;
    bottom: -300px;
    min-width: 566px;
  }
  .r-advantages-decor {
    display: flex;
    position: absolute;
  }
  .r-advantages-decor--one {
    max-width: 120px;
    left: 0;
    top: 0;
  }
  .r-advantages-decor--two {
    max-width: 140px;
    width: 100%;
  }
  .r-advantages-left-column
  .r-advantage-small-item:nth-child(2)
  .r-advantages-bg
  img {
    object-position: 0 -10px;
  }
  .r-advantages-right-column
  .r-advantage-small-item:nth-child(1)
  .r-advantages-bg
  img {
    object-position: 0 -10px;
  }
  .r-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .r-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .r-hero-btn {
    margin: 28px auto 0;
  }

  .r-hero-cart--tree {
    max-width: 282px;
    margin-left: auto;
  }
  .r-hero-icon--tree {
    left: 0;
    bottom: 0;
  }
  .r-hero-icon--one {
    bottom: 0;
    left: unset;
    max-width: 60px;
    right: 0;
  }
  .r-hero-icon--two {
    max-width: 60px;
  }
  .r-hero-dots {
    display: none;
  }
  /* ======================================== Стили  для Улучшить фотографию END===================================== */

  /* ======================================== Стили  для Canva  фоторедактор START===================================== */
  .q-possibilities-round {
    max-width: 126px;
    height: 126px;
    width: 100%;
  }
  .q-possibilities-round .icon-arrow-right3 {
    font-size: 18px;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .q-round-border-img {
    max-width: 66px;
    top: 30px;
    left: 30px;
  }
  .q-round-text-img {
    max-width: 104px;
  }
  .q-possibilities-round .q-icon-arrow-right {
    font-size: 18px;
  }
  .q-reviews-section .container {
    padding: 0;
  }
  .q-reviews-section {
    margin-top: 100px;
  }
  .function-item-media {
    height: 225px;
  }
  .function-item-link {
    top: 130px;
  }
  .function-item:nth-child(1) .function-item-media img {
    object-position: 0 -110px;
  }
  .function-item:nth-child(2) .function-item-media img {
    object-position: top;
  }
  .functions-btn {
    margin: 32px auto 0;
  }
  .q-advantage-decor--tree {
    top: unset;
    bottom: -70px;
    right: unset;
    left: 160px;
    max-width: 160px;
  }

  .q-advantage-header img {
    margin-top: 0;
  }
  .q-advantages-mobile-decor {
    display: flex;
    position: absolute;
    top: -34px;
    left: -14px;
    max-width: 104px;
    z-index: -1;
  }
  .q-advantage-decor--for {
    top: unset;
    left: 0;
    bottom: -70px;
    transform: unset;
  }
  .q-advantages-clue--two {
    order: 4;
  }
  .q-advantages-clue--one {
    order: 3;
  }
  .q-advantages-clue--for {
    order: 2;
  }
  .q-advantages-clue--tree {
    order: 1;
  }
  .q-advantage-decor--two {
    top: 250px;
    z-index: 2;
    right: -20px;
  }
  .q-advantage-decor--one {
    bottom: -140px;
    z-index: -1;
    left: -14px;
  }

  .q-work-tag--one {
    min-height: 76px;
    padding: 20px 16px;
  }
  .q-work-tag--one p {
    font-size: 14px;
    line-height: 130%;
  }
  .q-work-tag-decor {
    max-width: 88px;
  }
  .q-work-tag--one::after {
    padding: 1px;
  }
  .q-work-tag--one {
    border-radius: 10px;
  }
  .q-work-tag--one::after {
    border-radius: 10px;
  }
  .q-work-horse {
    right: 9px;
    top: 151px;
    transform: rotate(3deg);
  }
  .q-work-tag--two {
    border-radius: 10px;
    border: 1px solid #c2ccf61f;
  }

  .herq-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .herq-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .q-herq-btn {
    margin: 28px auto 0;
  }
  .q-hero-section {
    min-height: 822px;
  }

  .q-hero-bg {
    height: 100%;
  }
  .q-herq-cnt {
    display: none;
  }
  .q-herq-tag--one {
    display: none;
  }
  .q-herq-tag--two {
    display: none;
  }
  .q-herq-decor--one {
    display: none;
  }
  .q-herq-decor--two {
    display: none;
  }
  .q-herq-cat {
    display: none;
  }
  .q-herq-media {
    position: relative;
    margin: 30px auto 0;
  }
  .q-herq-cat-mobile {
    display: flex;
    position: absolute;
    max-width: 128px;
    right: 0;
    top: 340px;
    right: -33px;
    transform: rotate(37deg);
  }
  .q-hero-body {
    padding: 128px 0 0;
  }

  /* ======================================== Стили  для Canva  фоторедактор END===================================== */

  /* ======================================== Стили  для Оживить фотографию START===================================== */
  .w-inspire__image {
    display: block;
    padding: 0;
  }
  .w-inspire__image img {
    width: 100%;
  }
  .w-advantages {
    margin-top: 40px;
  }
  .w-inspire {
    margin-top: 100px;
  }
  .w-hero-titles p {
    font-size: 16px;
    line-height: 130%;
    margin-top: 12px;
  }
  .w-hero-btn {
    margin: 32px auto 0;
  }
  .w-hero-bg {
    height: 100%;
  }

  .w-hero-gif {
    max-width: 151px;
    min-width: 151px;
    width: 100%;
    height: 203px;
  }
  .w-hero-gif img {
    border-radius: 8px;
  }
  .w-hero-image {
    min-width: 170px;
    max-width: 170px;
    width: 100%;
  }
  .w-hero-image:nth-child(6) {
    margin-left: -20px;
  }
  .w-hero-image:nth-child(2) {
    margin-right: -20px;
  }
  .w-hero-images {
    margin-top: -40px;
  }

  /* ======================================== Стили  для Оживить фотографию END===================================== */

  /* ======================================== Стили  для Генератор баннеров бесплатно START===================================== */

  .p-trust-block .section-titles p {
    margin-top: 12px;
  }
  .p-trust-block {
    border-radius: 12px;
  }

  .p-possibilities-text-header img {
    max-width: 22px;
  }
  .p-advantages-columns {
    display: none;
  }
  .p-advantages-slider {
    display: block;
  }
  .p-advantage-big-item {
    flex-direction: column-reverse;
    align-items: start;
    gap: 30px;
    padding: 30px;
  }
  .p-advantage-small-item {
    max-width: 100%;
  }
  .p-advantage-btn {
    margin-top: 20px;
  }
  .p-advantage-big-texts h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .p-advantage-big-media {
    max-width: 100%;
  }

  .p-hero-picture-texts a {
    margin-top: 0;
  }
  .p-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .p-hero-btn {
    margin: 28px auto 0;
  }

  .p-hero-bg {
    height: 100%;
  }

  .p-hero-pictrue--one {
    display: none;
  }
  .p-hero-decor {
    display: none;
  }
  .p-hero-media-mobile {
    margin-top: 21px;
    display: flex;
    position: relative;
    z-index: 2;
  }
  .p-hero-body {
    padding: 128px 0 0;
  }
  .p-hero-section .container {
    padding: 0 14px 0 0;
  }
  .p-hero-titles {
    padding: 0 0 0 14px;
  }
  .p-hero-green-link {
    display: none;
  }

  /* ======================================== Стили  для Генератор баннеров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация карточек товаров бесплатно START===================================== */

  .o-work-slide-header p {
    font-size: 14px;
    line-height: 140%;
  }
  .o-work-slide-dots {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
  .o-work-slide-info {
    margin-top: 32px;
  }
  .o-how-work-slide {
    padding: 20px;
    border-radius: 12px;
  }
  .o-how-work-section .container {
    padding: 0 11px;
  }
  .o-how-work-cnt {
    min-height: 488px;
    border-radius: 12px;
  }
  .o-how-work-cnt .section-big-titles {
    margin-top: 202px;
    max-width: 300px;
  }
  .o-how-work-bg img {
    object-position: 0 -30px;
  }

  .o-how-work-slide {
    min-height: 404px;
  }
  .o-work-slide-media {
    margin-top: 16px;
  }
  .o-possibilities-section {
    margin-top: 160px;
  }
  .o-possibilities-statistics {
    display: none;
  }
  .o-possibilities-item-info {
    padding: 16px 0;
  }

  .o-possibilities-item-info .block-text {
    font-size: 16px;
    line-height: 22px;
  }
  .o-possibilities-img img {
    border-radius: 8px;
  }
  .o-possibilities-column:nth-child(1)
  .possibilities-average-item
  .possibilities-img {
    height: unset;
  }
  .o-possibilities-heart {
    top: -60px;
    right: -101px;
    z-index: -1;
  }
  .o-possibilities-big-text {
    padding: 5px 7px 5px 9px;
    border-radius: 6px;
    gap: 5px;
    max-width: 139px;
    top: 40px;
    left: 66px;
  }
  .o-possibilities-big-text p {
    font-size: 9.24px;
    line-height: 130%;
  }
  .o-possibilities-columns {
    gap: 20px;
  }
  .o-possibilities-big-text {
    display: none;
  }
  .o-possibilities-round {
    max-width: 162px;
    height: 162px;
  }
  .o-possibilities-round .icon-arrow-right {
    font-size: 20px;
  }
  .o-advantage-decor--for {
    max-width: 140px;
    left: 28px;
    bottom: -55px;
  }

  .round-text-img {
    max-width: 132px;
  }
  .round-border-img {
    max-width: 80px;
    top: 41px;
    left: 41px;
  }
  .o-possibilities-item-info .block-title {
    font-size: 16px;
    line-height: 22px;
  }

  .o-advantages-section {
    margin-top: 20px;
  }
  .o-advantage-decor--two {
    max-width: 100px;
    top: -30px;
    right: -20px;
  }
  .o-advantage-header img {
    width: 44px;
    height: 44px;
  }
  .o-advantage-header h3 {
    font-size: 18px;
    line-height: 120%;
    font-weight: 600;
  }

  .o-advantage-decor--for {
    max-width: 140px;
    left: 28px;
    bottom: -55px;
  }

  .o-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .o-hero-btn {
    margin: 28px auto 0;
  }
  .o-hero-bg {
    height: 100%;
  }
  .o-hero-dots {
    display: none;
  }
  .o-hero-media {
    display: none;
  }
  .o-hero-media-mobile {
    display: block;
    margin-top: 44px;
  }
  .o-hero-media-mobile-item:nth-child(1) {
    margin-left: -120px;
  }
  .o-hero-media-mobile-item:nth-child(1) img {
    object-position: 30px 0;
  }
  .o-hero-media-mobile-item:nth-child(3) {
    margin-left: -120px;
    z-index: -1;
  }
  .o-hero-media-mobile-item:nth-child(3) img {
    object-position: 60px 0;
  }

  .o-hero-bg img {
    object-fit: cover;
  }
  .o-hero-section {
    min-height: 788px;
  }
  .o-hero-section .container {
    padding: 0;
  }
  .o-hero-decor {
    height: 145px;
    bottom: -20px;
  }
  .o-hero-body .o-hero-titles {
    max-width: 332px;
    margin: 0 auto;
  }
  /* ======================================== Стили  для Генерация карточек товаров бесплатно END===================================== */

  /* ======================================== Стили  для Генерация постов Instagram бесплатно START===================================== */

  .n-process-media {
    display: none;
  }
  .n-process-cnt {
    padding: 20px;
    min-height: 524px;
    justify-content: unset;
    align-items: unset;
    gap: 0;
    flex-direction: unset;
    border-radius: 12px;
    margin-top: 10px;
  }
  .n-process-description {
    padding: 0;
  }
  .n-process-step {
    flex-direction: column;
    gap: 16px;
  }
  .n-process-bg {
    display: none;
  }
  .n-process-step .section-clue {
    font-size: 16px;
    line-height: 22px;
    margin-left: 14px;
  }
  .n-process-steps {
    gap: 32px;
  }
  .process-step-texts p {
    font-size: 16px;
    line-height: 22px;
  }
  .n-process-step-texts h3 {
    line-height: 120%;
  }

  .n-process-mobile-media {
    display: flex;
    margin-top: 30px;
  }

  .n-possibilities-statistics {
    display: none;
  }
  .n-possibilities-body .section-big-titles h2 i {
    font-size: 16px;
  }
  .n-possibilities-item-info {
    padding: 24px;
    margin-top: 10px;
    border: 1px solid #c2ccf61f;
    border-radius: 20px;
  }
  .n-possibilities-item-info h3 {
    font-size: 22px;
    line-height: 120%;
  }
  .n-possibilities-item-info .block-title {
    font-size: 22px;
    line-height: 120%;
  }
  .n-possibilities-item-info .block-text {
    font-size: 14px;
    line-height: 140%;
  }
  .n-possibilities-img img {
    border-radius: 8px;
  }
  .n-possibilities-column:nth-child(1)
  .n-possibilities-average-item
  .n-possibilities-img {
    height: unset;
  }
  .n-possibilities-heart {
    top: -60px;
    right: -101px;
    z-index: -1;
  }

  .n-possibilities-big-text {
    padding: 5px 7px 5px 9px;
    border-radius: 6px;
    gap: 5px;
    max-width: 139px;
    top: 40px;
    left: 66px;
  }
  .n-possibilities-big-text p {
    font-size: 9.24px;
    line-height: 130%;
  }

  .n-possibilities-columns {
    gap: 20px;
  }

  .n-advantage-stories {
    max-width: 282px;
    width: 100%;
  }
  .n-advantage-border-item {
    padding: 132px 0 0 100px;
  }
  .n-advantage-border-item h3 {
    font-size: 60px;
    line-height: 60px;
  }
  .n-advantage-border-item p {
    font-size: 18px;
    line-height: 120%;
  }
  .n-advantage-text-item p span:nth-child(2) {
    display: block;
  }
  .n-advantage-text-item p span:nth-child(1) {
    display: none;
  }
  .n-advantage-tag h3 {
    font-size: 24px;
    line-height: 120%;
  }
  .n-advantage-tag p {
    font-size: 14px;
    line-height: 130%;
  }
  .n-advantage-tag--two {
    bottom: 113px;
    max-width: 180px;
    width: 100%;
  }
  .n-advantage-rocket {
    left: unset;
    right: -14px;
    transform: unset;
    z-index: 2;
    top: 630px;
    max-width: 350px;
  }
  .n-advantage-smoke {
    display: none;
  }
  .n-advantage-tag p span {
    display: block;
  }
  .n-advantage-tag {
    min-width: max-content;
  }
  .n-advantage-tag--for {
    max-width: 180px;
    width: 100%;
  }

  .n-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .n-hero-titles p {
    font-size: 18px;
    line-height: 130%;
    margin-top: 15px;
  }
  .n-hero-btn {
    margin: 32px auto 0;
  }
  .n-hero-bg {
    height: 100%;
  }

  .hero-section {
    padding: 117px 0 0;
  }
  .n-hero-media {
    display: none;
  }

  .n-hero-mobile-swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 68px;
    max-width: 370px;
    width: 100%;
    margin: 68px auto 0;
    position: relative;
    z-index: 2;
  }
  .n-hero-swiper {
    width: 100%;
  }
  .n-hero-mobile-swiper {
    width: 100%;
  }
  .n-hero-swiper .swiper-wrapper {
    height: max-content !important;
  }
  .n-hero-icon {
    display: flex;
  }

  .n-hero-icon--one {
    top: 81px;
    left: -30px;
    max-width: 39px;
    height: 39px;
  }

  .n-hero-icon--two {
    top: 130px;
    left: -5px;
    max-width: 39px;
    width: 100%;
    height: 39px;
  }

  .n-hero-icon--tree {
    top: 183px;
    left: -18px;
  }

  .n-hero-bg img {
    object-fit: cover;
  }
  .n-hero-decor--two {
    max-width: 60px;
    height: 60px;
    right: unset;
    top: 320px;
    left: 0;
  }
  .n-hero-decor--two img {
    width: 100%;
    height: 100%;
  }
  .n-hero-heart {
    top: 280px;
  }
  .n-hero-heart--two {
    top: unset;
    max-width: 73px;
    width: 100%;
    right: auto;
    bottom: 10px;
    left: unset;
    right: 17px;
  }
  .n-hero-heart--two img {
    width: 100%;
    height: 100%;
  }

  /* ======================================== Стили  для Генерация постов Instagram бесплатно END===================================== */

  /* ======================================== Стили  для Фоторедактор онлайн START===================================== */

  .m-process-slide {
    min-height: 216px;
  }

  .m-advantages-titles h3 {
    font-size: 60px;
    line-height: 60px;
  }
  .m-advantages-column {
    align-items: stretch;
  }
  .m-advantages-titles p {
    font-size: 18px;
    line-height: 120%;
  }
  .m-advantages-column {
    gap: 32px;
  }
  .m-advantages-columns {
    gap: 32px;
  }
  .m-advantages-texts {
    flex-direction: column;
  }
  .m-advantages-texts p {
    font-size: 16px;
    line-height: 22px;
  }
  .m-advantages-tags {
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
  }
  .m-advantages-tag h4 {
    font-size: 60px;
    line-height: 60px;
  }
  .m-advantages-tag p {
    font-size: 18px;
    line-height: 120%;
  }
  .m-advantages-btn {
    max-width: 100%;
  }

  .m-possibilities-small-item {
    max-width: 100%;
    flex: 1 1 20%;
  }
  .m-possibilities-link {
    border: 4px solid #121316;
    max-width: 52px;
    height: 52px;
  }
  .m-possibilities-link i {
    font-size: 12px;
  }
  .m-possibilities-texts p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 130%;
  }
  .m-possibilities-column {
    row-gap: 28px;
    column-gap: 8px;
  }
  .m-possibilities-link {
    right: 0;
    top: 0;
  }
  .m-possibilities-column:nth-child(2) .m-possibilities-big-item {
    order: 1;
  }
  .m-possibilities-column:nth-child(2) .m-possibilities-small-item {
    order: 2;
  }
  .m-possibilities-column:nth-child(2) .m-possibilities-round {
    order: 3;
  }

  .m-possibilities-round {
    max-width: 162px;
    height: 162px;
    flex: 0 0 162px;
  }
  .round-text-img {
    max-width: 132px;
    top: 11px;
    left: 11px;
  }
  .round-border-img {
    max-width: 80px;
    top: 41px;
    left: 41px;
  }
  .m-possibilities-round .icon-arrow-right {
    font-size: 20px;
  }
  .m-possibilities-texts {
    margin-top: 12px;
  }

  .m-possibilities-big-item .m-possibilities-link {
    top: 0;
    right: 60px;
  }

  .m-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .m-hero-titles p {
    font-size: 18px;
    line-height: 130%;
    margin-top: 15px;
  }
  .m-hero-btn {
    margin: 32px auto 0;
  }
  .m-hero-media {
    margin-top: 20px;
  }
  .m-hero-dots {
    display: none;
  }
  .m-hero-bg {
    height: 100%;
  }

  /* ======================================== Стили  для Фоторедактор онлайн END===================================== */

  /* ======================================== Стили  для ИИ-генератор интерьера START===================================== */

  .l-trust-mobile-picture {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 0;
  }
  .l-process-slide {
    min-height: 239px;
  }

  .l-statistics-bg {
    position: initial;
  }
  .l-statistics-big-item {
    padding: 0;
    min-height: 345px;
  }
  .l-statistics-bg {
    border: 1px solid #c2ccf61f;
    border-radius: 10px;
  }
  .l-statistics-texts {
    padding: 0 20px;
    justify-content: center;
    margin-top: 10px;
  }
  .l-statistics-cnt {
    gap: 30px;
  }
  .l-statistics-small-item:nth-child(1) {
    flex-direction: column-reverse;
  }
  .l-statistics-small-picture {
    display: flex;
    position: absolute;
    bottom: 0;
    max-width: 229px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-statistics-texts {
    gap: 5px;
    margin-top: 0;
  }
  .l-statistics-texts h3 {
    font-size: 60px;
    line-height: 60px;
  }
  .l-statistics-texts p {
    font-size: 16px;
    line-height: 22px;
    max-width: 208px;
  }
  .l-statistics-texts:nth-child(1) p {
    max-width: 151px;
  }

  .l-statistics-big-item {
    gap: 10px;
  }
  .l-statistics-small-bg img {
    object-position: bottom;
  }

  .l-possibilities-item-header span {
    font-size: 18px;
  }
  .l-possibilities-media {
    margin-top: 37px;
  }
  .l-possibilities-big-texts {
    margin-top: 37px;
  }
  .l-possibilities-small-texts .block-title {
    font-size: 16px;
    line-height: 22px;
  }
  .l-possibilities-column {
    gap: 10px;
  }
  .l-possibilities-small-wrapper {
    gap: 10px;
  }
  .l-possibilities-cnt {
    gap: 10px;
  }
  .l-possibilities-table {
    right: -255px;
  }
  .l-possibilities-big-item:nth-child(2) .l-possibilities-item-header {
    flex-direction: row-reverse;
  }

  .l-possibilities-average-item:nth-child(2) .l-possibilities-item-header {
    flex-direction: row-reverse;
  }

  .l-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }

  .l-hero-titles p {
    font-size: 18px;
    line-height: 130%;
    margin-top: 15px;
  }

  .l-hero-btn {
    margin: 32px auto 0;
  }
  .l-hero-clue-mobile {
    display: block;
  }

  .l-hero-clue p {
    font-size: 13px;
    line-height: 130%;
    font-weight: 400;
  }
  .l-hero-img:nth-child(3) {
    max-width: 234px;
    width: 100%;
  }
  .l-hero-images {
    min-height: 234px;
    margin: 132px auto 0;
  }
  .l-hero-img:nth-child(2) {
    max-width: 146px;
  }
  .l-hero-img:nth-child(4) {
    max-width: 146px;
  }
  .l-hero-img p {
    display: none;
  }
  .l-hero-lamp {
    max-width: 56px;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-hero-cloud {
    top: 230px;
    right: 61px;
  }
  .l-hero-armchair {
    left: -14px;
    max-width: 180px;
    top: 280px;
  }
  .l-hero-img:nth-child(2) {
    top: 44px;
  }
  .l-hero-img:nth-child(4) {
    top: 44px;
  }
  .l-hero-polygon {
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -70px;
    max-width: 84px;
  }
  .l-hero-bg {
    height: 140%;
  }
  .l-hero-table {
    max-width: 107px;
    right: 55px;
    top: 530px;
  }
  .l-hero-clue {
    padding: 10px 13px 10px 13px;
    border-radius: 7px;
    max-width: 151px;
    font-size: 10px;
    top: 570px;
    left: 29px;
  }
  .l-hero-section .container {
    padding: 0;
  }
  .l-trust-section .k-trust-body {
    min-height: 443px;
    padding: 37px 0;
  }

  /* ======================================== Стили  для ИИ-генератор интерьера END===================================== */

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно START===================================== */

  .k-trust-section {
    margin-top: 100px;
  }
  .k-trust-body {
    min-height: 434px;
    padding: 50px 0 0;
  }
  .k-trust-body .section-titles {
    padding: 0 0 32px 0;
  }

  .k-possibilities-items {
    display: none;
  }
  .k-possibilities-mobile-swiper {
    width: 100%;
    display: block;
  }
  .k-possibilities-bg picture img {
    object-position: top;
  }
  .k-possibilities-texts .block-text {
    max-width: 292px;
  }
  .k-possibilities-pagination {
    margin-top: 21px !important;
  }
  .k-possibilities-body {
    gap: 32px;
  }
  .k-possibilities-item {
    min-height: 278px;
    padding: 20px;
  }
  .k-possibilities-number {
    font-size: 14px;
  }

  .k-process-media {
    display: none;
  }
  .k-process-cnt {
    padding: 20px;
    min-height: 524px;
    justify-content: unset;
    align-items: unset;
    gap: 0;
    flex-direction: unset;
    border-radius: 12px;
  }
  .k-process-description {
    padding: 0;
  }
  .k-process-step {
    flex-direction: column;
    gap: 16px;
  }
  .k-process-bg {
    display: none;
  }
  .k-process-step .section-clue {
    font-size: 16px;
    line-height: 22px;
    margin-left: 14px;
  }
  .k-process-steps {
    gap: 32px;
  }
  .k-process-step-texts p {
    font-size: 16px;
    line-height: 22px;
  }
  .k-process-step-texts h3 {
    line-height: 120%;
  }
  .k-process-mobile-media {
    margin-top: 10px;
  }
  .k-process-mobile-media {
    display: flex;
  }

  .k-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }

  .k-advnatages-small-icon {
    display: none;
  }

  .k-advnatages-small-item-mobile .k-advnatages-bg img {
    object-position: 0 -2px;
  }

  .k-advnatages-big-item {
    min-height: 355px;
  }

  .k-advnatages-big-icon {
    left: unset;
    bottom: -10px;
    right: 0;
    max-width: 280px;
  }
  .k-advnatages-big-icon img {
    width: 100%;
    height: 100%;
  }
  .k-advnatages-big-texts h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .k-advnatages-bg-info p {
    font-size: 16px;
    line-height: 22px;
  }
  .k-advnatages-bg-info h4 {
    line-height: 120%;
  }
  .k-advnatages-big-texts {
    gap: 183px;
  }
  .k-advnatages-texts h3 {
    font-size: 60px;
    line-height: 60px;
    align-items: unset;
  }
  .k-advnatages-texts h3 span {
    font-size: 24px;
    line-height: 120%;
    margin-top: 27px;
  }
  .k-advnatages-users {
    max-width: 100%;
  }
  .k-advnatages-small-item-mobile {
    max-width: 100%;
  }
  .k-advnatages-small-item-mobile picture {
    width: 100%;
  }

  .k-advnatages-section {
    padding: 60px 0 0;
  }

  .k-reviews-section {
    margin-top: 100px;
  }
  .k-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }

  .k-hero-btn {
    margin: 28px auto 0;
  }

  .k-hero-clue p {
    font-size: 13px;
    line-height: 130%;
    font-weight: 400;
  }
  .k-hero-clue {
    padding: 7px 10px;
    border-radius: 6px;
  }
  .k-hero-clue--for {
    top: -78px;
  }
  .k-hero-clue--tree {
    top: -50px;
    right: 15px;
  }
  .k-hero-icon--one {
    top: -80px;
    right: 0;
  }
  .k-hero-ellipse {
    bottom: -80px;
  }
  .k-hero-dots {
    display: none;
  }
  .k-hero-clue--two {
    top: 500px;
    right: unset;
    left: 0;
  }
  .k-hero-icon--tree {
    left: 16px;
    top: 355px;
    transform: rotate(8deg);
  }
  .k-hero-icon--for {
    top: 500px;
    right: 70px;
  }
  .k-hero-icon--two {
    top: 300px;

    transform: rotate(-35deg);
  }

  /* ======================================== Стили  для Генерация дизайна сайта бесплатно END===================================== */

  /* ======================================== Стили  для Колоризация фото START===================================== */

  .j-reviews-bg {
    top: 100px;
    max-width: 200px;
  }
  .j-work-big-text {
    border: 1px solid #c2ccf61f;
    border-radius: 10px;
    max-width: 270px;
    width: 100%;
    top: 15px;
    left: 15px;
    padding: 16px;
    z-index: 2;
    bottom: unset;
  }
  .j-work-big-text p {
    font-weight: 400;
    font-size: 15.81px;
    line-height: 130%;
  }
  .j-work-big-info {
    margin-top: auto;
  }
  .j-work-big-item {
    min-height: 468px;
    padding: 24px 24px 29px 24px;
  }
  .j-work-big-info .block-text {
    font-size: 18px;
    line-height: 130%;
  }
  .j-start-now {
    margin-top: 30px;
    min-height: 466px;
    padding: 30px 0;
  }
  .j-work-big-info span {
    opacity: 0.6;
    margin-top: 40px;
  }
  .j-work-small-item span {
    opacity: 0.6;
  }

  .j-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .j-possibilities-section {
    margin-top: 120px;
  }
  .j-hero-bg {
    display: none;
  }
  .j-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .j-hero-titles p strong {
    font-weight: 600;
  }
  .j-hero-btn {
    margin: 32px auto 0;
  }

  .hero-section {
    padding: 122px 0 0;
    min-height: 800px;
  }

  .j-hero-image img {
    object-fit: unset;
  }
  .j-hero-media {
    position: initial;
    transform: unset;
    margin: 37px auto 0;
  }
  .j-hero-media picture {
    display: none;
  }

  .j-hero-mobile-slider {
    display: block;
    width: 100%;
    padding: 0 39px;
    position: relative;
  }
  .j-hero-pagination {
    position: relative !important;
    z-index: 3 !important;
    bottom: unset !important;
    margin-top: 21px;
  }
  .j-hero-mobile-decor {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
  }
  .j-hero-mobile-decor img {
    width: 100%;
    height: 100%;
  }
  .j-hero-pagination .swiper-pagination-bullet-active {
    width: 15px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    height: 6px !important;
  }

  .n-hero-swiper .swiper-pagination-bullet-active {
    width: 15px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    height: 6px !important;
  }

  .j-hero-mobile-icon {
    max-width: 144px;
    position: absolute;
    top: -15px;
    z-index: 2;
    right: 15px;
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
    border-radius: 6px;
    overflow: hidden;
  }
  .j-hero-card-plus-mobile {
    position: absolute;
    top: 173px;
    right: 15px;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    z-index: 2;
    border-radius: 9px;
    max-width: 67px;
    display: flex;
  }
  .j-hero-icon-two {
    max-width: 28px;
    top: 201px;
    left: 35px;
    position: absolute;
    z-index: 2;
  }
  .j-hero-pagination {
    display: flex;
  }
  .j-hero-icon-tree {
    max-width: 40px;
    top: 240px;
    left: 48px;
    position: absolute;
    z-index: 2;
  }

  .j-possibilities-left-decor {
    top: -250px;
    right: unset;
    left: -14px;
  }
  .j-possibilities-left-decor img {
    object-fit: cover;
  }
  .j-possibilities-right-decor {
    left: unset;
    right: -14px;
    bottom: -190px;
  }
  .j-possibilities-text-item .block-text {
    max-width: 300px;
  }

  /* ======================================== Стили  для Колоризация фото END===================================== */

  /* ======================================== Стили  для Объединить 2 фото START===================================== */

  .i-possibilities-slide-info {
    padding: 20px;
  }
  .i-advantages-body {
    gap: 0;
  }
  .i-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .i-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .i-hero-btn {
    margin: 32px auto 0;
  }

  .i-hero-section {
    padding: 122px 0 0;
    min-height: 800px;
  }
  .i-hero-bg img {
    object-position: unset;
  }
  .i-hero-dots {
    display: none;
  }
  .i-hero-right-card {
    display: none;
  }
  .i-hero-left-card {
    display: none;
  }
  .i-hero-center-card picture {
    width: 100%;
    height: 100%;
  }
  .i-hero-center-card picture img {
    width: 100%;
    height: 100%;
  }

  .i-work-slide-info {
    margin-top: 32px;
  }
  .i-work-slide-header p {
    font-size: 14px;
    line-height: 140%;
  }
  .i-work-slide-dots {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
  .i-how-work-btn {
    margin: 10px auto 0;
  }

  /* ======================================== Стили  для Объединить 2 фото END===================================== */

  /* ======================================== Стили  для Дорисовать фото START===================================== */

  .h-advantage-bg-mobile {
    display: flex;
    position: absolute;
    right: 0;
    top: -300px;
    z-index: -1;
  }
  .h-advantage-item h3 {
    font-size: 40px;
    line-height: 110%;
  }
  .h-advantage-item-text {
    padding: 16px 0 0;
    margin-top: 28px;
  }
  .h-work-slide-header p {
    font-size: 14px;
    line-height: 140%;
  }
  .h-try-now-block {
    padding: 80px 0;
    border-radius: 12px;
  }

  .h-possibilities-statistics p:nth-child(1) {
    max-width: 25px;
    min-height: 25px;
    flex: 0 0 25px;
  }
  .h-possibilities-statistics p {
    font-size: 6.04px;
    line-height: 7.77px;
  }
  .h-possibilities-statistics p:nth-child(2) {
    max-width: 20px;
    min-height: 29px;
    flex: 0 0 20px;
  }
  .h-possibilities-statistics {
    min-height: 44px;
    padding: 4px;
    max-width: 154px;
  }
  .h-possibilities-statistics p:nth-child(3) {
    max-width: 27px;
    min-height: 18px;
    flex: 0 0 27px;
  }
  .h-possibilities-statistics p:nth-child(4) {
    max-width: 22px;
    min-height: 34px;
    flex: 0 0 22px;
  }
  .h-possibilities-statistics p:nth-child(5) {
    max-width: 34px;
    min-height: 22px;
    flex: 0 0 34px;
  }
  .h-possibilities-statistics {
    justify-content: center;
  }
  .h-possibilities-item-info {
    padding: 12px 0;
  }
  .h-possibilities-item-info .block-title {
    font-size: 16px;
    line-height: 22px;
  }
  .h-possibilities-item-info .block-text {
    font-size: 14px;
    line-height: 140%;
  }
  .h-possibilities-img img {
    border-radius: 8px;
  }
  .h-possibilities-column:nth-child(1)
  .h-possibilities-average-item
  .h-possibilities-img {
    height: 280px;
  }

  .h-possibilities-big-text {
    padding: 5px 7px 5px 9px;
    border-radius: 6px;
    gap: 5px;
    max-width: 139px;
    top: 40px;
    left: 66px;
  }
  .h-possibilities-big-text p {
    font-size: 9.24px;
    line-height: 130%;
  }
  .h-try-now-block {
    padding: 80px 0;
    border-radius: 12px;
  }
  .h-possibilities-columns {
    gap: 20px;
  }

  .h-possibilities-section {
    margin-top: 120px;
  }
  .h-work-slide-dots {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
  .h-work-slide-info {
    margin-top: 32px;
  }
  .h-how-work-slide {
    padding: 20px;
    border-radius: 12px;
  }
  .h-how-work-section .container {
    padding: 0 11px;
  }

  .h-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
  }
  .h-advantages-section {
    margin-top: 80px;
  }
  .h-hero-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .h-hero-btn {
    margin: 32px auto 0;
  }
  .h-hero-mobile-decor {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .h-hero-mobile-decor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .h-hero-media-right {
    display: none;
  }
  .h-hero-media-left {
    display: none;
  }
  .h-hero-media-compare {
    display: none;
  }
  .h-hero-dots {
    display: none;
  }
  .h-hero-section {
    padding: 122px 0 0;
    min-height: 780px;
  }

  /* ======================================== Стили  для Дорисовать фото END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  START===================================== */

  .a-hero-section {
    padding: 111px 0 0;
  }
  .a-improve-hero-card {
    position: relative;
    border-radius: 16px;
    max-width: 198px;
    width: 100%;
    max-height: 198px;
    height: max-content;
  }
  .a-improve-card-images img {
    max-width: 171px;
    height: 171px;
  }
  .a-hero-titles h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .a-hero-titles p {
    font-size: 12px;
    line-height: 16px;
  }

  .a-improve-hero-slider {
    margin: 140px auto 0;
  }
  .a-improve-descr-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
  .a-improve-hero-style {
    width: 248px;
    height: 304px;
    position: absolute;
    left: 50%;
    top: 32%;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-position: unset;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .a-improve-mockup-bg {
    width: 230px;
    height: 280px;
  }
  .a-improve-mockup-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 16px;
  }
  .a-improve-hero-section {
    position: relative;
    min-height: 556px;
    margin-top: 84px;
  }
  .a-improve-hero-body {
    padding-top: 60px;
  }
  .a-hero-mockup {
    width: 248px;
    height: 304px;
    top: 37%;
  }
  .a-hero-mockup-bg {
    width: 232px;
    height: 264px;
    top: 32%;
    border-radius: 30px 30px 0 0;
    top: 34%;
  }
  .a-hero-slider {
    margin: 100px auto 0;
  }
  .a-hero-mockup-header {
    margin: 2px auto 0;
    max-width: 230px;
  }
  .a-hero-mockup-title {
    margin-top: 17px;
    font-size: 14px;
    line-height: 16px;
    margin-left: 34px;
  }
  .a-improve-card-name p {
    font-size: 8.01px;
    line-height: 10.68px;
  }
  .a-improve-card-name {
    padding: 4px 8px;
    top: 6px;
    left: 6px;
  }
  .a-improve-card-images img {
    border-radius: 8px;
  }
  .a-hero-grid img {
    height: 327px;
  }
  .a-hero-blur {
    width: 100%;
    height: 380px;
  }
  .a-hero-blur picture {
    width: 100%;
  }
  .a-hero-blur img {
    width: 100%;
    height: 100%;
  }
  .a-hero-blur {
    bottom: 10px;
  }

  .a-why-us-cnt {
    padding: 14px;
    border-radius: 12px;
    gap: 10px;
  }
  .a-why-us-item {
    border-radius: 10px;
    padding: 18px;
    gap: 12px;
  }
  .a-why-item-texts h3 {
    font-size: 12px;
    line-height: 16px;
  }
  .a-why-item-texts p {
    font-size: 10px;
    margin-top: 4px;
    line-height: 14px;
  }
  .a-why-twentytwenty-wrapper .a-twentytwenty-container {
    height: 340px !important;
    min-height: 340px;
  }
  .a-why-twentytwenty-wrapper img {
    border-radius: 10px;
  }
  .a-how-work-item {
    border-radius: 12px;
  }
  .a-how-work-item:nth-child(3) .a-work-item-number {
    background: #262728;
    color: #fafdff;
  }
  .a-how-work-item:nth-child(1) .a-work-item-number {
    background: #dce8ff;
    color: #1b1c1f;
  }
  .a-how-work-item:nth-child(3) {
    border: transparent;
  }
  .a-how-work-item:nth-child(1) {
    border: 1px solid #404040;
  }
  .a-work-item-number {
    background: #262728;
    border-radius: 5px;
    flex: 0 0 36px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    width: 36px;
    height: 36px;
  }
  .a-work-item-texts {
    margin-top: 31px;
  }
  .a-how-work-picture {
    height: 225px;
  }
  .a-work-btn {
    bottom: 22px;
  }
  .a-possibilities-item {
    border-radius: 12px;
    padding: 22px;
  }
  .a-possibilities-item .before-text {
    font-size: 12px;
    line-height: 16px;
  }
  .a-possibilities-twentytwenty-wrapper .a-twentytwenty-container {
    min-height: 181px;
    margin-top: 18px;
    height: 181px !important;
  }
  .a-possibilities-twentytwenty-wrapper img {
    border-radius: 10px;
  }
  .a-possibilities-twentytwenty-wrapper .twentytwenty-handle {
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #404040 !important;
  }
  .a-possibilities-twentytwenty-wrapper .twentytwenty-left-arrow {
    width: 2px !important;
    height: 4px !important;
    left: 80% !important;
  }
  .a-possibilities-twentytwenty-wrapper .twentytwenty-right-arrow {
    width: 2px !important;
    height: 4px !important;
    right: 90% !important;
  }
  .a-possibilities-twentytwenty-wrapper .twentytwenty-handle:before {
    bottom: 10% !important;
  }
  .a-possibilities-twentytwenty-wrapper .twentytwenty-handle:after {
    top: 12% !important;
  }
  .a-possibilities-item-img {
    margin-top: 18px;
    height: 181px;
  }
  .a-possibilities-item-img img {
    border-radius: 10px;
  }
  .a-possibilities-img-bg {
    height: 190px;
    border-radius: 12px;
  }
  .a-possibilities-img-bg img {
    width: 233px;
    height: 155px;
  }
  .a-possibilities-items {
    gap: 12px;
  }

  .a-try-it-body .section-titles h2 {
    font-size: 26px;
    line-height: 110%;
  }
  .a-try-it-body .section-titles p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .a-try-it-body {
    min-height: 285px;
  }
  .a-try-it-section {
    margin-top: 50px;
  }
  .a-try-it-bg img {
    object-fit: unset;
  }
  .a-try-it-bg {
    height: 405px;
    bottom: -65px;
    top: unset;
  }
  .try-btn {
    margin: 60px auto 0;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение фото  END===================================== */

  /* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   START===================================== */
  .b-die {
    font-size: 14px;
  }

  .b-features__subtitle {
    font-size: 18px;
    line-height: 120%;


  }
  .b-features__desc{
    font-size: 14px;
    line-height: 20px;
  }
  .b-features__body {
    display: flex;
    flex-direction: column;
  }
  .b-features-section {
    margin-top: 80px;
  }
  .b-why__swiper .swiper-slide {
    width: 100%;
  }
  .b-reviews-section{
    margin-top: 80px;
  }
  .b-reviews-section .section-titles h2 {
    font-size: 24px;
    line-height: 110%;


  }
  .b-why {
    margin-top: 45px;
  }
  .b-steps .section-titles {
    max-width: 308px;
    margin: 0 auto;
  }
  .b-steps .section-titles h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
  }
  .b-why .b-circle {
    left: 50%;
    transform: translateX(-50%);
  }

  /* ======================================== Стили   для  лэндинга  Изменить разрешение картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   START===================================== */

  .c-p-small-item {
    max-width: 100%;
  }

  .c-p-average-info .block-text {
    margin-top: 8px;
  }

  .c-p-average-item {
    max-width: 100%;
  }
  .c-p-another-item {
    max-width: 100%;
    min-height: 200px;
  }
  .c-p-big-icon {
    display: none;
  }
  .c-p-big-item {
    padding: 0;
    order: 5;
  }
  .c-p-big-item .p-another-info {
    margin-top: 21px;
    padding: 0 20px 26px 20px;
  }
  .c-p-big-img {
    position: initial;
    max-height: 236px;
    height: 100%;
  }
  .c-p-small-img img {
    object-position: bottom;
  }
  .c-p-big-img picture {
    width: 100%;
    height: 100%;
  }
  .c-p-another-info .block-text {
    margin-top: 8px;
  }
  .c-p-big-img img {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
  .c-p-another-item {
    order: 6;
  }
  .c-very-small-item {
    max-width: 100%;
    min-height: 244px;
  }
  .c-small-item-blur {
    left: 50%;
    transform: translateX(-50%);
  }

  .c-work-item-info .block-text {
    margin-top: 8px;
  }
  .c-how-work-item {
    padding: 10px 10px 26px 10px;
  }
  .c-work-big-img img {
    object-fit: cover;
  }
  .c-work-big-img {
    max-height: 251px;
    height: 100%;
  }
  .c-work-item-info {
    padding: 0 10px;
  }
  .c-work-item-imges {
    margin: 41px auto 0;
  }
  .c-how-work-item:nth-child(1) {
    padding: 10px 10px 26px 10px;
  }
  .c-work-item-img img {
    border-radius: 21px;
  }
  .c-advantages-categories button {
    gap: 7px;
    padding: 9px 15px;
    min-height: 32px;
    border-radius: 19px;
    font-size: 10px;
    line-height: 120%;
  }
  .c-advantages-categories button i {
    font-size: 14px;
  }
  .c-advantages-categories {
    max-width: 300px;
    margin: 40px auto 0;
  }
  .c-advantages-categories button:nth-child(4) {
    order: 1;
  }
  .c-advantages-categories button:nth-child(5) {
    order: 2;
  }
  .c-advantages-categories button:nth-child(2) {
    order: 4;
  }
  .c-advantages-categories button:nth-child(3) {
    order: 3;
  }
  .c-hero-section {
    padding: 80px 0 0;
  }
  .c-hero-body {
    min-height: 380px;
  }
  .c-hero-titles h1 {
    font-size: 24px;
    line-height: 110%;
  }
  .c-hero-titles p {
    font-size: 12px;
    line-height: 16px;
  }

  .c-try-it-body .section-titles h2 {
    font-size: 26px;
    line-height: 110%;
  }
  .c-try-it-body .section-titles p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .c-p-average-info .block-text {
    margin-top: 8px;
  }
  .c-faq-section {
    margin-top: 60px;
  }

  .c-try-it-body {
    min-height: 285px;
  }
  .c-try-it-section {
    margin-top: 50px;
  }
  .c-try-it-bg img {
    object-fit: unset;
  }
  .c-try-it-bg {
    height: 385px;
    bottom: -55px;
    top: unset;
  }
  .c-try-btn {
    margin: 28px auto 0;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   START===================================== */
  .d-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
    font-weight: 500;
  }
  .d-hero-tag--one {
    display: none;
  }
  .d-hero-titles p {
    font-size: 12px;
    line-height: 16px;
  }

  .d-hero-ipad {
    min-width: 400px;
  }
  .d-hero-section {
    min-height: 520px;
  }
  .d-hero-overlay img {
    height: 59px;
  }
  .d-hero-overlay {
    bottom: -5px;
  }

  .d-about-cart {
    flex: 1 1 50%;
  }
  .d-about-big-cart {
    flex: 1 1 50%;
  }
  .d-about-big-cart {
    min-height: 401px;
    padding: 20px;
  }

  .d-how-work-items {
    overflow: unset;
    flex-direction: column;
  }
  .d-work-item-cart {
    max-width: 100%;
  }
  .d-work-cart-info h3 {
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
  }

  .d-work-item-cart:nth-child(1) {
    min-height: 179px;
  }
  .d-work-item-cart:nth-child(2) {
    min-height: 179px;
  }
  .d-work-item-cart:nth-child(3) {
    min-height: 179px;
  }
  .d-work-item-cart:nth-child(4) {
    min-height: 179px;
  }

  .d-possibilities-small-item {
    min-height: 138px;
    max-width: 100%;
  }
  .d-anmiation-small-img {
    left: 15px;
  }
  .d-anmiation-mouse {
    max-width: 24px;
    left: 131px;
    top: 189px;
    height: 36px;
  }
  .d-anmiation-img {
    left: 14px;
  }
  .d-anmiation-item--two::after {
    left: 10px;
  }
  .d-anmiation-mouse--two {
    max-width: 24px;
    height: 36px;
    left: 143px;
  }
  .d-anmiation-img {
    position: relative;
    left: unset;
    top: unset;
    max-width: 100%;
  }
  .d-anmiation-img img {
    width: 100%;
  }
  .d-anmiation-item--two {
    padding: 20px 14px;
  }
  .d-anmiation-img img {
    object-fit: cover;
    border-radius: 36px;
  }
  .d-anmiation-another-img {
    top: 14px;
    left: 14px;
  }
  .d-anmiation-item--tree.active .d-anmiation-another-img {
    max-width: 304px;
    height: 252px;
    left: 14px;
    top: 14px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить разрешение картинки   END===================================== */

  /* ======================================== Стили   для  лэндинга  Создать фото   START===================================== */

  .f-hero-titles h1 {
    font-size: 28px;
    line-height: 120%;
    font-weight: 500;
  }
  .f-hero-titles p {
    font-size: 16px;
    line-height: 22px;
  }
  .f-hero-marquee-track > div {
    gap: 13px;
  }
  .f-hero-marquee-track p {
    font-size: 14px;
  }
  .f-hero-marquee-track i {
    font-size: 19px;
  }

  .f-hero-section {
    min-height: 600px;
  }
  .f-hero-body {
    padding: 193px 0 0;
  }
  .f-advantage-item-tags button {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 2px;
  }
  .f-advantage-item {
    padding: 20px 26px;
  }
  .f-advantage-item:nth-child(1) {
    min-height: 337px;
  }
  .f-advantage-item:nth-child(2) {
    min-height: 302px;
  }
  .f-advantage-item:nth-child(3) {
    min-height: 337px;
  }
  .f-advantage-img--two {
    height: 192px;
  }

  .f-how-work-section .container {
    padding: 0;
  }

  .f-how-work-items {
    padding: 0 14px 10px 14px;
  }
  .f-how-work-blur {
    width: 100%;
    height: 100%;
  }
  .f-how-work-blur picture {
    width: 100%;
    height: 100%;
  }
  .f-how-work-blur picture img {
    width: 100%;
    height: 100%;
  }
  .f-animation-left-img {
    display: none;
  }
  .f-animation-right-img {
    display: none;
  }
  .f-animation-texts {
    left: unset;
    top: unset;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }
  .f-animation-texts p {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
  }
  .f-animation-texts button {
    white-space: nowrap;
  }

  .b-hero-titles h1 {
    font-size: 24px;
  }
  .b-hero-titles p {
    font-size: 16px;
    line-height: 22px;
  }
  /* ======================================== Стили   для  лэндинга  Создать фото   END===================================== */

  /* ======================================== Стили  для  Создать коллаж из фото START===================================== */

  .g-hero-section {
    padding: 115px 0 0;
  }
  .g-hero-titles h1 {
    font-size: 24px;
    line-height: 110%;
    max-width: 240px;
    margin: 0px auto;
  }
  .g-hero-titles p {
    font-size: 14px;
    line-height: 22px;
    max-width: 230px;
    margin: 0px auto;
  }
  .g-hero-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(
            0deg,
            rgba(18, 19, 22, 1) 0%,
            rgba(18, 19, 22, 0) 100%
    );
  }
  .g-hero-grid img {
    height: 327px;
  }
  .g-hero-blur {
    width: 100%;
    height: 380px;
  }
  .g-hero-blur picture {
    width: 100%;
  }
  .g-hero-blur img {
    width: 100%;
    height: 100%;
  }
  .g-hero-blur {
    bottom: 10px;
  }

  .g-why__column {
    flex: 0 1 100%;
  }
  .g-why__image {
    height: 100%;
    max-height: 138px;
  }
  .g-why .section-titles h2 {
    max-width: 300px;
    margin: 0px auto;
  }
  .g-why .section-titles p {
    max-width: 230px;
    margin: 0px auto;
    margin-top: 10px;
  }
  .g-why {
    margin-top: 0;
  }

  .g-steps .section-titles h2 {
    max-width: 212px;
    margin: 0px auto;
    font-size: 24px;
  }
  .g-try__body {
    padding: 33px 14px;
  }
  .g-reviews-section .g-try__title {
    margin-bottom: 10px;
  }
  .g-features .section-titles h2 {
    font-size: 24px;
  }
  .g-faq-section .section-titles h2 {
    font-size: 24px;
    line-height: 110%;
  }

  /* ======================================== Стили  для  Создать коллаж из фото END===================================== */

  /* ======================================== Глабальные стили  Start===================================== */

  .header-actions a {
    display: none;
  }
  .header-logo {
    margin-left: unset;
  }
  .header-logo img {
    width: 44px;
    height: 44px;
    display: flex;
  }
  .header-body {
    padding: 5px;
    border-radius: 8px;
  }
  header {
    top: 14px;
  }
  .menu-mobile-actions {
    display: flex;
    gap: 15px;
    margin-top: 150px;
    gap: 15px;
    justify-content: center;
  }
  .mobile-text-wrap {
    display: block;
  }

  .section-titles h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .section-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px;
  }
  .section-clue {
    font-size: 14px;
    line-height: 140%;
    padding: 0 0 6px 0;
    margin-left: 6px;
  }
  .section-clue::after {
    width: 4px;
    height: 4px;
    left: -10px;
  }
  .section-tag {
    font-size: 15px;
    line-height: 140%;
    padding: 0 0 6px 0;
  }

  .section-big-titles h2 {
    font-size: 24px;
    line-height: 120%;
  }
  .section-big-titles p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }

  .block-cnt {
    margin-top: 25px;
  }
  .block-cnt-big {
    margin-top: 32px;
  }
  .block-title {
    font-size: 16px;
    line-height: 22px;
  }
  .block-big-title {
    font-size: 18px;
    line-height: 120%;
  }
  .block-text {
    font-size: 14px;
    line-height: 20px;
  }
  .block-big-text {
    font-size: 16px;
    line-height: 22px;
  }
  .desktop-block {
    display: none;
  }
  .mobile-block {
    display: flex;
  }
  .a-reviews-item {
    min-height: 452px;
  }
  .faq-section {
    margin-top: 80px;
    position: relative;
    z-index: 3;
  }
  .faq-item-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }
  .faq-item-header h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
  .faq-sub-text {
    font-size: 14px;
    line-height: 20px;
  }
  footer .container {
    padding: 0;
  }
  .footer-cnt {
    margin: 22px 14px 0 14px;
  }
  .footer-logo {
    padding: 0 14px;
    max-width: 280px;
  }
  .footer-body {
    padding: 20px 0 80px 0;
  }
  .footer-menu ul {
    max-width: 263px;
    margin: 0 auto;
    gap: 15px;
  }
  .footer-menu {
    margin: 24px auto 0;
  }
  .footer-menu ul li a {
    font-size: 14px;
    line-height: 18px;
  }
  .footer-policy {
    margin: 15px auto 0;
  }
  .footer-policy ul {
    flex-direction: column;
    gap: 10px;
  }
  .footer-text {
    margin: 10px auto 0;
    font-size: 12px;
    line-height: 16px;
  }
  .footer-cnt {
    margin-top: 22px;
    min-height: 292px;
    padding: 42px 40px;
  }
  .footer-policy ul li a {
    font-size: 12px;
    line-height: 16px;
  }
  .footer-blur {
    top: -100px;
  }
  .footer-blur img {
    height: 600px;
  }
  .faq-item-header h3 {
    max-width: 264px;
  }
  .reviews-swiper .swiper-slide {
    padding: 0 12px;
  }
  .reviews-section .container {
    padding: 0;
  }
  .l-reviews-section .container {
    padding: 0;
  }
  .n-reviews-section .container {
    padding: 0;
  }
  .p-reviews-section .container {
    padding: 0;
  }
  .r-reviews-section .container {
    padding: 0;
  }
  .b-reviews-section .container {
    padding: 0;
  }
  .b-reviews-section .a-reviews-item {
    min-height: 412px !important;
  }


  .b-try__body{
    margin-top: 30px;
  }
  .b-try__icon {
    width: 93px;
    height: 93px;
    margin-bottom: 0;
  }
  .b-try__title{
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0%;


  }
  .b-try__text{
    font-size: 14px;
    line-height: 20px;
  }
  /* ======================================== Глабальные стили  END===================================== */
}

@media (max-width: 530px) {
  .i-possibilities-slide-media {
    max-width: 100%;
  }
  .i-possibilities-slide-media picture {
    width: 100%;
  }
  .i-possibilities-slide-media img {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 500px) {
  .gallery-media {
    margin-top: 0;
  }
  .u-possibility__image {
    height: 332px;
  }
  .q-advantage-decor--tree {
    left: 150px;
    max-width: 140px;
  }
  .n-hero-mobile-swiper-wrapper {
    max-width: 300px;
  }
  .n-advantage-rocket {
    max-width: 350px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   START===================================== */

  .c-hero-body {
    min-height: 350px;
  }
  .c-hero-before-after {
    top: 250px;
  }

  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   END===================================== */
}

@media (max-width: 450px) {
  .r-hero-icon--tree {
    bottom: 40px;
  }
  .t-trust-grid {
    top: -350px;
  }

  .r-hero-icon--one {
    bottom: -20px;
  }
  .q-advantage-decor--tree {
    left: 120px;
  }
  .n-hero-mobile-swiper-wrapper {
    max-width: 215px;
  }
  .n-advantage-rocket {
    top: 600px;
  }
  .o-hero-decor {
    bottom: -30px;
  }
  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   START===================================== */

  .c-hero-body {
    min-height: 300px;
  }
  .c-hero-before-after {
    top: 200px;
  }
  .c-hero-titles {
    padding: 56px 14px 0 14px;
  }
  .c-hero-tools {
    margin: 58px 14px 0 14px;
  }
  .c-hero-tag--two {
    bottom: -30px;
  }
  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   END===================================== */
}

@media (max-width: 430px) {
  .t-advantages-decor {
    top: 530px;
    right: -120px;
  }

  .r-hero-icon--one {
    bottom: 0;
  }
  .r-big-item--two {
    min-height: 400px;
  }
}

@media (max-width: 410px) {
  .d-hero-ipad {
    min-width: 350px;
  }
  .i-possibilities-slide-media {
    height: 332px;
  }
}
@media (max-width: 400px) {
  .r-hero-icon--one {
    bottom: 44px;
  }
  .r-hero-icon--tree {
    bottom: 70px;
  }
  .r-big-item--two {
    min-height: 369px;
  }
}

@media (max-width: 390px) {
  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   START===================================== */

  .c-hero-body {
    min-height: 250px;
  }
  .c-hero-before-after {
    top: 150px;
  }

  .c-hero-titles {
    padding: 36px 14px 0 14px;
  }
  /* ======================================== Стили   для  лэндинга  Увеличить качество картинки   END===================================== */
}









































/*============-AI-Photoshoot-page -================*/






.ai-photoshoot-main{
  padding-top: 144px;
  position: relative;
}


.ai-photoshoot-main:before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 2020px;
  width: 100%;
  height: 962px;
  transform: translateX(-50%);
  background-image: url("/assets/images/ai-photos.webp");
  background-size: cover;
  background-repeat: no-repeat;
}



@media (min-width: 2020px){
  .ai-photoshoot-main:before{
    left: 0;
    max-width: 100%;
    height: 100%;
    transform: unset;
    background-image: url("/assets/images/ai-photos-BG.webp");
  }
}



.ai-photoshoot-rel{
  position: relative;
}
.ai-photoshoot-mobile{
  display: none;
}
.photoshoot-cont-pic{
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
}
.easy-access-ru{
  gap: 10px;
  background: linear-gradient(105.97deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  border: 1px solid #C2CCF61F;
  backdrop-filter: blur(24px);
  border-radius: 100px;
  padding: 8px 14px;

}
.easy-access-ru img{
  width: 24px;
}
.easy-access-ru span{
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #FAFDFF;
}
.easy-access-ru span b{
  font-weight: 600;

}
.ai-photoshoot-title p.fade-top{
  margin-bottom: 16px;
}

.created-today-flex{
  margin-top: 24px;
  gap: 10px;
  border-radius: 100px;
  padding: 8px 14px 8px 8px;
  background: linear-gradient(105.97deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  border: 1px solid #C2CCF61F;
  backdrop-filter: blur(24px);

}

.created-today-user{
  width: 64px;
}
.created-today-count{
  gap: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #FAFDFF;
}
.created-today-count strong{
  font-weight: 700;
}
.circle-green{
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: #37D459;
  display: flex;
}

.view-styles-flex{
  margin-top: 32px;
  gap: 20px;
}
.view-styles-flex .a-hero-btn {
  margin: 0;
}

.view-styles-btn{
  width: max-content;
  gap: 12px;
  border-radius: 6px;
  padding: 5px 20px 5px 6px;
  transition: 0.4s;
  border: 1px solid #C2CCF61F;
  backdrop-filter: blur(20px);
  background: #C2CCF61F;
  color: #DCE8FF;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.view-styles-btn:hover{
  opacity: 0.7;
}
.view-styles-arrow{
  background: #DCE8FF;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 8px;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-arrow-right{
  background-color: #121316;
  width: 24px;
  height: 24px;
}
.fast-installations{
  margin-top: 28px;
  gap: 50px;
}
.ai-photoshoot-slider{
  margin: 64px auto 0;
  max-width: 2020px;
  width: 100%;
}
.generation-slid-pic{
  position: relative;
}
.ai-photoshoot-rel .section-clue {
  color: rgba(250, 253, 255, 1);
  padding: 0;
}
.generation-slid-pic img{
  width: 100%;
  border-radius: 10px;
}
.generation-name{
  background: #FAFDFF;
  gap: 6px;
  border-radius: 100px;
  padding: 8px 12px 8px 10px;
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 16px;

}
.generation-name span{
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #121316;
}
.icon-sta{
  content: url("./assets/images/icon/icon-sta.svg");
}

.photoshoot-ramka{
  background-image: url("./assets/images/photoshoot-ramka.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 180px;
  height: 180px;
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translateX(-50%);
}

.your-face-gen{
  position: absolute;
  top: 252px;
  left: 50%;
  transform: translateX(-50%);
  background: #FAFDFF;
  gap: 8px;
  border-radius: 100px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.your-face-gen span{
  color: #121316;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
}





.how-work{
  padding: 0;
}

.how-work:before{
  content: "";
  position: absolute;
  top: -303px;
  left: 55%;
  transform: translateX(-50%);
  max-width: 1268px;
  width: 100%;
  height: 1312px;
  background-image: url("./assets/images/idea-blur.webp");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}

.how-need-idea{
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}

.need-idea-wrap{
  gap: 10px;
}

.need-idea-boxes{
  width: calc(25% - 8px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.need-idea-boxes span{
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #DCE8FF;
}
.need-idea-photo{
  width: 100%;
  position: relative;
  border: 1px solid rgba(194, 204, 246, 0.12);
  border-radius: 10px;

}
.need-idea-plus{
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  border: 1px solid rgba(194, 204, 246, 0.12);
  backdrop-filter: blur(200px);
  background: rgba(45, 46, 48, 1);
  width: 40px;
  height: 40px;
  border-radius: 6px;
  z-index: 2;
}
.icon-plus{
  content: url("./assets/images/icon/icon-plus.svg");
}
.icon-settings{
  content: url("./assets/images/icon/icon-settings.svg");
}
.need-idea-photo img{
  width: 100%;
  border-radius: 10px;
}
.need-idea-text{
  background: #FAFDFF;
  border: 1px solid #C2CCF61F;
  border-radius: 10px;
  padding: 70px 20px;
  height: 100%;
}
.need-idea-text p{
  text-align: center;
  font-family: 'Anonymous Pro', monospace;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #121316;
}


.personal-blog{
  gap: 8px;
}
.personal-blog-name{
  border: 1px solid #C2CCF61F;
  background: linear-gradient(105.97deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  backdrop-filter: blur(20px);
  gap: 10px;
  border-radius: 100px;
  padding: 10px 16px;

}
.personal-blog-name p{
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #FAFDFF;
}

.icon-smail{
  content: url("./assets/images/icon/icon-smail.png");
  width: 16px;
}
.icon-work{
  content: url("./assets/images/icon/icon-work.png");
  width: 16px;
}
.icon-social-netx{
  content: url("./assets/images/icon/icon-social-netx.png");
  width: 16px;
}
.icon-blog{
  content: url("./assets/images/icon/icon-blog.png");
  width: 16px;
}
.icon-fier{
  content: url("./assets/images/icon/fier.png");
  width: 16px;
}


.possibilit-padd{
  padding: 0;
}
.possibilit-shoot{
  margin: 48px 0;
  gap: 20px 10px;
}
.possibilit-boxes{
  width: calc(33.333333% - 8px);
  position: relative;
  border: 1px solid #C2CCF61F;
  border-radius: 10px;
  transition: 0.4s;
  display: flex;
}
.possibilit-boxes:hover{
  border: 1px solid #DCE8FF;
}
.possibilit-boxes:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);

}
.possibilit-boxes img{
  width: 100%;
  border-radius: 10px;
  height: 360px;
  transition: 0.4s;
  object-fit: cover;
}
.possibilit-trend{
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url("./assets/images/chips-grad.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 101px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #FAFDFF;
  z-index: 1;
}
.possibilit-arrow{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 80px;
  width: 100%;
  padding: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.4s;
}
.possibilit-boxes:hover .possibilit-arrow p{
  transform: translateX(0);
}
.possibilit-arrow p{
  color: #FAFDFF;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  transition: 0.4s;
  transform: translateX(50%);
}
.possibilit-boxes .view-styles-arrow{
  position: absolute;
  opacity: 0;
  right: 20px;
}
.possibilit-boxes:hover .view-styles-arrow{
  opacity: 1;
}

.see-more-poss{
  color: #FAFDFF;
  border-bottom: 1px solid #FAFDFF;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  transition: 0.3s;
}
.see-more-poss:hover{
  opacity: 0.7;
}
.creativity-main{
  padding: 0;
}
.creativity-main:before{
  content: "";
  position: absolute;
  top: -250px;
  right: 0;
  max-width: 1168px;
  width: 100%;
  height: 1312px;
  background-image: url(./assets/images/idea-blur.webp);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}
.creativity-related{
  margin-top: 48px;
}
.creativity-photo{
  width: 100%;
  position: relative;
  border: 1px solid #C2CCF61F;
  display: flex;
  border-radius: 10px;
}
.creativity-photo img{
  width: 100%;
  border-radius: 10px;
}
.creativity-photo:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 10px;
}
.creativity-text{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}
.creativity-text p{
  font-family: "Anonymous Pro";
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #FAFDFF;
}


.enter-query-inp{
  margin: 48px auto 0;
  max-width: 770px;
  width: 100%;
  position: relative;
}
.enter-query-inp label{
  display: flex;
  width: 100%;
}
.enter-query-inp input{
  border: 1px solid #C2CCF61F;
  background: #1B1C1F;
  width: 100%;
  height: 68px;
  border-radius: 10px;
  padding: 12px 12px 12px 24px;
  color: #A6AFBF;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
.enter-query-inp .btn-register{
  position: absolute;
  right: 12px;
  top: 12px;
}

.enter-query-inp .icon-stars {
  background: #121316;

}


.ai-reviews-sec{
  padding: 0;
}
.ai-reviews-min{
  margin-top: 48px;
}

.ai-reviews-slider .swiper-wrapper {
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px 0;
  width: 101%;
}

.ai-reviews-slider .swiper-slide {
  height: auto;
}

.ai-reviews-boxes{
  height: 100%;
  border: 1px solid #C2CCF61F;
  box-shadow: 0px 0px 16px 0px #00000029;
  background: #1B1C1F;
  border-radius: 10px;
}
.ai-reviews-photo{
  width: 100%;
  position: relative;
}
.ai-reviews-photo img{
  width: 100%;
  border-radius: 10px;
  height: 260px;
}
.ai-reviews-photo .generation-name{
  top: auto;
  right: auto;
  left: 16px;
  bottom: 16px;
}
.ai-reviews-info{
  padding: 20px;
}
.ai-reviews-info span{
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  color: #FAFDFF;
}
.ai-reviews-info p{
  margin-top: 10px;
  color: #A6AFBF;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}


.section-margin{
  margin-top: 140px;
  position: relative;
}

.ai-reviews-min .reviews-pagination{
  display: none;
}

#faq .section-big-titles h2 br{
  display: none;
}
@media (max-width: 1099px){
  .ai-photoshoot-main:before {
    left: 0;
    height: 100%;
    transform: unset;
  }
  .generation-name {
    gap: 5px;
    padding: 6px 10px 6px 8px;
    right: 10px;
    top: 10px;
  }
  .generation-name span {
    font-size: 12px;
    line-height: 120%;
  }
  .ai-reviews-slider .swiper-wrapper {
    width: 102%;
  }
  .photoshoot-ramka {
    width: 132px;
    height: 132px;
    top: 45px;
  }
  .your-face-gen {
    top: 187px;
    padding: 6px 12px;
  }
  .your-face-gen span{
    font-size: 12px;
    line-height: 100%;
  }
  .section-margin{
    margin-top: 100px;
  }
  .need-idea-wrap{
    justify-content: center;
  }
  .need-idea-boxes {
    width: calc(33.333333% - 8px);
  }
  .how-work:before {
    left: 50%;
  }
  .ai-reviews-photo img {
    height: 230px;
  }

}


@media (max-width: 992px){
  .ai-photoshoot-title p.fade-top {
    margin-bottom: 12px;
    font-size: 14px;
    max-width: 300px;
    width: 100%;
  }
  .created-today-flex {
    margin-top: 20px;
  }
  .fast-installations {
    margin-top: 24px;
    gap: 23px;
  }
  .need-idea-text {
    padding: 14px 14px;
  }
  .personal-blog {
    flex-wrap: wrap;
  }
  .possibilit-boxes {
    width: calc(50% - 8px);
  }
  .creativity-related .container{
    padding: 0;
  }
  .creativity-related {
    margin-top: 32px;
  }
  .how-need-idea {
    margin-top: 32px;
  }
  .need-idea-boxes {
    gap: 15px;
  }
  .need-idea-wrap {
    gap: 32px 10px;
  }
}

@media (max-width: 767px){
  .easy-access-ru span {
    font-size: 12px;
    line-height: 16px;
  }
  .photoshoot-cont-pic{
    display: none;
  }
  .ai-photoshoot-main:before{
    background-image: url("/assets/images/ai-photos-mobile.webp");
  }
  .easy-access-ru img {
    width: 20px;
  }
  .easy-access-ru {
    gap: 8px;
    padding: 8px 12px;
  }
  .created-today-count {
    font-size: 12px;
    line-height: 16px;
  }
  .view-styles-flex {
    margin-top: 28px;
    gap: 8px;
    flex-direction: column;
  }
  .fast-installations {
    margin-top: 24px;
    gap: 10px 26px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  .fast-installations .section-clue {
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin-left: 6px;
  }
  .ai-photoshoot-main {
    padding-top: 130px;
  }
  .ai-photoshoot-mobile{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 24px;
    padding-left: 14px;
  }
  .ai-photoshoot-slider {
    margin-top: -33px;
    position: relative;
    z-index: 2;
  }
  .need-idea-boxes {
    width: calc(50% - 8px);
  }
  .how-need-idea {
    flex-direction: column-reverse;
  }
  .how-work .a-hero-btn {
    margin: 12px auto 0;
  }
  .how-work:before {
    left: 50%;
    background-image: url("./assets/images/idea-blur-mob.webp");
  }
  .personal-blog-name p {
    font-size: 14px;
    line-height: 124%;
  }
  .possibilit-arrow p {
    transform: unset;
  }
  .possibilit-boxes img {
    height: 332px;
  }
  .how-need-idea {
    margin-top: 20px;
  }
  .possibilit-boxes:nth-child(7) {
    display: none;
  }
  .possibilit-shoot {
    margin: 32px 0;
    gap: 8px 8px;
  }
  .possibilit-boxes {
    width: calc(50% - 8px);
  }
  .possibilit-boxes .view-styles-arrow {
    position: relative;
    opacity: 1;
    right: 0;
    width: 36px;
    height: 36px;
  }

  .possibilit-arrow {
    height: auto;
  }

  .section-big-titles p br{
    display: none;
  }
  .ai-photoshoot-slider {
    margin-top: -22px;
  }

  .how-work:after {
    content: "";
    position: absolute;
    bottom: -280px;
    max-width: 1268px;
    width: 100%;
    height: 1312px;
    background-image: url(./assets/images/idea-blur-mob.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -2;
  }
  .ai-reviews-min {
    margin-top: 32px;
  }

}

@media (max-width: 575px){



  .personal-blog-name {
    gap: 8px;
    padding: 8px 12px;
  }
  .personal-blog-name i{
    width: 14px;
  }
  .personal-blog-name p {
    font-size: 13px;
    line-height: 124%;
  }

  .need-idea-boxes {
    width: 100%;
  }
  .need-idea-text {
    height: 332px;
  }



  .possibilit-shoot {
    margin: 32px 0;
    gap: 8px;
  }
  .possibilit-boxes:nth-child(2) {
    width: 100%;
    order: 1;
    border: 1px solid #DCE8FF;

  }
  .possibilit-boxes:nth-child(6) {
    width: 100%;
    order: 4;
    border: 1px solid #DCE8FF;

  }

  .possibilit-boxes:nth-child(1) {
    width: calc(50% - 4px);
    order: 2;
  }

  .possibilit-boxes:nth-child(1) .view-styles-arrow{
    display: none;
  }
  .possibilit-boxes:nth-child(1) .possibilit-arrow {
    padding: 12px;
    justify-content: center;
  }
  .possibilit-boxes:nth-child(1) .possibilit-arrow p {
    text-align: center;
    font-size: 14px;
  }
  .possibilit-boxes:nth-child(1) img {
    height: 162px;
  }


  .possibilit-boxes:nth-child(3) {
    width: calc(50% - 4px);
    order: 3;
  }

  .possibilit-boxes:nth-child(3) .view-styles-arrow{
    display: none;
  }
  .possibilit-boxes:nth-child(3) .possibilit-arrow {
    padding: 12px;
    justify-content: center;
  }
  .possibilit-boxes:nth-child(3) .possibilit-arrow p {
    text-align: center;
    font-size: 14px;
  }
  .possibilit-boxes:nth-child(3) img {
    height: 162px;
  }

  .possibilit-boxes:nth-child(8) {
    width: calc(50% - 4px);
    order: 5;
  }
  .possibilit-boxes:nth-child(8) .view-styles-arrow{
    display: none;
  }
  .possibilit-boxes:nth-child(8) .possibilit-arrow {
    padding: 12px;
    justify-content: center;
  }
  .possibilit-boxes:nth-child(8) .possibilit-arrow p {
    text-align: center;
    font-size: 14px;
  }
  .possibilit-boxes:nth-child(8) img {
    height: 162px;
  }
  .possibilit-boxes:nth-child(9) {
    width: calc(50% - 4px);
    order: 6;
  }
  .possibilit-boxes:nth-child(9) .view-styles-arrow{
    display: none;
  }
  .possibilit-boxes:nth-child(9) .possibilit-arrow {
    padding: 12px;
    justify-content: center;
  }
  .possibilit-boxes:nth-child(9) .possibilit-arrow p {
    text-align: center;
    font-size: 14px;
  }
  .possibilit-boxes:nth-child(9) img {
    height: 162px;
  }


  .possibilit-boxes:nth-child(4) {
    display: none;
  }
  .possibilit-boxes:nth-child(5) {
    display: none;
  }

  .enter-query-inp {
    margin: 32px auto 0;
    max-width: 770px;
    width: 100%;
    position: relative;
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .enter-query-inp .btn-register {
    position: relative;
    right: 0;
    top: 0;
  }
  .enter-query-inp input {
    height: 62px;
    padding: 12px 12px 12px 16px;
  }
  .creativity-main:before{
    display: none;
  }
  .creativity-photo img{
    height: 400px;
    object-fit: cover;
  }
  .ai-reviews-slider .swiper-wrapper {
    align-items: unset;
    flex-wrap: unset;
    gap: 0;
    width: 100%;
  }
  .ai-reviews-photo img {
    height: 260px;
  }
  .ai-reviews-min .reviews-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }

  #faq .section-big-titles h2 br{
    display: block;
  }
  .need-idea-text {
    padding: 20px;
  }
  .photoshoot-ramka {
    width: 160px;
    height: 160px;
    top: 52px;
  }
  .your-face-gen {
    top: 222px;
    padding: 9px 12px;
  }
  .enter-query-inp .btn-register{
    background: rgba(27, 28, 31, 1);
    padding: 6px 20px 6px 6px;
    height: 52px;
  }
  .enter-query-inp .btn-register:hover {
    background: #2d2e31;
  }
  .enter-query-inp .register-btn-text {
    font-size: 16px;
    color: rgba(220, 232, 255, 1);
  }
  .enter-query-inp .register-btn-bg {
    min-width: 40px;
    width: 100%;
    height: 40px;
    background: rgba(45, 46, 48, 1);
  }
  .enter-query-inp .register-btn-bg:hover .black-btn-bg {
    background: #454649;
  }
  .enter-query-inp .icon-stars {
    background: rgba(220, 232, 255, 1);
  }
}

@media (max-width: 400px){
  .photoshoot-ramka {
    width: 180px;
    height: 180px;
    top: 52px;
  }
  .your-face-gen {
    top: 244px;
    padding: 8px 12px;
  }
}