/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');

/*Specifications*/
body {
  font-family: 'Nunito Sans', sans-serif;
  background: #0e1014;
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  color: #e4e5ea;
}

.container {
  padding: 0;
  position: relative;
}

.container:after {
  background: url(../img/lines.svg) no-repeat 0px center / cover;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: -1;
}

.header .container {
  position: relative;
}

.nav__wrapper {
  width: 100%;
}

.nav__box {
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #403445;
  transition: 0.5s ease;
}

.nav__box .container::after {
  display: none;
}

.nav__box.black-bg,
.nav__box.sticky.black-bg {
  background-color: #0e1014;
  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;
}

.nav__box.out {
  transform: translateY(-100%);
}

.nav__box.sticky:before {
  content: '';
  display: block;
  width: 200%;
  left: -200%;
  position: absolute;
  height: 100%;
  background: #0e1014;
  top: 0;
}

.nav__box.sticky:after {
  content: '';
  display: block;
  width: 200%;
  right: -200%;
  position: absolute;
  height: 100%;
  background: #0e1014;
  top: 0;
}

nav {
  z-index: 80 !important;
}

.nav__box.sticky {
  top: 0;
  background: rgba(22, 22, 23, 0.8);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 0px solid #403445;
}

body {
  overflow-y: visible;
}

div,
form,
input,
p,
a,
span {
  box-sizing: border-box;
}

ul,
li,
p {
  display: block;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a,
a:hover,
button {
  text-decoration: none;
  cursor: pointer;
  transition: 0.5s ease;
}

a:hover {
  color: #4077f3;
}

button:active,
button:focus,
input:active,
input:focus {
  outline: none !important;
  text-decoration: none !important;
}

button:hover {
  cursor: pointer;
}

label.error {
  color: #fd1d1d !important;
  position: absolute;
  left: 0;
  bottom: -30px;
  font-size: 12px !important;
}

input.error {
  border: 1px solid #fd1d1d !important;
}

.free__item {
  position: relative;
}

/* section,
footer,
header {
  overflow: hidden;
} */

:focus {
  outline: none !important;
}

.body-wrap {
  overflow: hidden;
  position: relative;
}

h1 {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 40px;
  line-height: 128%;
  font-weight: 800;
}

.grad {
  background: unset;
  background: linear-gradient(180deg, #f84a39 0%, #ff8036 100%);
  background: -webkit-linear-gradient(180deg, #f84a39 0%, #ff8036 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #fcb045;
  /* display: table; */
}

h2 {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 40px;
  line-height: 128%;
  letter-spacing: -0.00498em;
  font-weight: 800;
}

.bttn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 262px;
  height: 50px;
  border-radius: 48px;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  font-family: 'Nunito Sans', sans-serif;
  background: none;
  line-height: 25.6px;
  transition: all 0.1s ease;
  overflow: hidden;
}

.bttn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background: linear-gradient(102.14deg, #e96b3b 8.85%, #e0404c 91.15%);
  z-index: -2;
  border-radius: inherit;
}

.bttn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: linear-gradient(102.14deg, #e36534 8.85%, #d73744 91.15%);
  transition: opacity 0.5s ease-out;
  z-index: -1;
  border-radius: inherit;
}

.bttn:hover::after {
  opacity: 1;
}

.bttn:hover {
  cursor: pointer;
  color: #ffffff;
}

.bttn-secondary {
  background: none;
  border: 1px solid #817482;
  border-radius: 48px;
  text-align: center;
  color: #dad8e4;
}

.bttn-secondary::after {
  display: none;
}

.bttn-secondary::before {
  display: none;
}

.bttn-secondary:hover {
  color: #dad8e4;
  border: 1px solid #a4a1b1;
  box-shadow: none;
  background: none;
}

.bttn-small {
  height: 42px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
}

/* input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

*/

.slick-prev:before,
.slick-next:before {
  display: none;
}

/* HEADER */
nav {
  position: relative;
  z-index: 3;
}

.nav__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
}

.nav__info p {
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  margin-top: 10px;
  max-width: 165px;
}

.nav__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.nav__list li {
  margin: 0 15px;
}

.nav__list li a {
  /* font-weight: 500; */
  color: #ffffff;
  font-size: 16px;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 19px;
}

.nav__list li:hover a {
  color: #ff8036;
}

.nav__tel:hover {
  color: #4077f3;
}

.nav__socials svg,
.nav__socials img {
  transition: all 0.5s ease;
}

.nav__socials .svg:hover path {
  /*fill: #4077F3;*/
  transition: all 0.5s ease;
}

.nav__socials .svg {
  transition: all 0.5s ease;
}

.nav__tel {
  /* font-weight: 500; */
  color: #dad8e4;
  font-family: 'Nunito Sans', sans-serif;
}

.nav__socials {
  width: 100%;
  max-width: 154px;
  display: flex;
  justify-content: space-between;
}

.nav__socials a {
  height: 23px;
  width: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.5s ease;
  margin: 0 10px;
}

.nav__socials a:hover {
  -webkit-box-shadow: 0px 1px 8px 1px rgb(222 231 237 / 20%) inset;
  -moz-box-shadow: 0px 1px 8px 1px rgb(222 231 237 / 20%) inset;
  box-shadow: 0px 1px 8px 1px rgb(222 231 237 / 20%) inset;
}

.nav__button {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #ffffff;
  height: 42px;
  width: 176px;
  border: none;
}

.header__content h1 {
  max-width: 845px;
  width: 100%;
  color: #ffffff;
}

.header__text {
  font-size: 18px;
  line-height: 22px;
  margin-top: 30px;
  max-width: 430px;
}

.header__text.type3 {
  font-family: 'Nunito Sans';
  width: 126px;
  height: 22px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #dad8e4;
  margin-bottom: 21px;
  margin-top: 60px;
}

.header__tel {
  margin-top: 0px !important;
  display: flex;
  gap: 16px;
}

.author-block.type3 {
  margin-bottom: 40px;
  position: static;
}

.author-block.type3 p {
  height: 22px;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #a4a1b1;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

.author-block.type3 p img {
  margin-right: 13px;
}

.header__scroll {
  margin-top: 110px;
  display: block;
  width: max-content;
  position: relative;
  left: -12px;
}

.header__box {
  justify-content: space-between;
  position: relative;
  padding-bottom: 125px;
  margin-top: 148px;
  /*background: url('../img/dots.png');
  background-position: right top;
  background-repeat: no-repeat;
  background-position:right top;*/
}

.banner_dots {
  position: absolute;
  top: -211px;
  right: 0px;
}

.header__box:before {
  content: '';
  display: block;
  background: radial-gradient(
    238.53% 189.02% at 3.2% 3.49%,
    rgba(255, 246, 233, 0.1) 0%,
    rgba(26, 29, 35, 0.1) 26.62%,
    rgba(26, 29, 35, 0.1) 52.1%,
    rgba(26, 29, 35, 0.01) 70.17%,
    rgba(26, 29, 35, 0) 100%
  );
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  width: 500%;
  height: 143%;
  position: absolute;
  left: -457.6%;
  top: -209px;
  z-index: 2;
}

.header__box.type3::before {
  display: none;
}

.header__content {
  position: relative;
  z-index: 3;
}

.header__info {
  max-width: 299px;
  text-align: right;
  position: relative;
  top: 15px;
  z-index: 2;
}

.header__main,
.header__fig1,
.header__fig2,
.header__fig3,
.header__fig4,
.header__fig5,
.header__fig6,
.header__line,
.red-light,
.red-light2 {
  position: absolute;
}

.red-light {
  top: -212px;
  right: -384px;
}

.red-light2 {
  left: -384px;
  top: -210px;
}

.header__line {
  left: 483px;
  bottom: 76px;
  z-index: -1;
  position: absolute;
}

.header__line.type2 {
  left: 780px;
}

.noise {
  position: absolute;
  right: 0;
  top: 0;
}

.header__fig1 {
  top: -213px;
  right: 348px;
}

.header__fig2 {
  top: -136px;
  left: 358px;
}

.header__fig3 {
  bottom: 124px;
  right: 389px;
}

.header__fig4 {
  bottom: 27px;
  right: 629px;
}

.header__fig4.type2 {
  right: 331px;
}

.header__fig5 {
  top: -70px;
  right: 350px;
}

.header__fig6 {
  bottom: 60px;
  bottom: 147px;
  right: 417px;
}

.header__name {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 40px;
  max-width: 291px;
  margin-left: auto;
}

.header__name span {
  display: inline;
  font-weight: bold;
  text-transform: uppercase;
  color: #fcb045;
  letter-spacing: 0.05em;
}

.header__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: 'Nunito Sans', sans-serif;
}

.header__el {
  line-height: 20px;
  max-width: 135px;
}

.header__flex {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.header__item {
  margin-left: 29px;
  margin-bottom: 30px;
}

.header__item:nth-child(1),
.header__item:nth-child(3) {
  margin-left: 0;
}

.header__btn {
  margin-top: 23px;
  margin-left: auto;
}

.header__main {
  left: 50%;
  margin-left: -275px;
  top: -104px;
}

.header__main.type2 {
  right: 50px;
  left: initial;
  top: -50px;
  z-index: -1;
}

.header__main.type3 {
  position: absolute;
  right: 0px;
  top: 0px;
  left: auto;
  image-rendering: auto;
  width: 444px;
}

/* HI */
.hi {
}

.hi-wrap {
  padding: 120px 0 75px;
}

.hi__fig1,
.hi__fig2,
.hi__fig3,
.hi__info p {
  position: absolute;
}

.hi__info,
.hi__box {
  position: relative;
  z-index: 2;
}

.hi__fig2 {
  top: -191%;
  left: -134%;
}

.hi__content {
  position: relative;
  z-index: 2;
}

.hi__box {
  justify-content: space-between;
}

.hi__name {
  font-size: 24px;
  line-height: 29px;
  margin-top: 70px;
  font-family: 'Nunito Sans', sans-serif;
}

.hi__name span {
  font-weight: bold;
}

.hi__block {
  position: relative;
  width: 457px;
  height: 258px;
  flex: 1 0 auto;
  max-width: 457px;
  transition: all 0.5s ease;
}

.hi__block:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(14, 16, 20, 0.5), rgba(14, 16, 20, 0.5));
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  opacity: 1;
}

.hi__pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.hi__video:hover .hi__block:after {
  opacity: 0;
}

.hi__video:hover .hi__right p {
  color: #fff;
}

.hi__video {
  margin-top: 58px;
  align-items: flex-end;
  transition: all 0.5s ease;
}

.hi__right {
  margin-left: 28px;
}

.hi__right p {
  font-weight: 500;
  line-height: 20px;
  margin-top: 10px;
  transition: all 0.5s ease;
  width: 180px;
}

.hi__right .hi__play {
  top: 84%;
}

.hi__man {
  margin-right: -150px;
}

.hi__info {
  position: relative;
  top: -6px;
}

.hi__info p {
  position: absolute;
  right: 167px;
  top: 86px;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Nunito Sans', sans-serif;
}

.hi__fig1 {
  bottom: 156px;
  right: -30px;
}

.hi__fig3 {
  right: -152px;
  bottom: -1px;
}

.hi__play {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #e4e5ea;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.5s ease;
  cursor: pointer;
}

.hi__video:hover .hi__play {
  border: 1px solid #4077f3;
  background: #4077f3;
  box-shadow: 0px 4px 30px -5px rgba(180, 200, 247, 0.5),
    inset 0px 4px 67px rgba(255, 255, 255, 0.25);
}

/* ABOUT */
.about {
  position: relative;
}

.about-wrap {
  padding: 77px 0;
}

.about__fig1 {
  position: absolute;
  right: 0;
  top: -250px;
}

.about__fig2 {
  position: absolute;
  left: 0;
  top: -127px;
}

.about__name {
  margin: 70px 0 52px;
  font-size: 24px;
  line-height: 29px;
  font-family: 'Nunito Sans', sans-serif;
}

.about__name span {
  font-weight: bold;
  display: inline;
}

.about__flex {
  max-width: 1005px;
  width: 100%;
  justify-content: space-between;
}

.about__num {
  font-weight: bold;
  font-size: 48px;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 58px;
  display: block;
}

.about__text {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-top: 11px;
}

/* PROB */
.prob {
  position: relative;
  border-bottom: 0.5px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
  border-image-slice: 1;
  -moz-border-image: -moz-linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
}

.prob-wraper {
  padding: 88px 0 144px;
}

.prob__fig2 {
  position: absolute;
  right: 0;
  top: 0;
}

.prob__fig1 {
  position: absolute;
  right: 310px;
  top: 668px;
}

.prob .about__name {
  margin: 0;
  max-width: 459px;
}

.prob__one {
  font-size: 18px;
  line-height: 22px;
  max-width: 322px;
  font-family: 'Nunito Sans', sans-serif;
  margin-left: 30px;
}

.prob__flex {
  margin: 33px 0 50px;
}

.prob__box {
  margin-top: 50px;
  justify-content: space-between;
  position: relative;
}

.prob__left {
  max-width: 300px;
}

.prob__right {
  max-width: 650px;
}

.prob__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 30px;
}

.prob__list li {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

.prob__list li:before {
  content: '';
  display: inline-flex;
  background: url(../img/list.svg) no-repeat;
  width: 20px;
  height: 1px;
  margin-right: 10px;
  flex: 1 0 auto;
  max-width: 20px;
  position: relative;
  top: 11px;
}

.prob__right .prob__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.prob__right .prob__list li {
  max-width: 293px;
  line-height: 25.6px;
}

.prob-wrap__box {
  justify-content: space-between;
  margin-top: 50px;
  flex-wrap: wrap;
}

.prob-wrap {
  margin-top: 23px;
}

.prob-wrap__name {
  margin: 20px 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 10px;
}

.prob-wrap__item {
  max-width: 297px;
  margin-bottom: 45px;
}

/* FREE */
.free {
  position: relative;
}

#individual {
  position: relative;
}

.free-wrap {
  padding: 49px 0 148px;
  position: relative;
}

.widgets__figure3,
.widgets__figure4,
.widgets__figure5 {
  position: absolute;
}

.widgets__figure4 {
  left: 452px;
  bottom: -40px;
}

.mob-ser__box {
  display: none;
}

.widgets__figure3 {
  right: -36px;
  top: inherit;
  bottom: -38px;
}

.widgets__figure5 {
  right: -231px;
  top: -128px;
}

.free__fig {
  position: absolute;
  right: 0;
  bottom: 0;
}

.checkboxes-and-radios input[type='checkbox'],
.checkboxes-and-radios input[type='radio'] {
  position: absolute;
  visibility: hidden !important;
}

.checkboxes-and-radios input {
  display: none;
}

.checkboxes-and-radios input[type='radio']:checked + label {
  background: #e4e5ea;
  border: 1px solid #25262c;
  order: -1;
  width: 161px;
  /* margin-right: 13px; */
  margin-left: 0;
}

.checkboxes-and-radios input[type='radio']:checked + label path {
  fill: #0e1014;
}

.checkboxes-and-radios input[type='radio']:checked + label p {
  color: #0e1014;
  font-weight: 600;
}

.prob-wrap__icon {
  width: 70px;
  height: 70px;
}

.ser__pic {
  width: 70px;
  height: 70px;
}

.clients__item img {
  width: 60px;
  height: 60px;
}

.checkboxes-and-radios label {
  width: 66px;
  height: 62px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  background: transparent;
  border: 1px solid #25262c;
  box-sizing: border-box;
  padding: 0 20px;
  justify-content: center;
  cursor: pointer;
  margin-left: 13px;
}

.new-pad input[type='radio'] + label p {
  display: none;
}

.new-pad input[type='radio']:checked + label p {
  display: block;
}

.mob-prob {
  display: none;
}

.free .container {
  background: transparent;
}

.free__content {
  max-width: 389px;
}

.free .about__name {
  margin: 0;
}

.free__one {
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
  max-width: 292px;
}

.free {
  position: relative;
  z-index: 0;
}

.free__box {
  margin-top: 70px;
  justify-content: space-between;
  position: relative;
  z-index: 0;
}

.widgets__element2 {
  z-index: 1;
}

.free:after {
  content: '';
  display: block;
  background: radial-gradient(
    196.53% 178.02% at 3.2% 3.49%,
    rgba(255, 246, 233, 0.1) 0%,
    rgba(26, 29, 35, 0.1) -0.38%,
    rgba(26, 29, 35, 0.1) 32.1%,
    rgba(26, 29, 35, 0.01) 91.17%,
    rgba(26, 29, 35, 0) 16%
  );
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0;
  z-index: -1;
}

.free__item label {
  font-size: 18px;
  line-height: 22px;
  color: #656566;
  margin-bottom: 10px;
}

.free__item input {
  width: 283px;
  height: 50px;
  background: rgba(14, 16, 20, 0.6);
  border: 1px solid #25262c;
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  padding-left: 15px;
  margin-right: 30px;
  color: #fff;
}

.free__item {
  margin-top: -33px;
}

.header__tel input {
  background: none !important;
  border: none;
  border-bottom: 1px solid #665964;
  margin-right: 10px !important;
}

.header__tel input::placeholder {
  color: #817482;
}

.profile__one .svg path {
  fill: #ffffff;
}

.profile__one p {
  font-weight: 500;
  color: #ffff;
  margin-left: 10px;
}

.free__btn {
  border: none;
  margin-right: 30px;
  width: 283px;
}

.free__bottom {
  margin-top: 22px;
  align-items: center;
}

.free__bottom p {
  font-size: 12px;
  line-height: 15px;
  color: #ffff;
  max-width: 290px;
}

.free__bottom p a {
  text-decoration: underline;
  color: #ffff;
}

.free__bottom p a:hover {
  color: #4077f3;
  text-decoration: none;
}

.free__info {
  position: relative;
  top: 34px;
  z-index: 5;
}

.free__ball1 {
  position: absolute;
  top: -204px;
  right: 194px;
}

.free__ball2 {
  position: absolute;
  bottom: -94px;
  right: -74px;
}

.free__blur {
  content: '';
  display: block;
  background: radial-gradient(
    238.53% 189.02% at 3.2% 3.49%,
    rgba(255, 246, 233, 0.1) 0%,
    rgba(26, 29, 35, 0.1) 26.62%,
    rgba(26, 29, 35, 0.1) 52.1%,
    rgba(26, 29, 35, 0.01) 70.17%,
    rgba(26, 29, 35, 0) 100%
  );
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -79px;
  right: -58px;
  z-index: 2;
  border-radius: 50px;
}

/* PAY */
.pay .prob__list {
  max-width: 532px;
  justify-content: space-between;
  margin-bottom: 30px;
}

.pay .prob__list li {
  margin-right: 0px;
  width: 48%;
  margin-bottom: 10px;
}

.pay {
  position: relative;
}

.pay-wrap {
  padding: 110px 0;
}

.pay__bg {
  position: absolute;
  left: 0;
  top: 0;
}

.pay .free__content {
  position: relative;
}

.pay .about__name {
  margin: 27px 0 10px;
}

.pay__bg2 {
  position: absolute;
  bottom: -310px;
  left: -119px;
}

.pay__ball1 {
  bottom: 111px;
  left: -50px;
  position: absolute;
}

.pay__ball2 {
  bottom: 55px;
  right: 39px;
  position: absolute;
}

.pay__ball3 {
  top: 242px;
  right: -8px;
  position: absolute;
}

.pay .free__box {
  margin-top: 44px;
}

.wow {
  position: absolute;
  left: -98px;
  top: 270px;
}

.free__content {
  position: relative;
}

.pay__name {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
}

.pay__item {
  margin-bottom: 27px;
}

.pay .pay__block p {
  margin-left: 0;
  font-size: 15px;
  font-weight: normal;
}

.pay .checkboxes-and-radios .pay__block label {
  border: 0.5px solid #25262c;
  height: 37px;
  font-size: 16px;
  margin-left: 0;
  margin-right: 20px;
  padding: 0 10.5px;
}

.mobile-line {
  display: none;
}

.pay .checkboxes-and-radios .pay__block input[type='radio']:checked + label {
  border: none;
  background: #4077f3;
}

.pay .checkboxes-and-radios .pay__block input[type='radio']:checked + label p {
  color: #ffffff;
  font-weight: normal;
}

.pay .pay__one label {
  height: 78px !important;
  padding: 0 30px !important;
}

.pay .pay__one label p {
  margin-left: 15px;
  font-size: 18px;
}

.pay__last {
  margin-top: 63px;
}

.pay .free__info {
  position: relative;
  top: 27px;
  right: -36px;
}

.pay .free__content:before {
  content: '';
  display: block;
  background: radial-gradient(
    238.53% 189.02% at 3.2% 3.49%,
    rgba(255, 246, 233, 0.1) 0%,
    rgba(26, 29, 35, 0.1) 26.62%,
    rgba(26, 29, 35, 0.1) 52.1%,
    rgba(26, 29, 35, 0.01) 70.17%,
    rgba(26, 29, 35, 0) 100%
  );
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  width: 500%;
  height: 339px;
  position: absolute;
  left: -376.6%;
  top: 230px;
  z-index: 2;
}

.pay .free__one {
  position: relative;
  z-index: 2;
}

/* SER */
.ser .about__name,
.widgets .about__name,
.clients .about__name,
.case .about__name,
.certificates .about__name,
.ask .about__name {
  margin: 0;
}

.ser .about__name span,
.widgets .about__name span,
.clients .about__name span,
.case .about__name span,
.certificates .about__name span,
.ask .about__name span {
  font-weight: bold;
  display: inline;
}

.ser {
  position: relative;
}

.ser-wrap {
  padding: 88px 0 40px;
}

.ser__bg {
  right: 0;
  bottom: 0;
  position: absolute;
}

.widgets__element66 {
  display: none;
}

.clients .prob__flex,
.case .prob__flex,
.certificates .prob__flex,
.ask .prob__flex {
  margin: 70px 0 50px;
  justify-content: space-between;
  max-width: 727px;
}

.ask .prob__flex {
  max-width: 798px;
}

.case .prob__flex,
.clients .prob__flex,
.ser .prob__flex,
.widgets .prob__flex {
  max-width: 814px;
  justify-content: space-between;
}

.ser__item {
  background: linear-gradient(
    162.2deg,
    rgba(255, 246, 233, 0.1) -1.42%,
    rgba(26, 29, 35, 0.1) 25.01%,
    rgba(26, 29, 35, 0.1) 50.31%,
    rgba(26, 29, 35, 0.2) 75.65%,
    rgba(26, 29, 35, 0.2) 97.87%
  );
  border: 1px solid #25262c;
  box-sizing: border-box;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  width: 360px;
  height: 264px;
  padding: 110px 0 20px;
  margin-bottom: 30px;
  transition: 0.5s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.ser__item_spirit {
  width: 31%;
}

.ser__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
  font-family: 'Nunito Sans', sans-serif;
  padding: 0px 20px;
}

.ser__text {
  line-height: 140%;
  padding: 0px 20px;
}

.ser__bg10 {
  display: none;
}

.ser__box {
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}

.ball {
  position: absolute;
  right: -61px;
  top: -355px;
  z-index: -1;
}

.ball2 {
  position: absolute;
  right: 637px;
  bottom: -39px;
}

.dots {
  position: absolute;
  bottom: -317px;
  right: 0;
}

.ser__pic {
  margin-bottom: 20px;
  transition: 0.5s;
  margin-top: 0;
  position: absolute;
  left: 20px;
  top: 20px;
}

.ser__btn {
  width: 100%;
  transition: 0.5s;
  margin-top: auto;
  margin-bottom: -100px;
}

.ser__item:hover .ser__btn {
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  width: -webkit-fill-available;
}

.ser__item:hover {
  padding-bottom: 0;
  padding-top: 20px;
}

.ser__item:hover .ser__pic {
  opacity: 0;
  max-width: 70px;
  flex: 1 0 auto;
}

.ser__item .ser__btn {
  margin-left: 15px;
  margin-right: 15px;
  width: -moz-available; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}

/* WIDGETS */
.nav-tabs li {
  width: 359px;
  height: 78px;
  background: linear-gradient(
    152.66deg,
    rgba(26, 29, 35, 0.1) -0.56%,
    rgba(26, 29, 35, 0.1) 30.32%,
    rgba(26, 29, 35, 0.1) 59.86%,
    rgba(26, 29, 35, 0.2) 89.45%,
    rgba(26, 29, 35, 0.2) 115.41%
  );
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid transparent;
  transition: 0.5s;
}

.nav-tabs li img {
  opacity: 0.3;
  margin-right: 20px;
  transition: 0.5s;
}

.nav-tabs li.active img,
.nav-tabs li:hover img {
  opacity: 1;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  /* filter: grayscale(100%); */
  filter: none;
}

.nav-tabs li.active {
  background: linear-gradient(
    95.49deg,
    rgba(255, 246, 233, 0.1) 8.22%,
    rgba(26, 29, 35, 0.1) 75.4%
  );
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.nav-tabs li.active a,
.nav-tabs li:hover a {
  color: #ffffff;
}

.widgets__element61 {
  display: none;
}

.nav-tabs li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #656566;
  font-weight: 500;
  font-size: 18px;
  transition: 0.5s;
  line-height: 22px;
  justify-content: center;
}

.widgets .nav-tabs li a {
  font-family: 'Nunito Sans', sans-serif;
  justify-content: flex-start;
  padding-left: 30px;
}

.nav-tabs li:first-child img {
  margin-left: -8px;
}

.nav-tabs li:hover,
.nav-tabs li.active {
  background: linear-gradient(
    152.66deg,
    rgba(26, 29, 35, 0.1) -0.56%,
    rgba(26, 29, 35, 0.1) 30.32%,
    rgba(26, 29, 35, 0.1) 59.86%,
    rgba(26, 29, 35, 0.2) 89.45%,
    rgba(26, 29, 35, 0.2) 115.41%
  );
  border-top: 1px solid transparent;
  border-image: linear-gradient(
    152.66deg,
    rgba(255, 216, 160, 0.5) -0.56%,
    rgba(253, 135, 135, 0.5) 30.32%,
    #dba6ff 115.41%
  );
  border-image-slice: 1;
  box-sizing: border-box;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.nav-tabs {
  border: none;
}

.nav__phone {
  display: none;
}

.widgets__tabs {
  position: relative;
  justify-content: space-between;
  padding: 0px 0 0px 67px;
  border: 1px solid #25262c;
  background: linear-gradient(
    152.66deg,
    rgba(26, 29, 35, 0.1) -0.56%,
    rgba(26, 29, 35, 0.1) 30.32%,
    rgba(26, 29, 35, 0.1) 59.86%,
    rgba(26, 29, 35, 0.2) 89.45%,
    rgba(26, 29, 35, 0.2) 115.41%
  );
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.widgets__bottom {
  padding: 20px 30px 30px 58px;
  position: relative;
  left: -48px;
  background: rgba(0, 0, 0, 0.5);
  width: 102%;
}

.widgets__bottom li {
  margin-bottom: 10px;
}

.widgets__bottom .widgets__btn {
  width: 263px;
  height: 61px;
  flex: 1 0 auto;
  max-width: 263px;
}

.widgets__bottom .widgets__flex {
  align-items: center;
  width: 100%;
}

.widgets__tabs .prob__right {
  max-width: 100%;
}

.wid-color {
  position: absolute;
  left: 0;
  bottom: 0;
}

.tab-pane .prob__list {
  margin-bottom: 103px;
  width: 80%;
}

.widgets .prob__right .prob__list li {
  max-width: 276px;
}

.widgets .pos1 {
  position: relative;
  top: -37px;
}

.widgets__flex .prob__list {
  margin-bottom: 0;
}

.widgets__tabs .tab-content {
  padding: 0 0 30px;
}

.widgets {
  position: relative;
  overflow: hidden;
}

.wrap3 .pay__block label {
  width: max-content !important;
}

.pow1 {
  max-width: 214px;
  white-space: nowrap;
}

.wrap3 .pay__one input[type='radio']:checked + label {
  width: auto;
}

.wrap3 input[type='radio']:checked + label {
  order: inherit !important;
}

/* IND */
.ind .about__name {
  max-width: 448px;
}

.ind__box {
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}

.ind__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 30px;
}

.ind__list li {
  margin-bottom: 15px;
}

.ind__box:after {
  content: '';
  justify-content: flex-start;
  flex-basis: 20.1%;
}

.ind__item {
  width: 20.1%;
  margin-bottom: 40px;
}

.ind__item img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
  /*Добавим вот такой вот код*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  /*конец кода с transition*/
}

.ind__item img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
  /* IE 6-9 */
}

.grey {
  opacity: 0.4;
}

.grey:hover {
  opacity: 1;
}

.ind__name,
.ind__list {
  width: max-content;
}

.widgets__fig5 {
  display: none;
}

/* CLIENTS */
.clients__box {
  justify-content: space-between;
  flex-wrap: wrap;
}

.clients__item {
  width: 21%;
  margin-bottom: 30px;
}

.clients__item p {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-top: 10px;
  font-family: 'Nunito Sans', sans-serif;
}

/* CASE */
.case-wrap {
  padding: 150px 0;
}

.case__box {
  justify-content: space-between;
}

.case__item {
  width: 360px;
  height: 560px;
  background: linear-gradient(
    152.66deg,
    rgba(255, 246, 233, 0.1) -0.56%,
    rgba(26, 29, 35, 0.1) 30.32%,
    rgba(26, 29, 35, 0.1) 59.86%,
    rgba(26, 29, 35, 0.2) 89.45%,
    rgba(26, 29, 35, 0.2) 115.41%
  );
  border: 1px solid #25262c;
  box-sizing: border-box;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding: 40px 19px 30px 30px;
  display: flex;
  flex-direction: column;
  transition: 0.5s;
}

.case__item:hover {
  /* border: 1px solid #656566; */
  border-top: 1px solid transparent;
  border-image: linear-gradient(
    152.66deg,
    rgba(255, 216, 160, 0.5) -0.56%,
    rgba(253, 135, 135, 0.5) 30.32%,
    #dba6ff 115.41%
  );
  border-image-slice: 1;
}

.case__item .hi__block {
  width: 181px;
  height: 94px;
}

.case__item .about__num {
  font-size: 36px;
  margin-bottom: 10px;
  display: table;
}

.case__text {
  font-size: 16px;
  line-height: 20px;
  max-width: 180px;
  min-height: 40px;
}

.case__info {
  margin-top: 180px;
  font-size: 18px;
  line-height: 140.02%;
  font-family: 'Nunito Sans', sans-serif;
  max-width: 234px;
}

.case__item .hi__video {
  margin-top: auto;
}

.case__middle .case__info {
  margin-top: 50px;
}

.case__middle .case__item {
  height: 265px;
  position: relative;
}

.case__middle .case__item:first-child {
  margin-bottom: 30px;
}

.case__middle .case__item .hi__play {
  position: absolute;
  top: 40px;
  right: 30px;
}

.case__middle .case__item:hover .hi__play {
  border: 1px solid #4077f3;
  background: #4077f3;
  box-shadow: 0px 4px 30px -5px rgb(180 200 247 / 50%), inset 0px 4px 67px rgb(255 255 255 / 25%);
}

.ind-wrap {
  padding: 100px 0 40px;
  position: relative;
}

.widgets__figure6,
.widgets__figure7,
.widgets__figure8 {
  position: absolute;
}

.widgets__figure6 {
  right: 118px;
  top: 243px;
}

.widgets__figure7 {
  right: -33px;
  bottom: 186px;
}

#demo {
  position: relative;
}

.widgets__element5 {
  position: absolute;
  right: 0;
  top: -295px;
}

.author-block {
  position: absolute;
  left: 331px;
  bottom: 22px;
}

.author {
  font-size: 10px;
  width: max-content;
  border-bottom: 1px solid #fff;
  color: #000000;
  margin-bottom: 10px;
  display: block;
  color: #fff;
  line-height: 100%;
}

.author:hover {
  border-bottom: 1px solid #4077f3;
}

.pay .author-block {
  left: 95px;
  bottom: 96px;
}

.widgets__element6 {
  position: absolute;
  left: 0;
  top: -340px;
}

.widgets__figure8 {
  top: -205px;
  right: 0;
  z-index: -1;
}

.clients-wrap {
  padding: 75px 0 116px;
  position: relative;
}

.widgets__element1 {
  position: absolute;
  right: 137px;
  top: 202px;
  z-index: -10;
}

#demo .free-wrap {
  padding: 50px 0 105px;
  position: relative;
}

.widgets__element2,
.widgets__element3,
.widgets__element4 {
  position: absolute;
  z-index: -10;
}

.widgets__element2 {
  top: -23px;
  left: -26px;
  z-index: 1;
}

.widgets__element3 {
  top: 82px;
  right: -41px;
}

.widgets__element4 {
  right: 127px;
  bottom: -41px;
}

.widgets-wrap {
  padding: 80px 0 111px;
  position: relative;
}

.widgets__figure1 {
  position: absolute;
  right: -47px;
  top: 70px;
}

.widgets__figure2 {
  position: absolute;
  right: 214px;
  top: 258px;
}

.quiz__line {
  width: 172px;
  height: 3px;
  background: #25262c;
  position: relative;
  margin: 25px 0;
}

.quiz__color {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #4077f3;
  width: 20%;
}

.quiz__bottom {
  align-items: center;
}

.quiz__bottom p {
  margin-right: 10px;
  font-size: 14px;
}

.calc__two .quiz__color {
  width: 40%;
}

.calc__three .quiz__color {
  width: 60%;
}

.calc__four .quiz__color {
  width: 80%;
}

.calc__five .quiz__color {
  width: 100%;
}

.quiz__title {
  font-size: 28px;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 20px;
}

.quiz__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 17px;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 20px;
}

.quiz__name span {
  font-weight: bold;
}

.calc__form .checkboxes-and-radios label {
  margin-left: 0;
  margin-right: 15px;
}

.quiz__flex .bttn {
  width: 110px;
  height: 40px;
}

.quiz__flex {
  margin-top: 40px;
}

.calc__form .checkboxes-and-radios input[type='radio']:checked + label {
  background: #4077f3;
}

.calc__form .checkboxes-and-radios input[type='radio']:checked + label p {
  color: #fff;
}

.calc__prev {
  margin-right: 15px;
}

.calc__form .profile__one p {
  margin-left: 0;
}

.calc__form .pay__one p {
  margin-left: 10px;
}

.calc__five .first p {
  margin-left: 10px;
}

.calc__five .checkboxes-and-radios input[type='radio']:checked + label {
  background: #e4e5ea;
}

.calc__five .checkboxes-and-radios input[type='radio']:checked + label p {
  color: #0e1014;
  margin-left: 10px;
}

/* LETTERS */
.case,
#demo,
.ind,
#individual {
  border-top: 0.5px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
  border-image-slice: 1;
  -moz-border-image: -moz-linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
}

.letters-wrap {
  padding: 83px 0 0;
  position: relative;
}

.letters__element1,
.letters__element2,
.letters__element3 {
  position: absolute;
}

.letters__element1 {
  top: -21px;
  right: 138px;
}

.letters__element2 {
  bottom: -41px;
  left: 389px;
}

.letters__element3 {
  top: 388px;
  right: -62px;
  filter: blur(5px);
}

.letters .nav-tabs li {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 200px; */
  width: 31.5%;
  height: 100px;
}

.letters {
  position: relative;
}

.letters:after {
  content: '';
  display: block;
  background: linear-gradient(
    152.66deg,
    rgba(255, 246, 233, 0.1) 3.04%,
    rgba(26, 29, 35, 0.1) 33.92%,
    rgba(26, 29, 35, 0.1) 63.46%,
    rgba(26, 29, 35, 0.2) 93.05%,
    rgba(26, 29, 35, 0.2) 119.01%
  );
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0;
  z-index: -1;
  border-top: 0.5px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
  border-image-slice: 1;
  -moz-border-image: -moz-linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
}

.system:after {
  content: '';
  display: block;
  background: linear-gradient(
    152.66deg,
    rgba(255, 246, 233, 0.1) 3.04%,
    rgba(26, 29, 35, 0.1) 33.92%,
    rgba(26, 29, 35, 0.1) 63.46%,
    rgba(26, 29, 35, 0.2) 93.05%,
    rgba(26, 29, 35, 0.2) 119.01%
  );
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0;
  z-index: -1;
}

.letters .nav-tabs li {
  margin-bottom: 15px;
  background: rgba(14, 16, 20, 0.6);
  border: 1px solid #25262c;
}

.letters .nav-tabs li a img {
  margin-right: 0;
  transform: scale(0.8);
}

.letters .nav-tabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 57%;
  height: max-content;
}

.letters .nav-tabs img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
  /*Добавим вот такой вот код*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  /*конец кода с transition*/
}

.letters .nav-tabs li:hover img,
.letters .nav-tabs li:active img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
  /* IE 6-9 */
}

.letters__tabs {
  align-items: center;
  margin-top: 60px;
  padding: 0;
  border: none;
  padding-bottom: 20px;
}

.letters__content {
  max-width: 457px;
}

.letters__title {
  font-size: 24px;
  line-height: 29px;
  font-family: 'Nunito Sans', sans-serif;
}

.letters__title span {
  font-weight: bold;
  display: inline;
  margin-bottom: 10px;
}

.letters__name {
  font-size: 18px;
  line-height: 22px;
  color: #656566;
  margin-bottom: 30px;
}

.letters__text {
  margin-bottom: 40px;
}

.letters__link {
  font-weight: 500;
  color: #4077f3;
}

.certificates__box {
  max-width: 840px;
  justify-content: space-between;
}

.certificates__box img {
  border: 1px solid transparent;
  cursor: pointer;
}

.certificates__box img:hover {
  border: 1px solid transparent;
  border-image: linear-gradient(
    152.66deg,
    rgba(255, 216, 160, 0.5) -0.56%,
    rgba(253, 135, 135, 0.5) 30.32%,
    #dba6ff 115.41%
  );
  border-image-slice: 1;
}

/* .letters .free__blur {
  right: inherit;
  bottom: 51px;
  left: 466px;
  width: 50px;
  height: 29px;
  border-radius: 50px 50px 0 0;
} */

.letters {
  /* background: url(../img/shai.png) no-repeat center center / cover; */
  border-bottom: 0.5px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
  border-image-slice: 1;
  -moz-border-image: -moz-linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
}

.pay .container {
  background: inherit;
}

/* BLOG */
.blog-wrap,
.certificates-wrap {
  padding: 90px 0 75px;
  position: relative;
}

.certificates .letters__element1 {
  top: 275px;
  right: 141px;
}

.blog .widgets__figure7 {
  right: -39px;
  bottom: 134px;
}

.blog .about__name {
  margin: 0;
}

.blog .prob__flex {
  max-width: 814px;
  justify-content: space-between;
}

.blog .prob__one {
  margin-left: 0;
}

.blog__content {
  width: 100%;
  max-width: 414px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}

.blog__content .hi__block {
  display: flex;
  width: 196px;
  height: 111px;
  margin-bottom: 35px;
  max-width: 196px;
}

.blog__box {
  justify-content: space-between;
  max-height: 258px;
}

.blog .hi__block:hover:after {
  opacity: 0;
}

.blog .letters__link {
  margin-top: auto;
}

/*ACCORDION*/
.ask-wrap {
  padding: 75px 0 150px;
}

.accordion-container {
  position: relative;
  height: auto;
  max-width: 975px;
  z-index: 10;
}

.ask .set {
  border: 2px solid #25262c;
  border-top: none;
}

.ask .set:first-child {
  border-top: 2px solid #25262c;
}

.set {
  position: relative;
  width: 100%;
  height: auto;
}

.set > a {
  display: block;
  text-decoration: none;

  transition: all 0.2s linear;
}

.set > a.active {
  /* border: 1px solid transparent; */
}

.content {
  position: relative;
  width: 100%;
  height: auto;
  display: none;
  overflow: auto;
}

#ask .about__name span {
  font-weight: bold;
  display: inline;
}

.set > a {
  padding: 19px 30px;
  font-size: 18px;
  line-height: 22px;
  color: #e4e5ea;
  font-family: 'Nunito Sans', sans-serif;
  /* border: 0.5px solid #25262C; */
  border-bottom: none;
  box-sizing: border-box;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-bottom: none;
  background: url(../img/arrow1.svg) no-repeat 99% 16px;
}

.set:hover .icon1 {
  opacity: 0;
  /* background: url(../img/arrow3.svg) no-repeat 99% 16px; */
}

.set:hover .icon2 {
  opacity: 1;
}

.set > a.active .icon1 {
  opacity: 0;
}

.set > a.active .icon2 {
  opacity: 0;
}

.set > a.active .icon3 {
  opacity: 1;
}

.icon {
  width: 15px;
  height: 25px;
  flex: 1 0 auto;
  display: flex;
  position: absolute;
  right: 17.5px;
  top: 19.5px;
  z-index: 2;
  transition: 0.5s;
}

.icon1 {
  opacity: 1;
}

.icon2 {
  opacity: 0;
}

.icon3 {
  width: 24px;
  opacity: 0;
}

.icon use {
  width: 100%;
  height: 100%;
}

.set > a.active {
  /* background: url(../img/arrow2.svg) no-repeat 99% 16px; */
  /* border: 0.5px solid #25262C; */
  border-bottom: none;
}

.set:last-child a {
  /* border-bottom: 1.5px solid #25262C; */
}

.set:first-child a {
  /* border-top: 1.5px solid #25262C; */
}

.set:last-child a.active {
  border-bottom: none;
}

.set .content {
  max-width: 625px;
  margin: 20px 30px 30px;
}

.free__bes {
  display: none;
}

/* SYSTEM */
.system .about__name {
  margin: 0 0 30px;
}

.system__box {
  margin-top: 70px;
  width: 100%;
  justify-content: space-between;
  max-width: 95%;
}

.system .free__info {
  margin-top: 40px;
}

.pay__bg6 {
  display: none;
}

.system {
  position: relative;
  border-top: 0.5px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
  border-image-slice: 1;
  -moz-border-image: -moz-linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
}

.widgets__what1 {
  position: absolute;
  left: -252px;
  top: -186px;
}

.system__block {
  position: relative;
  z-index: 0;
}

.system__block:after {
  content: '';
  display: block;
  background: radial-gradient(
    196.53% 178.02% at 3.2% 3.49%,
    rgba(255, 246, 233, 0.1) 0%,
    rgba(26, 29, 35, 0.1) -0.38%,
    rgba(26, 29, 35, 0.1) 32.1%,
    rgba(26, 29, 35, 0.01) 91.17%,
    rgba(26, 29, 35, 0) 16%
  );
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  width: 500%;
  height: 526px;
  position: absolute;
  right: -457.6%;
  top: -186px;
  z-index: -1;
  display: none;
}

/* FOOTER */
.footer {
  /* border-top: 0.5px solid transparent;
  border-image: linear-gradient(90deg, rgba(131, 58, 180, 0.5) 0%, rgba(253, 29, 29, 0.5) 42.2%, rgba(252, 176, 69, 0.5) 100%);
  border-image-slice: 1;
  -moz-border-image: -moz-linear-gradient(90deg, rgba(131, 58, 180, 0.5) 0%, rgba(253, 29, 29, 0.5) 42.2%, rgba(252, 176, 69, 0.5) 100%); */
  position: relative;
}

.footer:after {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  height: 1px;
  border-top: 0.5px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(131, 58, 180, 0.5) 0%,
    rgba(253, 29, 29, 0.5) 42.2%,
    rgba(252, 176, 69, 0.5) 100%
  );
  border-image-slice: 1;
  z-index: -1;
}

.footer__logo {
  margin-bottom: 40px;
}

.footer__box {
  justify-content: space-between;
}

.footer__name {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #656566;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 20px;
}

.footer__list li a {
  font-size: 16px;
  line-height: 19px;
  color: #e4e5ea;
  margin-bottom: 10px;
  display: block;
  font-family: 'Nunito Sans', sans-serif;
}

.footer__list li:hover a {
  color: #fff;
}

.footer__left {
  max-width: 701px;
  justify-content: space-between;
  flex: 1 0 auto;
}

.footer__flex .footer__list:first-child {
  margin-right: 52px;
}

.footer__right {
  text-align: right;
}

.footer__tel {
  font-size: 16px;
  line-height: 19px;
  color: #e4e5ea;
  font-family: 'Nunito Sans', sans-serif;
}

.footer .nav__socials {
  margin: 15px 0 15px auto;
}

.footer__addres {
  color: #e4e5ea;
  font-family: 'Nunito Sans', sans-serif;
}

.footer__el {
  text-align: right;
  font-size: 12px;
  line-height: 100%;
  line-height: 100%;
  margin-top: 34px;
}

.footer__link {
  font-size: 12px;
  text-align: right;
  text-decoration-line: underline;
  color: #e4e5ea;
  margin-top: 5px;
  display: block;
}

.footer-wrap {
  padding: 110px 0 20px;
}

.system-wrap {
  padding: 58px 0 148px;
  position: relative;
}

.sys1,
.sys2,
.sys3 {
  position: absolute;
}

.sys1 {
  top: -39px;
  right: 115px;
  z-index: -1;
}

.sys2 {
  top: 296px;
  right: -34px;
}

.sys3 {
  bottom: -42px;
  left: -35px;
}

/*POPUP*/
.box-modal__close:hover {
  transform: rotate(90deg);
}

.box-modal__close {
  position: absolute;
  top: 10px;
  right: 15px;
  transition: all 0.5s ease;
  z-index: 100;
  cursor: pointer;
}

.box-modal {
  position: relative;
}

.popup-call__box {
  position: absolute;
  margin-left: -405px;
  top: 50%;
  left: 50%;
  margin-top: -206px;
  height: auto;
  overflow: hidden;
  width: 810px;
  height: auto;
  background: #0e1014;
  border: 1px solid #25262c;
  padding: 40px 55px 40px 100px;
}

.popup-call__box .about__name {
  margin: 0;
  font-weight: bold;
  margin-bottom: 47px;
}

.popup .popup-call__box {
  overflow: visible !important;
}

.popup .popup-call__box-polity {
  overflow: auto !important;
}

.popup__text {
  font-size: 16px;
  font-family: 'Nunito Sans', sans-serif;
  margin-bottom: 60px;
}

.grtvideo-popup {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 99999;
  padding-top: 100px;
}

.grtvideo-popup-content {
  margin-top: 50px;
  width: 95%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
  position: relative;
}

.grtvideo-popup-close {
  position: absolute;
  top: -35px;
  right: 0;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}

.grtyoutube-iframe {
  width: 100%;
  height: 480px;
}

.mob-header__list {
  display: none;
}

.mob-header__btn {
  display: none !important;
}

.widgets .prob__name {
  margin-bottom: 21px;
}

.system-wrap .prob__list li {
  margin-bottom: 5px;
}

.system__content .free__one {
  line-height: 26px;
}

.nav__box.sticky .nav__info p {
  display: none;
}

.ind__item .d-flex {
  align-items: center;
}

.ind__item .d-flex img:nth-child(2) {
  margin-left: 20px;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media only screen and (min-width: 767px) {
  .header__tel .free__btn {
    width: 205px;
  }
}

@media only screen and (max-width: 767px) {
  .grtyoutube-iframe {
    width: 100%;
    height: 350px;
  }
}

.nav__menu {
  display: none;
}

nav .nav__tel {
  display: none;
}
.nav__right {
  gap: 32px;
  align-items: center;
}
.nav__telegram {
  display: none;
  margin-right: 20px;
}
.nav__whatsapp {
  display: none;
  margin-right: 40px;
}

@media only screen and (max-width: 1200px) {
  h1,
  h2 {
    font-size: 36px;
  }

  .widgets__tabs .tab-content {
    padding-top: 59px;
  }

  .header__box {
    margin-top: 126px;
  }

  .header__main.type3 {
    top: 74px;
    width: 400px;
  }

  .system__block:after {
    display: none;
  }

  .free__box:after {
    display: none;
  }

  .widgets .pos1 {
    top: 0;
  }

  .nav__left {
    width: 100%;
  }

  nav .nav__tel {
    display: block;
    margin-left: auto;
    margin-right: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #dad8e4;
  }

  .nav__menu {
    width: 100%;
    display: block;
  }

  .nav__info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .nav__list {
    display: none;
  }

  .nav__telegram,
  .nav__whatsapp {
    display: block;
  }

  .nav__right a,
  .nav__button {
    display: none;
  }

  .nav__button-mob .nav__button {
    display: block;
    width: 208px;
    height: 50px;
    font-size: 16px;
  }

  .nav__info p {
    display: none;
  }

  nav .nav__socials {
    margin-left: auto;
    position: relative;
    top: 13px;
  }

  .header {
    padding: 1px 0 0px;
  }

  .nav__list {
    margin: 0 auto;
  }

  .header__box:before {
    left: -449.6%;
  }

  .hi__fig2 {
    display: none;
  }

  .header__fig4 {
    bottom: 27px;
    right: 449px;
  }

  .header__fig4.type2 {
    right: 449px;
  }

  .hi .hi__right p {
    display: none;
  }

  .hi .hi__video {
    position: relative;
  }

  .hi .hi__right {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -29px;
  }

  .hi .hi__play {
    background: #4077f3;
    border: none;
  }

  .prob .prob__right {
    max-width: 603px;
  }

  .free .free__content {
    max-width: 257px;
  }

  .profile__one {
    flex-wrap: wrap;
  }

  .pay .pay__one label {
    height: 78px !important;
    padding: 0 15px !important;
  }

  .pay .free__content:before {
    left: -400.6%;
  }

  .pay__last {
    flex-direction: column;
  }

  .pay__last input {
    margin: 0 0 20px;
  }

  .free__bottom p br {
    display: none;
  }

  .ser__item {
    width: 31%;
    height: auto;
  }

  .widgets__tabs {
    padding: 0px 0 0px 20px;
  }

  .widgets__flex {
    flex-direction: column;
  }

  .tab-pane .prob__list {
    margin-bottom: 60px;
  }

  .widgets .prob__list {
    flex-direction: column;
  }

  #demo .free__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  #demo .free__bottom p {
    max-width: 262px;
    margin-top: 10px;
  }

  .case__box {
    overflow: scroll;
  }

  .case__item {
    margin-right: 20px;
  }

  .grtvideo-popup {
    top: 0;
    padding-top: 0;
  }

  .letters__tabs {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .letters .nav-tabs {
    flex-wrap: inherit;
    overflow: scroll;
    width: 100%;
    overflow-y: hidden;
  }

  .letters .nav-tabs li {
    margin: 0 20px 0 0;
    padding: 10px;
    height: auto;
  }

  .letters .nav-tabs li a {
    display: flex;
    height: auto;
  }

  .nav-tabs li:first-child img {
    margin-left: 0;
  }

  .blog__box {
    flex-direction: column;
    max-height: 100%;
    align-items: center;
  }

  .blog__content {
    max-width: 456px;
    margin-top: 25px;
  }

  .blog .prob__flex {
    max-width: 814px;
    margin: 25px auto;
  }

  .blog .hi__play {
    position: absolute;
    right: 50%;
    top: 50%;
    background: #4077f3;
    border: none;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-right: -15px;
  }

  .hi__block:after {
    display: none;
  }

  .system .free__flex {
    flex-direction: column;
  }

  .system .profile__one {
    margin-top: 20px;
  }

  .footer-wrap {
    padding: 100px 0 20px;
  }

  .nav__box {
    padding: 0 !important;
  }

  .nav__inner {
    padding: 20px 0;
  }

  nav {
    z-index: 5;
  }

  .free__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .free__ball2 {
    bottom: -138px;
  }

  .free__blur {
    bottom: -117px;
  }

  .free__bottom p {
    margin-top: 10px;
  }

  .author-block {
    left: 300px;
    bottom: -554px;
  }

  .header__name {
    margin-left: 0;
  }

  .pay .author-block {
    left: 95px;
    bottom: 250px;
  }

  .articmodal-close__nav {
    top: 10px;
    right: 15px;
  }

  #popup-nav__box {
    position: fixed;
    top: 66px;
    left: 0px;
    transform: translate(0%, 0%);
    margin: 0;
    z-index: 1000;
    width: 100% !important;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto;
    padding: 40px !important;
    overflow: hidden;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    background: #0e1014;
    border: none;
  }

  #popup-nav__box a {
    font-size: 16px;
    line-height: 28px;
    text-transform: initial;
  }

  #popup-nav__box ul {
    margin: 0;
  }

  #popup-nav__box li {
    text-align: center;
    padding: 0;
    width: fit-content;
    margin: 0 auto 12px;
  }

  #popup-nav__box li.nav__button-mob {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .nav__tel-mob {
    display: none;
  }

  .nav__socials-mob {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 992px) {
  .prob__fig1 {
    top: 571px;
    right: 126px;
  }

  .container.type3 {
    margin: 0 24px 0 24px;
    max-width: 94%;
  }

  .red-light {
    display: none;
  }

  .header__main.type3 {
    width: 340px;
    top: 113px;
  }

  .header__content h1 {
    max-width: 100%;
  }

  .nav__list {
    max-width: 100%;
    justify-content: center;
  }

  .header__box {
    margin-top: 106px;
    flex-direction: column;
  }

  .header__scroll {
    display: none;
  }

  .header__line {
    display: none;
  }

  nav .nav__socials {
    position: relative;
    top: 10px;
  }

  .header__info {
    text-align: left;
  }

  .header__flex {
    display: none !important;
  }

  .header__item {
    margin-left: 0;
    margin-bottom: 30px;
    margin-right: 40px;
  }

  .header__item:last-child {
    margin-right: 0;
  }

  .header__info {
    max-width: 100%;
  }

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

  .mob-header__list li:before {
    content: '';
    display: inline-block;
    background: url(../img/mob-list.svg) no-repeat;
    width: 10px;
    height: 1px;
    position: relative;
    top: -5px;
    margin-right: 3px;
  }

  .mob-header__btn {
    display: flex !important;
    background: #396adb;
  }

  .mob-header__flex {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 60px;
  }

  .header__btn {
    margin-top: 0;
    margin-left: 0;
  }

  .header__main {
    left: 50%;
    margin-left: -275px;
    top: 188px;
  }

  .header__fig4 {
    bottom: -63px;
    right: inherit;
    left: 45px;
  }

  .header__fig4.type2 {
    bottom: -63px;
    right: inherit;
    left: 45px;
  }

  .header__box:before {
    left: 240px;
    top: inherit;
    bottom: 169px;
    width: 232px;
    height: 126px;
    background: inherit;
  }

  .hi-wrap {
    padding: 200px 0 143px;
  }

  .header__fig2 {
    top: -59px;
    left: inherit;
    right: 69px;
  }

  .hi__info {
    position: absolute;
    top: 45px;
    left: -227px;
  }

  .hi__info p {
    right: -189px;
    top: 134px;
  }

  .hi__content {
    width: 100%;
  }

  .hi .hi__video {
    position: relative;
    width: 350px;
    margin-left: auto;
    margin-top: 0;
    top: 152px;
  }

  .hi .hi__block {
    width: 350px;
    height: 215px;
    max-width: 350px;
  }

  .hi__fig1 {
    bottom: 216px;
    right: inherit;
    left: 207px;
  }

  .hi__fig3 {
    right: inherit;
    left: 108px;
    bottom: 87px;
    transform: rotate(90deg);
    z-index: -1;
  }

  .prob__flex {
    flex-direction: column;
  }

  .prob__one {
    margin-left: auto;
    text-align: right;
    margin-top: 30px;
  }

  .prob__box {
    flex-direction: column;
  }

  .prob .prob__right {
    margin-top: 40px;
  }

  .prob-wrap__box {
    /* flex-direction: column; */
  }

  .prob-wrap__item {
    max-width: 48%;
    margin-bottom: 20px;
  }

  .free__box {
    flex-direction: column;
  }

  .free .free__content {
    max-width: 44%;
  }

  .free__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .free__btn {
    margin-right: 0;
  }

  .free__bottom p {
    margin-top: 10px;
  }

  .pay__ball1 {
    bottom: 111px;
    left: inherit;
    right: -202px;
    position: absolute;
  }

  .pay__ball2 {
    bottom: 5px;
    right: -61px;
  }

  .free__flex {
    flex-direction: column;
  }

  .profile__one {
    margin-top: 20px;
  }

  .wow {
    left: 54px;
    top: 929px;
  }

  .pay .checkboxes-and-radios label {
    background: #0e1014;
  }

  .pay .free__info {
    z-index: 2;
  }

  .pay .free__content:before {
    left: -25px;
    z-index: 1;
    width: 500%;
    height: 233px;
    position: absolute;
    top: 1020px;
  }

  .ser__item {
    width: 48%;
  }

  .ser__item_spirit {
    width: 48%;
  }

  .ind__item {
    width: 49.1%;
    margin-bottom: 40px;
  }

  .clients-wrap {
    padding: 40px 0 116px;
  }

  .ind__item:last-child {
    margin-bottom: 0;
  }

  .clients__item {
    width: 30%;
  }

  .blog-wrap,
  .certificates-wrap {
    padding: 50px 0 75px;
  }

  .certificates .letters__element1 {
    top: 167px;
  }

  .certificates__box {
    flex-wrap: wrap;
    justify-content: center;
  }

  .certificates__box img {
    margin: 20px;
  }

  .blog .prob__one {
    margin-left: auto;
  }

  .system__box {
    flex-direction: column;
  }

  .system .free__content,
  .system .free__one {
    max-width: 100%;
  }

  .footer__box {
    flex-direction: column;
  }

  .footer__right {
    text-align: left;
    margin-top: 30px;
  }

  .footer .nav__socials {
    margin: 15px 0 15px 0;
  }

  .ind-wrap {
    padding: 90px 0 40px;
  }

  .popup-call__box {
    width: 700px;
    margin-left: -350px;
    padding: 40px 55px 40px;
  }

  .pay .free__info {
    right: 0;
  }
}

@media only screen and (max-width: 900px) {
  .red-light {
    display: none;
  }

  .header__main.type3 {
    width: 253px;
    top: 178px;
  }
}

@media only screen and (max-width: 767px) {
  .container.type3 {
    max-width: 92%;
  }

  h1,
  h2 {
    font-size: 28px;
  }

  .header__main.type3 {
    top: 110px;
  }

  .header__box {
    margin-top: 106px;
  }

  .header__box:before {
    left: 142px;
  }

  .hi .hi__block,
  .hi .hi__video {
    width: 250px;
  }

  .hi .hi__block {
    height: 180px;
  }

  .hi .hi__video {
    top: 185px;
  }

  .prob__left,
  .prob .prob__right,
  .prob__right .prob__list li {
    max-width: 100%;
  }

  .prob__right .prob__list {
    width: 100%;
  }

  .prob__fig1 {
    right: 81px;
    top: 672px;
  }

  .free .free__content {
    max-width: 65%;
  }

  .free .free__content br {
    display: none;
  }

  .pay__ball3 {
    top: inherit;
    right: -138px;
    bottom: -319%;
  }

  .pay__one {
    flex-wrap: inherit;
  }

  .pay .pay__one label p {
    text-align: left;
    line-height: 105%;
  }

  .free__item input {
    width: 100%;
  }

  .first {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .mob-width .checkboxes-and-radios label {
    width: 30%;
    margin: 0;
  }

  .mob-width .profile__one {
    justify-content: space-between;
  }

  .free__btn {
    width: 100%;
  }

  .wow {
    left: 7px;
    top: 1114px;
  }

  .pay .free__content:before {
    left: -25px;
    width: 500%;
    height: 233px;
    top: 1194px;
  }

  .checkboxes-and-radios input[type='radio']:checked + label {
    border: none;
  }

  .ser__item {
    width: 100%;
    min-height: 276px;
  }

  .ser__item_spirit {
    display: none;
  }

  .widgets__tabs {
    flex-direction: column-reverse;
  }

  .widgets .nav-tabs {
    border: none;
    display: flex;
    overflow: scroll;
  }

  .widgets .nav-tabs li {
    white-space: nowrap;
    padding: 0 10px;
  }

  .clients__box {
    /* overflow: scroll; */
  }

  .clients__item {
    width: 137;
  }

  .case-wrap {
    padding: 150px 0 80px;
  }

  .blog-wrap,
  .certificates-wrap {
    padding: 50px 0;
  }

  .popup-call__box {
    width: 500px;
    margin-left: -250px;
  }

  .nav__box .nav__socials {
    /* display: none !important; */
    transition: 0.5s;
  }

  .nav__box.sticky .nav__logo,
  .nav__box.sticky .nav__socials {
    display: flex !important;
  }

  .nav__box.sticky:before {
    content: '';
    display: block;
    width: 200%;
    left: -199%;
    position: absolute;
    height: 100%;
    background: #0e1014;
    top: 0;
  }

  .nav__box.sticky:after {
    content: '';
    display: block;
    width: 200%;
    right: -198%;
    position: absolute;
    height: 100%;
    background: #0e1014;
    top: 0;
  }

  .nav__list li {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 646px) {
  .header__main.type3 {
    width: 222px;
    top: 150px;
  }
}

@media only screen and (max-width: 575px) {
  .container.type3 {
    margin: 0;
    max-width: 100%;
  }

  #popup-nav__box {
    top: 62px;
  }

  #popup-nav__box li.nav__button-mob {
    margin-bottom: 24px;
    width: 100%;
  }

  .nav__button-mob .nav__button {
    width: 100%;
  }

  nav .nav__tel {
    margin-right: 20px;
  }

  .nav__tel-mob {
    display: block;
    margin-bottom: 24px;
  }

  /* .header__content h1{
    font-size: 24px;
    line-height: 29px;
  } */
  .header__main.type3 {
    display: none;
  }

  .nav__list li a {
    font-size: 12px;
    text-transform: uppercase;
  }

  .nav__list {
    max-width: 100%;
    justify-content: space-around;
  }

  .letters-wrap {
    padding-top: 75px;
  }

  nav .nav__list li:last-child {
    /* display: none; */
  }

  h1 {
    font-size: 28px;
  }

  .header__name {
    max-width: 100%;
  }

  .container {
    padding: 0 15px;
  }

  .nav__inner {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .nav__box.sticky:before {
    left: -200%;
  }

  .nav__box.sticky:after {
    right: -200%;
  }

  .header__box {
    margin-top: 102px;
  }

  .header__text {
    margin-top: 40px;
  }

  .header__name span {
    text-transform: inherit;
    display: table;
  }

  .header__info {
    top: 0;
    margin-top: 47px;
    z-index: 11;
  }

  .mob-header__list {
    flex-wrap: wrap;
  }

  .mob-header__list li {
    text-align: left;
    width: 50%;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
  }

  .header__name {
    margin-bottom: 15px;
    margin-left: 0;
  }

  .header__btn,
  .mob-header__btn {
    font-size: 13px;
    height: 54px;
    flex: 1 0 auto;
  }

  .header__btn {
    width: 37%;
    max-width: 100%;
  }

  .mob-header__btn {
    width: 132px;
    max-width: 132px;
  }

  .mob-header__flex {
    margin-top: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
  }

  .header__box:before {
    left: 10px;
    top: inherit;
    bottom: -2px;
    width: 356px;
    height: 171px;
    background: inherit;
    opacity: 0;
  }

  .header__fig2 {
    top: 363px;
    left: -35px;
    right: inherit;
    width: 10%;
  }

  .header__fig4 {
    bottom: -69px;
    right: inherit;
    left: 8px;
    width: 7%;
  }

  .header__fig1 {
    top: 124px;
    right: -32px;
    width: 10%;
  }

  .header__fig3 {
    bottom: -91px;
    right: 0;
  }

  h2 {
    font-size: 28px;
    /* font-weight: normal; */
    position: relative;
  }

  .hi-wrap {
    padding: 173px 0 143px;
    max-width: 290px;
  }

  .hi .hi__name {
    font-size: 18px;
    line-height: 22px;
    margin-top: 39px;
  }

  .hi__info {
    position: absolute;
    top: 66px;
    left: -105px;
  }

  .hi__man {
    margin-right: 0;
    width: 76%;
  }

  .hi__box {
    max-width: 290px;
    margin: 0 auto;
  }

  .hi__fig3 {
    right: inherit;
    left: -46px;
    bottom: 87px;
    transform: rotate(90deg);
    z-index: -1;
    /* display: none; */
  }

  .hi__fig1 {
    width: 11%;
    bottom: 110px;
    right: inherit;
    left: 98px;
  }

  .hi__info p {
    font-size: 14px;
    line-height: 17px;
  }

  .hi__info p {
    right: 9px;
    top: 43px;
  }

  .hi .hi__block,
  .hi .hi__video {
    width: 165px;
    height: 95px;
  }

  .hi .hi__video {
    top: 101px;
    left: 6px;
  }

  .hi__content {
    z-index: 7;
  }

  .hi__play {
    width: 30px;
    height: 30px;
  }

  .hi .hi__right {
    margin-top: -15px;
    margin-left: -15px;
  }

  .about__fig1,
  .about__fig2 {
    display: none;
  }

  .about-wrap {
    padding: 34px 0;
    padding-top: 75px;
  }

  .about__name {
    font-size: 18px;
    line-height: 22px;
  }

  .about .about__name br {
    display: none;
  }

  .about .about__name {
    width: 93%;
    margin: 38px 0 19px;
  }

  .about__num {
    font-size: 36px;
    line-height: 44px;
  }

  .about__text {
    font-size: 14px;
    line-height: 17px;
    margin-top: 2px;
  }

  .about__flex {
    flex-wrap: wrap;
  }

  .about__flex .about__item:nth-child(1) {
    order: 3;
  }

  .about__flex .about__item:nth-child(2) {
    order: 1;
    margin-bottom: 14px;
  }

  .about__flex .about__item:nth-child(3) {
    order: 2;
  }

  .about__flex {
    width: 86%;
  }

  .prob__fig2 {
    display: none;
  }

  .prob-wraper {
    padding: 46px 0 30px;
  }

  .prob__flex {
    margin: 39px 0 16px;
  }

  .prob__one {
    font-size: 14px;
    line-height: 17px;
    max-width: 262px;
    margin-left: 0 !important;
    text-align: left !important;
    margin-top: 20px !important;
  }

  .prob__fig1 {
    right: 3px;
    top: 133px;
    width: 6%;
  }

  .prob__box {
    display: none !important;
  }

  .mob-prob {
    display: block;
  }

  .mob-prob .nav-tabs li a {
    font-size: 14px;
    line-height: 140%;
  }

  .mob-prob .nav-tabs li {
    padding: 12px;
  }

  .prob__list li {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 9px;
    width: 92%;
  }

  .mob-prob .nav-tabs {
    margin-bottom: 15px;
  }

  .tab-pane .prob__list {
    margin-bottom: 47px;
  }

  .prob-wrap__box {
    margin-top: 28px;
  }

  .prob-wrap__name {
    margin: 11px 0 7px;
    font-size: 16px;
    line-height: 19px;
  }

  .prob-wrap__text {
    font-size: 14px;
    line-height: 140%;
  }

  .prob-wrap__item {
    max-width: 92%;
  }

  .prob {
    border: none;
  }

  .free__box {
    margin-top: 42px;
  }

  .free .free__content {
    max-width: 81%;
  }

  .free__one {
    font-size: 14px;
    line-height: 17px;
    margin-top: 11px;
    max-width: 292px;
  }

  .free__item label {
    font-size: 14px;
    line-height: 17px;
  }

  .free__info {
    top: 0;
    margin-top: 46px;
  }

  .free__item input {
    font-size: 16px;
  }

  .free__ball1 {
    top: 15px;
    right: 0;
    width: 19%;
  }

  .pay__bg {
    display: none;
  }

  .pay-wrap {
    padding: 20px 0 100px;
  }

  .pay .free__box {
    margin: 14px auto 0;
  }

  .pay .prob__list li {
    width: 100%;
    font-size: 13px;
  }

  .pay .free__info {
    font-size: 16px;
    margin-top: 14px;
    top: 0;
  }

  .pay .prob__name {
    font-size: 16px;
    margin-bottom: 9px;
  }

  .pay .pay__block p {
    font-size: 13px;
  }

  .pay .checkboxes-and-radios .pay__block label {
    height: 26px;
  }

  .pay__name {
    font-size: 16px;
    width: 80%;
  }

  .pay .prob__list {
    margin-bottom: 16px;
  }

  .pay .checkboxes-and-radios .pay__block label {
    margin-right: 11px;
  }

  .pay__item {
    margin-bottom: 16px;
  }

  .pay .pay__one label {
    height: 60px !important;
  }

  .pay .pay__one label p {
    font-size: 14px;
    line-height: 17px;
    margin-left: 5px;
  }

  .free .free-wrap {
    /* max-width: 290px; */
  }

  .wow {
    left: -39px;
    top: 938px;
    width: 128%;
    max-width: 380px;
  }

  label.error {
    bottom: -28px;
  }

  .pay .free__content:before {
    left: -25px;
    width: 500%;
    height: 233px;
    top: 926px;
  }

  .ball {
    position: absolute;
    right: -7px;
    top: -292px;
    width: 14%;
  }

  .ser-wrap {
    padding: 90px 0 40px;
  }

  .ser .prob__flex,
  .widgets .prob__flex,
  .clients .prob__flex,
  .case .prob__flex,
  .certificates .prob__flex,
  .ask .prob__flex {
    margin: 44px 0 29px;
  }

  .ser__box {
    display: none !important;
  }

  .mob-ser__box {
    display: block;
  }

  .mob-ser__box .set > a {
    width: 100%;
    height: 105px;
    display: flex;
    align-items: center;
    padding: 15px 28px 15px 15px;
  }

  .mob-ser__box .ser__pic {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
  }

  .mob-ser__box .ser__name {
    margin: 0 0 0 15px;
    font-size: 16px;
    line-height: 19px;
    padding: 0;
  }

  .mob-ser__box .set .content {
    margin: 0;
    font-size: 14px;
    line-height: 140%;
    overflow: hidden;
  }

  .mob-ser__box .set > a.active {
    border-bottom: none;
  }

  .mob-ser__box .set {
    margin-bottom: 10px;
    border: 0.5px solid #25262c;
  }

  .mob-ser__box .ser__btn {
    opacity: 1;
    margin-top: 25px;
  }

  .widgets__figure1 {
    position: absolute;
    right: 11px;
    top: -9px;
  }

  .widgets-wrap {
    padding: 72px 0 40px;
  }

  /* .nav__box.sticky {
    padding: 0;
  } */
  .widgets__figure2 {
    right: 0;
    top: 186px;
    left: inherit;
    width: 11%;
  }

  .widgets .nav-tabs li img {
    margin-right: 8px;
  }

  .widgets .nav-tabs li a {
    font-size: 16px;
  }

  .widgets .nav-tabs li {
    height: 49px;
  }

  .widgets__tabs .tab-content {
    padding: 32px 0 0px;
  }

  .widgets .nav-tabs {
    position: relative;
    left: -10px;
  }

  .widgets__tabs {
    padding: 0 10px 50px;
  }

  .widgets__btn {
    width: 100%;
  }

  #individual h2 {
    font-size: 34px;
  }

  .widgets__figure3 {
    right: -9px;
    top: inherit;
    bottom: 0;
  }

  #individual .free-wrap {
    padding-bottom: 31px;
  }

  .ind-wrap {
    padding: 80px 0 40px;
  }

  .ind .about__name {
    margin: 41px 0 0px;
  }

  .widgets__figure6 {
    right: 0;
    top: 0;
  }

  .ind__name {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }

  .ind__list li {
    margin-bottom: 10px;
  }

  .ind__name,
  .ind__list {
    width: 100%;
  }

  .ind__item {
    width: 44.1%;
    margin-bottom: 20px;
  }

  .ind__box {
    margin-top: 30px;
  }

  .ab1 {
    width: 100%;
  }

  .widgets__figure7 {
    right: 51px;
    bottom: 23px;
  }

  .clients__item p {
    font-size: 14px;
  }

  .clients__scroll {
    /* overflow: scroll; */
    width: 100%;
  }

  .clients__box {
    /* overflow: scroll; */
    width: 100%;
  }

  .widgets__element1 {
    right: -35px;
    top: 173px;
  }

  .clients__item {
    margin-bottom: 20px;
    width: 124px;
    height: 110px;
  }

  .widgets__element2 {
    top: -5px;
    left: -39px;
  }

  .widgets__element66 {
    display: block;
    position: absolute;
    left: -164px;
    top: -244px;
  }

  .widgets__element61 {
    position: absolute;
    right: -173px;
    top: -120px;
    display: block;
  }

  .widgets__element6,
  .widgets__element5 {
    display: none;
  }

  .clients-wrap {
    padding: 40px 0 69px;
    padding-top: 75px;
  }

  .widgets__element3 {
    top: 149px;
    right: -15px;
  }

  .case-wrap {
    padding: 50px 0 54px;
  }

  #demo .free-wrap {
    padding: 50px 0 43px;
  }

  .case__item {
    width: 210px;
    height: 365px;
    padding: 20px 15px;
  }

  .case__text {
    font-size: 14px;
    line-height: 17px;
    max-width: 180px;
    min-height: 34px;
  }

  .case__info {
    margin-top: 20px;
    font-size: 16px;
    line-height: 19px;
  }

  .case .hi__right p {
    display: none;
  }

  .case__item .hi__video {
    position: relative;
  }

  .case .hi__right {
    position: absolute;
    left: 50%;
    margin-top: -15px;
    top: 50%;
    margin-left: -15px;
  }

  .case .hi__play {
    background: #4077f3;
    border: none;
  }

  .case__middle .case__item {
    height: auto;
  }

  .case__middle .case__item .hi__play {
    top: inherit;
    right: 50%;
    bottom: 52px;
    margin-right: -15px;
  }

  .letters h2 {
    font-size: 30px;
  }

  .letters__tabs {
    margin-top: 30px;
  }

  .letters__text {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 20px;
  }

  .letters__tabs .tab-content {
    padding: 20px 0 0px;
  }

  .letters__title {
    font-size: 18px;
  }

  .letters__name {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .letters__link {
    font-size: 16px;
  }

  .letters__element3 {
    top: 110px;
    right: 51px;
    width: 15%;
  }

  .letters .nav-tabs {
    height: 80px;
  }

  .letters .nav-tabs li {
    /* height: 45px; */
  }

  .nav__box.sticky .nav__logo {
    /* display: none !important; */
  }

  .certificates .letters__element1 {
    top: 0;
    right: 0;
  }

  .certificates__box img {
    margin: 0 0 10px;
    width: 100%;
    height: auto;
  }

  .blog-wrap,
  .certificates-wrap {
    padding: 30px 0;
  }

  .hi__block {
    width: 100%;
    height: 162px;
    max-width: 457px;
  }

  .blog__content .hi__block {
    width: 48%;
    height: 79px;
    margin-bottom: 0;
    max-width: 48%;
  }

  .blog__content {
    margin-top: 10px;
  }

  .blog__content a:nth-child(n + 3) {
    display: none;
  }

  .blog .letters__link {
    margin-top: 20px;
    align-self: flex-start;
  }

  .ask-wrap {
    padding: 35px 0 84px;
    padding-top: 75px;
  }

  .set > a {
    padding: 15px 73px 15px 10px;
    font-size: 14px;
    line-height: 18px;
    background: url(../img/arrow1.svg) no-repeat 99% 10px;
  }

  .ask .set .content {
    max-width: 625px;
    margin: 10px 10px 30px;
    font-size: 12px;
  }

  .ask .content {
    width: auto;
  }

  .sys1 {
    top: 141px;
    right: 0;
    width: 20%;
  }

  .system__box {
    margin-top: 40px;
  }

  .system .prob__name {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 14px;
    margin-top: 20px;
  }

  .system-wrap {
    padding: 58px 0 56px;
  }

  .sys3 {
    bottom: -71px;
    left: inherit;
    right: 0;
    width: 16%;
  }

  .footer-wrap {
    padding: 59px 0 20px;
  }

  .footer__left {
    flex-direction: column;
  }

  .footer__name {
    font-size: 12px;
    margin-bottom: 17px;
  }

  .footer__list li a {
    font-size: 14px;
    line-height: 17px;
  }

  .footer__flex .footer__list:first-child {
    margin-right: 40px;
  }

  .footer__tel {
    font-size: 14px;
  }

  .footer .nav__socials {
    margin: 7px 0 10px 0;
  }

  .footer__addres {
    font-size: 14px;
  }

  /* ----------------------------------------------------------------------------------------------------------- */
  .popup-call__box {
    width: 288px !important;
    margin-left: -144px;
    padding: 20px 10px;
    overflow: visible;
  }

  .nav__list-mobile {
    padding: 0 !important;
    width: 100%;
  }

  .box-modal__close {
    top: -35px;
    right: -5px;
  }

  #popup-wid .popup__text {
    display: none;
  }

  #popup-thank .popup__text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 19px;
    max-width: 252px;
  }

  .popup-call__box .about__name {
    margin-bottom: 40px;
    font-size: 24px;
  }

  .popup-call__box .about__name {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 118%;
  }

  #popup-wid .popup-call__box .about__name {
    font-size: 18px;
    margin-bottom: 47px;
  }

  .quiz__title {
    font-size: 24px;
  }

  .quiz__name {
    font-size: 14px;
  }

  .pay__name {
    font-size: 14px;
  }

  #popup-quiz .checkboxes-and-radios .pay__block label {
    height: 26px;
  }

  .calc__form .checkboxes-and-radios input[type='radio']:checked + label p {
    font-size: 14px;
    font-weight: normal;
  }

  .calc__form .profile__one p {
    font-size: 14px;
    font-weight: normal;
  }

  .calc__form .checkboxes-and-radios .pay__block label {
    margin-right: 10px;
  }

  .quiz__flex {
    margin-top: 22px;
  }

  .quiz__flex .bttn {
    width: 59px;
    height: 32px;
    font-size: 12px;
  }

  #popup-quiz .pay__one {
    flex-direction: column;
  }

  .calc__form .profile__one p {
    text-align: left;
  }

  #popup-quiz .checkboxes-and-radios .pay__one label {
    height: 60px;
    justify-content: flex-start;
    padding: 0 9px;
  }

  .blog__box {
    max-width: 100%;
    margin: 0 auto;
  }

  .system .about__name br {
    display: none;
  }

  /* .footer,
  .system,
  .letters,
  .case,
  #demo,
  .ind,
  #individual {
    border-top: 0.5px solid #FCB045;
    border-image: initial;
    -moz-border-image: initial
  } */
  #free .about__name span,
  #ser .about__name span,
  .about__num,
  .case__item .about__num {
    /* color: #FCB045;
    background: transparent;
    -webkit-text-fill-color: inherit; */
  }

  .nav__box.out {
    transform: inherit !important;
  }

  .nav__box.sticky .nav__socials {
    /* display: none !important; */
    /* display: flex !important; */
  }

  .nav__box.sticky .nav__list {
    /* padding: 0px; */
  }

  nav {
    z-index: 20 !important;
  }

  .pay .free__bottom {
    margin-top: 0px;
  }

  .mob-ser__box .set > a {
    background: url(../img/arrow1.svg) no-repeat 97% 36px;
  }

  .icon {
    top: 12px;
  }

  .ser__btn {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: auto;
  }

  .widgets__bottom {
    background: transparent;
    padding: 0;
    left: 0;
    width: 100%;
  }

  .widgets__bottom .widgets__btn {
    width: 100%;
    max-width: 100%;
  }

  .widgets__what1 {
    display: none;
  }

  .widgets__bottom .prob__list {
    margin-bottom: 20px;
  }

  .case__middle {
    display: flex;
  }

  .case__middle .case__item:first-child {
    margin-bottom: 0;
  }

  .certificates__box picture {
    width: 100%;
  }

  .system .free__item input {
    margin-right: 0;
  }

  .system .free__form {
    margin-top: 50px;
  }

  /* .nav__box.out.sticky .nav__logo,
  .nav__box.out.sticky .nav__socials {
    display: none !important;
  }

  #pf .nav__logo,
  #pf .nav__socials {
    display: flex !important;
  } */
  .hi__fig2 {
    display: block;
    left: inherit;
    right: 0;
    top: -106px;
  }

  .about__fig1 {
    display: block;
    right: -36px;
    left: inherit;
    top: 292px;
  }

  .free__bes {
    display: block;
    position: absolute;
    right: -126px;
    top: -147px;
  }

  .pay__bg6 {
    position: absolute;
    display: block;
    right: -192px;
    top: -345px;
    z-index: -1;
  }

  /* .ser__bg10 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  } */
  .ser__bg {
    right: 0px;
    bottom: inherit;
    position: absolute;
    top: 0;
  }

  .widgets__fig5 {
    display: none;
    position: absolute;
    left: -152px;
    top: -203px;
  }

  .tab-pane .prob__list {
    width: 100%;
  }

  .calc__four .wrap3 label {
    width: 100% !important;
  }

  .author {
    font-size: 7px;
    margin-bottom: 9px;
    line-height: 152%;
  }

  .author-block {
    left: inherit;
    bottom: -415px;
    right: 0;
  }

  .pay .author-block {
    left: 95px;
    bottom: -1180px;
  }

  .letters__element2 {
    left: 13px;
  }

  .prob,
  .letters,
  .case,
  #demo,
  .ind,
  #individual,
  .system,
  .footer {
    border: none;
    border-image: initial;
  }

  .mobile-line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  section,
  footer {
    position: relative;
  }

  .certificates-wrap {
    padding: 60px 0 30px;
  }

  .header__main {
    left: 50%;
    margin-left: -165px;
    top: 269px;
    width: 106%;
    max-width: 352px;
  }

  .header__main.type2 {
    left: 76%;
  }

  .letters .nav-tabs li a img {
    transform: scale(0.4);
  }
}

@media only screen and (max-width: 524px) {
  .nav__telegram,
  .nav__whatsapp {
    display: none;
  }

  nav .nav__socials {
    left: -24%;
    display: none !important;
  }

  .nav__box.sticky {
    padding: 0 15px 27px 15px;
  }

  .nav__box.sticky .nav__socials {
    display: none !important;
  }

  .nav__box.sticky .nav__logo {
    display: flex !important;
  }

  .nav__phone {
    display: none;
    /* position: relative;
    top: 20px; */
  }
}

@media only screen and (max-width: 420px) {
  .header__content h1 {
    font-size: 28px;
  }

  .header__tel {
    display: block;
  }

  .header__tel button {
    margin-top: 16px;
  }
}

@media only screen and (min-width: 350px) and (max-width: 379px) {
  .header__tel input {
    font-size: 18px;
  }

  .wow {
    left: -18px;
    top: 880px;
    width: 128%;
    max-width: 380px;
  }

  .pay .free__content:before {
    left: -25px;
    width: 500%;
    height: 186px;
    top: 906px;
    z-index: 1;
    transform: rotate(180deg);
  }

  .hi .hi__video {
    top: 81px;
    left: 57px;
  }

  .hi .hi__block,
  .hi .hi__video {
    width: 212px;
    height: 115px;
  }

  .pay .author-block {
    left: 95px;
    bottom: -1130px;
  }

  .letters__element2 {
    left: 52px;
  }

  .header__main {
    left: 50%;
    margin-left: -181px;
    top: 245px;
    width: 106%;
    max-width: 352px;
  }

  .header__main.type2 {
    left: 76%;
  }
}

@media only screen and (max-width: 379px) {
  .header__tel {
    display: block;
  }
}

span.post-date {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: #000;
  color: #fff;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 13px;
}

@media only screen and (min-width: 380px) and (max-width: 420px) {
  .wow {
    left: 11px;
    top: 862px;
    width: 128%;
    max-width: 380px;
  }

  .pay .free__content:before {
    top: 850px;
  }

  .hi .hi__video {
    top: 81px;
    left: 57px;
  }

  .hi .hi__block,
  .hi .hi__video {
    width: 212px;
    height: 115px;
  }

  .pay .author-block {
    left: 95px;
    bottom: -1125px;
  }

  .letters__element2 {
    left: 72px;
  }

  .header__main {
    left: 50%;
    margin-left: -181px;
    top: 245px;
    width: 106%;
    max-width: 352px;
  }

  .header__main.type2 {
    left: 76%;
  }
}

@media only screen and (min-width: 421px) and (max-width: 576px) {
  .hi .hi__block,
  .hi .hi__video {
    width: 219px;
    height: 115px;
  }

  .hi .hi__video {
    top: 81px;
    left: 79px;
  }
}

.text-image {
  padding-top: 200px;
}

.text-image .image {
  text-align: center;
}

.text-image .text ul {
  position: relative;
  margin-top: 40px;
}

.text-image .text ul li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 1em;
}

.text-image .text ul li:before {
  content: '';
  width: 20px;
  display: block;
  position: absolute;
  left: 0;
  height: 1px;
  background: #fcb045;
  top: 12px;
}

.d-none {
  display: none;
}

.ind__item img {
  margin-right: 10px;
}

.case__item .hi__play {
  top: 81%;
  left: 72%;
}

.case__middle .case__item .hi__play {
  left: auto;
  right: 30px;
  top: 67px;
}

/* Menu burger - Анимированная иконка «Гамбургер» */
#nav-icon1 {
  width: 28px;
  height: 21px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 1.4px;
  width: 100%;
  background: #dad8e4;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 11px;
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
  top: 12px;
}

#nav-icon1.open span:nth-child(3) {
  top: 11px;
  transform: rotate(-135deg);
}

/* Discount */
.discount .container {
  height: 575px;
  display: flex;
  justify-content: space-between;
  grid-column-gap: 50px;
  background: rgba(103, 37, 133, 0.2);
  border-radius: 20px;
  overflow: hidden;
}
.discount__application {
  padding-left: 90px;
}
.discount__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.discount__picture,
.discount__application {
  width: 50%;
}
.discount__info {
  max-width: max-content;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  background: linear-gradient(272.2deg, #722891 1.85%, #8e4aaa 100%);
  border-radius: 0px 0px 8px 8px;
  margin-bottom: 44px;
}

.discount__application h3 {
  font-weight: 800;
  font-size: 28px;
  line-height: 39px;
  color: #ffffff;
  margin-bottom: 16px;
}
.discount__application p {
  max-width: 425px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #a4a1b1;
  margin-bottom: 40px;
}
.discount_form {
  margin: 0;
}

.discount_form input {
  width: 100%;
  background: none !important;
  border: none;
  border-bottom: 1px solid #665964;
  margin-right: 10px !important;
  margin-bottom: 10px;
}

.discount_form .bttn {
  margin-top: 20px;
}
.discount__picture-mob {
  display: none;
}
@media screen and (max-width: 992px) {
  .discount .container {
    height: 581px;
  }
  .discount__application {
    width: 60%;
    padding-left: 70px;
  }
  .discount__picture {
    width: 40%;
  }
  .discount__info {
    margin-bottom: 31px;
  }
  .discount__application h3 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .discount .container {
    height: auto;
    flex-wrap: wrap;
    padding-bottom: 50px;
  }
  .discount__picture-desk {
    display: none;
  }
  .discount__picture-mob {
    width: 100%;
    display: block;
  }
  .discount__application {
    width: 100%;
    padding: 0 60px;
  }
}

@media screen and (max-width: 524px) {
  .discount__picture img {
    object-fit: fill;
  }
  .discount {
    padding: 0 15px;
  }
  .discount__picture-mob {
    height: 180px;
  }
  .discount .container {
    padding: 0;
    padding-bottom: 40px;
  }
  .discount__application {
    padding: 0 32px;
  }
  .discount__info {
    margin-bottom: 24px;
  }
  .discount__application h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 12px;
  }
}

/*  */
#popup-nav__box {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#popup-nav__box #menu-glavnoe-menyu {
  display: block;
  margin-bottom: 28px;
  padding: 0;
}
#popup-nav__box .open-modal-discuss-project {
  display: block;
  margin-bottom: 24px;
}
#popup-nav__box .nav__tel {
  display: none;
}
@media only screen and (max-width: 575px) {
  #popup-nav__box .open-modal-discuss-project {
    width: 100%;
  }
  #popup-nav__box .nav__tel {
    display: block;
    margin-bottom: 27px;
  }
}