/* ==========================================================================
   Q4 READY by Walfe — стили промо-лендинга
   Шаблон: page-q4-ready-v2.php · страница: /q4-ready-v2/

   Файл подключается только на этой странице (см. inc/landing-styles.php),
   версия в ?v= обновляется автоматически по времени изменения файла —
   переименовывать его при правках не нужно.

   Подключается ПОСЛЕ инлайновых стилей темы (wp_head в header.php идёт
   ниже блоков <style>), поэтому здесь можно перебивать базовые правила
   без !important.

   Соглашения темы, которых держимся:
     • шрифт Geologica, начертания 200/300/400/600;
     • размеры во vw: десктоп от базы 1920 (0.0520833333vw = 1px),
       мобилка от базы 390 (0.2564102564vw = 1px);
     • единственный брейкпоинт — max-width: 700px.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Токены лендинга

   Объявлены на классе страницы, чтобы не протекать на остальной сайт.
   Класс выдаёт WordPress по шаблону: page-template-page-q4-ready-v2.
   -------------------------------------------------------------------------- */

.page-template-page-q4-ready-v2 {
   --q4-bg:          #000;
   --q4-surface:     #0C0C0C;   /* карточки, как в .b25 */
   --q4-line:        #262626;   /* рамки карточек */
   --q4-ink:         #fafafa;   /* заголовки */
   --q4-text:        #bababa;   /* основной текст */
   --q4-dim:         #6a6a6a;   /* подписи, лиды */
   --q4-accent:      #d7ffb7;   /* кнопки */
   --q4-accent-hov:  #A8FF6E;
   --q4-gradient: linear-gradient(90deg,
      #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
}


/* --------------------------------------------------------------------------
   2. Секции лендинга

   Разметка собрана на блоках темы, поэтому базовый вид приходит из
   base_66.css. Ниже — только то, что для этой страницы отличается.
   Каждая секция помечена своим модификатором .q4*, чтобы правки
   не задевали те же блоки на других страницах.
   -------------------------------------------------------------------------- */

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 100;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Thin.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Thin.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Light.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Light.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 350;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Book.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Book.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Regular.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Regular.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Medium.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Medium.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-SemiBold.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-SemiBold.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Bold.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Bold.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 800;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-ExtraBold.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-ExtraBold.woff) format('woff');
}

@font-face {
   font-family: 'Geologica';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(/wp-content/themes/walfe/font/steppe/Steppe-Black.woff2) format('woff2'),
        url(/wp-content/themes/walfe/font/steppe/Steppe-Black.woff) format('woff');
}





/* 1. Головний екран — b28 q4 */
.b28.q4 {
}

/* 2. Проблематика — b32 target */

.b32.target .cont .item{
   height: fit-content !important;
   min-height: 0;
}

.b32.target canvas{
   margin-top: 5vw;
}
.b28 .p3{
   display: flex;
   gap: 1vw;
   margin-top: 0;
   flex-wrap: wrap;
}
.b28 .btn-desc{
   max-width: 25vw;
}
.b28 .p1,
.b28 .p2{
   max-width: 35vw;
}
.b28 h1{
   margin-top: 2vw;
}
.b28{
   padding-top: 11vw;
}
.b28 .p3 span{
   display: block;
   font-family: "Geologica", sans-serif;
   font-weight: 300;
   font-size: 0.83333vw;
   line-height: 110%;
   text-transform: uppercase;
   text-align: center;
   background: #fafafa;
   color: #000;
   font-weight: 500;
   padding: 0.72917vw 1.5625vw 0.5vw;
   white-space: nowrap;
   border: 0.05208vw solid #fafafa;
   border-radius: 3.125vw;
}
.b28 .p3 span.color{
   background: linear-gradient(90deg, #788ad1 0%, #a68add 25.48%, #c06b8c 51.92%, #ff9470 76.92%, #d8b04a 97.12%) !important;
   color: #fff;
}

.b32 h2 span,
.b28 h1 span,
.b35 .head .accent,
.b39 h2 span,
.b35.paid-traffic .head-3 span,
.b17.target h2 span{
    font-weight: 600;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%) !important;


   
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.b38 .cont .right .item:first-child h3:before{
   background: radial-gradient(78.11% 113.37% at 50.89% 0%, rgb(255, 123, 102) 4.326921701431274%, rgb(179, 134, 245) 37.0192289352417%, rgb(189, 217, 237) 72.87963628768921%, rgb(207, 245, 182) 100%);
   border-color: transparent;
   border-width: 0;
}
.b38 .cont .right h3:before{
   top: 0;
       background: #C3E2D9;
    border-color: #C3E2D9;
}
.b32.target .dd span{
   color: #fff;
   font-weight: 600;
}

.b32 .big-text{
   margin-top: 4.16vw;
}
@media(max-width: 700px){
   .b32 .big-text p{
      font-size: 5vw;
   }
   .b32 .cont.mob .item{
      padding: 5.1282051282vw;
   }
   .b32 .dd{
      max-width: 80vw;
   }
   .b32 h2{
      max-width: 90vw;
   }
}

.b35 .plugs .item{
   height: auto;
}
.b35 .plugs{
   align-items: stretch;
}
.b38 .dd{
   text-align: center;
   margin-top: 2vw;
}
.b24 p,
.b3 .dd{
   max-width: 70vw;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   
}
.b24 h2, .b35 h2, .b35 .head, .b39 h2, .b35 .head-3, .b12 .cont .left h2, .b12 .cont .left h2, .b25 h2, .b38 h2{
    font-family: "Geologica", sans-serif;
    font-weight: 600 !important;
    font-size: 2.91667vw !important;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fafafa;
    /* font-weight: 400 !important; */
    margin-top: 3vw;
}
.b35 .head{
   margin-top: 9.0625vw;
}
.b35{
   margin-top: 10vw;
}
.b35 .plugs,
.b35 .list{
   margin-top: 4.63542vw;
}

.b35 .list .item:last-child:after, .b35 .list .item:last-child:before{
   display: none;
}
.b35 .list .item{
   background: #161616;
   align-items: flex-start;
   justify-content: left;
}
.b35.target:before{
   top: -28vw;
}
@media(max-width: 700px){
   .b24 h2, .b38 h2, .b25 h2, .b35 h2, .b35.target .head, .b39 h2, .b35 .head, .b35.paid-traffic .head-3, .b12.paid-traffic .cont .left h2, .b35 .head{
        font-family: "Geologica", sans-serif;
        font-size: 7.69231vw !important;
        line-height: 110%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #fafafa;
        max-width: 82.05128vw !important;
        margin-top: 6vw !important;
        margin-left: auto;
        margin-right: auto;
    }
   .b35.target .head,
   .b39,
   .b35.paid-traffic .head-3{
      margin-top: 25vw !important;
   }
   .b38 .dd{
      margin-top: 4vw;
   }
   .b35 .desc-2:before{
      top: -136vw;
   }
   .b12.paid-traffic .cont .left h2{
      text-align: left;
      margin: 0 !important;
   }
   .b35 .head{
      max-width: none !important;
      font-size: 6vw !important;
   }
   .b35 .head strong{
      background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
       background-clip: text;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
   }
   .b39 h2,
   .b39 .cont .cont-item-desc{
      margin-top: 0 !important;
   }
   .b39 h2{
      max-width: none !important;
      margin: 0;
   }
   .b39 h2 span{
      display: block;
   }
   .b35 .list{
      border: 0;
      margin-top: 0;
      gap: 3.8461538462vw;
   }
   .b35 .list .item h3{
      font-size: 5.1282051282vw;
   }
   .b35 .list .item{
      border-radius: 5.1282051282vw;
   }
   .b35 .plugs, .b35 .list{
      margin-top: 10.25641vw;
      padding: 0;
   }
   .b12 .cont .left .h1,
   .b12 .cont .left .l{
      max-width: none !important;
   }

   .b35.target:before {
       top: -4.802083vw;
       height: 74.166667vw;
       background: url(https://walfe.com/wp-content/themes/walfe/img/target/b35-before-3-2-mob.webp) center center no-repeat;
       background-size: cover;
       border-radius: 5vw;
   }
   .b35{
      background: #0C0C0C;
      border-radius: 5vw;
      padding-bottom: 6vw;
   }
   .b12 .cont .left .l p{
   padding: 3.07692vw 5.69231vw;
   }
   .b39 .cont{
      margin-top: 10.25vw;
   }
   .b38.target .cont:before{
         background: url(https://walfe.com/wp-content/themes/walfe/img/home/b36-bg-mob-1-q4.svg) center center no-repeat;
        background-size: cover;
   }
}

.b39 .cont .item h3{
   font-size: 1.2vw;
}
.b39 .cont .cont-item:nth-child(1) .item .price{
   color: #B1D7F1;
}

.b39 .cont .cont-item:nth-child(2) .item .price{
   color: #A8FF6E;
}

.b39 .cont .cont-item:nth-child(3) .item .price{
   color: #FF6B00;
}

.b39 .cont .item .speaker{
   margin: 2vw 0;
   font-size: 1.5vw;
   position: relative;
   z-index: 10;
}

.b39 .cont .item .q{
   font-weight: 600;
   margin-bottom: 2vw;
   position: relative;
   z-index: 10;
   font-size: 1.7vw;
}

.b39 .cont .item .d{
   font-size: 1.25vw;
   font-weight: 200;
   position: relative;
   z-index: 10;
}

.b39 .cont .item .res{
   margin-top: 2vw;
   font-size: 1.25vw;
   position: relative;
   z-index: 10;
}
.b39 .cont .item .bonus{
   margin-bottom: 2vw;
}

.b39 .cont .item .btn{
   cursor: pointer;
   font-family: "Geologica", sans-serif;
   font-weight: 400;
   line-height: 110%;
   text-transform: uppercase;
   text-align: center;
   border-radius: 3.125vw;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 1.3vw 0;
   transition: 0.3s;
   animation: 3s linear 0.1s infinite big-btn-p;
   background: linear-gradient(90deg, #788ad1 0%, #a68add 25.48%, #c06b8c 51.92%, #ff9470 76.92%, #d8b04a 97.12%);
   color: #fff;
   border: none;
   margin-top: auto;
   font-size: 0.9375vw;
   z-index: 10;
   width: 100%;
}

.b39 .cont .cont-item:nth-child(1) .item .res{
   color: #B1D7F1;
}

.b39 .cont .cont-item:nth-child(2) .item .res{
   color: #A8FF6E;
}

.b39 .cont .cont-item:nth-child(3) .item .res{
   color: #FF6B00;
}

.b39 .cont .cont-item:nth-child(1) .item:after {
    background: conic-gradient(from var(--angle), transparent 0%, rgba(177, 215, 241, 0.1) 10%, rgba(177, 215, 241, 1) 20%, rgba(177, 215, 241, 1) 40%, rgba(177, 215, 241, 0.5) 50%, transparent 60%, transparent 100%);
}

.b39 .cont .cont-item:nth-child(2) .item:after {
    background: conic-gradient(from var(--angle), transparent 0%, rgba(168, 255, 110, 0.1) 10%, rgba(168, 255, 110, 1) 20%, rgba(168, 255, 110, 1) 40%, rgba(168, 255, 110, 0.5) 50%, transparent 60%, transparent 100%);
}

.b39 .cont .cont-item:nth-child(3) .item:after {
    background: conic-gradient(from var(--angle), transparent 0%, rgba(255, 107, 0, 0.1) 10%, rgba(255, 107, 0, 1) 20%, rgba(255, 107, 0, 1) 40%, rgba(255, 107, 0, 0.5) 50%, transparent 60%, transparent 100%)
}

.b39 .cont .item .bonus{
   margin-top: 2vw;
   position: relative;
   z-index: 10;
}

.b39 .cont .cont-item:nth-child(1) .item:before{
   background: #B1D7F1
}
.b39 .cont .cont-item:nth-child(2) .item:before{
   background: #A8FF6E
}
.b39 .cont .cont-item:nth-child(3) .item:before{
   background: #FF6B00
}
.b12 .cont .left .d .mob{
   display: none;
}
br.mob{
   display: none;
}
@media(max-width: 700px){
   br.mob{
      display: block;
   }
   .b39 .cont .item h3{
      font-size: 4vw;
   }
   .b39 .cont .item{
      border: 0.2564102564vw solid #272727;
   }
   .b39 .cont .item .price{
      margin-top: 4vw;
   }
   .b39 .cont .item .speaker{
      font-size: 6vw;
      margin: 5vw 0;
      opacity: 0.8;
      color: #fff;
   }
   .b39 .cont .item .q{
      font-size: 5vw;
      line-height: 120%;
      color: #fff;
      margin-bottom: 2vw;
   }
   .b39 .cont .item .d{
      font-size: 4vw;
      line-height: 120%;
      color: #fff;
   }
   .b39 .cont .item .res{
      font-size: 4.6153846154vw;
      line-height: 120%;
      margin-top: 8vw;
   }
   .b39 .cont .item .bonus {
   font-size: 3.8vw;
   margin-top: 8vw;
   line-height: 120%;
   color: #fff;
   margin-bottom: 0;
   }
   .b39 .cont .item .btn{
      font-size: 3vw;
      margin-top: 8vw;
      padding: 5vw;
      border-radius: 10vw;
   }
   .b12 .cont .left .d .mob{
      display: block;
   }
   .b12 .cont .left .h1,
   .b12 .cont .left .l{
      margin-top: 7vw;
   }

}

.b17.target .bottom .plus svg rect{
   fill: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%) !important;
}

.b35.paid-traffic:before{
   display: none;
}
.b35.paid-traffic .list{
   grid-template-columns: repeat(6, 1fr);
   position: relative;
   z-index: 10;
}
.b35.paid-traffic .list .item{
   grid-column: span 2;
}
.b35.paid-traffic .list .item:nth-child(5),
.b35.paid-traffic .list .item:nth-child(6){
   grid-column: span 3;
}

.b35.paid-traffic .list canvas{
   top: 2vw;;
}
.b35.paid-traffic .head-3{
   margin-top: 15vw;
}
@media(max-width: 700px){
   .b35.paid-traffic .list{
      grid-template-columns: 1fr;
   }
   .b35.paid-traffic .list .item:nth-child(5), 
   .b35.paid-traffic .list .item:nth-child(6) ,
   .b35.paid-traffic .list .item{
       grid-column: inherit;
   }
}

.b12 .cont .left .h1{
   max-width: 35vw;
   letter-spacing: -0.04em;
}

.b12 .cont .left h2{
   text-align: left;
   margin: 0;
}
.b25 .list .item{
   display: grid;
   grid-template-columns: 1fr 2fr;
   gap: 2vw;
}
.b25 .list .item img{
   width: 100%;
   border-radius: 1vw
}
.b25 .list .item .img p{
   display: none;
}
.b25 .list .item .p{
   margin-top: 1.5vw;
}
.b25 .list .item .p2{
   color: #fff;  
}
.b12{
   /* z-index: 5; */
}
@media(max-width: 700px){
   .b12:before{
      /* opacity: 0; */
      top: -3vw;
      height: 292vw;
   }
   .b25 .list .item .img p{
      display: block;
   }
   .b25 .list .item .h{
      display: none;
   }
   .b25 .list .item .img{
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 5vw;
      align-items: center;
   }
   .b25 .list .item img{
      border-radius: 3vw;
   }
   .b25 .list .item .p{
      margin-top: 5vw;
   }
   .b25 .list .item{
      grid-template-columns: 1fr;
   }
   .b28 .p1, .b28 .p2, .b28 .p3{
      max-width: none;
      margin-right: 5.12821vw;
   }
   .b28 .p2{
      margin-top: 4vw;
   }
   .b28 .p3{
      gap: 1.5vw;
   }
   .b28 .p3 span{
              font-size: 2.58974vw;
              padding: 2.4vw 2vw 2vw;
              border-radius: 50vw;
   }
   .b28 .big-btn{
      display: flex;
   }
   .b28 .btn-desc{
      display: flex;
      max-width: none;
   }
   .b28 h1{
      font-size: 7.1vw;
      margin-top: 7.69vw;
   }
   .b28{
      padding-top: 25vw;
   }
}
.b19 h2{
   background: #fff;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.b38 .cont:before{
   top: 3vw;
   background: url(https://walfe.com/wp-content/themes/walfe/img/home/b36-bg-q4.svg) center center no-repeat;
    background-size: cover;
}
.b38.target .big-btn:hover p,
.b28.target .big-btn p:hover, 
.b35.target .big-btn p:hover, 
.b38.target .big-btn p:hover{
   boreder-color: transparent;
   background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
   opacity: 1 !important;
}
.b19 h2 span{
   background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.b38 .cont .left .down{
   margin-bottom: 7vw;
}

.b12.paid-traffic .cont .right .form .btn,
.b35.paid-traffic .big-btn p,
.b28.target .big-btn p, .b35.target .big-btn p, .b38.target .big-btn p, .modal.target .btn{
   border: 0.20833vw solid rgba(255, 255, 255, 0.4);
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
}

.b28 .right{
   position: relative;
}
.b28 .right img{
   position: absolute;
   right: 3vw;
   width: 40vw;
   top: -16vw;
   height: auto;
}
.b28 .right p{
   position: absolute;
   top: 0;
   left: 50%;
   background: #0C0C0C;
   padding: 1.56vw;
   border-radius: 1.5vw;
   width: 44vw;
   transform: translate(-50%, 0);
   top: 29vw;
   z-index: 10;
   opacity: 1;
}
.b28 .right p:after{
   content: "";
   position: absolute;
   inset: 0;
   padding: 0.1vw;
   opacity: 1;
   border-radius: inherit;
   background: conic-gradient(from var(--angle), transparent 0%, rgba(255, 107, 0, 0.1) 10%, #a8ff6e 20%, #9fcced 27%, #be97f7 34%, #ffb166 40%, rgba(255, 107, 0, 0.5) 45%, transparent 60%, transparent 100%);
   -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   filter: drop-shadow(0 0 0.15625vw rgba(121, 255, 178, 0.5));
   will-change: contents;
   z-index: 1;
   opacity: 1;
   animation: spin-fire 5s linear infinite;
}
.b19 .right img{
   width: auto;
   height: 13vw;
   top: 10vw;
   left: 6.5vw;
}

.b19 .right:after,
.b19 .right:before{
   display: none;
}
.b19 .right span{
   content: '';
   position: absolute;
   top: -1.61458vw;
   left: -1.40625vw;
   width: 48.59375vw;
   height: 36.35417vw;
   animation: move-2 11s ease-in-out infinite alternate-reverse;
}
.b19 .right span:nth-child(1){
   background: url(https://walfe.com/wp-content/uploads/2026/10/q4-b19-before-1.svg) center center no-repeat;
   background-size: cover;
}
.b19 .right span:nth-child(2){
   background: url(https://walfe.com/wp-content/uploads/2026/10/q4-b19-before-2.svg) center center no-repeat;
   background-size: cover;
   animation-delay: -2s;
}
.b19 .right span:nth-child(3){
   background: url(https://walfe.com/wp-content/uploads/2026/10/q4-b19-before-3.svg) center center no-repeat;
   background-size: cover;
   animation-delay: 3s;
}
.b19 .right span:nth-child(4){
   background: url(https://walfe.com/wp-content/uploads/2026/10/q4-b19-before-4.svg) center center no-repeat;
   background-size: cover;
   animation-delay: -3s;
}

.b3 .dd{
   font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.45833vw;
    line-height: 120%;
    color: #909090;
    margin-top: 1.92708vw;
}

@media(max-width: 700px){
   .b28 .right img{
      width: 110vw;
      right: 50%;
      transform: translate(50%, 0);
      top: -5vw;
   }
   .b28 .right p{
      padding: 5vw;
      width: 100%;
      border-radius: 4vw;
      top: 121vw;
   }
   .b28 .right p:before{
      display: none;
   }
   .b28 .right p:after{
      padding: 0.5vw;
   }
   .b28 .right{
      height: 160vw;
   }
   .b28 .right p span {
       background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
       background-clip: text;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
   }
   .b19 .right img{
      width: auto;
      height: 25vw;
      top: 23vw;
      left: 14vw;
   }
   .b19 .right span {
        top: 0;
        left: 0;
        width: 91.28205vw;
        height: 68.46154vw;
    }
   .b19 .right{
      margin-top: -10vw
   }
}















/*   FONT ADAPTATION   */


.b28 .p3 span{
   font-weight: 600;
}
.b28 .p1,
.b28 .p2,
.b28 .btn-desc,
.b12 .cont .left .d,
.b19 .desc,
.b24 p,
.b17 .bottom .btn .text,
.b17 .bottom .main,
.b35 .desc-2,
.b12 .cont .left .l p,
.b17 h2,
.b3 .dd{
   font-weight: 500;
}
.b19 .desc{
   color: #bababa;
}
.b32 .big-text p{
   font-weight: 400;
}
.b12 .cont .left .l p{
   padding-bottom: 0.6vw;
}
.b32 .big-text{
   max-width: 70vw;
}
.b12 .cont .left .h1,
.b12 .cont .left .l{
   max-width: 40vw;
}
.modal .btn, .b17 .bottom .btn .text, .b38 .cont .right h3, .b28 .big-btn p, .b35 .big-btn p, .b38 .big-btn p,.b12 .cont .right .form .btn{
      font-weight: 600;
}
.modal .btn{
   /* border: 0.20833vw solid rgba(255, 255, 255, 0.4); */
   background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
   height: 4vw;
   font-size: 1vw;
}
.b35 .plugs .item .i{
   display: flex;
   align-items:center;
   gap: 1vw;
}
.b35 .plugs .item .i img{
   width: 2vw;
   height: auto;
}
.footer .l1 .list:nth-child(4),
.footer .l1 .list:nth-child(5){
   display: none;
   opacity: 0;
}
.footer .l1 .logo{
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
}
@media (max-width: 700px) {
   .b28 .p3 span{
      padding-bottom: 1.2vw
   }
   .footer .l1 .logo{
       -ms-grid-column: inherit;
       grid-column-start: inherit;
       -ms-grid-column-span: inherit;
       grid-column-end: inherit;
   }
   .b28 .p3 span:nth-child(1){
      order: -5;
   }
   .b28 .p3 span:nth-child(2){
      order: -4;
   }
   .b28 .p3 span:nth-child(5){
      order: -3;
   }
   .b32.target canvas{
      display: none;
   }
   .b32.target .cont .item{
      width: 89.74359vw;
      border: 0.25641vw solid rgba(255, 255, 255, 0.25);
      border-radius: 7.69231vw;
      padding: 5.1282051282vw;
   }
   .b32 .cont.mob{
      display: none;
   }
   .b32 .cont.desc{
      display: grid;
   }
   .b32 .big-text{
      max-width: 90vw;
   }
   .b12.paid-traffic .cont .left h2{
      font-size: 6vw !important;
   }
   .b28 .p3{
      gap: 1vw;
      flex-wrap: wrap;
      margin: 0 2.4vw;
   }
   .b12 .cont .left .l p{
      padding-bottom: 2vw;
      padding-left: 4vw;
      padding-right: 4vw;
   }
   .b28 h1{
      font-size: 7.6vw;
      margin-left: 2.4vw;
   }
   .b28 .p1, .b28 .p2, .b28 .p3, .b28 .big-btn{
      margin-left: 2.4vw;
      margin-right: 2.4vw;
   }
   .b35 .head{
      font-size: 7.69vw !important;
   }
   .modal .btn{
      height: 10vw;
      font-size: 3vw !important;
      margin-top: 0;
   }
   .b35 .desc-2:before{
      opacity: 0.6;
   }
   .b28 .big-btn p, .b35 .big-btn p, .b38 .big-btn p,
   .b17 .bottom .btn .text{
      font-size: 3.5vw;
   }
   .b12 .cont .right .form .btn,
   .b28 .big-btn p{
      font-size: 3.1vw;
   }
   .footer .l1 .logo .desc{
      font-size: 3.4vw;
      font-weight: 600;
   }
   .b17 h2{
      max-width: none;
   }
   .b35 .plugs .item .i{
      gap: 3vw;
   }
   .b35 .plugs .item .i img{
      width: 6vw;
   }
}













.modal .btn, 
.b17 .bottom .btn .text, 
.b28 .big-btn p, 
.b35 .big-btn p, 
.b38 .big-btn p, 
.b12 .cont .right .form .btn, 
.b35.paid-traffic .big-btn p, 
.b12.paid-traffic .cont .right .form .btn,
.b38.target .big-btn p{
   background: linear-gradient(90deg, #788ad1 0%, #a68add 25.48%, #c06b8c 51.92%, #ff9470 76.92%, #d8b04a 97.12%);
   color: #fff;
   font-size: 1.3vw;
   border: none;
}
.b12 .cont .right .form{
   margin-top: 5vw;
}
.modal .btn:hover,
.b38.target .big-btn:hover p, 
.b28.target .big-btn p:hover, 
.b35.target .big-btn p:hover, 
.b38.target .big-btn p:hover{
   opacity: 0.8;
   background: linear-gradient(90deg, #788ad1 0%, #a68add 25.48%, #c06b8c 51.92%, #ff9470 76.92%, #d8b04a 97.12%);
}
.b3 .nav p.active,
#main-div button{
   background: linear-gradient(90deg, #788ad1 0%, #a68add 25.48%, #c06b8c 51.92%, #ff9470 76.92%, #d8b04a 97.12%);
   color: #fff;
   font-weight: 500;
}
.b3 .nav p.active{
   border: none;
}
.b3 .nav p:after{
   display: none;
}
.b3 .nav p{
   height: fit-content;
   padding: 1vw 1.97917vw .8vw;
}


.b12.paid-traffic .cont .right .form .btn{
   font-size: 0.8vw;
   border: none;
}
.b12 .cont .right .r,
.b12 .cont .right .form .input:before{
   display: none;
}
.b32 h2 span, .b28 h1 span, .b35 .head .accent, .b39 h2 span, .b35.paid-traffic .head-3 span, .b17.target h2 span, .b28 .right p span, .b12 .cont .left h2 span, .b19 h2 span, .b35 h2 span{
   background: linear-gradient(90deg, #788ad1 0%, #a68add 25.48%, #c06b8c 51.92%, #ff9470 76.92%, #d8b04a 97.12%) !important;
       background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.b17 .bottom .btn .text{
   width: fit-content;
   padding: 0 2vw;
   font-size: 1vw
}
.b17.target .bottom .plus svg rect{
   fill: #fff;
}
.b3 h2,
.b23 h2{
   font-weight: 600;
}

@keyframes big-btn-p {
    0% {
        opacity: 1;
    }
    
    50%{
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}


@media(max-width: 700px){
   .modal .btn, .b17 .bottom .btn .text, .b28 .big-btn p, .b35 .big-btn p, .b38 .big-btn p, .b12 .cont .right .form .btn, .b35.paid-traffic .big-btn p, .b12.paid-traffic .cont .right .form .btn, .b38.target .big-btn p{
      font-size: 3vw;
   }
   .b3 .nav p{
      padding: 3vw 5vw 2vw;
   }
   .b3 .dd{
         margin-top: 2.70833vw;
         font-family: "Geologica", sans-serif;
         font-weight: 300;
         font-size: 4.1025vw;
         line-height: 100%;
         letter-spacing: -0.04em;
         text-align: center;
         color: #787878;
         max-width: 90vw;
   }
   .b3 .nav{
      margin-top: 3.5897vw;
   }
}