/*стили сброса и общие стили*/

*{-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: 'Jost', sans-serif;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dfn,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;font: 100% inherit;vertical-align: baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}

body{line-height: 1}

ol, ul {  margin: 0;  padding: 0;  list-style-type: none;}

blockquote,q{quotes: none}

blockquote:before,blockquote:after,q:before,q:after{content: '';content: none}

button{background: transparent}

table{border-collapse: collapse;border-spacing: 0}

h1{font-size: 64px;font-style: normal;font-weight: 450;line-height: 72px;font-family: 'Jost', sans-serif;}

h2{font-size: 32px;font-style: normal;font-weight: 600;line-height: 40px;font-family: 'Jost', sans-serif;}

h3{font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;font-family: 'Jost', sans-serif;}

h4{font-size: 20px;font-family: 'Jost', sans-serif;}

h5{font-size: 24px;font-family: 'Jost', sans-serif;}

h6{font-size: 16px;font-family: 'Jost', sans-serif;}

p,a,span.div,li {

  font-family: 'Jost', sans-serif;

  text-decoration: none;

}

strong {

  font-weight: 600;

}

.mobile-price {

  display: none;

}

p {

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  margin-bottom: 15px;

}

* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

body {

  position: relative;

  background: #fff;

}

header{

  position: relative;

  min-height: 126px;

}

.overflow {

  overflow: hidden;

}

.wrap-header {

  width: 100%;

  position: relative;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.container {

  width: 100%;

  max-width: 1750px;

  padding: 0 15px;

  margin: 0 auto;

}

.wrap-header .container {

  position: relative;

  z-index: 5;

}

.wrap-header-content {

  width: 100%;

  padding: 30px 0 20px;

  display: flex;

  align-items: center;

  gap: 20px;

  min-height: 126px;

}

nav {

  margin-left: auto;

  margin-right: 136px;

}

nav ul {

  display: flex;

  align-items: center;

  gap: 44px;

  margin: 0;

  padding: 0;

  list-style-type: none;

}

nav ul li {

  position: relative;

}

nav ul li a {

  position: relative;

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.header-btn {

  position: relative;

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}



.header-btn:after {

  position: absolute;

  content: "";

  width: 100%;

  bottom: 0;

  left: 0;

  border-bottom: 0.5px solid #0A0A0A;

  opacity: 0.4;

}

.header-btn:hover:after {

  border-bottom: 0.5px solid #23BD87;

}

.gamb {

  border-radius: 24px;

  width: 76px;

  height: 76px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: 115px;

  cursor: pointer;

  transition: all 0.3s;

}

.gamb:hover {

  background: #F6F6F6;

  transition: all 0.3s;

}

.gamb span {

  position: relative;

  width: 30px;

  height: 2px;

}

.gamb span:after {

  position: absolute;

  content: "";

  width: 30px;

  height: 2px;

  left: 0;

  top: -7px;

  background: #0A0A0A;

  transition: all 0.3s;

}

.gamb span:before {

  position: absolute;

  content: "";

  width: 30px;

  height: 2px;

  left: 0;

  top: 5px;

  background: #0A0A0A;

  transition: all 0.3s;

}

.gamb.open span:before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    left: 0;

    top: 0px;

    background: #0A0A0A;

    transform: rotate(-45deg);

    transition: all 0.3s;

}

.gamb.open span:after {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    left: 0;

    top: 0px;

    background: #0A0A0A;

    transform: rotate(45deg);

    transition: all 0.3s;

}

.main-top {

  padding-top: 100px;

}

.main-top h1 {

  color: #0A0A0A;

  font-size: 140px;

  font-style: normal;

  font-weight: 450;

  line-height: 128px;

  padding-right: 50px;

}

.main-top h1 span.decor {

  color: #D8D8D8;

  font-size: 140px;

  font-style: normal;

  font-weight: 450;

  line-height: 132px;

}

.wrap-bottom-top {

  margin-top: 60px;

  display: flex;

  align-items: center;

  gap: 96px;

}

.star-block {

  display: flex;

  align-items: center;

}

.star-block .golo {

  position: relative;

  z-index: 1;

  width: 64px;

  height: 64px;

  margin: 24px;

  display: flex;



  border-radius: 50%;

}

.golo .sticker-img {

  background-image: url('./../imgs/golo.png');

  background-size: contain;

}

.star-block p {

  color: rgba(10, 10, 10, 0.60);

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 0;

}

.min-block {

  display: flex;

  align-items: center;

  gap: 24px;

}

.wrap-min-img {

  display: flex;

  height: 64px;

  padding: 0 24px;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-radius: 24px;

  border: 1px solid rgba(10, 10, 10, 0.08);

}

.min-block p {

  display: flex;

  flex-direction: column;

  color: rgba(10, 10, 10, 0.60);

  font-family: "Open Sans", sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

  margin: 0;

}

.min-block p a {

  width: fit-content;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

  margin-bottom: 10px;

/*  text-decoration: underline;

  text-decoration-color:  #909090;

  text-decoration-thickness: 1px;

  text-underline-offset: 4px;*/

}

.wrap-nav-top-fix {

  margin: 70px auto 0;

  width: fit-content;

  height: 142px;

  position: relative;

  overflow: hidden;

}

.glass-filter {

  position: absolute;

  inset: 0;

  z-index: 0;

  backdrop-filter: blur(3px);

  filter: url(#lg-dist);

  isolation: isolate;

}



.glass-overlay {

  position: absolute;

  inset: 0;

  z-index: 1;

  background: var(--lg-bg-color);

}



.glass-specular {

  position: absolute;

  inset: 0;

  z-index: 2;

  border-radius: inherit;

  overflow: hidden;

  box-shadow: inset 1px 1px 0 var(--lg-highlight),

    inset 0 0 5px var(--lg-highlight);

}

.wrap-nav-top {

  width: fit-content;

  border-radius: 46px;

  border-top: 16px solid rgba(255, 255, 255, 0.54);

  border-right: 16px solid rgba(255, 255, 255, 0.54);

  border-bottom: 16px solid rgba(255, 255, 255, 0.54);

  border-left: 16px solid rgba(255, 255, 255, 0.54);

  background: rgba(255, 255, 255, 0.10);

  box-shadow: inset 0 16px 10px rgba(0, 0, 0, 0.03);

  display: flex;

  align-items: center;

  padding: 16px;

  overflow: hidden;

  gap: 16px;

}

.wrap-nav-top.fix {

  position: fixed;

  bottom: 30px;

  left: 50%;

  width: auto;

  top: auto;

  border: none;

  transform: translateX(-50%);

  z-index: 10;

}

.wrap-nav-top ul {

  display: flex;

  margin: 0;

  padding: 0;

  gap: 4px;

  padding: 12px;

  align-items: center;

  border-radius: 32px;

  background: rgba(10, 10, 10, 0.08);

  backdrop-filter: blur(6px);

  position: relative;

  z-index: 6;

}

.wrap-nav-top ul li {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 54px;

  border-radius: 24px;

  background: #FFF;

  padding: 0 24px;

}

.wrap-nav-top ul li a {

  position: relative;

  margin-left: 16px;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

  transition: all 0.3s;

}

.wrap-nav-top ul li a:after {

  left: -16px;

  position: absolute;

  content: "";

  top: 7px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #0A0A0A;

  transition: all 0.3s;

}

.wrap-nav-top ul li a:hover {

  margin-left: 0;

  transition: all 0.3s;

}

.wrap-nav-top ul li a:hover:after {

  width: 0;

  height: 0;

  transition: all 0.3s;

}

.nav-top-btn {

  position: relative;

  color: #23BD87;

  font-size: 18px;

  background: #fff;

  font-style: normal;

  font-weight: 500;

  line-height: 18px;

  margin: 0px 32px;

  height: 54px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 24px;

  background: #FFF;

  padding: 0 24px;

  position: relative;

  overflow: hidden;

  z-index: 3;

  transition: all 0.3s;

}

.nav-top-btn span {

  position: relative;

  z-index: 5;

  transition: all 0.3s;

}

.nav-top-btn:after {

  position: absolute;

  content: "";

  left: 50%;

  top: 50%;

  width: 0%;

  border-radius: 50%;

  height: 0%;

  transform: translate(-50%, -50%);

  z-index: 4;

  background: #23BD87;

  transition: all 0.3s;

}

.nav-top-btn:hover {

  color: #fff;

  transition: all 0.3s;

}

.nav-top-btn:hover:after {

  width: 100%;

  height: 200%;

  transition: all 0.3s;

}

.main-cases {

  margin-top: 50px;

}

.wrap-case-slider {

  display: none;

}

.block-title {

  color: #0A0A0A;

  font-size: 80px;

  font-style: normal;

  font-weight: 400;

  line-height: 80px;

}

.block-title span {

  color: #23BD87;

}

.main-cases .block-title {

  margin-bottom: 100px;

}

.main-case-item {

  display: flex;

  gap: 120px;

  align-items: center;

  margin-bottom: 97px;

}

.main-case-item-info {

  display: flex;

  flex-direction: column;

  justify-content: center;

  width: calc(38% - 60px);

}

.main-case-item-info h3 {

  color: #0A0A0A;

  font-size: 60px;

  font-style: normal;

  font-weight: 500;

  line-height: 48px;

  margin-bottom: 44px;

}

.main-case-item-info h3 + p {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  opacity: 0.6;

  margin-bottom: 44px;

}

.wrap-tag-case {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}

.wrap-tag-case span {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 0.5px solid #3b3b3a;

  color: #898989;

  border-radius: 32px;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  padding: 0 12px;

  height: 32px;

}

.wrap-case-achievements {

  display: flex;

  gap: 64px;

  margin-top: 55px;

}

.case-achievements-item {

  flex: 1;

  display: flex;

  flex-direction: column;

  color: #0A0A0A;

  font-size: 80px;

  font-style: normal;

  font-weight: 500;

  line-height: 80px;

  gap: 40px;

}

.case-achievements-item span {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  opacity: 0.8;

}

.case-main-img {

  width: calc(63% - 60px);

  height: auto;

  position: relative;

  border-radius: 40px;

  overflow: hidden;

}

.case-main-img video {

  width: 100%;

  height: auto;

  position: relative;

  opacity: 0;

  z-index: 1;

}

.case-main-img .img-case-logo {

  position: absolute;

  left: 25px;

  top: 30px;

  z-index: 8;

}

.case-main-img .img-case-main {

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

  transform: translate(-50%,-50%);

  height: auto;

  transition: all 0.3s;

}

.wrap-case-sticker-img {

  width: 161px;

  height: 161px;

  position: absolute;

  right: 0px;

  top: 0px;

  display: block;

  padding: 30px;

  z-index: 5;

}

.case-sticker-img {

  position: relative;

  width: 100%;

  height: 100%;

}

.case-sticker-img .sticker-img {

  background-image: url('./../imgs/mgus.png');

  background-repeat: no-repeat;

  background-size: contain;

}

/*.case-color-1 {

  background: radial-gradient(50% 50% at 50% 50%, #49BFF8 0%, #048ACE 100%);

}

.case-color-2 {

  background: radial-gradient(50% 50% at 50% 50%, #8ED06A 0%, #52C417 100%);

}

.case-color-3 {

  background: radial-gradient(50% 50% at 50% 50%, #CC2236 0%, #A81022 100%);

}

.case-color-4 {

  background: radial-gradient(50% 50% at 50% 50%, #50647D 0%, #2E4057 100%);

}*/

.case-main-img:hover .img-case-main {

  transform: translate(-50%,-50%) scale(1.08);

  transition: all 0.3s;

}

.case-main-img:hover video {

  opacity: 1;

  z-index: 5;

  transition: all 0.3s;

}

.img-case-main {

  width: 100%;

}

/*.case-color-1 .img-case-main {

  max-width: 84%;

}

.case-color-2 .img-case-main {

  max-width: 81%;

}

.case-color-3 .img-case-main {

  max-width: 100%;

}

.case-color-4 .img-case-main {

  max-width: 68%;

}*/

.main-case-item:nth-child(odd) .main-case-item-info {

  order: 2;

}

.main-case-item:nth-child(odd) .case-main-img {

  order: 1;

}

.wrap-case-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 135px;

}

.wrap-case-bottom p {

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

  margin: 0;

}

.wrap-case-bottom p span {

  color: #23BD87;

}

.block-btn {
  cursor: pointer;

  width: fit-content;

  position: relative;

  color: #2D2D2D;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 32px;

  padding-right: 72px;

  transition: all 0.3s;

}

.block-btn img {

  position: absolute;

  right: 0;

  top: -51px;

  border-radius: 24px;

  transition: all 0.3s;

}

.block-btn:hover img {

  right: -11px;

  top: -62px;

      background: #F6F6F6;

    transition: all 0.3s;

}

.creation {

  margin: 289px 0;

}

.wrap-creation-side {

  display: flex;

  gap: 30px;

  margin-top: 110px;

}

.creation-left {

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

}

.creation-left p {

  color: #0A0A0A;

  font-size: 120px;

  font-style: normal;

  font-weight: 400;

  line-height: 120px;

  letter-spacing: -3.6px;

  margin-bottom: 35px;

}

.creation-left span {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  opacity: 0.6;

}

.creation-right {

  flex: 1; 

  display: flex;

  flex-direction: column; 

  gap: 34px;

}

.creation-right p {

  color: rgba(10, 10, 10, 0.60);

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 160%;

  margin: 0;

}

.top-places {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  gap: 20px;

  margin-top: 100px;

}

.wrap-top-places-left {

  display: flex;

  flex-direction: column;

  gap: 33px;

}

.wrap-top-places-left p {

  color: #0A0A0A;

  font-size: 120px;

  font-style: normal;

  font-weight: 400;

  line-height: 120px;

  letter-spacing: -3.6px;

  margin: 0;

}

.wrap-top-places-left span {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  opacity: 0.6;

}

.wrap-places-items {

  display: flex;

  gap: 30px;

  flex-wrap: wrap;

  margin-top: 116px;

}

.places-item {

  display: flex;

  flex-direction: column;

  border-radius: 50px;

  background: #F6F6F6;

  width: calc(33.3333% - 20px);

  min-height: 554px;

  padding: 60px 60px 56px;

}

.places-item h3 {

  color: #0A0A0A;

  font-size: 80px;

  font-style: normal;

  font-weight: 500;

  line-height: 80px;

  letter-spacing: -2.4px;

  text-transform: uppercase;

  margin-bottom: 30px;

}

.places-item h3 sup {

  position: relative;

  top: -31px;

  opacity: 0.32;

  color: #0A0A0A;

  font-size: 44px;

  font-style: normal;

  font-weight: 500;

  line-height: 44px;

  letter-spacing: -1.32px;

  text-transform: uppercase;

}

.places-item p {

  color: rgba(10, 10, 10, 0.44);

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

  letter-spacing: 0.18px;

  margin: 0;

}

.places-item p a {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

  letter-spacing: 0.18px;

  margin-bottom: 10px;

  text-decoration: underline;

  text-decoration-color:  #909090;

  text-decoration-thickness: 1px;

  text-underline-offset: 8px;

  transition: all 0.3s;

}

.places-item p a:hover {

   text-decoration-color: #23BD87;

   transition: all 0.3s;

}

.places-item img {

  width: fit-content;

  margin-top: auto;

}

.wrap-tarif-items {

  border-radius: 40px;

  background: #F6F6F6;

  padding: 32px;

  display: flex;

  gap: 30px;

  flex-wrap: wrap;

}

.tarif-item {

  position: relative;

  padding: 44px 32px;

  border-radius: 24px;

  background: #FFF;

  display: flex;

  flex-direction: column;

  width: calc(33.3333% - 20px);

  transition: all 0.3s;

}

.tarif-item:hover {

  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);

  transition: all 0.3s;

}

.wrap-tarif-tag {

  display: flex;

  gap: 8px;

  position: relative;

  align-items: center;

  min-height: 42px;

}

.tag-img {

  width: 42px;

  height: 42px;

  position: relative;

  z-index: 1;

}

.sticker {

  cursor: pointer;

}

.tag-img .sticker-img {

  background-image: url('./../imgs/ai.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.tag-img.sticker-bg {

  background-image: url('./../imgs/ai.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.tt3 .tag-img,

.tt4 .tag-img {

  position: absolute;

  right: 10px;

  top: 10px;

}

.tag {

  position: relative;





}

.tag span {

  color: #8a8a8a;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

  border-radius: 32px;

  border: 0.5px solid #3e3e3e;

  padding: 0 16px;

  height: 42px;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.3s;

}

.tag:hover span {

    transform: scale(1.1);

    transition: all 0.3s;

    cursor: pointer;

}

.tag.long:hover span {

    transform: scale(1.06);

    transition: all 0.3s;

    cursor: pointer;

}

@media (min-width: 1301px) {

.wrap-win-tag {

  display: block;

  position: absolute;

  width: 320px;

  left: calc(50% - 160px);

  bottom: 100%;

  visibility: hidden;

  opacity: 0;

  padding: 16px 20px;

  border-radius: 30px;

  background: #FFF;

  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

  transition: all 0.3s;

}

.wrap-win-tag:after {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: -10px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 20px solid #fff;

  content: "";

}

.tag-img:hover .wrap-win-tag,

.tag:hover .wrap-win-tag {

  opacity: 1;

  visibility: visible;

  bottom: calc(100% + 25px);

  transition: all 0.3s;

}

}

@media (min-width: 1741px) {

  .tarif-item:last-child {

    width: 100%;

  }

}

.tarif-item h5 {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

  margin-bottom: 9px;

}

.tarif-item p {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  opacity: 0.6;

  margin-bottom: 28px;

}

.wrap-tarif-price {

  color: #0A0A0A;

  font-size: 64px;

  font-style: normal;

  font-weight: 400;

  line-height: 64px;

  margin-bottom: 30px;

  margin-top: 32px;

}

.tarif-item:nth-child(4) .wrap-tarif-price {

  margin-top: 0;

}

.wrap-tarif-price span {

  color: #0A0A0A;

  font-size: 64px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

}

.tarif-btn {

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 32px;

  border: 1px solid #23BD87;

  width: 100%;

  height: 75px;

  max-width: 468px;

  color: #00CF87;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  transition: all 0.3s;

}

.tarif-btn:hover {

  color: #fff;

  background: #23BD87;

  transition: all 0.3s;

}

.tarif-more-btn {

  cursor: pointer;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-top: 30px;

  width: fit-content;

}

.wrap-all-stickers-items {

  position: absolute;

  right: 0;

  top: 0;

  width: calc(100% - 470px);

  height: 380px;

  padding-right: 40px;

}

.wrap-stickers-items {

  width: 100%;

  height: auto;

  position: relative;

}

.wrap-stickers-items .wrap-stickers-item .sticker,

.wrap-stickers-items .wrap-stickers-item {

  position: relative;

  width: 14.6vw;

  height: 14.6vw;

  border-radius: 50%;

}



.wrap-stickers-items .stickers-item-1 {

 position: absolute;

  right: 35vw;

  top: 2.5vw;

  z-index: 1;

}

.wrap-stickers-items .stickers-item-1 .sticker .sticker-img {

  background-image: url('./../imgs/st1.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-1 .sticker-bg {

  background-image: url('./../imgs/st1.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-2 {

  position: absolute;

  right: 23.2vw;

  top: 4.5vw;

  z-index: 2;

}

.wrap-stickers-items .stickers-item-2 .sticker .sticker-img {

  background-image: url('./../imgs/st2.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-2 .sticker-bg {

  background-image: url('./../imgs/st2.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-3 {

  position: absolute;

  right: 10.5vw;

  top: 1vw;

  z-index: 3;

}

.wrap-stickers-items .stickers-item-3 .sticker .sticker-img {

  background-image: url('./../imgs/st3.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-3 .sticker-bg {

  background-image: url('./../imgs/st3.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-4 {

  position: absolute;

  right: -1vw;

  top: 4.35vw;

  z-index: 4;

}

.wrap-stickers-items .stickers-item-4 .sticker .sticker-img {

  background-image: url('./../imgs/st4.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-stickers-items .stickers-item-4 .sticker-bg {

  background-image: url('./../imgs/st4.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.tarifs {

  margin-top: 289px;

}

.wrap-tarif-items {

  margin-top: 80px;

}

.marq {

  margin: 300px 0;

}

.marq h2 {

  margin-bottom: 80px;

}

.marquee {

  position: relative; 

  overflow: hidden;

  background: transparent!important;

}

.marquee-line:not(.str_wrap),

.marquee .str_move {

  display: flex; 

  padding: 10px 0; 

  align-items: flex-start; 

  position: absolute;



}

.marquee-line.str_wrap {

  background: transparent !important;  

}

.marq-item {

  width: 554px;

  height: auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  cursor: pointer;

}

.wrap-marq-img {

  position: relative;

}

.wrap-marq-img img {

  width: 554px;

  height: 230px;

}

.grey-img {

  position: relative;

  z-index: 1;

  opacity: 1;

  transition: all 0.3s;

}

.color-img {

  position: absolute;

  width: 100%;

  height: auto;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 2;

  transition: all 0.3s;

}

.marq-item:hover img.color-img {

  opacity: 1;

  transition: all 0.3s;

}

.marq-item:hover img.grey-img {

  opacity: 0;

  transition: all 0.3s;

}

.marq-item p {

  color: #A2A2A2;

  text-align: center;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px; 

}

.partners {

  margin-top: 386px;

}

.wrap-partners-items {

  display: flex;

  gap:30px;

  flex-wrap: wrap;

  margin-top: 88px;

}

.partners-item:nth-child(1) {

  width: 100%;

  padding: 0;

}

.partners-long-item {

  position: relative;

  width: 100%;

  display: flex;

  gap: 30px;

  height: 722px;

  justify-content: space-between;

}

.wrap-partners-item-img {

  width: calc(58% - 15px);

  overflow: hidden;

  z-index: 5;

  transition: all 0.3s;

}



.wrap-partners-item-img.expanded {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.wrap-video-content {

  position: relative;

  width: 100%;



  transition: all 0.3s;

}

.wrap-video-content img,

.wrap-video-content video {

    border-radius: 40px;

}

.partners-long-item {

  gap: 0;

  transition: all 0.3s;

}

.wrap-partners-item-img:hover .steps1 {

  display: none;

}

.partners-long-item .wrap-partners-item-img:hover {

  width: 1720px;

  transition: all 0.3s;

}

.partners-long-item .wrap-partners-item-img:hover + .wrap-partner-pseudo-item {

  width: 0;

  padding: 0;

  transition: all 0.3s;

}

.steps1 {

  position: relative;

  z-index: 1;

  opacity: 1;

  height: 722px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  top: 0;

  left: 0;

}



.steps2 {

  position: absolute;

  opacity: 0;

  height: 722px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 40px;

  z-index: 1;

}

.partners-long-item .wrap-partners-item-img:hover .steps2 {

  opacity: 1;

}

.steps3 {

  position: absolute;

  opacity: 0;

  height: 722px;

  width: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 40px;

  z-index: 1;

}

.steps3.see {

  opacity: 1;

  z-index: 5;

}

.partners-item:nth-child(1) .wrap-partners-item-img img {

  width: auto;

  max-width: 100%;

  height: 722px;

  object-fit: cover;

  object-position: left;

  object-fit: scale-down;

}

.wrap-partner-pseudo-item {

  width: calc(41% - 15px);

  padding: 56px 44px;

  border-radius: 40px;

  background: #F6F6F6;

  display: flex;

  overflow: hidden;

  flex-direction: column;

  position: relative;

  z-index: 1;

}

.wrap-partner-pseudo-item h4 {

  color: #0A0A0A;

  font-size: 64px;

  font-style: normal;

  font-weight: 500;

  line-height: 64px;

}

.wrap-acr {

    margin-top: auto;

}

.wrap-partner-pseudo-item img {



  width: fit-content;

}

.wrap-partner-pseudo-item p {

  display: flex;

  flex-direction: column;

  color: rgba(10, 10, 10, 0.60);

  font-family: "Open Sans", sans-serif;

  font-size:  24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 0;

}

.wrap-partner-pseudo-item p span {

  margin-top: 17px;

  font-family: "Open Sans", sans-serif;

}

.wrap-partner-pseudo-item p a {

  color: rgba(10, 10, 10, 0.60);

  font-size: 24px;

  font-style: normal;

  font-family: "Open Sans", sans-serif;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 10px;

  text-decoration: underline;

  text-decoration-color:  rgba(10, 10, 10, 0.60);

  text-decoration-thickness: 1px;

  text-underline-offset: 4px;

  margin-bottom: 17px;

  margin-top: 51px;

}

.partners-item {

  width: calc(33.333% - 20px);

  border-radius: 40px;

  background: #F6F6F6;

  padding: 31px 44px 49px;

  display: flex;

  min-height: 560px;

  flex-direction: column;

}

.partners-item h4 {

  color: #0A0A0A;

  font-size: 64px;

  font-style: normal;

  font-weight: 500;

  line-height: 64px;

}

.partners-item:nth-child(2) img {

  margin-top: auto;

  margin-bottom: 49px;

  width: fit-content;

}

.partners-item h3 {

  color: #0A0A0A;

  font-size: 120px;

  font-style: normal;

  font-weight: 400;

  line-height: 120px;

  letter-spacing: -3.6px;

}

.partners-item p {

  margin: 0;

  color: #0A0A0A;

  font-size: 44px;

  font-style: normal;

  font-weight: 400;

  line-height: 56px;

  margin-top: auto;

}

.partners-item img + p {

  margin-top: 0;

}

.partners-item:nth-child(7),

.partners-item:nth-child(5),

.partners-item:nth-child(6) {

  padding-bottom: 50px;

  padding-top: 47px;

}

.partners-item:nth-child(7) p,

.partners-item:nth-child(5) p,

.partners-item:nth-child(6) p {

  margin-top: auto;

  color: rgba(10, 10, 10, 0.64);

  font-family: "Open Sans", sans-serif;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 56px;

}

.partners-item strong {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

}

.partners-item:nth-child(7) img,

.partners-item:nth-child(6) img {

  width: fit-content;

}

.partners .wrap-case-bottom {

  margin-top: 117px;

}

.managers {

  margin: 300px 0;

}

.managers h2 {

  margin-bottom: 80px;

}

.wrap-managers-items {

  display: flex;

  flex-wrap: wrap;

  gap: 58px 262px;

  justify-content: center;

}

.managers-item {

  width: 584px;

}

.managers-item img {

  width: 100%;

  border-radius: 40px;

  height: auto;

  margin-bottom: 41px;

  transition: all 0.3s;

}

.managers-item:hover img {

  transform: scale(1.08);

  transition: all 0.3s;

}

.managers-item p {

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 500;

  line-height: 44px;

  margin: 0;

}

.managers-item:nth-child(even) {

  padding-top: 100px;

}

.managers-item p span {

  display: block;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  opacity: 0.6;

  margin-top: 24px;

}

.wrap-cert-items {

  display: flex;

  margin-top: 80px;

  gap: 28px;

  margin-bottom: 53px;

}

.cert-item {

  width: calc(25% - 21px);

  box-shadow: 0 0 23.664px 0 rgba(0, 0, 0, 0.08);

}

.cert-hidden {

  display: none;

}

.cert-item img {

  width: 100%;

  height: auto;

}

.cert-btn {

  width: 236px;

  height: 76px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 32px;

  border: 1px solid #23BD87;

  color: #23BD87;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 18px;

  transition: all 0.3s;

  margin: auto;

}

.cert-btn:hover {

  background: #23BD87;

  color: #fff;

 transition: all 0.3s; 

}

.instruments {

  margin: 300px 0;

}

.wrap-instruments-items {

  display: flex;

  gap: 30px;

  flex-wrap: wrap;

  margin-top: 81px;

}

.instruments-item {

  width: calc(25% - 23px);

  display: flex;

  cursor: pointer;

  align-items: center;

  justify-content: center;

  border-radius: 40px;

  background: #F8F9FA;

  height: 248px;

}

.instruments-item img {

  max-width: 95%;

  height: auto;

  width: auto;

  opacity: 0.5;

  max-height: 95%;

 transition: all 0.3s;  

}

.instruments-item:hover img {

  opacity: 1;

 transition: all 0.3s;

}

.insane {

  margin: 200px 0 300px;

}

.wrap-insane-items {

  display: flex;

  gap: 30px;

  flex-wrap: wrap;

  margin-top: 80px;

}

.insane-item {

  display: block;

  position: relative;

  border-radius: 40px;

  height: 450px;

  width: calc(25% - 23px);

  overflow: hidden;

}

.wrap-insane-data {

  position: absolute;

  left: 32px;

  z-index: 3;

  border-radius: 12px;

  bottom: 32px;

  overflow: hidden;

}

.insane-data {

  position: relative;

  z-index: 10;

  display: flex;

  padding: 0px 10px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  color: #FFF;

  overflow: hidden;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  height: 32px;

  border-radius: 12px;

  background: rgba(255, 255, 255, 0.24);

}

.insane-item img {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

  transition: all 0.3s;

}

.insane-item:hover img {

  transform: scale(1.25);

  transition: all 0.3s;

}

.insane-item p {

  position: absolute;

  left: 32px;

  top: 32px;

  z-index: 3;

  color: #FFF;

  font-size: 24px;

  font-style: normal;

  font-weight: 500;

  line-height: 26px;

}

.insane-item.long {

  width: calc(50% - 20px);

}

.insane-item.long p {

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;

}

.insane-item.txt {

  background: #F6F6F6;  

  display: flex;

  justify-content: flex-end;

  flex-direction: column;

  padding: 32px;

}

.insane-item.txt span {

  position: relative;

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 32px;

}

.insane-item.txt span img {

  width: fit-content;

  position: absolute;

  right: -10px;

  width: 72px;

  height: 72px;

  top: -72px;

}

.wrap-steps-items {

  display: flex;

  flex-direction: column;

  margin-top: 80px;

}

.steps-item {

  width: 100%;

  border-radius: 40px 40px 0 0;

  margin-top: -36px;

  padding: 34px 42px 34px 64px;

}

.steps-item:nth-child(1) {

  margin-top: 0;

}

.steps-item:nth-child(odd) {

  background: #F6F6F6;

}

.steps-item:nth-child(even) {

  background: #fff;

}

.steps-item-top {

  display: flex;

  align-items: flex-start;

  position: relative;

}

.steps-item-number {

  color: #23BD87;

  font-size: 64px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin: 0 40px 0 0;

}

.steps-item-title {

  cursor: pointer;

  position: relative;

  color: #2D2D2D;

  font-size: 56px;

  font-style: normal;

  font-weight: 400;

  line-height: 56px;

  border-bottom: 1px solid transparent;

  margin: 0;

  flex: 1;

  margin-right: 8%;

  padding-bottom: 44px;

  padding-top: 16px;

  margin-bottom: 0;

  transition: all 0.3s;

}

.steps-item-title:hover {

  border-bottom: 1px solid #A2A2A2;

  margin-bottom: 45px;

  transition: all 0.3s;

}

.steps-item.active .steps-item-title:hover {

  margin-bottom: 0px;

  transition: all 0.3s;

}

.steps-item-arr {

  position: absolute;

  top: 8px;

  right: -2px;

  width: 50px;

  height: 50px;

  background-image: url('./../imgs/arr.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  transform: rotate(180deg);

  opacity: 0.16;

  transition: all 0.3s;

}

.steps-item-content {

  display: none;

  padding-left: 120px;

}

.steps-item.active .steps-item-arr {

  opacity: 1;

  transform: rotate(0deg);

  transition: all 0.3s;

}

.steps-item.active .steps-item-title {

  border-color: #A2A2A2;

}

.steps-item.active .steps-item-content {

  display: block;

  padding-top: 44px;

  padding-bottom: 44px;

}

.steps-item-content h6 {

  color: #2D2D2D;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  margin-bottom: 15px;

}

.steps-item-content p {

  margin: 15px 0;

  color: #2D2D2D;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.steps-item-content ul {

  padding-left: 32px;

}

.steps-item-content ul li {

  position: relative;

  color: #2D2D2D;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.steps-item-content ul li:after {

  position: absolute;

  content: "";

  left: -32px;

  top: 7px;

  width: 14px;

  height: 11px;

  background-image: url('./../imgs/i-check.svg');

  background-repeat: no-repeat;

  background-position: center;

}

.steps-item-content a {

  color: #2D2D2D;

  position: relative;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 18px;

  transition: all 0.3s;

}

.steps-item-content a:after {

    position: absolute;

    content: "";

    width: 100%;

    bottom: 0;

    left: 0;

    border-bottom: 0.5px solid #0A0A0A;

    opacity: 0.4;

    transition: all 0.3s;

}

.steps-item-content a:hover:after {

    border-bottom: 0.5px solid #23BD87;

    transition: all 0.3s;

}

footer {

  position: relative;

  background: #fff;

  z-index: 20;

  padding-top: 200px;

}

.footer-top {

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  margin-bottom: 100px;

}

.footer-link {

  width: 80px;

  height: 80px;

  display: none;

  margin-left: auto;

  margin-bottom: 24px;

}

.wrap-footer-block-items {

  display: flex;

  gap: 30px;

  flex-wrap: wrap;

}

.footer-block-item {

  display: flex;

  border-radius: 40px;

  background: #F6F6F6;

  min-height: 410px;

  width: calc(25% - 24px);

  overflow: hidden;

  flex-direction: column;

  padding: 32px;

}

.footer-block-item.fbi-4,

.footer-block-item.fbi-3 {

  min-height: 575px;

}

.footer-block-item.long {

  width: calc(75% - 15px);

}

.footer-block-item.after-fif {

  width: calc(33.33% - 15px);

}

.footer-block-item.before-fif {

  width: calc(66.6666% - 15px);

  padding: 35px 26px;

}

.footer-block-item.medium {

  width: calc(50% - 15px);

  min-height: 435px;

}

.footer-block-item iframe {

  width: 100%;

  height: 100%;

  border-radius: 16px;

  overflow: hidden;

}

.np {

  padding: 0;

}

.footer-social {

  margin-top: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.footer-social a {

  position: relative;

  display: flex;

  width: 56px;

  height: 56px;

  padding: 0px;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  border: 0.5px solid #A2A2A2;

}

.footer-block-item ul.tab_li {

  display: flex;

  gap: 44px;

  margin-bottom: 30px;

}

.footer-block-item ul.tab_li li {

  margin: 0;

}

.footer-block-item ul.tab_li li a {

  display: block;

  padding-bottom: 19px;

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

  position: relative;

  transition: all 0.3s;

}

.footer-block-item ul.tab_li li a.curent,

.footer-block-item ul.tab_li li a:hover {

  color: #23BD87;

  transition: all 0.3s;

}

.footer-block-item ul.tab_li li a.curent:after {

  position: absolute;

  content: "";

  bottom: 0;

  width: 100%;

  left: 0;

  height: 4px;

  background: #23BD87;

}

.tabs-content,

.tab_box {

  height: 100%;

}

.wrap-burger-social a img,

.footer-social a img {

  position: relative;

  z-index: 2;

}

.wrap-burger-social a {

  position: relative;

}

.wrap-burger-social a:after,

.footer-social a:after {

  position: absolute;

  left: 50%;

  top: 50%;

  content: "";

  width: 0;

  height: 0;

  border-radius: 50%;

  z-index: 1;

  transform: translate(-50%, -50%);

  transition: all 0.3s;

}

.wrap-burger-social a:nth-child(1):after,

.footer-social a:nth-child(1):after {

  background: #011F31;

}

.wrap-burger-social a:nth-child(2):after,

.footer-social a:nth-child(2):after {

  background: #32AADE;

}

.wrap-burger-social a:nth-child(3):after,

.footer-social a:nth-child(3):after {

  background: #0078FF;

}

.wrap-burger-social a:nth-child(4):after,

.footer-social a:nth-child(4):after {

  background: #F00;

}

.wrap-burger-social a:hover,

.footer-social a:hover {

  border-color: transparent;

}

.wrap-burger-social a:hover:after,

.footer-social a:hover:after {

  width: 100%;

  height: 100%;

  transition: all 0.3s;

}

.wrap-burger-social a:nth-child(1):hover img,

.wrap-burger-social a:nth-child(2):hover img,

.wrap-burger-social a:nth-child(3):hover img,

.wrap-burger-social a:nth-child(4):hover img,

.footer-social a:nth-child(1):hover img,

.footer-social a:nth-child(2):hover img,

.footer-social a:nth-child(3):hover img,

.footer-social a:nth-child(4):hover img {

  filter: invert(1);

}

.footer-block-item h5 {

  color: rgba(10, 10, 10, 0.50);

  font-size: 56px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

}

.footer-block-item h5 span {

  color: #23BD87;

}

.footer-block-item-botton {

  width: 100%;

  margin-top: auto;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}

.footer-block-item-botton p {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

  opacity: 0.6;

  margin: 0;

}

.footer-contacts p {

  color: #686868;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 0;

  margin-top: 45px;

  display: flex;

  flex-direction: column;

}

.footer-contacts p a {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 32px;

  margin-bottom: 10px;

  transition: all 0.3s;

}

.footer-contacts p a:hover {

  color: #23BD87;

  transition: all 0.3s;

}

.footer-contacts p span {

  text-decoration: underline;

}

.footer-contacts-title {

  color: rgba(10, 10, 10, 0.50);

  font-size: 56px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

}

.footer-title-link {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  text-transform: uppercase;

  width: fit-content;

  position: relative;

}

.footer-title-link + .footer-title-link {

  margin-top: 64px;

}

.footer-title-link:after {

  position: absolute;

  content: "";

  bottom: -2px;

  left: 0;

  width: 100%;

  height: 1px;

  background: #999999;

}

.footer-block-item ul {



}

.footer-block-item ul li {

  margin-top: 16px;

}

.footer-block-item ul li a {

  color: #797979;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

}

.footer-title-link-bg {

  display: flex;

  align-items: center;

  gap: 8px;

}

.footer-title-link-bg + .footer-title-link-bg {

  margin-top: 64px;

}

.footer-title-link-bg span {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  text-transform: uppercase;

  width: fit-content;

  position: relative;

}

.footer-title-link-bg span:after {

  position: absolute;

  content: "";

  bottom: -2px;

  left: 0;

  width: 100%;

  height: 1px;

  background: #999999;

}

.wrap-footer-img-link {

  margin-top: auto;

  display: flex;

  flex-wrap: wrap;

  gap: 24px;

}

.footer-bottom {

  margin-top: 56px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.footer-bottom p {

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  opacity: 0.6;

}

.footer-bottom a {

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  opacity: 0.6;

}

.wrap-burger-menu {

  position: fixed;

  left: 0;

  width: 100%;

  top: 127px;

  display: none;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  height: calc(100vh - 127px);

  z-index: 99;

  padding-top: 73px;

  overflow: auto;

}

.wrap-burger-menu-col {

  width: 100%;

  display: flex;

  gap: 30px;

  justify-content: space-between;

}

.wrap-burger-column {

  gap: 50px;

  width: 1094px;

  display: flex;

  justify-content: space-between;

}

.wrap-burger-info {

  width: 550px;

  padding-top: 6px;

}

.wrap-burger-column {

  display: flex;

  flex-wrap: wrap;

  gap:92px 70px;

}

.burger-column {

  display: flex;

  flex-direction: column;

  width: calc(50% - 35px);

}

.col-title {

  color: #0A0A0A;

  font-size: 48px;

  font-style: normal;

  font-weight: 500;

  line-height: 48px;

/*  text-decoration: underline;

  text-decoration-color: #23BD87;

  text-decoration-thickness: 4px;

  text-underline-offset: 8px;*/

}

.col-title + .col-title {

  margin-top: 60px;

}

.burger-column ul {

  margin-top: 10px;

  padding-left: 0px;

}

.burger-column ul li {

  margin-top: 10px;

}

.burger-column ul li a {

  color: #0A0A0A;

  opacity: 0.6;

  font-size: 20px;

  font-family: "Open Sans", sans-serif;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  transition: all 0.3s;

}

.burger-column ul li a:hover {

  opacity: 1;

  transition: all 0.3s;

}

.col-pretitle {

  color: #0A0A0A;

  font-size: 48px;

  font-style: normal;

  font-weight: 400;

  line-height: 48px;

}

.col-pretitle:hover {

  color: #23BD87;

  transition: all 0.3s;

}

.col-pretitle + .col-pretitle {

  margin-top: 15px;

}

.burger-info-btn {

  display: flex;

  height: 84px;

  width: 100%;

  padding: 0px 24px;

  justify-content: center;

  align-items: center;

  border-radius: 32px;

  border: 1px solid #23BD87;

  color: #23BD87;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  transition: all 0.3s;

}

.burger-info-btn:hover {

  color: #fff;

  background: #23BD87;

  transition: all 0.3s; 

}

.wrap-burger-contacts {

  border-radius: 40px;

  background: #F6F6F6;

  display: flex;

  padding:4px 44px 44px;

  flex-direction: column;

  align-items: center;

  margin: 30px 0;

}

.wrap-burger-contacts p {

  color: #686868;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 0;

  text-align: center;

  margin-top: 40px;

  display: flex;

  flex-direction: column;

}

.wrap-burger-contacts p span {

  text-decoration: underline;

}

.wrap-burger-contacts p a {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 32px;

  margin-bottom: 10px;

  transition: all 0.3s;

}

.wrap-burger-contacts p a:hover {

    color: #23BD87;

  transition: all 0.3s;

}

.wrap-burger-social {

  border-radius: 40px;

  background: #F6F6F6;

  display: flex;

  padding: 44px;

  gap: 30px;

  justify-content: center;

  align-items: center;

  align-self: stretch;

}

.wrap-burger-social a {

  display: flex;

  width: 56px;

  height: 56px;

  padding: 24px;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  border: 0.5px solid #A2A2A2;

}

.wrap-manager-slider {

  display: none;

}

@media(min-width: 1921px) {

.wrap-all-stickers-items {

  width: 1000px;

}

.wrap-stickers-items .wrap-stickers-item .sticker, 

.wrap-stickers-items .wrap-stickers-item {

    position: relative;

    width: 280px;

    height: 280px;

    border-radius: 50%;

}

.wrap-stickers-items .stickers-item-4 {

    position: absolute;

    right: -17px;

    top: 83px;

    z-index: 4;

}

.wrap-stickers-items .stickers-item-3 {

    position: absolute;

    right: 203px;

    top: 18px;

    z-index: 3;

}

.wrap-stickers-items .stickers-item-2 {

    position: absolute;

    right: 445px;

    top: 81px;

    z-index: 2;

}

.wrap-stickers-items .stickers-item-1 {

    position: absolute;

    right: 671px;

    top: 44px;

    z-index: 1;

}

}

@media(max-width: 1740px) {



 .container {

  padding: 0 36px;

}

.partners-long-item .wrap-partners-item-img:hover {

    width: calc(100vw - 72px);

    transition: all 0.3s;

}

.wrap-header-content {

  width: 100%;

  padding: 15px 0px 9px;

  display: flex;

  align-items: center;

  gap: 20px;

  min-height: 99px;

}

.gamb {

  margin-left: 7px;

}

.main-top {

  padding-top: 75px;

}

.main-top h1 {

  color: #0A0A0A;

  font-size: 100px;

  font-style: normal;

  font-weight: 450;

  line-height: 96px;

  padding-right: 92px;

}

.macos .main-top h1 {

  color: #0A0A0A;

  font-size: 8vw;

  font-style: normal;

  font-weight: 450;

  line-height: 0.9;

  padding-right: 92px;

}

/*.main-top h1 span {

  position: relative;

  text-decoration: underline;

  text-decoration-color: #23BD87;

  text-decoration-thickness: 2px;

  text-underline-offset: 16px;

}*/

.star-block {

  align-items: center;

  gap: 24px;

  width: 46%;

}

.star-block p {

  font-size: 20px;

  line-height: 22px;

  margin: 0;

}

.min-block {

  align-items: center;

  gap: 24px;

  width: 52%;

}

.wrap-nav-top-fix {

    margin: 49px auto 0;

}

.wrap-nav-top {

  width: fit-content;



}

.wrap-nav-top ul li a {

  position: relative;

  margin-left: 20px;

  color: #0A0A0A;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

}

.wrap-nav-top ul li {

  height: 50px;

  border-radius: 24px;

  background: #FFF;

  padding: 0 20px;

}

.wrap-nav-top ul {

  padding: 10px 12px;

}

.block-title {

  font-size: 60px;

  line-height: 60px;

}

.main-cases {

  margin-top: 30px;

}

.main-cases .block-title {

  margin-bottom: 61px;

}

.main-case-item-info h3 {

  font-size: 48px;

  margin-bottom: 25px;

}

.main-case-item-info h3 + p {

  font-size: 18px;

  margin-bottom: 25px;

}

.wrap-tag-case {

  gap: 6px;

}

.wrap-tag-case span {

  font-size: 18px;

}

.case-achievements-item {

  font-size: 60px;

  line-height: 60px;

  gap: 30px;

}

.case-achievements-item span {

  font-size: 18px;

}

.case-main-img {

  border-radius: 30px;

  width: calc(63% - 40px);

}

.main-case-item-info {

  width: calc(38% - 40px);

}

.main-case-item {

  gap: 80px;

  margin-bottom: 77px;

}

.wrap-case-bottom p {

  font-size: 48px;

}

.block-btn {

  font-size: 24px;

}

.wrap-case-bottom {

  margin-top: 105px;

}

.creation {

  margin: 250px 0 200px;

}

.creation-right p {

  font-size: 18px;

  line-height: 140%;

}

.wrap-creation-side {

  margin-top: 78px;

}

.creation-right {

  gap: 25px;

}

.creation-left p {

  color: #0A0A0A;

  font-size: 100px;

  font-style: normal;

  font-weight: 400;

  line-height: 100px;

  letter-spacing: -3px;

  margin-bottom: 25px;

}

.creation-left span {

  font-size: 26px;

  line-height: 26px;

  opacity: 0.6;

}

.wrap-top-places-left p {

  color: #0A0A0A;

  font-size: 100px;

  font-style: normal;

  font-weight: 400;

  line-height: 100px;

  letter-spacing: -3px;

  margin: 0;

}

.top-places {

  margin-top: 85px;

}

.wrap-top-places-left span {

  color: #0A0A0A;

  font-size: 26px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

  opacity: 0.6;

}

.wrap-top-places-left {

  gap: 28px;

}

.wrap-places-items {

  margin-top: 124px;

}

.places-item {

  min-height: 410px;

  padding: 39px 29px 56px;

}

.places-item h3 {

  color: #0A0A0A;

  font-size: 60px;

  font-style: normal;

  font-weight: 500;

  line-height: 60px;

  letter-spacing: -1.6px;

  text-transform: uppercase;

  margin-bottom: 20px;

}

.places-item h3 sup {

  position: relative;

  top: -21px;

  opacity: 0.32;

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 32px;

  letter-spacing: -1.32px;

  text-transform: uppercase;

}

.places-item p {

  color: rgba(10, 10, 10, 0.44);

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px;

  letter-spacing: 0.15px;

  margin: 0;

}

.places-item p a {

  font-size: 20px;

  line-height: 36px;

  letter-spacing: 0.15px;

}

.places-item img {

  

  display: block;

  margin-right: auto;

}

 .places-item:nth-child(1) img,

  .places-item:nth-child(2) img,

  .places-item:nth-child(3) img,

  .places-item:nth-child(4) img {

    max-width: 51px;

  }

  .places-item:nth-child(5) img {

    max-width: 122px;

  }

  .places-item:nth-child(6) img {

    max-width: 250px;

  }

.tarifs {

  margin-top: 198px;

}

.wrap-tarif-items {

  margin-top: 60px;

}

.tarif-item {

  padding: 44px 32px;

  border-radius: 24px;

  width: calc(50% - 15px);

  transition: all 0.3s;

}

.tarif-item h5 {

  font-size: 30px;

}

.tarif-item p {

  font-size: 16px;

  margin-bottom: 9px;

}

.wrap-tarif-price {

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 400;

  line-height: 56px;

  margin-bottom: 11px;

}

.tarif-item:nth-child(4) .wrap-tarif-price {

    margin-top: auto;

}

.wrap-all-stickers-items {

  position: absolute;

  right: 19px;

  top: 22px;

  width: 230px;

  height: 230px;

  padding-right: 0px;

}

.wrap-stickers-items .wrap-stickers-item .sticker,

.wrap-stickers-items .wrap-stickers-item {

  position: relative;

  width: 128px;

  height: 128px;

}

.wrap-stickers-items .stickers-item-1 {

 position: absolute;

  right: auto;

  left: 0;

  top: 102px;

  z-index: 1;

}

.wrap-stickers-items .stickers-item-2 {

  position: absolute;

  right: 0;

  top: 102px;

  z-index: 2;

}

.wrap-stickers-items .stickers-item-3 {

  position: absolute;

  right: auto;

  left: 0;

  top: 0;

  z-index: 3;

}

.wrap-stickers-items .stickers-item-4 {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 4;

}

.wrap-tarif-price span {

  font-size: 56px;

}

.tarif-btn {

  max-width: 100%;

}

.tarif-more-btn {

  margin-top: 22px;

}

.marq {

  margin: 191px 0 150px;

}

.marq h2 {

  margin-bottom: 45px;

}

.marq-item img {

  height: 175px;

}

.marq-item p {

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 30px;

}

.partners {

  margin-top: 172px;

}

.wrap-partners-items {

  margin-top: 59px;

}

/*.partners-long-item {

  height: 539px;

}*/

/*.steps1 {

  height: 539px;

}*/

.wrap-partner-pseudo-item h4 {

  color: #0A0A0A;

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  line-height: 48px;

}

.wrap-partner-pseudo-item {

  padding: 49px 24px;

}

.wrap-partner-pseudo-item img {

  margin-top: auto;

  width: fit-content;

  max-width: 64%;

}



.wrap-partner-pseudo-item p {

  font-size: 20px;

  line-height: 20px;

}

.wrap-partner-pseudo-item p a {

  margin-top: 29px;

  font-size: 20px;

  line-height: 20px;

}

.partners-item {

  padding: 25px 32px 40px;

  min-height: 414px;

}

.partners-item h3 {

  font-size: 80px;

  line-height: 80px;

}

.partners-item:nth-child(2) img {

  margin-top: auto;

  margin-bottom: 49px;

  width: fit-content;

  max-width: 76%;

}

.partners-item p {

  font-size: 32px;

  line-height: 129%;

}

.partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {

  margin-top: auto;

  color: rgba(10, 10, 10, 0.64);

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

}

.partners-item:nth-child(7) img {

  max-width: 50%;

} 

.partners-item:nth-child(6) img {

  max-width: 80%;

}

.partners .wrap-case-bottom {

  margin-top: 87px;

}

.managers {

  margin: 190px 0 212px;

}

.managers h2 {

  margin-bottom: 58px;

}

.managers-item {

  width: 438px;

}

.wrap-managers-items {

  gap: 77px 184px;

  justify-content: center;

}

.managers-item img {

  width: 100%;

  border-radius: 30px;

  height: auto;

  margin-bottom: 27px;

}

.managers-item p {

  font-size: 40px;

}

.managers-item p span {

  display: block;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 25px;

  opacity: 0.6;

  margin-top: 16px;

}

.managers-item:nth-child(even) {

  padding-top: 42px;

}

.wrap-cert-items {

  margin-top: 60px;

  gap: 28px;

  margin-bottom: 47px;

}

.cert-btn {

  width: 199px;

  height: 61px;

  align-items: center;

  justify-content: center;

  border-radius: 32px;

  border: 1px solid #23BD87;

  color: #23BD87;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 18px;

  transition: all 0.3s;

  margin: auto;

}

.instruments {

  margin: 202px 0;

}

.instruments-item {

  height: 182px;

}

.instruments-item img {

  max-width: 64%;

  height: auto;

  width: auto;

  max-height: 48%;

}

.wrap-insane-items {

  margin-top: 57px;

}

.insane-item {

  border-radius: 30px;

  height: 328px;

}

.insane-item.long p {

  font-size: 24px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px;

}

.insane-item p {

  top: 22px;

  left: 24px;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 19px;

}

.insane-item.txt {

  padding: 24px;

}

.insane-item.txt span {

  font-size: 24px;

  line-height: 24px;

}

.insane {

  margin: 200px 0 203px;

}

.steps-item {

  padding: 27px 42px 34px 57px;

}

.steps-item-number {

  margin-right: 45px;

}

.steps-item-title {

  font-size: 40px;

  line-height: 36px;

  padding-top: 25px;

  padding-bottom: 10px;

}

.footer-top {

  display: none;

}

.footer-block-item {

  min-height: 307px;

  padding: 20px;

}

.footer-logo {

  width: 100%;

}

.footer-logo img {

  width: 100%;

  max-width: 233px;

}

.footer-social a {

  width: 42px;

  height: 42px;

  padding: 0px;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  border: 1px solid #A2A2A2;

}

.footer-social a img {

  max-width: 70%;

  max-height: 70%;

}

.footer-block-item h5 {

  font-size: 40px;

}

.footer-block-item-botton p {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

  opacity: 0.6;

  margin: 0;

}

.np {

  padding: 0;

}

.footer-block-item.medium {

  min-height: 324px;

}

.footer-contacts-title {

  color: rgba(10, 10, 10, 0.50);

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px;

}

.footer-contacts p a {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 500;

  line-height: 24px;

  margin-bottom: 8px;

}

.footer-contacts p {

  color: #686868;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

  margin-bottom: 0;

  margin-top: 31px;

  flex-direction: column;

}

.footer-title-link {

  font-size: 18px;

  line-height: 18px;

}

.footer-block-item ul li a {

  color: #797979;

  font-size: 13.4px;

  font-style: normal;

  font-weight: 400;

  line-height: 14px;

}

.footer-block-item ul li {

  margin-top: 11px;

}

.footer-title-link-bg span {

  font-size: 18px;

  line-height: 18px; 

}

.footer-title-link + .footer-title-link {

  margin-top: 48px;

}

.footer-title-link-bg + .footer-title-link-bg {

  margin-top: 44px;

}

.wrap-footer-img-link {

  gap: 18px;

}

.wrap-footer-img-link img {

  max-height: 50px;

}

}

@media (max-width: 1480px) and (min-width: 1301px) {

.macos .tarif-item {

    width: calc(33.3333% - 20px);

    transition: all 0.3s;

}



.macos .tarif-item:nth-child(4),

.macos .tarif-item:last-child {

  width: 100%;

}

.macos .wrap-all-stickers-items {

  position: absolute;

  right: 0;

  top: 0;

  width: calc(100% - 470px);

  height: 380px;

  padding-right: 40px;

}

.macos .wrap-stickers-items {

  width: 100%;

  height: auto;

  position: relative;

}

.macos .wrap-stickers-items .wrap-stickers-item .sticker,

.macos .wrap-stickers-items .wrap-stickers-item {

  position: relative;

  width: 14.6vw;

  height: 14.6vw;

  border-radius: 50%;

}



.macos .wrap-stickers-items .stickers-item-1 {

 position: absolute;

  right: 35vw;

  left: auto;

  top: 2.5vw;

  z-index: 1;

}

.macos .wrap-stickers-items .stickers-item-1 .sticker .sticker-img {

  background-image: url('./../imgs/st1.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.macos .wrap-stickers-items .stickers-item-2 {

  position: absolute;

  right: 23.2vw;

  left: auto;

  top: 4.5vw;

  z-index: 2;

}

.macos .wrap-stickers-items .stickers-item-2 .sticker .sticker-img {

  background-image: url('./../imgs/st2.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.macos .wrap-stickers-items .stickers-item-3 {

  position: absolute;

  right: 10.5vw;

  top: 1vw;

  left: auto;

  z-index: 3;

}

.macos .wrap-stickers-items .stickers-item-3 .sticker .sticker-img {

  background-image: url('./../imgs/st3.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.macos .wrap-stickers-items .stickers-item-4 {

  position: absolute;

  right: -1vw;

  top: 4.35vw;

  z-index: 4;

}

.macos .wrap-stickers-items .stickers-item-4 .sticker .sticker-img {

  background-image: url('./../imgs/st4.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.macos  .tag span {

  font-size: 11px;

}

    .macos .tarif-btn {

        max-width: 468px;

    }

}

@media(max-width: 1300px) {

  .main-case-item {

    display: none;

  }

  .footer {

    padding-top: 138px;

  }

  .partners-long-item .wrap-partners-item-img:hover {

  width: 100%;

  transition: all 0.3s;

}

.partners-long-item .wrap-partners-item-img:hover + .wrap-partner-pseudo-item {

  width: 100%;

  padding: 20px;

  transition: all 0.3s;

}

  .wrap-case-slider {

    display: block;

    position: relative;

    padding-bottom: 80px;

  }

  .wrap-header-content nav {

    display: none;

  }

  .header-btn {

    margin-left: auto;

    margin-right: 55px;

  }

  .container {

    padding: 0 31px;

  }

  header {

    position: relative;

    min-height: 80px;

  }

  .wrap-header-content {

    width: 100%;

    padding: 2px 0px 2px;

    gap: 20px;

    min-height: 80px;

  }

  .gamb {

    width: 60px;

    height: 60px;

  }

  .main-top h1 {

    color: #0A0A0A;

    font-size: 60px;

    font-style: normal;

    font-weight: 500;

    line-height: 60px;

    padding-right: 0;

  }

  .main-top {

    padding-top: 63px;

  }

/*  .main-top h1 span {

    position: relative;

    text-decoration: underline;

    text-decoration-color: #23BD87;

    text-decoration-thickness: 2px;

    text-underline-offset: 11px;

  }*/

  .wrap-bottom-top {

    margin-top: 64px;

    align-items: flex-start;

    gap: 30px;

    flex-direction: column;

  }

  .star-block {

    align-items: center;

    gap: 22px;

    width: 100%;

  }

  .star-block p {

    font-size: 18px;

  }

  .min-block {

    align-items: center;

    gap: 18px;

    width: 100%;

  }

  .min-block p a {

    font-size: 16px;

  }

  .min-block p {

    font-size: 12px;

  }

  .wrap-nav-top-fix {

        margin: 48px auto 0;

  }

  .wrap-nav-top {

    width: fit-content;



  }

  .wrap-nav-top ul li {

    height: 46px;

  }

  .wrap-nav-top ul li a:after {

    top: 5px;

  }

  .wrap-nav-top ul li a {

    font-size: 14px;

  }

  .nav-top-btn {

    font-size: 16px;

    margin: 0px;

    white-space: nowrap;

  }

  .main-cases {

    margin-top: 20px;

  }

  .main-case-item-info {

    width: 100%;

  }

  .case-main-img {

    border-radius: 30px;

    width: 100%;

    margin-top: 60px;

  }

  .main-cases .block-title {

    margin-bottom: 41px;

    font-size: 60px;

    line-height: 60px;

  }

  .main-case-item-info h3 {

    font-size: 40px;

    margin-bottom: 13px;

  }

  .main-case-item-info h3 + p {

    font-size: 18px;

    margin-bottom: 19px;

  }

  .wrap-case-achievements {

    gap: 64px;

    margin-top: 33px;

  }

  .case-achievements-item {

    font-size: 50px;

    line-height: 50px;

    gap: 11px;

  }

  .case-achievements-item span {

    font-size: 16px;

  }

  .swiper-pagination-fraction {

    color: #2D2D2D;

    font-size: 40px;

    font-family: "Open Sans", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 27px;

  }

  .swiper-pagination-current {

    color: #2D2D2D;

    font-size: 30px;

    font-family: "Open Sans", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 120%;

  }

  .swiper-pagination-total {

    color: #2D2D2D;

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

  }

  .swiper-button-prev.arrow {

    top: auto;

    bottom: 15px;

    left: 0;

    width: 73px;

    height: 16px;

  }

  .swiper-button-next.arrow {

    top: auto;

    bottom: 15px;

    right: 0;

    width: 73px;

    height: 16px;

  }

  .arrow:after {

    display: none;

  }

  .wrap-case-bottom {

    margin-top: 60px;

    padding: 0 29px;

  }

  .wrap-case-bottom p {

    font-size: 20px;

  }

  .block-btn img {

    position: absolute;

    right: -9px;

    top: -20px;

    width: 42px;

    height: 42px;

  }

  .block-btn {

    font-size: 20px;

    padding-right: 35px;

  }

  .creation {

    margin: 119px 0 137px;

  }

  .block-title {

    font-size: 48px;

    line-height: 48px;

  }

  .wrap-creation-side {

    margin-top: 57px;

    gap: 39px;

  }

  .creation-right {

    gap: 21px;

  }

  .creation-right p {

    font-size: 16px;

    line-height: 140%;

  }

  .creation-left p {

    font-size: 81px;

    margin-bottom: 14px;

  }

  .creation-left span {

    font-size: 22px;

    line-height: 22px;

    opacity: 0.6;

  }

  .wrap-top-places-left p {

    font-size: 81px;

  }

  .top-places {

    margin-top: 36px;

  }

  .wrap-top-places-left span {

    font-size: 22px;

  }

  .wrap-top-places-left {

    gap: 13px;

  }

  .places-item {

    width: calc(50% - 15px);

    min-height: 339px;

    padding: 30px;

    border-radius: 35px;

  }

  .wrap-places-items {

    margin-top: 55px;

  }

  .places-item {

    width: calc(50% - 15px);

    min-height: 339px;

    padding: 38px 30px;

    border-radius: 35px;

  }

  .places-item h3 {

    color: #0A0A0A;

    font-size: 50px;

    font-style: normal;

    font-weight: 500;

    line-height: 52px;

    letter-spacing: -1.5px;

    text-transform: uppercase;

    margin-bottom: 15px;

  }

  .places-item h3 sup {

    top: -17px;

  }

  .places-item p {

    font-size: 18px;

    line-height: 32px;

    letter-spacing: 0.135px;

    margin: 0;

  }

  .places-item p br {

    display: none;

  }

  .places-item p a {

    font-size: 18px;

    line-height: 31px;

    letter-spacing: 0.135px;

    text-underline-offset: 4px;

  }

  .places-item img {

    display: block;

    margin-right: auto;

  }

  .places-item:nth-child(1) img,

  .places-item:nth-child(2) img,

  .places-item:nth-child(3) img,

  .places-item:nth-child(4) img {

    max-width: 42px;

  }

  .places-item:nth-child(5) img {

    max-width: 106px;

  }

  .places-item:nth-child(6) img {

    max-width: 216px;

  }

  .tarifs {

    margin-top: 143px;

  }

  .wrap-tarif-items {

    margin-top: 48px;

  }

  .tarif-item {

    width: 100%;

  }

  .tarif-item h5 {

    font-size: 26px;

  }

  .tarif-item p {

    font-size: 15px;

    margin-bottom: 9px;

  }

  .wrap-tarif-price {

    color: #0A0A0A;

    font-size: 40px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

    margin-bottom: 14px;

  }

  .wrap-tarif-price span {

    font-size: 40px;

  }

  .tarif-btn {

    height: 81px;

    font-size: 16px;

  }

  .marq {

    display: none;

  }

  .partners {

    margin-top: 144px;

  }

  .wrap-partners-items {

    margin-top: 47px;

    gap: 20px;

  }

  .partners-long-item {

    height: auto;

    flex-direction: column;

    gap: 20px;

  }

  .steps1 {

    height: auto;

    border-radius: 20px;

  }

  .steps2 {

    display: none;

  }

  .steps3 {

    display: none;

  }

  .wrap-partner-pseudo-item {

    width: 100%;

    border-radius: 20px;

    padding: 21px 18px;

    min-height: 263px;

  }

  .wrap-partner-pseudo-item h4 {

    color: #0A0A0A;

    font-size: 30px;

    font-style: normal;

    font-weight: 500;

    line-height: 120%;

  }

  .wrap-acr {

    display: flex;

    gap: 28px;

    align-items: center;

    margin-top: auto;

  }

  .wrap-partner-pseudo-item p {

    font-size: 12px;

    line-height: 12px;

  }

  .wrap-partner-pseudo-item p span {

    margin-top: 5px;

  }

  .wrap-acr img {

    width: 207px;

    height: auto;

  }

  .wrap-partner-pseudo-item p a {

    margin-top: 0;

    font-size: 12px;

    line-height: 12px;

    margin-bottom: 10px;

  }

  .partners-item {

    border-radius: 20px;

    padding: 20px 19px 20px;

    min-height: 330px;

    width: calc(50% - 10px);

  }

  .partners-item h3 {

    font-size: 70px;

    line-height: normal;

    letter-spacing: -2.1px;

  }

  .partners-item:nth-child(2) img {

    margin-top: auto;

    margin-bottom: 30px;

    width: fit-content;

    max-width: 95%;

  }

  .partners-item p {

    font-size: 24px;

    line-height: 140%;

  }

  .partners-item:nth-child(7), .partners-item:nth-child(5), .partners-item:nth-child(6) {

    padding-bottom: 17px;

    padding-top: 20px;

  }

  .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {

    margin-top: auto;

    color: rgba(10, 10, 10, 0.64);

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 35px;

  }

  .partners-item:nth-child(6) img {

    max-width: 81%;

  }

  .partners-item:nth-child(7) img {

    max-width: 51%;

  }

  .partners .wrap-case-bottom {

    margin-top: 58px;

    padding: 0;

  }

  .managers {

    margin: 117px 0 133px;

  }

  .wrap-managers-items {

    display: none;

  }

  .wrap-manager-slider {

    display: block;

    position: relative;

    padding-bottom: 80px;

  }

  .managers h2 {

    margin-bottom: 50px;

  }

  .wrap-manager-slider .swiper-slide img {

    width: 100%;

    border-radius: 23.475px;

    margin-bottom: 44px;

  }

  .wrap-manager-slider .swiper-slide p {

    color: #0A0A0A;

    text-align: left;

    font-size: 30px;

    font-style: normal;

    font-weight: 500;

    line-height: 25.823px;

  }

  .wrap-manager-slider .swiper-slide p span {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18.78px;

    opacity: 0.6;

    display: block;

    margin-top: 14px;

  }

  .wrap-cert-items {

    margin-top: 49px;

    gap: 20px;

    margin-bottom: 47px;

    flex-wrap: wrap;

  }

  .cert-item {

    width: calc(50% - 10px);

  }

  .cert-btn {

    width: 168px;

    height: 58px;

    font-size: 14px;

    line-height: 14px;

  }

  .instruments {

    display: none;

  }

  .insane {

    margin: 141px 0 100px;

  }

  .wrap-insane-items {

    margin-top: 51px;

    gap: 28px;

  }

  .insane-item,

  .insane-item.long {

    width: calc(50% - 14px);

    height: 383px;

  }

  .insane-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    position: relative;

    z-index: 1;

  }

  .insane-item.long p {

    font-size: 30px;

    line-height: 36px;

  }

  .insane-item p {

    top: 25px;

    left: 23px;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    max-width: 87%;

  }

  .insane-item.txt {

    padding: 24px;

    width: 100%;

    height: 118px;

  }

  .insane-item.txt span {

    font-size: 20px;

    line-height: 20px;

    width: fit-content;

    margin-left: auto;

    padding-right: 42px;

  }

  .insane-item.txt span img {

    width: fit-content;

    position: absolute;

    right: -10px;

    width: 42px;

    height: 42px;

    top: -20px;

  }

/*  .steps {

    display: none;

  }*/
  .steps.geo-steps {

    display: block;

  }

  

  .fbi-5,

  .fbi-6,

  .fbi-7 {

    display: none;

  }

  .footer-logo {

    width: fit-content;

    margin: 0 auto;

  }

  .footer-logo img {

    width: 156px;

    height: auto;

  }

  .footer-block-item {

    border-radius: 20px;

    padding: 30px;

    width: calc(50% - 15px);

  }

  .fbi-1 {

    order: 1;

    width: 100%;

    height: 200px;

    min-height: 200px;

  }

  .fbi-2 {

    order: 2;

  }

  .fbi-4 {

    order: 3;

  }

  .fbi-3 {

    order: 4;

    width: 100%;

  }

  .fbi-8 {

    order: 5;

    width: 100%;

  }

  .wrap-footer-block-items {

  border-top: 1px solid rgba(0, 0, 0, 0.08);

  padding-top: 15px;

      gap:30px;

}

.footer-block-item.before-fif {

    width: 100%;

    padding: 36px 30px;

}

.footer-block-item ul.tab_li {

    display: flex;

    gap: 23px;

    margin-bottom: 24px;

}

.footer-block-item.fbi-4 {

    min-height: auto;

}

.footer-block-item.fbi-3 {

  min-height: 540px;

}

.footer-block-item.after-fif {

    width: calc(50% - 15px);

}

    .footer-social a {

        width: 56px;

        height: 56px;

      }

      .footer-block-item.long {

    width: calc(50% - 15px);

}

.footer-block-item ul.tab_li li a.curent:after {

  height: 2px;

}

.footer-block-item h5 {

        font-size: 36px;

        line-height: 120%;

    }

    .fbi-2 {

      padding: 33px 31px 20px;

      min-height: 433px;

    }

        .fbi-2  .block-btn {

        font-size: 18px;

        padding-right: 35px;

                margin-top: 84px;

    }

    .footer-block-item-botton {

    width: 100%;

    margin-top: auto;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-direction: column;

}

.footer-block-item ul.tab_li li a {

    display: block;

    padding-bottom: 7px;

    color: #0A0A0A;

    font-size: 36px;

    font-style: normal;

    font-weight: 500;

    line-height: 36px;

    position: relative;

    transition: all 0.3s;

}

.fbi-4 {

  padding: 45px 31px 31px;

}

    .footer-contacts-title {

        color: rgba(10, 10, 10, 0.50);

        font-size: 36px;

        font-style: normal;

        font-weight: 500;

        line-height: 36px;

        margin-bottom: 33px;

    }

    .footer-contacts p {

      margin-top: 26px;

    }

    .footer-contacts p a {

      margin-bottom: 18px;

    }

    .footer-bottom a {

      margin-bottom: 10px;

    }

    .wrap-video-content {

      display: none;

    }

    .wrap-partners-item-img {

      width: 100%;

    }

    .wrap-mobile-content img {

      width: 100%;

    }

    .tarif-item:nth-child(4) {

      height: 445px;

    }

}

@media (max-width: 720px) {

  footer {

    padding-top: 149px;

  }

.header-btn {

  display: none;

}

.container {

        padding: 0 10px;

    }

    .logo img {

      width: 93px;

      height: auto;

    }

    .gamb {

        width: 36px;

        height: 36px;

        margin-left: auto;

    }

    .gamb span {

    position: relative;

    width: 20px;

    height: 2px;

}

.gamb span:after,

.gamb span:before {

  width: 20px;

}

    header {

        position: relative;

        min-height: 60px;

    }

        .wrap-header-content {

        width: 100%;

        padding: 6px 0px 0px;

        gap: 20px;

        min-height: 60px;

    }

    .main-top h1 {

        color: #0A0A0A;

        font-size: 45px;

        font-style: normal;

        font-weight: 500;

        line-height: 46px;

        padding-right: 0;

    }

        .main-top {

        padding-top: 77px;

    }

    .star-block span {

    width: 48px;

    min-width: 48px;

    max-width: 48px;

    height: 48px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 1px solid rgba(10, 10, 10, 0.08);

}

.star-block img {

  width: 20px;

  height: 20px;

}

    .wrap-bottom-top {

        margin-top: 43px;

        align-items: flex-start;

        gap: 18px;

        flex-direction: column;

    }

        .star-block {

        align-items: center;

        gap: 16px;

        width: 100%;

    }

        .star-block p {

        font-size: 15px;

    }

    .wrap-min-img {

    height: 52px;

    padding: 0px 19px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-radius: 20px;

    border: 1px solid rgba(10, 10, 10, 0.08);

}

.wrap-min-img img {

  width: 118px;

}

.min-block p a {

        font-size: 14px;

        line-height: 15px;

    }

        .min-block p {

        font-size: 11px;

    }

        .min-block {

        align-items: center;

        gap: 22px;

        width: 100%;

    }

    .main-cases {

        margin-top: 48px;

    }

        .main-cases .block-title {

        margin-bottom: 37px;

        font-size: 36px;

        line-height: 36px;

    }

        .main-case-item-info h3 {

        font-size: 30px;

        margin-bottom: 30px;

        line-height: 30px;

    }

        .main-case-item-info h3 + p {

        font-size: 20px;

        margin-bottom: 29px;

        line-height: 24px;

    }

        .wrap-tag-case span {

        font-size: 14px;

    }

    .case-achievements-item {

        font-size: 44px;

        line-height: 41px;

        gap: 14px;

    }

    .case-achievements-item span {

        font-size: 15px;

    }

    .case-main-img {

        border-radius: 20px;

        width: 100%;

        margin-top: 37px;

    }

    .wrap-case-slider {

      padding-bottom: 64px;

    }

        .wrap-case-bottom p {

        font-size: 26px;

        line-height: 26px;

        max-width: 100%;

    }

        .wrap-case-bottom {

        margin-top: 35px;

        padding: 0px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .wrap-case-bottom .block-btn {

      margin-left: auto;

      font-size: 26px;

      margin-top: 28px;

    }

    .block-title {

        font-size: 37px;

        line-height: 36px;

    }

    .creation {

        margin: 143px 0 150px;

    }

    .creation .block-title {

        font-size: 40px;

        line-height: 40px;

        font-weight: 500;

    }

        .wrap-creation-side {

        margin-top: 38px;

        gap: 39px;

        flex-direction: column;

    }

        .creation-left p {

        font-size: 58px;

        margin-bottom: 28px;

        line-height: 80%; 

        font-weight: 500;

        letter-spacing: 0;

    }

    .creation-left span {

        font-size: 24px;

        line-height: 24px;

        opacity: 0.6;

    }

        .creation-right p {

        font-size: 14px;

        line-height: 140%;

    }

        .wrap-top-places-left p {

        letter-spacing: 0;

        line-height: 40px;

        font-size: 58px;

        margin-bottom: 24px;

        font-weight: 500;

    }

        .top-places {

        margin-top: 44px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .top-places .block-btn {

      margin-left: auto;

    }

        .wrap-top-places-left span {

        font-size: 24px;

    }

    .places .block-title {

        font-size: 42px;

        line-height: 40px;

        font-weight: 500;

    }

    .wrap-places-items {

        margin-top: 40px;

        gap: 10px;

    }

        .places-item {

        width: 100%;

        min-height: none;

        height: calc(100vw - 20px);

        padding: 27px 18px;

        border-radius: 20px;

    }

    .ios .places-item h3 {

        margin-bottom: 12px;

      }



        .places-item h3 {

        color: #0A0A0A;

        font-size: 44px;

        font-style: normal;

        font-weight: 500;

        line-height: 44px;

        letter-spacing: -0.72px;

        text-transform: uppercase;

        margin-bottom: 6px;

    }

    .places-item h3 sup {

        top: -14px;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        letter-spacing: -0.32px;

    }

    .places-item p a {

      text-underline-offset: 1px;

    }

    .places-item p a,

        .places-item p {

        font-size: 18px;

        line-height: 29px;

        letter-spacing: 0.135px;

        margin: 0;

    }

    .wrap-nav-top {

    border-radius: 40px;

    border-top: 10px solid rgba(255, 255, 255, 0.54);

    border-right: 8px solid rgba(255, 255, 255, 0.54);

    border-bottom: 0px solid rgba(255, 255, 255, 0.54);

    border-left: 8px solid rgba(255, 255, 255, 0.54);

    background: rgba(255, 255, 255, 0.10);

    box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.03);

    align-items: center;

    padding: 0 8px;

    gap: 16px;

            margin: 15px auto 0;

    flex-direction: column;

}

.wrap-nav-top ul li a:after {

  display: none;

}

.wrap-nav-top ul li a {

  margin-left: 0;

  font-size: 14px;

  line-height: 18px;

}

    .wrap-nav-top ul li {

        height: 40px;

                padding: 0 15px;

    }

        .nav-top-btn {

        font-size: 18px;

        margin: 0px;

    }

        .wrap-top-places-left {

        gap: 7px;

    }

    .places-item:nth-child(1) img, 

    .places-item:nth-child(2) img, 

    .places-item:nth-child(3) img, 

    .places-item:nth-child(4) img {

        max-width: 55px;

    }

    .ios .places-item:nth-child(1) img, 

    .ios .places-item:nth-child(2) img, 

    .ios .places-item:nth-child(3) img, 

    .ios .places-item:nth-child(4) img {

        max-width: 75px;

    }

        .places-item:nth-child(5) img {

        max-width: 135px;

    }

        .places-item:nth-child(6) img {

        max-width: 220px;

    }





    .ios .places-item {

      padding-top: 46px;

      padding-bottom: 34px;

      padding-left: 30px;

      padding-right: 30px;

    }

        .tarifs {

        margin-top: 150px;

    }

    .tarifs .block-title {

      font-size: 40px;

    }

        .wrap-tarif-items {

        margin-top: 41px;

        border-radius: 20px;

        padding: 20px;

        gap: 10px;

    }

        .tarif-item {

        padding: 29px 19px;

        border-radius: 10px;

        transition: all 0.3s;

    }

    .tarif-item h5 {

        font-size: 30px;

    }

        .tarif-item p {

        font-size: 18px;

        margin-bottom: 19px;

    }

    .wrap-tarif-price {

      margin-bottom: 16px;

      font-size: 36px;

    }

    .tarif-btn {

        height: 56px;

        font-size: 18px;

        border-radius: 20px;

    }

        .tarif-more-btn {

        margin-top: 32px;

        font-size: 16px;

    }

        .partners {

        margin-top: 212px;

    }

    .partners .block-title {

      font-size: 40px;

      line-height: 40px;

    }

        .wrap-partners-items {

        margin-top: 39px;

        gap: 20px;

    }

    .wrap-partner-pseudo-item {

        width: 100%;

        border-radius: 20px;

        padding: 18px 20px;

        min-height: 263px;

    }

    .wrap-partner-pseudo-item h4 {

      font-size: 32px;

    }

    .wrap-acr img {

      width: 255px;

      height: auto;

      max-width: 85%;

    }

    .wrap-acr {

        gap: 28px;

        align-items: flex-start;

        margin-top: auto;

        flex-direction: column;

        margin-top: 38px;

    }

    .wrap-partner-pseudo-item p a {

      font-size: 16px;

    }

        .wrap-partner-pseudo-item p {

        font-size: 16px;

        line-height: 20px;

    }

    .partners-item {

      width: 100%;

    }

    .partners-item h3 {

      font-size: 60px;

      letter-spacing: -1.8px;

    }

    .partners-item p {

      font-size: 32px;

    }

        .partners-item:nth-child(6) img {

        max-width: 100%;

    }

        .partners-item:nth-child(7) img {

        max-width: 63%;

    }

    .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {

        margin-top: auto;

        color: rgba(10, 10, 10, 0.64);

        font-family: "Open Sans", sans-serif;

        font-size: 22px;

        font-style: normal;

        font-weight: 400;

        line-height: 31px;

    }

    .partners-item:nth-child(2) img {

        margin-top: 45px;

        margin-bottom: 30px;

        width: fit-content;

        max-width: 90%;

    }

    .ios .wrap-partner-pseudo-item,

    .ios .partners-item {

      width: 100%;

      height: calc(100vw - 20px);

      padding-top: 46px;

      padding-bottom: 34px;

      padding-left: 30px;

      padding-right: 30px;

    }

    .ios .wrap-partner-pseudo-item h4 {

      font-size: 40px;

    }

    .ios .partners-item:nth-child(2) h3,

    .ios .partners-item:nth-child(3) h3,

    .ios .partners-item:nth-child(4) h3 {

      font-size: 72px;

    }

    .ios .partners-item:nth-child(7) p, 

    .ios .partners-item:nth-child(5) p, 

    .ios .partners-item:nth-child(6) p {

        margin-top: auto;

        color: rgba(10, 10, 10, 0.64);

        font-family: "Open Sans", sans-serif;

        font-size: 1.75rem;

        font-style: normal;

        font-weight: 400;

        line-height: 40px;

    }

    .block-btn {

        font-size: 18px;

        padding-right: 43px;

    }

        .partners .wrap-case-bottom {

        margin-top: 50px;

        padding: 0;

    }

        .managers {

        margin: 100px 0 148px;

    }

    .managers h2 {

        margin-bottom: 39px;

        font-weight: 500;

        font-size: 38px;

    }

    .wrap-manager-slider {

      padding-bottom: 65px;

    }

        .wrap-manager-slider .swiper-slide img {

        width: 100%;

        border-radius: 23.475px;

        margin-bottom: 31px;

    }

    .wrap-manager-slider .swiper-slide p {

      font-size: 32px;

    }

    .insane .block-title,

    .certificates .block-title {

      font-size: 40px;

      line-height: 40px;

    }

    .wrap-cert-items {

      margin-top: 39px;

    }

    .cert-btn {

        width: 168px;

        height: 49px;

        font-size: 16px;

        line-height: 14px;

    }



    .insane {

        margin: 121px 0 118px;

        overflow: hidden;

    }

    .wrap-insane-items {

        margin-top: 39px;

        gap: 10px;

        flex-wrap: nowrap;

        overflow: auto;

        padding-bottom: 30px;

    }

    .wrap-insane-items::-webkit-scrollbar{

      opacity: 1;

      padding: 2px 0!important;

    }

    .wrap-insane-items::-webkit-scrollbar-track {



    }

    .wrap-insane-items::-webkit-scrollbar-thumb {

      border-radius: 32px;

      background: #ECECEC;

      opacity: 1;

      display: block;

      width: fit-content;

      transform: scale(2.0);

      height: 10px!important;

      margin: 2px 0!important;

    }

        .insane-item.txt,

        .insane-item, 

        .insane-item.long {

        width: 340px;

        min-width: 340px;

        height: 383px;

    }

    .footer-block-item.long {

        width: 100%;

    }

        .footer-block-item h5 {

        font-size: 30px;

        line-height: 119%;

        margin-bottom: 39px;

    }

      .wrap-footer-block-items {

        border-top: 1px solid rgba(0, 0, 0, 0.08);

        padding-top: 15px;

        gap: 12px;

    }

    .fbi-2 .block-btn {

        font-size: 18px;

        padding-right: 35px;

        margin-top: 58px;

    }

   .footer-block-item-botton {

    margin-top: 0;

   }

        .footer-block-item.medium {

        min-height: 434px;

        width: 100%;

    }

        .footer-block-item {

        border-radius: 20px;

        padding: 30px 32px;

        width: 100%;

    }

    .fbi-2 {

        padding: 33px 25px 24px;

        min-height: auto;

    }

        .fbi-3 {

        order: 4;

        padding: 0;

        min-height: 361px;

    }

    .footer-bottom {

      flex-direction: column;

    }

        .footer-block-item.after-fif {

        width: 100%;

    }

        .footer-contacts-title {

        color: rgba(10, 10, 10, 0.50);

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        margin-bottom: 21px;

    }

    .footer-block-item.before-fif {

        width: 100%;

        padding: 32px 32px;

    }

        .footer-block-item ul.tab_li li a {

        display: block;

        padding-bottom: 7px;

        color: #0A0A0A;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        position: relative;

        width: fit-content;

        transition: all 0.3s;

    }

        .footer-block-item ul.tab_li {

        display: flex;

        gap: 20px;

        margin-bottom: 24px;

        flex-direction: column;

    }

        .footer-block-item.fbi-3 {

        min-height: 580px;

    }

}

.prefix .wrap-header {

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

/*  background: rgba(255, 255, 255, 0.50);

  backdrop-filter: blur(5px);*/

  position: fixed;

  top: -80px;

  left: 0;

  width: 100%;

  height: auto;

  z-index: 30;

  transition: all 0.3s;

}

.prefix .wrap-header .container {

  position: relative;

  z-index: 5;

}

.prefix.fix .wrap-header {

  top: 0;

  padding: 6px 0;

  background: #ffffffc9;

  transition: all 0.3s;

}

.prefix .wrap-header-content {

    width: 100%;

    padding: 0px 0 0px;

    display: flex;

    align-items: center;

    gap: 20px;

    min-height: 76px;

}

.prefix .wrap-burger-menu {

  position: fixed;

  left: 0;

  width: 100%;

  top: 76px;

  background: #fff;

  height: calc(100% - 76px);

  z-index: 99;

  padding-top: 73px;

  padding-bottom: 10px;

  overflow: auto;

  transition: all 0.3s;

}

.wrap-burger-menu.open {

  display: block;

  opacity: 1;

  visibility: visible;

  transition: all 0.3s;

}



@media(max-width: 1740px) {

  .wrap-burger-menu {

    padding-top: 27px;

  }

.col-title {

  color: #0A0A0A;

  font-size: 36px;

  font-style: normal;

  font-weight: 500;

  line-height: 40px;

  text-decoration: underline;

  text-decoration-color: #23BD87;

  text-decoration-thickness: 2px;

  text-underline-offset: 6px;

}

.col-title + .col-title {

    margin-top: 33px;

}

.burger-column ul li a {

  font-size: 18px;

  line-height: 24px;

}

.wrap-burger-column {

  gap: 70px;

}

.col-pretitle {

  font-size: 36px;

  line-height: 40px;

}

.wrap-burger-info {

    width: 410px;

    min-width: 410px;

    max-width: 410px;

    padding-top: 6px;

}

.burger-info-btn {

  height: 80px;

}

.wrap-burger-contacts p {

  margin-top: 28px;

  font-size: 20px;

  line-height: 100%;

}

.wrap-burger-contacts p a {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    margin-bottom: 10px;

}

.wrap-burger-social a {

    width: 42px;

    height: 42px;

    padding: 0;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    border: 1px solid #A2A2A2;

}

.wrap-burger-social a img {

  max-width: 42%;

}

.wrap-burger-social {

  padding: 20px;

}

}

@media(max-width: 1300px) {

  .gamb.open span:before {

    position: absolute;

    content: "";

    width: 20px;

    height: 2px;

    left: 0;

    top: 0px;

    background: #0A0A0A;

    transform: rotate(-45deg);

    transition: all 0.3s;

}

.gamb.open span:after {

    position: absolute;

    content: "";

    width: 20px;

    height: 2px;

    left: 0;

    top: 0px;

    background: #0A0A0A;

    transform: rotate(45deg);

    transition: all 0.3s;

}

.wrap-burger-menu-col {

  flex-wrap: wrap;

  gap: 45px;

}

    .wrap-burger-column {

        gap: 47px 60px;

    }

    .burger-column {

    flex-direction: column;

    width: calc(50% - 30px);

}

.col-title {

  font-size: 32px;

  line-height: 100%;

}

    .wrap-burger-menu {

        padding-top: 13px;

    }

        .col-title + .col-title {

        margin-top: 26px;

    }

        .burger-column ul li a {

        font-size: 16px;

        line-height: 22px;

    }

        .col-pretitle {

        font-size: 32px;

        line-height: 38px;

    }

        .wrap-burger-info {

        width: 100%;

        min-width: 100%;

        max-width: 100%;

        padding-top: 6px;

    }

    .burger-info-btn {

      font-size: 14px;

    }

}

@media(max-width: 720px) {

    .wrap-burger-column {

        gap: 15px 0px;

        flex-direction: column;

    }

    .wrap-burger-menu {

      top: 61px;

      height: calc(100vh - 61px);

      padding: 0;

    }

    .burger-column {

        flex-direction: column;

        width: 100%;

    }

        .col-pretitle {

        font-size: 20px;

        line-height: 20px;

    }

        .burger-info-btn {

        height: 48px;

        font-size: 16px;

    }

    .wrap-burger-contacts {

    border-radius: 20px;

    background: #F6F6F6;

    padding: 4px 24px 24px;

    flex-direction: column;

    align-items: flex-start;

    margin: 20px 0;

}

.wrap-burger-contacts p a {

  font-size: 20px;

}

    .wrap-burger-contacts p {

        margin-top: 20px;

        font-size: 18px;

        line-height: 130%;

        text-align: left;

    }

    .wrap-burger-social {

      border-radius: 20px;

    }

}

.custom-cursor {

  position: fixed;

  opacity: 0;

  top: 0;

  left: 0;

  pointer-events: none;

  cursor: none;

/*  mix-blend-mode: difference;*/

  width: 72px;

  height: 72px;

  margin-left: -36px;

  margin-top: -36px;

  aspect-ratio: 1;

  border-radius: 50%;

  background-color: #2D2D2D;

/*  transition-property: transform, scale, opacity;

  transition-duration: 250ms;

  transition-timing-function: ease-in-out;*/

  scale: 0.1;

  z-index: 1110;

  transition: all 0.3s;

}

.custom-cursor.custom-cursor--link {

  width: 223px;

  height: 100px;

  margin-left: -112px;

  margin-top: -50px;

  aspect-ratio: auto;

  border-radius: 1500px;

  background-color: #fff;

}

.custom-cursor.custom-cursor-ins {

  width: 184px;

  height: 100px;

  margin-left: -92px;

  margin-top: -50px;

  aspect-ratio: auto;

  border-radius: 1500px;

  background-color: #fff;

}

.custom-cursor.custom-cursor--link2,

.custom-cursor.custom-cursor--link1 {

  width: 262px;

  height: 332px;

  margin-left: 10px;

  margin-top: -166px;

  aspect-ratio: 1;

  scale: 1;

  opacity: 1;

  pointer-events: none;

  border-radius: 18px;

}

.custom-cursor #img {

  width: 100%;

  height: 100%;

  display: block;

  background-image: url('./../imgs/cursor-s.png');

  opacity: 0;

  transition: all 0.3s;

}

.custom-cursor.custom-cursor-ins #img {

  width: 100%;

  height: 100%;

  display: block;

  background-image: url('./../imgs/read.png');

  opacity: 1;

  transition: all 0.3s;

}

.custom-cursor.custom-cursor--link1 #img {

  width: 262px;

  height: 332px;

  display: block;

  background-image: url('./../imgs/img1.png');

  opacity: 1;

  background-color: transparent;

  transition: all 0.3s;

}

.custom-cursor.custom-cursor--link2 #img {

  width: 262px;

  height: 332px;

  display: block;

  background-image: url('./../imgs/img2.png');

  opacity: 1;

  background-color: transparent;

  transition: all 0.3s;

}

.hover-btn:hover {

/*  cursor: none;*/

}

.custom-cursor--link {

  scale: 1;

  opacity: 1;

  pointer-events: none;

  background-color: transparent;

}

.custom-cursor-ins {

  scale: 1;

  opacity: 1;

  pointer-events: none;

  background-color: transparent;

}

.custom-cursor--link #img {

  opacity: 1;

  transition: all 0.3s;

  pointer-events: none;

}

.custom-cursor-ins #img {

  opacity: 1;

  transition: all 0.3s;

  pointer-events: none;

}

.custom-cursor--init {

/*  opacity: 1;*/

}

.custom-cursor--hidden {

  opacity: 0;

  pointer-events: none;

}

.burger-column ul li a,

.nav-top-btn,

.places-item p a,

.header-btn,

.min-block p a,

.tarif-more-btn,

nav ul li a,

.footer-block-item ul li a {

  position: relative;

  transition: all 0.3s;

}

.burger-column ul li a:after,

/*.nav-top-btn:after,*/

/*.places-item p a:after,*/

/*.header-btn:after,*/

.min-block p a:after,

.tarif-more-btn:after,

nav ul li a:after,

.footer-block-item ul li a:after {

  position: absolute;

  bottom: 0;

  content: "";

  left: 0;

  width: 0;

  height: 1px;

  background: #797979;

  transition: all 0.3s;

}

.min-block p a:after {

  background: #909090;

}

.burger-column ul li a:hover:after,

.nav-top-btn:hover:after,

/*.places-item p a:hover:after,*/

/*.header-btn:hover:after,*/

.min-block p a:hover:after,

.tarif-more-btn:hover:after,

nav ul li a:hover:after,

.footer-block-item ul li a:hover:after {

  width: 100%;

  transition: all 0.3s;

}

/*конец главной*/

/*начало формы*/

.call-page .main-top h1 {

  letter-spacing: -3.1px;

}

.call-page .wrap-nav-top-fix {

  height: 30px;

}

.breadcrumb {

  margin-top: 75px;

  margin-bottom: 100px;

}

.breadcrumb ul {

  list-style-type: none;

  display: flex;

  flex-direction: column;

  padding: 0;

  margin: 0;

}

.breadcrumb ul li {

  position: relative;

  list-style-type: none;

}

.breadcrumb ul li + li {

  padding-left: 13px;

}

.breadcrumb ul li + li:after {

  position: absolute;

  left: 0;

  top: 0;

  content: '/';

  color: rgba(10, 10, 10, 0.24);

  font-size: 18.211px;

  font-style: normal;

  font-weight: 400;

  line-height: 31.51px;

}

.breadcrumb ul li a {

  color: rgba(10, 10, 10, 0.40);

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 30px;

}

.breadcrumb ul li:last-child a {

  color: rgba(10, 10, 10, 0.64);

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 30px;

}

.wrap-bottom-text {

margin-top: 99px;

}

.wrap-bottom-text p {

  color: rgba(10, 10, 10, 0.60);

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 125%;

}

.call-form {

  margin-bottom: 196px;

}

.call-form h2 {

  color: #0A0A0A;

  font-size: 80px;

  font-style: normal;

  font-weight: 400;

  line-height: 80px;

  margin-bottom: 60px;

}

.form-title {

  color: #0A0A0A;

  font-size: 48px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

}

.wrap-check-items {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  margin-top: 40px;

}

.check-item {

  position: relative;

  width: auto;

}

.check-item label {

  position: relative;

  cursor: pointer;

}

.check-item label input + p {

  height: 64px;

  border-radius: 32px;

  background: #F6F6F6;

  display: flex;

  align-items: center;

  border: 0.5px solid #F6F6F6;

  justify-content: center;

  color: rgba(10, 10, 10, 0.64);

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  padding: 0 32px;

  margin: 0;

  transition: all 0.3s;

}

.check-item label input + p {



}

.check-item label input:checked + p {

  border: 0.5px solid rgba(35, 189, 135, 0.16);

  background: rgba(35, 189, 135, 0.16);

  transition: all 0.3s;

}

.check-item:hover label input + p {

  border: 0.5px solid #23BD87;

  background: #fff;

  transition: all 0.3s;

}

.check-item:hover label input:checked + p {

  border: 0.5px solid rgba(35, 189, 135, 0.16);

  background: rgba(35, 189, 135, 0.16);

  transition: all 0.3s;

}

.wrap-form-body {

  width: 100%;

  display: flex;

  align-items: center;

  align-content: center;

  gap: 64px;

  flex-wrap: wrap;

  margin-top: 103px;

}

.wrap-form-body .wrap-input {

  position: relative;

  width: calc(50% - 32px);

}

.wrap-input textarea,

.wrap-input input {

  width: 100%;

  border-radius: 0px;

  background: #FFF;

  border: none;

  border-bottom: 2px solid #E8E8E8;

  height: 78px;

  padding: 0 24px;



  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

}

.wrap-input textarea {

  height: 152px;

  resize: none;

  padding: 24px;

  line-height: 32px;

}

.wrap-input textarea:focus,

.wrap-input textarea:active,

.wrap-input input:focus,

.wrap-input input:active {

  border-bottom: 2px solid #6C6C6C;

}

.wrap-bottom-block {

  width: calc(50% - 32px);

  display: flex;

  gap: 24px;

}

.wrap-checked {

  width: calc(50% - 12px);

}

.wrap-checked label {

  display: flex;

  gap: 16px;

  cursor: pointer;

}

.wrap-bottom-block button[type="submit"] {

  width: calc(50% - 12px);

  display: flex;

  height: 81px;

  padding: 0px 24px;

  justify-content: center;

  align-items: center;

  border-radius: 24px;

  border: 1px solid #23BD87;

  background: #23BD87;

  color: #FFF;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 18px;

  cursor: pointer;

}

.wrap-checked span {

  width: 24px;

  min-width: 24px;

  max-width: 24px;

  height: 24px;

  border-radius: 8px;

  border: 1px solid #A2A2A2;

  background: #FFF;

}

.wrap-checked label input:checked + span {

  background: url('./../imgs/check.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.wrap-checked p {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px; 

  opacity: 0.4;

  margin: 0;

}

.wrap-checked p a {

    color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px; 

  text-decoration: underline;

}

@media(max-width: 1740px) {

  .wrap-bottom-text p {

    color: rgba(10, 10, 10, 0.60);

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

  }

  .wrap-bottom-text {

    margin-top: 64px;

}

.breadcrumb {

    margin-top: 27px;

    margin-bottom: 100px;

}

.call-form h2 {

    font-size: 60px;

    line-height: 60px;

    margin-bottom: 60px;

}

.form-title {

    font-size: 36px;

    line-height: 30px;

}

.check-item label input + p {

  height: 44px;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 120%;

  padding: 0 22px;

}

.wrap-form-body {

    width: 100%;

    align-items: center;

    justify-content: space-between;

    gap: 44px;

    flex-wrap: wrap;

    margin-top: 80px;

}

.wrap-form-body .wrap-input {

      width: calc(50% - 22px);

}

.wrap-input textarea,

.wrap-input input {

  height: 64px;

  font-size: 20px;

}

.wrap-bottom-block {

    width: calc(50% - 22px);

    display: flex;

/*    gap: 15px;

    flex-direction: column;*/

}

.wrap-checked {

    width: 100%;

}

.wrap-bottom-block button[type="submit"] {

  width: 54%;

}

.wrap-input textarea {

  height: 128px;

}

}

@media(max-width: 1300px) {

  .call-page .main-top h1 {

    letter-spacing: -1.3px;

}

.wrap-nav-top-fix {

        margin: 36px auto 0;

    }

    .wrap-bottom-text p {

        font-size: 18px;

        line-height: 20px;

    }

        .breadcrumb {

        margin-top: 17px;

        margin-bottom: 69px;

    }

        .call-form h2 {

        font-size: 48px;

        line-height: 49px;

        margin-bottom: 49px;

    }

    .wrap-check-items {

    flex-wrap: wrap;

    gap: 12px 10px;

    margin-top: 40px;

}

        .wrap-form-body {

        width: 100%;

        align-items: center;

        justify-content: space-between;

        gap: 32px;

        flex-wrap: wrap;

        flex-direction: column;

        margin-top: 72px;

    }

    .wrap-form-body .wrap-input {

    position: relative;

    width: 100%;

}

.wrap-bottom-block {

  width: 100%;

  flex-direction: column;

}

    .wrap-input textarea {

        height: 172px;

    }

        .wrap-bottom-block button[type="submit"] {

        width: 100%;

    }

}

@media (max-width: 720px) {



      .call-page .main-top h1 {

        letter-spacing: -0.8px;

        line-height: 41px;

    }

        .wrap-nav-top-fix {

        margin: 40px auto 0;

    }

    .check-item label input + p {

      padding: 0 15px;

    }

    .wrap-bottom-text p {

        font-size: 15px;

        line-height: 120%;

    }

    .wrap-bottom-text {

        margin-top: 30px;

    }

        .breadcrumb {

        margin-top: 76px;

        margin-bottom: 34px;

    }

    .call-form h2 {

        font-size: 30px;

        line-height: 30px;

        margin-bottom: 32px;

    }

        .form-title {

        font-size: 24px;

        line-height: 24px;

    }

        .check-item label input + p {

        height: 33px;

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 120%;

    }

    .wrap-check-items {

      margin-top: 31px;

    }

    .wrap-form-body {

        width: 100%;

        align-items: center;

        justify-content: space-between;

        gap: 24px;

        flex-wrap: wrap;

        flex-direction: column;

        margin-top: 56px;

    }

    .wrap-input textarea, .wrap-input input {

      height: 44px;

      font-size: 15px;

      line-height: 20px;

    }

    .wrap-input textarea {

      height: 128px;

      padding-top: 11px;

    }

    .wrap-checked label {

    gap: 12px;

    cursor: pointer;

}

.wrap-checked p a,

.wrap-checked p {

    font-size: 14px;

    line-height: 22px;

}

.wrap-bottom-block button[type="submit"] {

  height: 44px;

}

}

/*конец формы*/

.dont-click {

  user-select: none;

  pointer-events: none;

}

/*начало 2 новых блока*/

.faq {

  margin: 300px 0;

}

.faq-side {

  display: flex;

  gap: 80px;

}

.faq-left {

  width: 650px;

}

.wrap-faq-title {

  position: sticky;

  top: 0;

  left: 0;

}

.faq-right {

  width: calc(100% - 730px);

}

.faq-item {

  border-radius: 50px;

  background: #F6F6F6;

  padding: 48px 40px;

}

.faq-item + .faq-item {

  margin-top: 30px;

}

.faq-item-top {

  display: flex;

  gap: 40px;

  justify-content: space-between;

}

.faq-item-top p {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 125%;

  margin: 0;

}

.faq-arr {

  position: relative;

  display: flex;

  width: 56px;

  min-width: 56px;

  max-width: 56px;

  height: 56px;

  border: 0.5px solid transparent;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  transition: all 0.3s;

}

.faq-arr:after {

  position: absolute;

  content: "";

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 40px;

  height: 4px;

  border-radius: 4px;

  background: #939393;

  transition: all 0.3s;

}

.faq-arr:before {

  position: absolute;

  content: "";

  left: 50%;

  top: 50%;

  border-radius: 4px;

  transform: translate(-50%,-50%);

  width: 4px;

  height: 40px;

  background: #939393;

  transition: all 0.3s;

}

.faq-arr:hover {

  border-color: #0A0A0A;

  transition: all 0.3s;

}

.faq-arr:hover:after,

.faq-arr:hover:before {

  background: #0A0A0A;

  transition: all 0.3s;

}

.open .faq-arr {

  background: #0A0A0A;

  transform: rotate(45deg);

  transition: all 0.3s;

}

.open .faq-arr:hover:after,

.open .faq-arr:hover:before,

.open .faq-arr:after,

.open .faq-arr:before {

  background: #fff;

  transition: all 0.3s;

}

.faq-item-content {

  overflow: hidden;

  height: 0;

  opacity: 0;

  padding-top: 0;

  transition: height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;

}



.open .faq-item-content {

  height: auto;

  opacity: 1;

  padding-top: 30px;

}

.faq-item-content ul {

  margin: 20px 0;

}

.faq-item-content ul li,

.faq-item-content p {

  color: #6C6C6C;

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 160%;

}

.faq-item-content ul li {

  margin-bottom: 10px;

}

.faq-item-content p a {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 160%;

}

.wrap-faq-title .block-title {

  margin-bottom: 350px;

}

.new-slid-side {

  display: flex;

  gap: 30px;

  position: relative;

  z-index: 20;

  justify-content: space-between;

  background: #fff;

}

.new-slid-left {

  width: 553px;

}

.wrap-new-slider {

  width: 100%;

  position: relative;

  padding-bottom: 140px;

}

.new-slid-right .arrow,

.wrap-new-slider .arrow {

  top: auto;

  bottom: 30px;

  margin: 0;

  width: 60px;

  height: 30px;

}

.new-slid-right .swiper-button-prev svg,

.new-slid-right .swiper-button-next svg,

.new-slid-right .swiper-button-prev:after, 

.new-slid-right .swiper-button-next:after,

.wrap-new-slider .swiper-button-prev:after, 

.wrap-new-slider .swiper-button-next:after {

  display: none;

}
.new-slider img {
  width: 100%;
}
.new-slid-right .swiper-pagination-fraction,

.wrap-new-slider .swiper-pagination-fraction {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #B0B0B0;

  font-size: 70px;

  font-style: normal;

  font-weight: 400;

  line-height: 70px;

}

.new-slid-right .swiper-pagination-current,

.wrap-new-slider .swiper-pagination-current {

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

}

.new-slid-right .swiper-pagination-total,

.wrap-new-slider .swiper-pagination-total {

  color: #6C6C6C;

  font-size: 30px;

  font-style: normal;

  font-weight: 400;

  line-height: 30px;

  margin-top: 20px;

}

.new-slid-right .swiper-pagination,

.new-slid-right .arrow {

  display: none;

}

.new-slid-right {

  width: 991px;

  position: relative;

}

.wrap-new-slider-text {

  width: 100%;

  border-radius: 50px;

  background: #FFF;

  padding: 40px;

  margin-top: 80px;

  border: 1px solid rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);

}

.top-slide-img {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 40px;

}
/*    .r-logo {
      display: none;
    }
*/
.pretitle-text {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 125%;

}

.wrap-new-slider-text-clamp {

  max-height: 330px;

  overflow: hidden;

  margin-bottom: 20px;

}

.wrap-new-slider-text-clamp p {

  color: #6C6C6C;

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 160%;

  transition: max-height 0.3s ease;

}

.wrap-new-slider-text-clamp.active {

  max-height: none;

  transition: max-height 0.3s ease;

}

.new-slid {

  margin: 200px 0 0;

  background: #fff;

}

@media(max-width: 1740px) {

.faq-left {

  width: 525px;

}

.faq-right {

    width: calc(100% - 605px);

}

.new-slid-left {

    width: 465px;

}

.new-slider img {

  width: 100%;

}

.new-slid-right {

    width: calc(100% - 500px);

}

}

@media(max-width: 1300px) {

  .faq-side {

    flex-direction: column;

    gap: 41px;

  }

  .faq-left {

    width: 100%;

  }

  .faq {

    margin: 140px 0;

}

.wrap-faq-title {

    position: relative;

    top: 0;

    left: 0;

}

.wrap-faq-title .block-title {

    margin-bottom: 80px;

    max-width: 500px;

}

.wrap-faq-title .block-btn {

  margin-left: auto;

    width: fit-content;

    display: block;

}

.faq-right {

    width: 100%;

}

.faq-item {

    border-radius: 50px;

    background: #F6F6F6;

    padding: 34px 23px;

}

.faq-item-top p {

  font-size: 26px;

}

.faq-arr {

    width: 44px;

    min-width: 44px;

    max-width: 44px;

    height: 44px;

  }

  .faq-item-content ul li, .faq-item-content p {

    color: #6C6C6C;

    font-family: "Open Sans", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin-bottom: 25px;

}

.faq-item-content {

  padding-top: 26px;

}

.new-slid-left {

  display: none;

}

.faq-right {

  width: 100%;

}

.new-slid-right {

        width: 100%;

    }

    .new-slid {

    margin: 138px 0 0;

}

.wrap-new-slider-text {

    width: 100%;

    border-radius: 50px;

    background: #FFF;

    padding: 31px 23px;

    margin-top: 46px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);

}

.rait {

  width: 215px;

}

.top-slide-img {

  margin-bottom: 30px;

}

.pretitle-text {

  font-size: 24px;

  margin-bottom: 20px;

}

.wrap-new-slider-text-clamp p {

    color: #6C6C6C;

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    transition: max-height 0.3s ease;

}

.creation-right {

  display: none;

}

.new-slid-right {

  padding-bottom: 100px;

}

.new-slid-right .swiper-pagination,

.new-slid-right .arrow {

  display: block;

}

.new-slid-right .swiper-pagination-fraction {

  font-size: 40px;

  line-height: 40px;

}

.new-slid-right .swiper-pagination-current {

  font-size: 36px;

  line-height: 120%;

}

.new-slid-right .swiper-pagination-total {

  font-size: 16px;

  line-height: 24px;

  margin-top: 0px;

}

.new-slid-right .arrow {

  width: 73px;

  height: 12px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.new-slid-right .swiper-button-prev  {

  background-image: url('./../imgs/arr-prev-1.png');

}

.new-slid-right .swiper-button-next {

  background-image: url('./../imgs/arr-next-1.png');

}

}

@media (max-width: 720px) {



  .new-slid-right .swiper-pagination-fraction {

  font-size: 40px;

  line-height: 40px;

}

.new-slid-right .swiper-pagination-current {

  font-size: 30px;

  line-height: 120%;

}

.new-slid-right .swiper-pagination-total {

  font-size: 16px;

  line-height: 24px;

  margin-top: 0px;

}

  .new-slid-right .arrow {

  width: 31px;

  height: 8px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.new-slid-right .swiper-button-prev  {

  background-image: url('./../imgs/arr-prev-2.png');

}

.new-slid-right .swiper-button-next {

  background-image: url('./../imgs/arr-next-2.png');

}

      .faq {

        margin: 187px 0;

    }

    .faq-item-content p a {

      font-size: 14px;

    }

      .wrap-faq-title .block-title {

        margin-bottom: 50px;

        max-width: 500px;

        font-size: 40px;

        line-height: 40px;

    }

.wrap-faq-title .block-btn {

        font-size: 24px;

        line-height: 100%;

    }

        .faq-item {

        border-radius: 32px;

        background: #F6F6F6;

        padding: 20px;

    }

    .faq-item-top p {

        font-size: 18px;

    }

        .faq-arr {

        width: 32px;

        min-width: 32px;

        max-width: 32px;

        height: 32px;

    }

    .faq-arr:after {

      width: 24px;

    }

    .faq-arr:before {

      height: 24px;

    }

    .faq-item-top {

        gap: 28px;

    }



    .faq-item-content {

        padding-top: 13px;

    }

    .faq-item-content ul li, 

    .faq-item-content p {

      font-size: 14px;

    }

    .new-slid-side .block-title {

        font-size: 40px;

        line-height: 100%;

    }

        .new-slid {

        margin: 149px 0 0;

    }

        .wrap-new-slider-text {

        width: 100%;

        border-radius: 20px;

        background: #FFF;

        padding: 30px 20px;

        margin-top: 36px;

        border: 1px solid rgba(0, 0, 0, 0.05);

        box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);

    }

        .top-slide-img {

        margin-bottom: 30px;

        flex-direction: column;

        align-items: flex-start;

    }

        .rait {

        width: 156px;

    }

    .r-logo {


          width: 170px;

          margin-top: 23px;

    }

    .pretitle-text {

        font-size: 22px;

        margin-bottom: 20px;

    }

    .wrap-new-slider-text-clamp p {

      font-size: 14px;

    }

    .star-block .golo {

    position: relative;

    z-index: 1;

    width: 56px;

    height: 56px;

    margin: 0px;

    border-radius: 50%;

}

.tarif-item:nth-child(1) .wrap-tarif-tag {

  display: none;

}

.tarif-item:nth-child(1) .wrap-tarif-price {

  margin-top: 0px;

  margin-bottom: 0;

}

.tag-img {

  width: 30px;

  height: 30px;

}

.tag span {

    height: 30px;

    color: #8a8a8a;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

    border-radius: 32px;

    border: 0.5px solid #3e3e3e;

    padding: 0 8px;

}

.wrap-tarif-tag {

    display: flex;

    gap: 6px;

    align-items: center;

    flex-wrap: wrap;

    min-height: 30px;

}

.wrap-all-stickers-items {

  position: relative;

  right: 0;

  top: 0;

  width: 259px;

  height: 100px;

  padding-right: 0px;

}

.wrap-stickers-items .wrap-stickers-item .sticker, 

.wrap-stickers-items .wrap-stickers-item {

    position: relative;

    width: 100px;

    height: 100px;

}

.wrap-stickers-items .stickers-item-1 {

 position: absolute;

  right: auto;

  left: 0;

  top: 0px;

  z-index: 1;

}

.wrap-stickers-items .stickers-item-2 {

  position: absolute;

  right: auto;

  left: 106px;

  top: 0px;

  z-index: 3;

}

.wrap-stickers-items .stickers-item-3 {

  position: absolute;

  right: auto;

  left: 53px;

  top: 0;

  z-index: 2;

}

.wrap-stickers-items .stickers-item-4 {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 4;

}

    .tarif-item:nth-child(4) {

        height: auto;

    }

        .tarif-item:nth-child(4) .wrap-tarif-price {

        margin-top: 32px;

        margin-bottom: 10px;

    }

}

/*конец 2 новых блока*/

.wrap-nav-menu {

  position: absolute;

  left: 50%;

  display: none;

  top: 100%;

  padding-top: 20px;

  transform: translateX(-50%);

}

.wrap-nav-menu:after {

  position: absolute;

  content: "";

  top: 10px;

  left: 50%;

  width: 0;

  height: 0;

  transform: translateX(-50%);

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-bottom: 10px solid #F6F6F6;

}

.wrap-nav-menu ul {

  display: flex;

  border-radius: 30px;

  background: #F6F6F6;

  padding: 24px;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  gap: 16px;

}

.wrap-nav-menu ul li {

  margin: 0;

}

.wrap-nav-menu ul li a {

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  white-space: nowrap;

  line-height: 18px;

}

nav ul li .wrap-nav-menu a:hover:after {

  display: none;

}

nav ul li .wrap-nav-menu a:hover {

  color: #23BD87;

}

.parent-menu:hover .wrap-nav-menu {

  display: block;

}

.citys {

  margin-top: 100px;

}

.map-container {

  height: 650px;

  border-radius: 20px;

      transition: all 0.3s;

  overflow: hidden;

}

.pulse-container {

  position: relative;

  width: 100px;

  height: 100px;

}



.pulse-center {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 44px;

  height: 44px;

  border: 11px solid #2ecc71;

  background: #fff;

  border-radius: 50%;

  z-index: 2;

}



.pulse-ring {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 60px;

  height: 60px;

  background: rgba(46, 204, 113, 0.3);

  border-radius: 50%;

  animation: pulse 2s infinite ease-out;

  z-index: 1;

}



@keyframes pulse {

  0% {

    transform: translate(-50%, -50%) scale(1);

    opacity: 0.8;

  }

  100% {

    transform: translate(-50%, -50%) scale(3);

    opacity: 0;

  }

}

.city-item {

  position: relative;

}

.wrap-city-content-side {

  display: flex;

  gap: 30px;

  justify-content: space-between;

}

.city-content-left {

  width: 425px;

  display: flex;

  flex-direction: column;

  gap: 40px;

}

.city-content-map {

  width: calc(100% - 450px);

}

.map-container:hover {

    border-radius: 40px;

    transition: all 0.3s;

}

.city-item {

padding-top: 56px;

padding-bottom: 64px;

border-top: 1px solid rgba(0, 0, 0, 0.08);

border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.city-item-top {

  display: flex;

  align-items: center;

  cursor: pointer;

}

.city-item-name {

  color: #0A0A0A;

  text-align: left;

  font-size: 80px;

  font-style: normal;

  font-weight: 400;

  line-height: 80px;

}

.city-item.open .steps-item-title:hover {

  margin-bottom: 0px;

  transition: all 0.3s;

}

.city-item-arr {

  position: absolute;

  top: 72px;

  right: -2px;

  width: 50px;

  height: 50px;

  background-image: url('./../imgs/arr1.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  transform: rotate(0deg);

  opacity: 0.16;

  transition: all 0.3s;

}

.city-item-content {

  display: none;

}

.city-item.open .city-item-arr {

  opacity: 1;

  transform: rotate(180deg);

  transition: all 0.3s;

}

.city-item.open .city-item-content {

  display: block;

  padding-top: 80px;

}

.city-content-item + .block-btn {

  margin-top: auto;

}

.city-content-item p,

.city-content-item p a {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 125%;

  transition: all 0.3s;

}

.city-content-item p a:hover {

  color: #23BD87;

  transition: all 0.3s;

}

.city-content-item span {

  display: block;

  margin-top: 15px;

  color: #939393;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 100%; 

}

@media (max-width: 1740px) {

  .citys {

    margin-top: 79px;

}

.city-item-name {

    font-size: 60px;

    line-height: 60px;

}

.city-item-arr {

    position: absolute;

    top: 65px;

    right: 4px;

    width: 36px;

    height: 40px;

}

.city-content-item p, .city-content-item p a {

  font-size: 24px;

}

.city-content-item span {

  font-size: 17px;

}

.city-content-left {

  gap: 31px;

}

.city-content-map {

    width: calc(100% - 420px);

}

.map-container {

  height: 517px;

}

}

.fancybox__container {

     --fancybox-bg: rgba(0, 0, 0, 0.5);

}

@media (max-width: 1300px) {

    .citys {

        margin-top: 64px;

    }

    .city-item {

      padding: 40px 0 49px;

    }

        .city-item-name {

        font-size: 48px;

        line-height: 48px;

    }

        .city-item-arr {

        position: absolute;

        top: 48px;

        right: 4px;

        width: 30px;

        height: 30px;

    }

    .wrap-city-content-side {

    display: flex;

    gap: 30px;

    justify-content: space-between;

    flex-direction: column;

}

    .city-content-left {

        gap: 30px 15px;

        width: 100%;

        flex-direction: row;

        flex-wrap: wrap;

    }

    .city-content-item p, .city-content-item p a {

        font-size: 20px;

    }

    .city-item.open .city-item-content {

    display: block;

    padding-top: 49px;

}

.city-content-item {

  width: calc(50% - 8px);

}

.city-content-item + .block-btn {

    margin-top: 53px;

}

.city-content-map {

        width: 100%;

        margin-top: 15px;

    }

    .map-container {

        height: 402px;

    }

}

@media (max-width: 720px) {

    .city-item {

        padding: 30px 0 40px;

    }

        .city-item-name {

        font-size: 36px;

        line-height: 36px;

    }

    .city-item-arr {

      top: 34px;

    }

        .city-content-left {

        gap: 30px 15px;

        width: 100%;

        flex-direction: column;

        flex-wrap: wrap;

    }

        .city-content-item {

        width: 100%;

    }

        .city-content-item p, .city-content-item p a {

        font-size: 24px;

    }

        .city-content-item span {

        font-size: 18px;

    }

        .city-item.open .city-item-content {

        display: block;

        padding-top: 53px;

    }

    .city-content-item + .block-btn {

        margin-top: 39px;

        font-size: 26px;

        margin-left: auto;

    }

        .map-container {

        height: 503px;

    }

}



.popup {

  position: fixed;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: center;

  justify-content: center;

  margin: 0 auto;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 999999;

  overflow-x: hidden;

  background: rgba(10, 10, 10, 0.20);

  backdrop-filter: blur(12px);

  pointer-events: none;

  opacity: 0;

  transition: opacity 250ms 700ms ease;

}

.popup-body {

  position: relative;

  display: block;

  width: 100%;

  max-width: 700px;

  margin:auto;

  align-items: flex-start;

  justify-content: center;

  opacity: 0;

  padding:0;

  transform: scale(0.6);

  transition: opacity 250ms 250ms ease, transform 300ms 250ms ease;

}

#tarik .popup-body {

  transform: scale(1);

}

.popup-content {

  position: relative;

  border-radius: 40px;

  padding: 56px 56px;

  background: #fff;

}

.popup.active {

  pointer-events: auto;

  opacity: 1;

  transition: all 300ms ease-in-out;

}

.popup-close {

    position: absolute;

    right: 29px;

    top: 29px;

    display: flex;

    width: 50px;

    height: 50px;

    cursor: pointer;

    transition: all 0.3s;

    align-items: center;

    justify-content: center;

}

.popup-close:hover {

  opacity: 1;

  transition: all 0.3s;

}

.popup.active .popup-body {

  opacity: 1;

  transform: scale(1);

  transition: opacity 250ms 500ms ease, transform 350ms 500ms ease;

}

.popup-title {

  color: #0A0A0A;

  font-size: 48px;

  font-style: normal;

  font-weight: 400;

  line-height: 48px; 

  margin-bottom: 30px;

}

.popup-text {

  color: #6C6C6C;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 160%;

}

.popup .wrap-input textarea, .popup .wrap-input input {

    width: 100%;

    border-radius: 0px;

    background: #FFF;

    border: none;

    border-bottom: 2px solid #E8E8E8;

    height: 64px;

    padding: 0 16px;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.popup .wrap-input + .wrap-input {

  margin-top: 21px;

}

.popup .wrap-input textarea:focus,

.popup .wrap-input textarea:active,

.popup .wrap-input input:focus,

.popup .wrap-input input:active {

  border-bottom: 2px solid #23BD87;

}

.popup-body .wrap-form-input label input {

  border-radius: 10px;

  border: 1px solid #E5E5E5;

  background: #FFF;

  width: 100%;

  height: 48px;

  padding: 0 16px;

  color: #808080;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}

.popup  .wrap-checked {

  width: 100%;

  margin-top: 30px;

}

.popup-body button[disabled] {

  background: #9D9FA6;

  border: 1px solid #9D9FA6;

}

.popup-body button[type='submit'] {

  margin-top: 24px;

  border-radius: 24px;

  border: 1px solid #23BD87;

  background: #23BD87;

  height: 64px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  color: #FFF;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  cursor: pointer;

  line-height: 18px;

  transition: all 0.3s;

}

.popup-body button[type='submit']:hover {

  color: #23BD87;

  background: #fff;

}

.thx-text {

  color: #5B5F6B;

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 145%;

  margin-top: 20px;

  margin-bottom: 30px;

}

.thx-btn {

  display: flex;

  width: 195px;

  height: 51px;

  justify-content: center;

  align-items: center;

  border-radius: 89.009px;

  border: 1px solid #2B2B2B;

  color: #2B2B2B;

  text-align: center;

  font-size: 12px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: 1.08px;

  text-transform: uppercase;

  margin: 0 auto;

  transition: all 0.3s;

}

.thx-btn:hover {

  background: #2B2B2B;

  color: #fff;

  transition: all 0.3s;

}

.popup-form {

  margin: auto;

  width: 100%;

  max-width: 300px;

}

.warn-text {

  color: rgba(0, 0, 0, 0.40);

text-align: center;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 17.4px;

margin-top: 30px;

}

.warn-text a {

color: rgba(0, 0, 0, 0.40);

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 17.4px;

text-decoration-line: underline;

}

.popup-bottom-content {

    background: #fff;

    position: relative;

    height: 88px;

    display: flex;

    margin-top: 10px;

    align-items: center;

    border-radius: 40px;

    padding: 0px 16px 0 36px;

    background: #fff;

}

.wrap-pop-social {

  display: flex;

  align-items: center;

  width: 100%;

  gap: 12px;

}

.pop-text {

  color: #0A0A0A;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  white-space: nowrap;

  margin-bottom: 0;

  margin-right: 30px;

}

.wrap-pop-social a {

  display: flex;

  align-items: center;

  gap: 10px;

  border-radius: 32px;

  height: 56px;

  width: calc(33.333% - 7px);

  padding: 0 20px;

}

.wrap-pop-social a span {

  color: #FFF;

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 16px;

  letter-spacing: -0.16px;

}

.soc-color-1 {background: #32AADE;}

.soc-color-2 {background: #0078FF;}

.soc-color-3 {background: #32D951;}

@media (max-width: 1560px) {

.popup-body {

  max-width: 520px;

}

.popup-content {

    position: relative;

    border-radius: 30px;

    padding: 44px 32px 32px;

    background: #fff;

}

.popup-title {

    color: #0A0A0A;

    font-size: 36px;

    font-style: normal;

    font-weight: 400;

    line-height: 36px;

    margin-bottom: 20px;

}

.popup-text {

  font-size: 18px;

}

.popup-close svg {

  width: 18px;

  height: 18px;

}

.popup .wrap-input textarea, .popup .wrap-input input {

    width: 100%;

    border-radius: 0px;

    background: #FFF;

    border: none;

    border-bottom: 2px solid #E8E8E8;

    height: 48px;

    padding: 0px 12px;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.popup .wrap-input + .wrap-input {

    margin-top: 11px;

}

.popup-close {

    position: absolute;

    right: 15px;

    top: 15px;

  }

  .wrap-checked span {

    width: 18px;

    min-width: 18px;

    max-width: 18px;

    height: 18px;

    border-radius: 6px;

    border: 0.7px solid #A2A2A2;

    background: #FFF;

}

.wrap-checked p a,

.wrap-checked p {

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

}

.wrap-checked label {

    gap: 12px;

    cursor: pointer;

}

.popup .wrap-checked {

    width: 100%;

    margin-top: 19px;

}

.popup-body button[type='submit'] {

    margin-top: 17px;

    border-radius: 18px;

    border: 1px solid #23BD87;

    background: #23BD87;

    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    cursor: pointer;

    line-height: 16px;

    transition: all 0.3s;

}

.popup-bottom-content {

    background: #fff;

    position: relative;

    height: 64px;

    display: flex;

    margin-top: 8px;

    align-items: center;

    border-radius: 30px;

    padding: 0px 12px 0 24px;

    background: #fff;

}

.pop-text {

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    white-space: nowrap;

    margin-bottom: 0;

    margin-right: 12px;

}

.wrap-pop-social {

  display: flex;

  align-items: center;

  width: 100%;

  gap: 8px;

}

.wrap-pop-social a {

  gap: 6px;

  border-radius: 24px;

  height: 40px;

  width: calc(33.333% - 6px);

  padding: 0 12px;

}

.wrap-pop-social a svg {

  max-width: 16px;

  max-height: 16px;

}

.wrap-pop-social a span {

  font-size: 14px;

  line-height: 14px;

  letter-spacing: -0.14px;

}

}

@media (max-width: 768px) {

  .thx-btn {

    display: flex;

    width: 230px;

    height: 48px;

    font-size: 16px;

  }

  .popup-content {

        border-radius: 20px;

        position: relative;

        padding: 44px 16px 24px;

        background: #fff;

    }

        .popup-title {

        color: #0A0A0A;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

        margin-bottom: 10px;

    }

  .popup-close {

    right: 1px;

    top: 2px;

  }

    .popup-close svg path,

    .popup-close svg circle {

      stroke: #000;

    }

    .popup-text {

        font-size: 14px;

    }

        .popup .wrap-input textarea, .popup .wrap-input input {

        width: 100%;

        border-radius: 0px;

        background: #FFF;

        border: none;

        border-bottom: 2px solid #E8E8E8;

        height: 44px;

        padding: 0px 8px;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .wrap-checked span {

    width: 24px;

    min-width: 24px;

    max-width: 24px;

    height: 24px;

    border-radius: 8px;

    border: 1px solid #A2A2A2;

    background: #FFF;

}

.popup-body {

  max-width: 340px;

}

  .popup textarea {

    height: 71px;

  }

  .popup .wrap-checked {

        margin-bottom: 10px;

        margin-top: 18px;

    }

  .popup-body button[type='submit'] {

    height: 45px;

    font-size: 18px;

  }

  .thx-text {

    font-size: 16px;

  }

  .wrap-pop-social a span {

    display: none;

  }

      .wrap-pop-social a {

        gap: 0;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        height: 42px;

        width: 42px;

        padding: 0;

    }

    .pop-text {

      margin-right: 24px;

    }

}

.wrap-popup-content-header {

  position: relative;

  z-index: 99;

  height: 126px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.popup-header {

  background: rgba(0, 0, 0, 0.1);

}

.wrap-popup-content-header .container {

  position: relative;

  z-index: 1;

}

.wrap-popup-content-header .popup-close {

  position: relative;

  top: 0;

  right: 0;

}

#tarik .popup-body {

  background: #F6F6F6;

}

#tarik.popup {

  overflow: hidden;

}

#tarik .popup-body {

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

    position: relative;

}

#tarik .popup-content {

    position: relative;

    border-radius: 0;

    padding: 0;

    z-index: 5;

    background: transparent;

}

.wrap-popup-table-block {

  margin-top: 24px;

  overflow: auto;

  position: relative;

  z-index: 2;

  height: calc(100vh - 126px);

  padding-bottom: 50px;

}

.wrap-popup-table-block::-webkit-scrollbar {

  opacity: 0;

}

.wrap-popup-table {

  width: 100%;

  position: relative;

}

.wrap-popup-table table tr,

.wrap-popup-table table tr th,

.wrap-popup-table table tr td {

  position: relative;

  background: transparent;

}

.wrap-popup-table table tr th,

.wrap-popup-table table tr td {

  padding: 11px 47px;

}

.wrap-popup-table table tr th {

  padding-top: 32px;

}

.wrap-popup-table table tr td {

  border-top: 0.5px solid #BEBEBE;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

}

.wrap-popup-table .tarif-btn {

  margin-bottom: 20px;

}

.wrap-popup-table table tr td:first-child {

  padding-left: 0;

}

.wrap-popup-table table tr th p {

  color: #0A0A0A;

  font-size: 32px;

  text-align: left;

  font-weight: 500;

  line-height: 100%;

}

.wrap-popup-table table tr th span {

  font-family: "Open Sans", sans-serif;

  display: block;

  color: #0A0A0A;

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  text-align: left;

  line-height: 20px;

  opacity: 0.6;

}

.wrap-false-table {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  display: flex;

  gap: 30px;

  z-index: 1;

}

.wrap-popup-table table {

  position: relative;

  z-index: 2;

  background: transparent;

}

.table-col {

    width: calc(25% - 13px);

}

.table-col-2,

.table-col-3,

.table-col-4 {

  background: #fff;

  border-radius: 32px;

}

.popup-table-price {

  color: #0A0A0A;

  font-size: 64px;

  font-style: normal;

  font-weight: 400;

  line-height: 64px;

}

.popup-table-price span {

  color: #0A0A0A;

  font-size: 64px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  margin-left: 6px;

}

.wrap-tarif-popup-item {

  margin-top: 30px;

  padding-left: calc(25% + 5px);

}

.wrap-tarif-popup-item .wrap-stickers-items {



}

.wrap-tarif-popup-item .tarif-item {

  padding-top: 30px;

}

.wrap-tarif-popup-item  .tarif-item p {

    font-size: 12px;

    margin-bottom: 0;

}

.wrap-tarif-popup-item  .wrap-tarif-price {

    margin-bottom: 11px;

}

.wrap-tarif-popup-item .tarif-btn {

  max-width: 343px;

}

.wrap-tarif-popup-item .wrap-all-stickers-items {

    position: absolute;

    right: 0;

    top: 0;

    width: 850px;

    height: 311px;

    padding-right: 40px;

}

.wrap-tarif-popup-item  .wrap-stickers-items .wrap-stickers-item .sticker div:not(.sticker-shadow),

.wrap-tarif-popup-item  .wrap-stickers-items .wrap-stickers-item .sticker, 

.wrap-tarif-popup-item  .wrap-stickers-items .wrap-stickers-item {

    position: relative;

    width: 238px;

    height: 238px;

    border-radius: 50%;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-1 {

 position: absolute;

    right: 576px;

    top: 41px;

  z-index: 1;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-2 {

  position: absolute;

    right: 382px;

    top: 74px;

  z-index: 2;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-3 {

  position: absolute;

    right: 175px;

    top: 20px;

  z-index: 3;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-4 {

  position: absolute;

    right: -13px;

    top: 75px;

  z-index: 4;

}

@media(max-width: 1740px) {

.wrap-popup-content-header {

  height: 100px;

}

.popup .container {

  max-width: 1300px;

  padding: 0px 10px;

}

.wrap-popup-table table tr td {

  /*font-size: 14px;*/

}

.wrap-popup-table table tr th {

    padding: 11px 31px;

}

.wrap-popup-table table tr td {

padding: 5px 31px;

}

.wrap-popup-table table tr th:nth-child(2),

.wrap-popup-table table tr td:nth-child(2) {

  padding-left: 16px;

}

.table-col-2, .table-col-3, .table-col-4 {

    border-radius: 26px;

}

.wrap-popup-table table tr th {

    padding-top: 24px;

}

.wrap-popup-table table tr th p {

  font-size: 26px;

  margin-bottom: 7px;

}

.popup-table-price span,

.popup-table-price {

    color: #0A0A0A;

    font-size: 44px;

    font-style: normal;

    font-weight: 400;

    line-height: 44px;

}

.wrap-popup-table .tarif-btn {

  height: 65px;

  font-size: 16px;

}

.table-col {

    width: calc(25% - 25px);

}

.wrap-popup-table table tr td {

  font-size: 13px;

}

.wrap-tarif-popup-item .tarif-item {

    padding-top: 30px;

    width: 100%;

}

.popup .tarif-item  {

  padding: 20px 20px;

}

    .popup .tarif-item h5 {

        font-size: 26px;

    }

    .wrap-tarif-popup-item .wrap-tarif-price {

    margin-bottom: 11px;

    margin-top: 18px;

    font-size: 44px;

    line-height: 44px;

}

.popup .tarif-btn {

  height: 65px;

  font-size: 16px;

  border-radius: 26px;

  margin-bottom: 10px;

}

.wrap-tarif-popup-item .wrap-all-stickers-items {

    position: absolute;

    right: 0;

    top: 0;

    width: 587px;

    height: 212px;

    padding-right: 33px;

}

.wrap-tarif-popup-item  .wrap-stickers-items .wrap-stickers-item .sticker, 

.wrap-tarif-popup-item  .wrap-stickers-items .wrap-stickers-item {

    position: relative;

    width: 160px;

    height: 160px;

    border-radius: 50%;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-1 {

 position: absolute;

    right: 576px;

    top: 27px;

  z-index: 1;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-2 {

  position: absolute;

        right: 265px;

        top: 49px;

  z-index: 2;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-3 {

  position: absolute;

        right: 125px;

        top: 12px;

        left: auto;

  z-index: 3;

}

.wrap-tarif-popup-item  .wrap-stickers-items .stickers-item-4 {

  position: absolute;

right: 0px;

        top: 49px;

  z-index: 4;

} 

}

.wrap-hand-trigger {

  margin-left: 24px;

}

.wrap-hand-trigger img {

  animation: sway 4s infinite ease-in-out;

}

@keyframes sway {

  0%, 100% {

    transform: translateX(-20px);

  }

  50% {

    transform: translateX(20px);

  }

}

@media(max-width: 1300px) {

#tarik {

  display: none!important;

}

}

.tarif-more-btn-mobile {

  display: none;

}

.wrap-mobile-info {

  display: none;

}



@media(max-width: 1300px) {

.tarif-more-btn {

  display: none;

}

.tarif-more-btn-mobile {

  display: flex;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  align-items: center;

  margin: 20px 0;

}

.tarif-more-btn-mobile span {

  margin-left: 5px;

  transform: rotate(0deg);

  transition: all 0.3s;

}

.tarif-more-btn-mobile.active span {

  transform: rotate(-180deg);

  transition: all 0.3s;

}

.tarif-mobile-item {

  border-top: 1px solid #BEBEBE;

  padding-top: 16px;

  padding-bottom: 20px;

}

.mt-title {

  margin-bottom: 8px;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%; 

}

.mt-title span {

  display: block;

  color: #6C6C6C;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

}

.tarif-mobile-item:last-child {

  border-bottom: 1px solid #BEBEBE;

}

.mt-text {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 17px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

}

.tag-img,

.tag {

    position: unset;

}

.wrap-win-tag:after {

  display: none;

}

.wrap-win-tag {

  display: block;

  position: absolute;

  width: 320px;

  left: calc(50% - 160px);

  bottom: 100%;

  visibility: hidden;

  opacity: 0;

  padding: 16px 20px;

  border-radius: 30px;

  background: #FFF;

  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

  transition: all 0.3s;

}

.tag-img.up .wrap-win-tag,

.tag.up .wrap-win-tag {

  opacity: 1;

  visibility: visible;

  bottom: calc(100% + 15px);

  transition: all 0.3s;

}

}

@media(max-width: 720px) {

.tarif-more-btn-mobile {

  display: flex;

  color: #0A0A0A;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 16px;

  align-items: center;

  margin: 20px 0;

}

.tarif-more-btn-mobile span {

  margin-left: 5px;

  transform: rotate(0deg);

  transition: all 0.3s;

}

.tarif-more-btn-mobile.active span {

  transform: rotate(-180deg);

  transition: all 0.3s;

}

.mt-title {

  margin-bottom: 8px;

  color: #0A0A0A;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%; 

}

.mt-title span {

  display: block;

  color: #6C6C6C;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

}

.mt-text {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

}

.wrap-hand-trigger {

  position: relative;

  margin-left: 0;

}

.hand-trigger {

    position: absolute;

    top: 38px;

    left: -62px;

    transform: rotate(90deg);

}

}

.table-col.hov {

box-shadow: 0 4px 32px 0px rgba(0, 0, 0, 0.08);

transition: all 0.3s;

}

.price-list {

  margin-top: 103px;

}

.price-list h2 {

  color: #0A0A0A;

  font-size: 80px;

  font-style: normal;

  font-weight: 400;

  line-height: 80px;

  margin-bottom: 50px;

}

.price_li {

  display: flex;

  gap: 4px;

}

.price_li li {}

.price_li li a {

  height: 64px;

  font-family: "Open Sans", sans-serif;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 31.2px;

  border: 0.5px solid #F6F6F6;

  border-radius: 32px;

  background: #F6F6F6;

  color: rgba(10, 10, 10, 0.64);

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  transition: all 0.3s;

}

.price_li li a:hover {

  background: transparent;

  border: 0.5px solid #23BD87;

  transition: all 0.3s;

}

.price_li li a.curent:hover,

.price_li li a.curent {

  background: #DCF4EC;

  border: 0.5px solid #DCF4EC;

  transition: all 0.3s;

}

/*начало страница цены*/

.price-tabs-content {

  margin-top: 60px;

}

.wrap-cards-price {

  display: flex;

  gap: 30px;

  padding: 32px;

  border-radius: 40px;

  background: #F6F6F6;

}

.geo-card {

  width: calc(33.333% - 20px);

  padding: 44px 32px;

  border-radius: 32px;

  background: #FFF;

}

.top-geo {

  position: relative;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  padding-bottom: 30px;

}

.top-geo p {

  display: flex;

  flex-direction: column;

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

  margin-bottom: 0;

}

.top-geo p span {

  font-family: "Open Sans", sans-serif;

  opacity: 0.6;

  color: #0A0A0A;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  margin-top: 10px;

}

.content-geo {

  padding: 30px 0 40px;

  min-height: 218px;

}

.content-geo ul {

  padding-left: 23px;

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.content-geo ul li {

  position: relative;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.content-geo ul li span {

  display: block;

  color: #808080;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-top: 3px;

}

.content-geo ul li:after {

  position: absolute;

  content: "";

  left: -14px;

  top: 11px;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #0A0A0A;

}

.wrap-tags-geo {

  min-height: 108px;

}

.tags-geo {

  display: flex;

  gap: 2px;

  flex-wrap: wrap;



}

.tag-item {

  display: flex;

  height: 52px;

  gap: 8px;

  align-items: center;

  width: fit-content;

  padding: 0 12px;

  border-radius: 20px;

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.tag-item p {

  margin: 0;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 15px;

}

.wrap-tag-sticker {

  position: relative;

  width: 36px;

  height: 36px;

}

.wrap-tag-sticker .sticker {

  width: 36px;

  height: 36px;

}

.wrap-tag-sticker.tag-sticker-1 .sticker .sticker-img {

  background-image: url('./../imgs/alice.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-2 .sticker .sticker-img {

  background-image: url('./../imgs/gpt.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-3 .sticker .sticker-img {

  background-image: url('./../imgs/deep.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-4 .sticker .sticker-img {

  background-image: url('./../imgs/google.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-5 .sticker .sticker-img {

  background-image: url('./../imgs/perp.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}



.wrap-tag-sticker.tag-sticker-1 .sticker-bg {

  background-image: url('./../imgs/alice.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-2 .sticker-bg {

  background-image: url('./../imgs/gpt.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-3 .sticker-bg {

  background-image: url('./../imgs/deep.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-4 .sticker-bg {

  background-image: url('./../imgs/google.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.wrap-tag-sticker.tag-sticker-5 .sticker-bg {

  background-image: url('./../imgs/perp.svg');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.tag-sticker-geo {

  right: -22px;

  top: -33px;

  width: 56px;

  height: 56px;

  position: absolute;

}

.tag-sticker-geo .sticker {

  position: relative;

  width: 56px;

  height: 56px;

}

.tag-sticker-geo .sticker .sticker-img {

  background-image: url('./../imgs/hit.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

}

.tag-sticker-geo .sticker-bg {

  background-image: url('./../imgs/hit.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  width: 100%;

  height: 100%;

  border-radius: 50%;

}

.price-geo {

    margin-top: 39px;

    margin-bottom: 37px;

}

.price-geo p {

  display: flex;

  align-items: center;

  gap: 16px;

  color: #23BD87;

  font-size: 64px;

  font-style: normal;

  font-weight: 400;

  line-height: 64px;

}

.price-geo span {

  color: #23BD87;

  font-size: 64px;

  font-style: normal;

  font-weight: 300;

  line-height: 64px;

}

.price-card-btn  {

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 32px;

  border: 1px solid #0A0A0A;

  width: 100%;

  height: 75px;

  max-width: 468px;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  transition: all 0.3s;

}

.price-card-btn:hover {

  color: #fff;

  border: 1px solid #23BD87;

  background: #23BD87;

  transition: all 0.3s;

}

@media(max-width: 1740px) {

.price-list {

    margin-top: 76px;

}

.price-list h2 {

    color: #0A0A0A;

    font-size: 36px;

    font-style: normal;

    font-weight: 400;

    line-height: 36px;

    margin-bottom: 35px;

}

.price_li li a {

    height: 44px;

    font-family: "Open Sans", sans-serif;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0px 24px;

    border: 0.5px solid #F6F6F6;

    border-radius: 32px;

    background: #F6F6F6;

    color: rgba(10, 10, 10, 0.64);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    transition: all 0.3s;

}

.price-tabs-content {

    margin-top: 40px;

}

.wrap-cards-price {

    display: flex;

    gap: 30px;

    padding: 24px;

    border-radius: 30px;

    background: #F6F6F6;

}

.geo-card {

    padding: 34px 24px;

    border-radius: 24px;

    background: #FFF;

}

.top-geo p {

  font-size: 26px;

}

.top-geo p span {

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin-top: 7px;

}

.top-geo {

  padding-bottom: 18px;

}

.content-geo ul {

    padding-left: 25px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.content-geo {

    padding: 15px 0 32px;

    min-height: 192px;

}

.tag-item {

    height: 48px;

    gap: 8px;

    align-items: center;

    width: fit-content;

    padding: 0 13px;

    border-radius: 20px;

    border: 1px solid rgba(0, 0, 0, 0.08);

}

.wrap-tag-sticker {

    position: relative;

    width: 32px;

    height: 32px;

}

.wrap-tag-sticker .sticker {

    width: 32px;

    height: 32px;

}

.wrap-tags-geo {

      min-height: 183px;

}

.tags-geo {

  gap: 7px 5px;

  flex-wrap: wrap;

  align-items: flex-start;

}

.price-geo p {

  gap: 16px;

  font-size: 56px;

  line-height: 56px;

}

.price-geo span {

  font-size: 56px;

  line-height: 56px;

}

.price-geo {

    margin-top: 0;

    margin-bottom: 37px;

}

.price-card-btn {

  cursor: pointer;

  align-items: center;

  justify-content: center;

  border-radius: 26px;

  border: 1px solid #0A0A0A;

  width: 100%;

  height: 65px;

  max-width: 468px;

  color: #0A0A0A;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  transition: all 0.3s;

}

.tag-sticker-geo {

  right: -13px;

  top: -22px;

  width: 48px;

  height: 48px;

  position: absolute;

}

.tag-sticker-geo .sticker {

  position: relative;

  width: 48px;

  height: 48px;

}

}

@media(max-width: 1200px) {

    .price-list {

        margin-top: 62px;

    }

    .price_li {

    display: flex;

    gap: 16px;

    flex-wrap: wrap;

}

.price_li li {

    width: calc(33.333% - 11px);

}

.price_li li a {

  width: 100%;

}

.wrap-cards-price {

    gap: 30px;

    padding: 24px;

    border-radius: 16px;

    background: #F6F6F6;

    flex-direction: column;

}

.geo-card {

    padding: 32px 24px;

    border-radius: 16px;

    width: 100%;

    background: #FFF;

}

.content-geo ul {

  padding-left: 22px;

}

.content-geo {

    padding: 15px 0 30px;

    min-height: auto;

}

.tag-item {

    padding: 0 11px;

}

.wrap-tags-geo {

    min-height: auto;

}

.wrap-tags-geo {

    min-height: auto;

    margin-bottom: 32px;

}

.price-card-btn {

  max-width: none;

}

.tag-sticker-geo {

  right: -9px;

  top: -17px;

  width: 56px;

  height: 56px;

  position: absolute;

}

.tag-sticker-geo .sticker {

  position: relative;

  width: 56px;

  height: 56px;

}

.tags-geo {

        gap: 3px 5px;

        flex-wrap: wrap;

        align-items: flex-start;

    }

    

}

@media(max-width: 720px) {

.price-list {

        margin-top: 58px;

    }

    .price-list h2 {

        color: #0A0A0A;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

        margin-bottom: 30px;

    }

        .price_li {

        display: flex;

        gap: 8px;

        flex-wrap: wrap;

    }

        .price_li li {

        width: calc(50% - 4px);

    }

        .price_li li a {

        height: 33px;

        padding: 0px 10px;

        border: 0.5px solid #F6F6F6;

        border-radius: 32px;

        background: #F6F6F6;

        color: rgba(10, 10, 10, 0.64);

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        transition: all 0.3s;

    }

        .wrap-cards-price {

        gap: 10px;

        padding: 16px;

        border-radius: 32px;

        background: #F6F6F6;

        flex-direction: column;

    }

        .geo-card {

        padding: 24px 20px 32px;

        border-radius: 24px;

        width: 100%;

        background: #FFF;

    }

        .top-geo p {

        font-size: 30px;

    }

        .top-geo {

        padding-bottom: 21px;

    }

        .content-geo {

        padding: 19px 0 30px;

        min-height: auto;

    }

        .wrap-tag-sticker {

        position: relative;

        width: 26px;

        height: 26px;

    }

        .wrap-tag-sticker .sticker {

        width: 26px;

        height: 26px;

    }

    .tag-item {

      height: 43px;

    }

        .price-geo p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

    }

        .wrap-tags-geo {

        min-height: auto;

        margin-bottom: 30px;

    }

        .price-geo span {

        font-size: 36px;

        line-height: 36px;

    }

        .price-geo {

        margin-top: 0;

        margin-bottom: 24px;

    }

    .price-card-btn {

      height: 56px;

    }

.tag-sticker-geo {

  right: -5px;

  top: -8px;

  width: 44px;

  height: 44px;

  position: absolute;

}

.tag-sticker-geo .sticker {

  position: relative;

  width: 44px;

  height: 44px;

}

}

.dev-card {

  width: calc(33.333% - 20px);

  padding: 44px 32px;

  border-radius: 32px;

  background: #FFF;

}

.top-dev {

  position: relative;

  padding-bottom: 30px;

}

.top-dev p {

  display: flex;

  flex-direction: column;

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

  margin-bottom: 0;

}

.top-dev p span {

  font-family: "Open Sans", sans-serif;

  opacity: 0.6;

  color: #0A0A0A;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  margin-top: 10px;

}

.dev-content {

  margin-top: 30px;

}

.dev-content p {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.dev-price {

  margin-top: 30px;

  margin-bottom: 35px;

}

.dev-price p {

  display: flex;

  align-items: center;

  gap: 16px;

  color: #23BD87;

  font-size: 64px;

  font-style: normal;

  font-weight: 400;

  line-height: 64px;

  margin-bottom: 0;

}

.dev-price span {

  color: #23BD87;

  font-size: 64px;

  font-style: normal;

  font-weight: 300;

  line-height: 64px;

}

@media (max-width: 1740px) {

.dev-card {

    padding: 34px 23px;

    border-radius: 24px;

    background: #FFF;

}

.top-dev p {

  font-size: 26px;

}

.top-dev p span {

    font-family: "Open Sans", sans-serif;

    opacity: 0.6;

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 120%;

    margin-top: 10px;

}

.dev-content p {

    color: #0A0A0A;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.dev-content {

    margin-top: 21px;

}

.dev-price p {

  gap: 16px;

  font-size: 56px;

  line-height: 56px;

}

.dev-price span {

  font-size: 56px;

  line-height: 56px;

}

.dev-price {

    margin-top: 21px;

    margin-bottom: 19px;

}

}

@media (max-width: 1200px) {

.dev-card {

  padding: 32px 24px;

  border-radius: 16px;

  width: 100%;

  background: #FFF;

}

.dev-content {

  margin-top: 2px;

}

.wrap-cards-price.dev-cards {

  gap: 11px;

}

}

@media (max-width: 720px) {

        .dev-card {

        padding: 24px 20px 32px 19px;

        border-radius: 24px;

        width: 100%;

        background: #FFF;

    }

.dev-price p {

  gap: 16px;

  font-size: 36px;

  line-height: 36px;

}

.dev-price span {

  font-size: 36px;

  line-height: 36px;

}

    .top-dev p {

        font-size: 30px;

    }

        .top-dev p span {

        font-family: "Open Sans", sans-serif;

        opacity: 0.6;

        color: #0A0A0A;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        margin-top: 13px;

    }   

    .dev-content p {

        color: #0A0A0A;

        font-size: 17.2px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .dev-content {

        margin-top: 0px;

    }

        .dev-price {

        margin-top: 24px;

        margin-bottom: 23px;

    }

}

.price_li-tab {

  display: flex;

  gap: 44px;

  margin-bottom: 66px;

}

.price_li-tab li a {

  position: relative;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  border-bottom: 2px solid transparent;

  padding-bottom: 6px;

  transition: all 0.3s;

}

.price_li-tab li a:hover,

.price_li-tab li a.curent {

  color: #23BD87;

  border-bottom: 2px solid #23BD87;

  transition: all 0.3s;

}

.dir-card {

  width: calc(25% - 13px);

  padding: 44px 32px;

  border-radius: 32px;

  background: #FFF;

  height: fit-content;

}

.dir-content-btn {

  display: flex;

  width: 100%;

  height: 44px;

  align-items: center;

  justify-content: space-between;

  border-radius: 32px;

  border: 1px solid #B0B0B0;

  padding: 0 24px;

  color: #808080;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  transition: all 0.3s;

}

.dir-content-btn span {

  color: #808080;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 140%;

  transform: rotate(0deg);

  transition: all 0.3s;

}

.dir-content-btn:hover {

  color: #0A0A0A;

  border: 1px solid #0A0A0A;

  transition: all 0.3s;

}

.dir-content-btn.active span {

  transform: rotate(-180deg);

  transition: all 0.3s;

}

.dir-content {

  display: none;

}

.dir-content-card {

  margin: 38px 0;

  padding: 30px 0;

  border-top: 1px solid #ECECEC;

  border-bottom: 1px solid #ECECEC;

}

.dir-content-card p {

  margin-bottom: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #0A0A0A;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 18px;

}

.dir-content-card p + p {

  margin-top: 20px;

}

.dir-content-card p span {

  color: #23BD87;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px;

}

.dir-text {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  min-height: 50px;

}

.dir-card .dev-price p {

    gap: 16px;

    font-size: 56px;

    line-height: 56px;

    margin-bottom: 0;

}

.dir-card .dev-price p span {

  font-size: 56px;

  line-height: 56px;

}

.dir-card .dev-price {

    margin-top: 30px;

    margin-bottom: 29px;

}

.dir-content-title {

  margin-top: 30px;

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.dir-content p {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 0;

  margin-top: 10px;

}

.dir-content p.text-d {

  color: #B0B0B0;

  text-decoration-line: line-through;

}

@media (max-width: 1740px) {

  .dir-content-title {

  margin-top: 30px;

  font-size: 22px;

  line-height: 22px;

}

.dir-content p {

  font-size: 15px;

  line-height: 24px;



  margin-top: 10px;

}

  .price_li-tab {

    display: flex;

    gap: 44px;

    margin-bottom: 46px;

}

.price-tab-second_box .wrap-cards-price {

  gap: 8px;

}

.dir-card {

    width: calc(25% - 7px);

    padding: 33px 25px;

    border-radius: 32px;

    background: #FFF;

}

.price-tab-second_box .top-dev {

    position: relative;

    padding-bottom: 10px;

    min-height: 123px;

}

.dir-content-btn {

    height: 38px;

    padding: 0 24px;

    font-size: 18px;

    transition: all 0.3s;

}

.dir-content-card {

    margin: 27px 0;

    padding: 23px 0;

}

.dir-content-card p {

    margin-bottom: 0;

    color: #0A0A0A;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 15px;

}

.dir-content-card p span {

    color: #23BD87;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;

}

.dir-text {

    font-size: 16px;

    line-height: 16px;

}

.dir-card .dev-price p {

    gap: 16px;

    font-size: 44px;

    line-height: 44px;

    margin-bottom: 0;

}

.dir-card .dev-price p span {

    font-size: 44px;

    line-height: 44px;  

}

.dir-card .dev-price {

    margin-top: 20px;

    margin-bottom: 19px;

}



}

@media(max-width: 1200px) {

  .price-tab-second_box .wrap-cards-price {

    flex-direction: row;

    flex-wrap: wrap;

  }

    .dir-card {

        width: calc(50% - 12px);

        padding: 33px 25px;

        border-radius: 32px;

        background: #FFF;

    }

        .price-tab-second_box .wrap-cards-price {

        gap: 24px;

    }

        .dir-text {

        font-size: 18px;

        line-height: 18px;

        min-height: auto;

    }

        .dir-content-card {

        margin: 27px 0 23px;

        padding: 23px 0;

    }

        .dir-card .dev-price p {

        gap: 16px;

        font-size: 48px;

        line-height: 48px;

        margin-bottom: 0;

    }

    .dir-card .dev-price p span {

      font-size: 48px;

        line-height: 48px;

    }

      .dir-content-title {

  margin-top:24px;

  font-size: 22px;

  line-height: 22px;

}

.dir-content p {

  font-size: 15px;

  line-height: 24px;



  margin-top: 10px;

}

}

@media(max-width: 720px) {

       .dir-content-title {

  margin-top:26px;

  font-size: 22px;

  line-height: 22px;

}

.dir-content p {

  font-size: 15px;

  line-height: 24px;



  margin-top: 10px;

}

      .price-tab-second_box .wrap-cards-price {

        gap: 10px;

    }

    .price_li-tab li a {

      font-size: 20px;

    }

        .dir-card {

        width: 100%;

        padding: 22px 19px 35px;

        border-radius: 24px;

        background: #FFF;

    }

        .price-tab-second_box .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: auto;

    }

    .wrap-dir-content {

      margin-top: 15px;

    }

        .dir-text {

        font-size: 21px;

        line-height: 21px;

    }

        .dir-card .dev-price p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

        margin-bottom: 0;

    }

    .dir-card .dev-price p span {

      font-size: 36px;

        line-height: 36px;

    }

}

.targ-card {

  width: calc(33.333% - 20px);

  padding: 44px 32px;

  border-radius: 32px;

  background: #FFF;



}

.top-targ {

    margin-bottom: 30px;

}

.top-targ p {

  color: #0A0A0A;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

  margin-bottom: 0;

}

.targ-content {

  padding: 32px 0;

  min-height: 185px;

  border-top: 1px solid rgba(0, 0, 0, 0.08);

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.targ-content ul {

  padding-left: 23px;

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.targ-content ul li {

  position: relative;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.targ-content ul li span {

  display: block;

  color: #808080;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-top: 3px;

}

.targ-content ul li:after {

  position: absolute;

  content: "";

  left: -14px;

  top: 11px;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #0A0A0A;

}

.targ-price {

  margin-top: 40px;

  margin-bottom: 36px;

  display: flex;

  gap: 16px;

}

.targ-price p {

  display: flex;

  align-items: center;

  gap: 16px;

  color: #23BD87;

  font-size: 44px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

  margin-bottom: 0;

}

.targ-price p span {

  color: #23BD87;

  font-size: 44px;

  font-style: normal;

  font-weight: 300;

  line-height: 44px;

}

.targ-price .slash {

  color: #B0B0B0;

  font-size: 44px;

  font-style: normal;

  font-weight: 300;

  line-height: 44px;

}

.targ-price .month {

  color: #0A0A0A;

  font-size: 44px;

  font-style: normal;

  font-weight: 300;

  line-height: 44px;

}

@media(max-width: 1740px) {

.targ-card {

    padding: 34px 24px;

    border-radius: 24px;

    background: #FFF;

}

.top-targ p {

  font-size: 26px;

}

.top-targ {

    margin-bottom: 24px;

}

.targ-content {

    padding: 22px 0;

    min-height: 168px;

}

.targ-price p {

  gap: 11px;

}

.targ-price {

  gap: 7px;

}

}

@media(max-width: 1200px) {

    .targ-card {

        width: 100%;

        padding: 34px 24px;

        border-radius: 24px;

        background: #FFF;

    }

        .targ-content {

        padding: 22px 0;

        min-height: auto;

    }

    .targ-price p {

    gap: 7px;

    color: #23BD87;

    font-size: 56px;

    font-style: normal;

    font-weight: 400;

    line-height: 56px;

    margin-bottom: 0;

}

.targ-price p  span {

  font-size: 56px;

  line-height: 56px;

}

.targ-price .slash {

    color: #B0B0B0;

    font-size: 56px;

    font-style: normal;

    font-weight: 300;

    line-height: 56px;

}

.targ-price .month {

    color: #0A0A0A;

    font-size: 56px;

    font-style: normal;

    font-weight: 300;

    line-height: 56px;

}

.targ-price {

  margin-top: 45px;

}

}

@media(max-width: 720px) {

.top-targ p {

    font-size: 30px;

}

    .targ-card {

        width: 100%;

        padding: 24px 19px 32px;

        border-radius: 24px;

        background: #FFF;

    }

        .top-targ {

        margin-bottom: 20px;

    }

        .targ-content {

        padding: 19px 0;

        min-height: auto;

    }

    .targ-price .month,

    .targ-price .slash,

    .targ-price p  span,

    .targ-price p {

      font-size: 36px;

      line-height: 36px;

    }

        .targ-price {

        margin-top: 32px;

        margin-bottom: 23px;

        gap: 9px;

    }

}

.anal-tabs-type-1 .targ-content {

  min-height: 280px;

}

.anal-tabs-type-1 .top-dev {

  min-height: 102px;

}

.anal-tabs-type-1 .price-geo p span,

.anal-tabs-type-1 .price-geo p {

  font-size: 56px;

  line-height: 56px;

}

@media(max-width: 1740px) {

      .anal-tabs-type-1 .dir-card {

        padding: 26px 18px;

    }

        .price-tab-second_box.anal-tabs-type-1 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 80px;

    }

    .anal-tabs-type-1 .price-geo p span, 

    .anal-tabs-type-1 .price-geo p {

    font-size: 44px;

    line-height: 44px;

}

.anal-tabs-type-1 .targ-content {

    min-height: 288px;

    margin-bottom: 28px;

}

}

@media(max-width: 1200px) {

      .anal-tabs-type-1 .dir-card {

        padding: 32px 23px;

        width: 100%;

    }

        .anal-tabs-type-1 .targ-content {

        min-height: auto;

        margin-bottom: 28px;

        padding: 24px 0;

    }

        .anal-tabs-type-1 .price-geo p span, .anal-tabs-type-1 .price-geo p {

        font-size: 56px;

        line-height: 56px;

    }

        .price-tab-second_box.anal-tabs-type-1 .wrap-cards-price {

        gap: 12px;

    }

}

@media(max-width: 720px) {

      .price_li-tab {

        gap: 39px;

        margin-bottom: 46px;

        flex-wrap: wrap;

    }

        .anal-tabs-type-1 .dir-card {

        padding: 23px 19px 32px;

        width: 100%;

    }

    .anal-tabs-type-1 .top-dev p span {

      margin-top: 8px;

    }

        .anal-tabs-type-1 .price-geo p span, .anal-tabs-type-1 .price-geo p {

        font-size: 36px;

        line-height: 36px;

    }

        .anal-tabs-type-1 .targ-content {

        min-height: auto;

        margin-bottom: 23px;

        padding: 24px 0;

    }

    .anal-tabs-type-1 .price-geo p {

        gap: 9px;

      }

}

.anal-tabs-type-2 .targ-content p {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 10px;

}

.price-text {

  color: #23BD87;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

}

.anal-tabs-type-1.anal-tabs-type-2 .targ-content {

    min-height: 320px;

  }

  .anal-tabs-type-1 .price-geo {

    min-height: 66px;

  }

@media(max-width: 1740px) {

.anal-tabs-type-1.anal-tabs-type-2 .targ-content {

    min-height: 320px;

  }

  .anal-tabs-type-1.anal-tabs-type-2 .dir-card:nth-child(4) .targ-content {

    min-height: 300px;

  }

  .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {

      position: relative;

      padding-bottom: 10px;

      min-height: 106px;

    }

    .anal-tabs-type-2 .targ-content p {

    color: #0A0A0A;

    font-size: 22px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 10px;

}

}

@media(max-width: 1200px) {

.top-dev p br {

  display: none;

}

    .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 79px;

    }

        .anal-tabs-type-1.anal-tabs-type-2 .targ-content {

        min-height: auto;

    }

    .price-text {

    color: #23BD87;

    font-size: 44px;

    font-style: normal;

    font-weight: 400;

    line-height: 44px;

}

}

@media(max-width: 720px) {

  .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 110px;

    }

    .price-text {

        color: #23BD87;

        font-size: 32px;

        font-style: normal;

        font-weight: 400;

        line-height: 32px;

    }

}

.wrap-cards-price .wrap-popup-table-block {

    margin-top: 0;

    overflow: visible;

    position: relative;

    z-index: 2;

    height: auto;

    padding-bottom: 0;

}

.wrap-cards-price .table-col.table-col-4 {

  width: 422px;

}

.wrap-cards-price .table-col.table-col-2,

.wrap-cards-price .table-col.table-col-3 {

  width: 437px;

}

.wrap-cards-price .table-col.table-col-1 {

  width: 359px;

}

.wrap-cards-price .wrap-popup-table table tr th p {

  margin-bottom: 9px;

}

.wrap-cards-price .wrap-popup-table table tr th {

    padding: 31px 47px 21px;

}

.wrap-cards-price .wrap-popup-table table tr td {

    padding: 10px 47px 10px;

    font-size: 15px;

}

.wrap-cards-price .wrap-popup-table table tr td:first-child {

    padding-left: 0;

    padding-right:20px;

}

.wrap-cards-price .popup-table-price span,

.wrap-cards-price .popup-table-price {

  color: #23BD87;

}

.wrap-cards-price .tarif-btn {

  color: #0A0A0A;

  border: 1px solid #0A0A0A;  

}

.wrap-cards-price .tarif-btn:hover {

  color: #fff;

  border: 1px solid #23BD87;

}

.wrap-cards-price .wrap-tarif-popup-item {

  margin-top: 30px;

  padding-left: 364px;

}

.header-t-1 {

  width: 359px;

}

.header-t-2 {

  width: 437px;

}

.header-t-3 {

  width: 437px;

}

.header-t-4 {

  width: 422px;

}

.wrap-table-btn {

  position: absolute;

  bottom: 40px;

  left: 23px;

}

.wrap-table-btn a {

  position: relative;

  color: #B0B0B0;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 32px;

  margin: 0;

}

.wrap-cards-price  .wrap-tarif-price span,

.wrap-cards-price  .wrap-tarif-price {

  color: #23BD87;

    }

@media(max-width: 1740px) {

  .header-t-1 {

  width: 312px;

}

.header-t-2 {

  width: 310px;

}

.header-t-3 {

  width: 310px;

}

.header-t-4 {

  width: 310px;

}

.wrap-false-table {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    gap: 10px;

    z-index: 1;

}

.wrap-cards-price .wrap-popup-table table tr th {

    padding: 26px 27px 13px;

}

.wrap-cards-price .table-col.table-col-4 {

  width: 312px;

}

.wrap-cards-price .table-col.table-col-2,

.wrap-cards-price .table-col.table-col-3 {

  width: 310px;

}

.wrap-cards-price .table-col.table-col-1 {

  width: 310px;

}

.wrap-cards-price .wrap-popup-table table tr td {

    padding: 3px 28px 4px;

    font-size: 14px;

}

.wrap-cards-price .wrap-tarif-popup-item {

    margin-top: 10px;

    padding-left: 312px;

}

    .wrap-cards-price .wrap-tarif-popup-item .tarif-item {

        padding-top: 22px;

        width: 100%;

    }

       .wrap-cards-price  .tarif-item h5 {

        font-size: 26px;

    }

       .wrap-cards-price  .wrap-tarif-price span {

        font-size: 44px;

    }

    .wrap-cards-price .popup-table-price {

      margin-top: 24px;

    }

}



@media(max-width: 1279px) {

.wrap-cards-price .desctop-price {

  display: none;

}

.mobile-price {

  display: flex;

  flex-direction: column;

  gap: 10px;

  width: 100%;

}

.seo-card {

  border-radius: 16px;

  background: #FFF;

  width: 100%;

  padding: 36px 32px 32px;

}

.top-seo {

  position: relative;

  width: 100%;

  margin-bottom: 32px;

}

.top-seo p {

  color: #0A0A0A;

  font-size: 26px;

  font-style: normal;

  font-weight: 500;

  line-height: 100%;

  margin-bottom: 0;

}

.top-seo p span {

  display: block;

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  margin-top: 9px;

}

.seo-card .tarif-more-btn-mobile {

  margin: 20px 0 23px;

}

.seo-card .mt-title {

  margin-bottom: 7px;

}

    .seo-price {

        margin-top: 30px;

        margin-bottom: 25px;

    }

.seo-price p {

  display: flex;

  align-items: center;

  gap: 16px;

  color: #23BD87;

  font-size: 44px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

}

.seo-price p span {

  color: #23BD87;

  font-size: 44px;

  font-style: normal;

  font-weight: 300;

  line-height: 44px;

}

.top-seo .tag-img {

  width: 56px;

  height: 56px;

}

.top-seo .tag-img {

  position: absolute;

        right: -25px;

        top: -27px;

}



}

@media (max-width: 720px) {

  .top-seo p {

    font-size: 30px;

  }

      .seo-card {

        border-radius: 16px;

        background: #FFF;

        width: 100%;

        padding: 23px 20px 32px;

    }

        .top-seo p span {

        display: block;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 25px;

        margin-top: 9px;

    }

    .seo-price p span,

        .seo-price p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

    }

        .top-seo .tag-img {

        width: 44px;

        height: 44px;

    }

        .top-seo .tag-img {

        position: absolute;

        right: -14px;

        top: -18px;

    }

}

.geo-card,

.dev-card,

.dir-card,

.targ-card {

  transition: all 0.3s;

}

.geo-card:hover,

.dev-card:hover,

.dir-card:hover,

.targ-card:hover {

  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);

  transition: all 0.3s;

}

/*конец страница цены*/

/*начало страницы гео*/



.wrap-top-ii-items {

  display: flex;

  align-items: center;

  gap: 96px;

  margin-top: 67px;

}

.ii-item {

  display: flex;

  align-items: center;

  gap: 24px;

}

.ii-item img {

  width: 64px;

  height: 64px;

}

.ii-item p {

  color: #6C6C6C;

  font-family: "Open Sans", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 0;

}

.about-geo {

  margin-top: 170px;

}

.wrap-abuot-geo-side {

  width: 100%;

  display: flex;

  gap: 10px;

}

.geo-right,

.geo-left {

  width: 50%;

}

.geo-left {

  padding-right: 137px;

}

.geo-right video {

  width: 100%;

  height: auto;

}

.geo-left h2 {

  margin-bottom: 90px;

}

.geo-left p {

  color: #6C6C6C;

font-family: "Open Sans", sans-serif;

font-size: 20px;

font-style: normal;

font-weight: 400;

line-height: 160%;

margin-bottom: 0;

}

.geo-left p span {

  color: #0A0A0A;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

}

.geo-left p + p {

  margin-top: 32px;

}

.geo-left a {
  cursor: pointer;

  border-radius: 32px;

  border: 1px solid #23BD87;

  background: #23BD87;

  display: flex;

  width: 468px;

  height: 76px;

  justify-content: center;

  padding: 0px 24px;

  align-items: center;

  margin-top: 56px;

  color: #FFF;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 18px;

  transition: all 0.3s;

}

.geo-left a:hover {

  color: #23BD87;

  background: #fff;

  transition: all 0.3s;

}

.geo-now {

  margin-top: 250px;

}

.wrap-geo-now-items {

  margin-top: 96px;

  display: flex;

  flex-wrap: wrap;

  gap: 30px;

}

.geo-now-item {

  width: calc(50% - 15px);

  border-radius: 40px;

  background: #F6F6F6;

  display: flex;

  min-height: 560px;

  flex-direction: column;

  padding: 50px 44px 30px;

}

.geo-now-item-title {

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 400;

  line-height: 64px;

}

.geo-now-item-number {

  margin-top: auto;

  color: #0A0A0A;

  font-size: 80px;

  font-style: normal;

  font-weight: 400;

  line-height: 80px;

  margin-bottom: 40px;

}

.wrap-geo-now-item-number {

  margin-top: auto;

}

.wrap-geo-now-item-number p,

.geo-now-item p {

margin-top: auto;

color: rgba(10, 10, 10, 0.64);

font-family: "Open Sans", sans-serif;

font-size: 32px;

font-style: normal;

font-weight: 400;

line-height: 56px;

}

.geo-now-item p span {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

}

.geo-optimization {

  margin-top: 300px;

  margin-bottom: 300px;

}

.wrap-geo-opt-side {

  display: flex;

  gap: 10px;

  position: relative;

}

.geo-opt-left {

  position: relative;

  width: 33.3337%;

}

.wrap-geo-title {

  position: sticky;

  top: 90px;

  left: 0;

}

.geo-opt-right {

  width: 66.6667%;

}

.wrap-geo-opt-items {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  gap: 30px;

}

.geo-opt-item {

  width: calc(50% - 15px);

  border-radius: 40px;

  height: 600px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  padding: 64px 56px;

}

.geo-opt-item:not(.color) {

  background: #F6F6F6;

  padding-bottom: 52px;

}

.color.color-1 {

  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #F9646A 0%, #FD4249 100%);

}

.color.color-2 {

  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #78A8EC 0%, #3287FF 100%);

}

.color.color-3 {

  background: linear-gradient(217deg, #A995EB -14.38%, #A18AED 101.76%), radial-gradient(59.83% 75.41% at 50% 45.58%, #F3CC71 0%, #FCBB23 100%);

}

.color.color-4 {

  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #F3CC71 0%, #FCBB23 100%);

}

.geo-opt-item.color {

  text-align: left;

}

.geo-opt-item img {

  width: 100%;

  max-width: 100%;

  height: auto;
  margin: auto;

  max-height: 80%;

  object-fit: contain;

  object-position: center;

}

.geo-opt-item h6 {

  color:  #FFF;

  font-size: 48px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

  margin-top: auto;

}

.geo-opt-item p {

  color: rgba(10, 10, 10, 0.64);

  font-family: "Open Sans", sans-serif;

  font-size: 32px;

  font-style: normal;

  font-weight: 400;

  line-height: 56px;

  margin-top: auto;

  margin-bottom: 0;

}

.geo-opt-item p span {

  color: #0A0A0A;

  font-family: "Open Sans", sans-serif;

  font-size: 32px;

  font-style: normal;

  font-weight: 500;

  line-height: 56px;

}

.wrap-geo-title h2 {

  line-height: 109%;

  margin-bottom: 150px;

}

.traditional {

  margin-bottom: 300px;

}

.wrap-trad-block {

  position: relative;

  width: 100%;

  margin-top: 96px;

}

.wrap-trad-top-items {

  position: sticky;

  top: 90px;

  left: 0;

  display: flex;

  gap: 30px;

  z-index: 3;

}

.trad-top-item {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 127px;

  width: calc(33.333% - 20px);

  border-radius: 40px;

  background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%), #DCF4EC;

}

.trad-top-item p {

  color: #0A0A0A;

  font-size: 56px;

  font-style: normal;

  font-weight: 400;

  line-height: 64px;

  margin: 0;

}

.trad-top-item:nth-child(3) {

  background: #FFF;

  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);

}

.wrap-trad-body-items {

  margin-top: 30px;

  width: 100%;

  display: flex;

  gap: 60px;

  flex-direction: column;

}

.trad-body-item-row {

  width: 100%;

  display: flex;

  gap: 30px;

}

.trad-body-item-row.op {

  opacity: 0.5;

}

.trad-body-item {

  display: flex;

  justify-content: center;

  height: auto;

  width: calc(33.333% - 20px);

  border-radius: 40px;

  padding: 64px 44px;

}

.trad-body-item:nth-child(1) p {

  color: #0A0A0A;

  font-size: 40px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px;

  margin: 0;

}



.trad-body-item:nth-child(2) {

  background: #F6F6F6;

}

.trad-body-item:nth-child(3) {

  background: #FFF;

  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);

}



.trad-body-item:nth-child(1) p {

  color: #0A0A0A;

  font-size: 40px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px;

  margin: 0;

}

.trad-body-item:nth-child(2) p,

.trad-body-item:nth-child(3) p {

  color: rgba(10, 10, 10, 0.64);

  font-family: "Open Sans", sans-serif;

  font-size: 26px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

  margin: 0;

}

.trad-body-item:nth-child(2) p span,

.trad-body-item:nth-child(3) p span {
   font-family: "Open Sans", sans-serif;
  color: #0A0A0A;

}



.geo-promotion .wrap-cards-price {

  margin-top: 96px;

}
.geo-steps.steps {

    margin-top: 300px;

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

  .wrap-top-ii-items {

    display: flex;

    align-items: center;

    gap: 55px;

    margin-top: 63px;

}

.ii-item p {

  font-size: 20px;

  line-height: 20px;

}

.main-top h1 span.decor {

    color: #D8D8D8;

    font-size: 96px;

    font-style: normal;

    font-weight: 450;

    line-height: 96px;

}

.about-geo {

    margin-top: 101px;

}

.geo-left p span {

    font-size: 22px;

    line-height: 22px;

}

.geo-left h2 {

    margin-bottom: 59px;

}

.geo-left {

    padding-right: 0;

}

.geo-left p {

    font-size: 18px;

    line-height: 140%;

    margin-bottom: 0;

}

.geo-left p + p {

    margin-top: 24px;

}

.geo-left a {

    border-radius: 26px;

    border: 1px solid #23BD87;

    background: #23BD87;

    width: 370px;

    height: 64px;

    justify-content: center;

    padding: 0px 24px;

    align-items: center;

    margin-top: 42px;

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    transition: all 0.3s;

}

.geo-now {

    margin-top: 167px;

}

.wrap-geo-now-items {

    margin-top: 58px;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}

.geo-now-item-title {

    color: #0A0A0A;

    font-size: 40px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

}

.geo-now-item {

    min-height: 430px;

    padding: 54px 33px 30px;

}

.wrap-geo-now-item-number p, .geo-now-item p {

    margin-top: auto;

    font-size: 24px;

    line-height: 40px;

}

.geo-now-item p span {

     font-size: 24px;

    line-height: 40px; 

}

.geo-now-item-number {

    margin-top: auto;

    color: #0A0A0A;

    font-size: 58px;

    font-style: normal;

    font-weight: 400;

    line-height: 58px;

    margin-bottom: 35px;

}

.geo-optimization {

    margin-top: 200px;

    margin-bottom: 200px;

}

.geo-opt-item {

    border-radius: 30px;

    height: 470px;

    padding: 48px 32px;

}

.geo-opt-item h6 {

  color: #FFF;

  font-size: 36px;

  font-style: normal;

  font-weight: 400;

  line-height: 36px;

  margin-top: auto;

}

.geo-opt-item p span,

.geo-opt-item p {

  font-size: 24px;

  line-height: 40px;

}

.geo-opt-item:not(.color) {

  padding-bottom: 47px;

}

.wrap-trad-block {

  margin-top: 64px;

}

.trad-top-item p {

  font-size: 40px;

  line-height: 40px;

}

.trad-top-item {

  height: 100px;

}

.wrap-trad-body-items {

  margin-top: 20px;

  gap: 40px;

}

.trad-body-item {

    height: auto;

    min-height: 280px;

    padding: 41px 28px;

}

.trad-body-item:nth-child(2) p, 

.trad-body-item:nth-child(3) p {

    font-size: 20px;

    line-height: 32px;

    margin: 0;

}

.trad-body-item:nth-child(1) p {

    color: #0A0A0A;

    font-size: 30px;

    line-height: 30px;

    margin: 0;

}

.traditional {

    margin-bottom: 220px;

}

.geo-promotion .wrap-cards-price {

    margin-top: 59px;

}

.geo-steps.steps {

    margin-top: 194px;

}

}

@media(max-width: 1240px) {

    .main-top h1 span.decor {

        font-size: 60px;

        line-height: 60px;

    }

        .wrap-top-ii-items {

        gap: 24px 44px ;

        margin-top: 63px;

        flex-wrap: wrap;

    }

        .ii-item p {

        font-size: 18px;

        line-height: 18px;

    }

    .wrap-abuot-geo-side {

    width: 100%;

    gap: 10px;

    flex-direction: column;

}

.about-geo {

        margin-top: 106px;

    }

    .geo-right, .geo-left {

    width: 100%;

}

    .geo-left p span {

        font-size: 20px;

        line-height: 20px;

    }

        .geo-left h2 {

        margin-bottom: 48px;

    }

        .geo-left p {

        font-size: 16px;

        line-height: 140%;

        margin-bottom: 0;

    }

        .geo-left a {

        border-radius: 26px;

        border: 1px solid #23BD87;

        background: #23BD87;

        width: 295px;

        height: 60px;

        justify-content: center;

        padding: 0px 24px;

        align-items: center;

        margin-top: 38px;

        color: #FFF;

        font-size: 15px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        transition: all 0.3s;

    }

        .geo-now {

        margin-top: 60px;

    }

        .wrap-geo-now-items {

        margin-top: 48px;

        gap: 20px;

    }

        .geo-now-item {

          width: 100%;

        min-height: 400px;

        padding: 49px 29px 50px;

    }

        .wrap-geo-now-item-number p, .geo-now-item p {

        margin-top: auto;

        font-size: 24px;

        line-height: 24px;

        margin-bottom: 0;

    }

    .wrap-geo-opt-side {

    display: flex;

    gap: 48px;

    position: relative;

    flex-direction: column;

}

    .geo-optimization {

        margin-top: 137px;

        margin-bottom: 139px;

    }

    .geo-opt-left {

    position: relative;

    width: 100%;

}

.wrap-geo-title {

    position: relative;

    top: 0;

    left: 0;

    display: flex;

    justify-content: space-between;

    align-items: self-end;

}

.wrap-geo-title h2 {

    line-height: 109%;

    margin-bottom: 0;

}

.wrap-geo-title .block-btn img {

    position: absolute;

    right: -2px;

    top: -41px;

    width: 72px;

    height: 72px;

}

 .wrap-geo-title .block-btn {

    font-size: 24px;

    padding-right: 71px;

}

.geo-opt-item {

  border-radius: 20px;

  height: 390px;

  padding: 48px 32px;

}

.geo-opt-item h6 {

  color: #FFF;

  font-size: 26px;

  font-style: normal;

  font-weight: 400;

  line-height: 26px;

  margin-top: auto;

}

.geo-opt-right {

  width: 100%;

}

.geo-opt-item p span, .geo-opt-item p {

  font-size: 24px;

  line-height: 33px;

}

.wrap-trad-block {

  margin-top: 60px;

  display: flex;

  gap: 30px;

}

.wrap-trad-top-items {

  position: relative;

  top: 0px;

  left: 0;

  display: flex;

  gap: 30px;

  z-index: 3;

  width: 185px;

  min-width: 185px;

  flex-direction: column;

  max-width: 185px;

}

.trad-body-item-row {

  width: 100%;

  gap: 30px;

  flex-direction: column;

}

.wrap-trad-body-items {

    margin-top: 20px;

    gap: 40px;

  }

      .wrap-trad-body-items {

        margin-top: 0px;

        gap: 30px;

        width: calc(100% - 215px);

        overflow: auto;

        flex-direction: row;

        padding-right: 30px;

    }

    .trad-body-item-row.op {

    opacity: 1;

}

    .trad-top-item {

      border-radius: 30px;

      width: 100%;

    }

    .trad-top-item p {

      font-size: 32px;

      line-height: 26px;

    }

    .trad-top-item:nth-child(1) {

        height: 146px;

    }

    .trad-top-item:nth-child(2) {

      height: 218px;

    }

    .trad-top-item:nth-child(3) {

      height: 218px;

    }

    .trad-body-item-row {

      margin-right: 30px;

    }

    .trad-body-item {

        height: auto;

        min-height: auto;

        display: flex;

        align-items: center;

        padding: 30px;

        border-radius: 30px;

        width: 493px;



    }

    .trad-body-item:nth-child(1) {

        height: 146px;

        border: 1px solid #D9D9D9;

    }

    .trad-body-item:nth-child(3),

    .trad-body-item:nth-child(2) {

      height: 218px;

    }

        .trad-body-item:nth-child(1) p {

        color: #0A0A0A;

        font-size: 26px;

        line-height: 28px;

        margin: 0;

    }

}

@media(max-width: 740px) {

  .main-top h1 span.decor {

        font-size: 45px;

        line-height: 46px;

    }

    .ii-item img {

    width: 56px;

    height: 56px;

}

.ii-item {

    display: flex;

    align-items: center;

    gap: 16px;

}

        .ii-item p {

        font-size: 15px;

        line-height: 19px;

    }

        .wrap-top-ii-items {

        gap: 20px 20px;

        margin-top: 37px;

        flex-wrap: wrap;

    }

      .geo-now  .block-title,

      .about-geo  .block-title {

        font-size: 40px;

        line-height: 40px;

    }

        .about-geo {

        margin-top: 87px;

    }

        .geo-left p span {

        font-size: 18px;

        line-height: 18px;

    }

        .geo-left h2 {

        margin-bottom: 39px;

    }

    .geo-left p {

      font-size: 14px;

    }

        .geo-left a {

        border-radius: 20px;

        border: 1px solid #23BD87;

        background: #23BD87;

        width: 300px;

        height: 56px;

        justify-content: center;

        padding: 0px 24px;

        align-items: center;

        margin-top: 42px;

        color: #FFF;

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        transition: all 0.3s;

    }

        .geo-now {

        margin-top: 190px;

    }

    .wrap-geo-now-items {

        margin-top: 38px;

        gap: 20px;

    }

        .geo-now-item-title {

        color: #0A0A0A;

        font-size: 32px;

        font-style: normal;

        font-weight: 400;

        line-height: 44px;

    }

        .geo-now-item {

          border-radius: 20px;

        width: 100%;

        min-height: 340px;

        padding: 30px 20px;

    }

    .wrap-geo-now-item-number {

    margin-top: 40px;

}

    .geo-now-item-number {

        margin-top: auto;

        color: #0A0A0A;

        font-size: 48px;

        font-style: normal;

        font-weight: 400;

        line-height: 50px;

        margin-bottom: 19px;

    }

    .wrap-geo-now-item-number p, .geo-now-item p {

        margin-top: auto;

        font-size: 24px;

        line-height: 36px;

        margin-bottom: 0;

    }

    .wrap-geo-title h2 {

      font-size: 40px;

    }

        .geo-optimization {

        margin-top: 150px;

        margin-bottom: 139px;

    }

        .wrap-geo-title {

        position: relative;

        top: 0;

        left: 0;

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        flex-direction: column;

    }

        .wrap-geo-title .block-btn {

        font-size: 24px;

        padding-right: 43px;

        margin-left: auto;

        margin-top: 50px;

    }

        .wrap-geo-title .block-btn img {

        position: absolute;

        right: -2px;

        top: -22px;

        width: 46px;

        height: 46px;

    }

    .wrap-geo-opt-items {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    flex-direction: column;

}

.wrap-geo-opt-side {

  gap: 30px;

}

    .geo-opt-item {

        border-radius: 20px;

        height: 108vw;

        width: 100%;

        padding: 30px 20px;

    }

    .geo-opt-item:not(.color) {

        padding-bottom: 33px;

    }

    .traditional {

      display: none;

    }

}
@media(max-width: 1279px) {
  .wrap-steps-items {
    margin-top: 48px;
}
    .steps-item {
        padding: 17px 42px 63px 32px;
    }
        .steps-item-number {
          font-size: 46px;
        margin-right: 34px;
    }
        .steps-item-title {
        font-size: 40px;
        line-height: 36px;
        padding-top: 14px;
        padding-bottom: 10px;
    }
    .steps-item.active .steps-item-content {
    display: block;
    padding-top: 59px;
    padding-left: 0;
    padding-bottom: 44px;
}
.steps-item-content h6 {
    color: #2D2D2D;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}
.steps-item-content ul li:after {
    position: absolute;
    content: "";
    left: -57px;
    top: 7px;
    width: 25px;
    height: 30px;
    background-image: url(./../imgs/i-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.steps-item-content ul {
    padding-left: 56px;
}
.steps-item-content ul li {
  color: #2D2D2D;
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px;
margin-bottom: 10px;
}
}
@media (max-width: 720px) {
    .steps .block-title {
        font-size: 40px;
        line-height: 40px;
    }
        .wrap-steps-items {
        margin-top: 40px;
    }
        .steps-item-number {
        font-size: 38px;
        margin-right: 0;
    }
        .steps-item {
          border-radius: 30px 30px 0 0;
        padding: 13px 11px 53px 21px;
    }
    .steps-item-top {
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-direction: column;
}
    .steps-item-title {
        font-size: 30px;
        line-height: 36px;
        padding-top: 6px;
        padding-bottom: 10px;
        width: 100%;
    }
        .steps-item.active .steps-item-content {
        display: block;
        padding-top: 82px;
        padding-left: 0;
        padding-bottom: 44px;
    }
    .steps-item-content ul {
        padding-left: 44px;
    }
    .steps-item-content ul li:after {
      left: -45px;
    }
}
/*конец страницы гео*/