@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
 @import url('https://fonts.cdnfonts.com/css/pp-neue-montreal?styles=158867,158871');

 @font-face {
     font-family: 'PP Neue Montreal Italic';
     font-style: normal;
     font-weight: normal;
     src: local('PP Neue Montreal Italic'), url('../fonts/ppneuemontreal-italic.woff') format('woff');
 }

 @font-face {
     font-family: 'PP Neue Montreal Medium';
     font-style: normal;
     font-weight: normal;
     src: local('PP Neue Montreal Medium'), url('../fonts/ppneuemontreal-medium.woff') format('woff');
 }

 @font-face {
     font-family: 'PP Neue Montreal SemiBoldItalic';
     font-style: normal;
     font-weight: normal;
     src: local('PP Neue Montreal SemiBoldItalic'), url('../fonts/ppneuemontreal-semibolditalic.woff') format('woff');
 }

 @font-face {
     font-family: 'PP Neue Montreal Bold';
     font-style: normal;
     font-weight: normal;
     src: local('PP Neue Montreal Bold'), url('../fonts/ppneuemontreal-bold.woff') format('woff');
 }

* {
    margin: 0;
    padding: 0;
    font-family: 'PP Neue Montreal', sans-serif;
    color: white;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

 img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 html,
 body {
     overflow-x: hidden;
 }

 .swiper-container {
     user-select: none;
 }


 #landing__page,
 #project__page,
 #faq__page,
 #bloggers__page,
 #article__page,
 #services__page {
     background: #161616;
 }

 .grid {
     display: grid;
 }

 .flex {
     display: flex;
 }

 .column {
     flex-direction: column;
 }

 .align__start {
     align-items: flex-start;
 }

 .align__center {
     align-items: center;
 }

 .align__end {
     align-items: flex-end;
 }

 .justify__center {
     justify-content: center;
 }

 .justify__end {
     justify-content: flex-end;
 }

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

 .flex__wrap {
     flex-wrap: wrap;
 }

 .text__center {
     text-align: center;
 }

 .text__uppercase {
     text-transform: uppercase;
 }

 .text__capitalize {
     text-transform: capitalize;
 }

 .italic {
     font-style: italic;
 }

 .playfair {
     font-family: "Playfair Display", serif;
 }

 #landing__started__section {
     position: relative;
     background: #161616;
     overflow: hidden;
     transition: all .3 ease-in-out;
 }

 .landing__started__section__container {
     position: relative;
     height: 100vh;
     background-size: cover;
     transition: transform .3 ease-out;
     overflow: hidden;
 }

 .landing__started__section__container::before {
     position: absolute;
     content: '';
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }

 .landing__started__section__tag {
     position: absolute;
     color: white;
     letter-spacing: 1px;
     z-index: 5;
 }

 .landing__text__container {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     z-index: 20;
     width: fit-content;
 }

 .landing__started__section__title {
     font-weight: 500;
     line-height: 84%;
     color: White;
 }

 .landing__started__section__title .italic:nth-child(2) {
     font-weight: 500;
     font-family: 'PP Neue Montreal Italic';

 }

 .landing__started__section__title .italic {
     font-weight: 400;
 }

 .landing__started__section__description {
     font-weight: 100;

     line-height: 120%;
     letter-spacing: .6px;
 }

 .column__container {
     position: absolute;
     z-index: 65;
     pointer-events: none;
     user-select: none;
     overflow: hidden;
     height: 100%;
 }

 .column__container .column {
     position: relative;
     border-right: 1px solid #FFFFFF;
     border-left: 1px solid #FFFFFF;
     z-index: -1;
 }



 .section__title,
 .section__title * {
     color: white;
     line-height: 84%;
     z-index: 5;
 }

 .section__title {
     font-weight: 500;
     font-family: 'PP Neue Montreal Medium';
 }

 .section__title .italic {
     font-weight: 400;
 }

 .section__title::before,
 .project__section__title::before,
 .section__title::after,
 .project__section__title::after,
 .news__page__title::before,
 .news__page__title::after,
 .faq__page__title::before,
 .faq__page__title::after,
 .news__block__title::before,
 .news__block__title::after,
 .about__page__title::before,
 .about__page__title::after,
 .bloggers__page__title::before,
 .bloggers__page__titme::after,
 .about__project__name::before,
 .about__project__name::after,
 .metric__card__name::before,
 .metric__card__name::after {
     font-size: inherit;
     font-weight: 400;
     font-size: italic;
     display: block;
     color: inherit;
     line-height: inherit;
 }

 .section__title::before,
 .project__section__title::before,
 .news__page__title::before,
 .faq__page__title::before,
 .news__block__title::before,
 .about__page__title::before,
 .bloggers__page__title::before,
 .about__project__name::before,
 .metric__card__name::before {
     content: '(';
 }

 .section__title::after,
 .project__section__title::after,
 .news__page__title::after,
 .faq__page__title::after,
 .news__block__title::after,
 .about__page__title::after,
 .bloggers__page__title::after,
 .about__project__name::after,
 .metric__card__name::after {
     content: ')';
 }

 .section__description {
     color: white;
     font-weight: 500;
     line-height: 120%;
     z-index: 5;
 }

 .section__description .marked {
     font-weight: 400;
 }

 .marked {
     color: rgba(8, 128, 240, 1);
 }

 .bordered {
     overflow: hidden;
 }

 .bordered.shadowed {
     box-shadow: 0px 0px 10.2px 0px rgba(255, 255, 255, 0.4);
 }

 .bordered::before,
 .bordered::after {
     content: '';
     position: absolute;
     inset: 0;
     border-radius: inherit;
     -webkit-mask:
         linear-gradient(#fff 0 0) content-box,
         linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
 }

 .bordered::before {
     padding: 1px;
     top: 0px;
     left: -.4px;
     bottom: -4px;
     background: linear-gradient(to right, #ffffff, transparent 88%);
 }

 .bordered::after {
     padding: 1px;
     right: -1px;
     top: -2px;
     bottom: 0px;
     background: linear-gradient(to left, #ffffff -60%, transparent 85%);
 }

 .section__description .marked.italic {
     font-style: italic;
 }

 .stats__block__name {
     font-weight: 500;

     line-height: 84%;
     letter-spacing: 0%;
     color: rgba(255, 255, 255, .5)
 }

 .stats__block__title {
     font-weight: 400;
     line-height: 84%;
     letter-spacing: 0%;
 }

 .stats__block__description {
     font-weight: 400;
     line-height: 130%;
     letter-spacing: 0%;
 }

 #stats__section {
     position: relative;
     border-bottom: 1px solid rgba(255, 255, 255, .2);
 }

 #stats__section .section__title {
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;
     background-image: linear-gradient(to right, #FFFFFF 20%, #5D5D5D 100%);
 }

 #stats__section .section__title .italic:nth-child(1) {
     color: white !important
 }

 #stats__section .section__title .italic:not(:nth-child(1)) {
     color: white;
     opacity: .5;
 }

 .stats__section__block {
     position: relative;
 }

 .stats__section__block:not(:first-child)::before,
 .metric__card:not(:first-child)::before {
     content: '';
     position: absolute;
     pointer-events: none;
     z-index: -1;
 }

 #stats__section .section__title .italic,
 #tags__section .section__title .italic,
 .news__page__title .italic,
 .news__block__title .italic {
     position: relative;
 }

 #stats__section::before,
 #stats__section::after,
 #services__section::before,
 #services__section::after,
 .blue__circle {
     position: absolute;
     content: '';
     display: inline-block;
     background: rgba(8, 128, 240, 1);
     border-radius: 1000px;
 }

 #services__section {
     background-color: rgba(22, 22, 22, 1);
     z-index: 80;
     position: relative;
 }

 .services__section__heading {
     position: relative;
     overflow: visible;
 }

 .services__page__heading {
     position: relative;
     padding: 40px;
     width: fit-content;
     margin-left: auto;
     margin-right: auto;
 }

 .services__section__heading::before,
 .services__section__heading::after,
 .services__page__heading::before,
 .services__page__heading::after {
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     top: 0;
     z-index: 10;
     mask-image: linear-gradient(to right, black 45%, transparent 55%);
     -webkit-mask-image: linear-gradient(to right, black 45%, transparent 73%)
 }

 .services__section__heading::before,
 .services__page__heading::before {
     left: 0;
 }

 .services__section__heading::after,
 .services__page__heading::after {
     rotate: 180deg;
     right: 0;
 }

 .wrapper {
     overflow: hidden;
 }

 .services__section__title__container {
     position: relative;
 }

 .services__section__title {
     font-weight: 500;

     line-height: 84%;
     letter-spacing: 0%;
     white-space: nowrap;
     color: white;
 }

 .service__card {
     position: relative;
     border: 1px solid rgba(255, 255, 255, 0.1);
     overflow: hidden;
 }

 .service__card::before {
     position: absolute;
     content: '';
     border-radius: 1000px;
     border: 1px solid rgba(255, 255, 255, 0.3);
 }

 .service__card::after {
     position: absolute;
     content: '';
     background: white;
     border-radius: 1000px;
     opacity: 0;
     transition: opacity .4s;
 }

 .service__card__footer__container {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     gap: 12px;
     overflow: hidden;
 }

 .service__card__footer__container::before {
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     bottom: 0;
     z-index: -1;
     mask-image: linear-gradient(to top, black 56%, transparent 99%);
     -webkit-mask-image: linear-gradient(to top, black 56%, transparent 99%);
     backdrop-filter: blur(4px);
     width: 100%;
     left: 0;
     right: 0;
     opacity: 0;
     transition: opacity .4s;
 }

 .service__card__title__container {
     gap: 7px;
 }

 .service__card__tag {
     position: relative;
     border-radius: 1000px;
     background: rgba(255, 255, 255, 0.05);
     line-height: .5px;
 }

 .service__title {
     font-weight: 500;

     line-height: 84%;
     color: white;
 }

 .service__title .symbol {
     font-size: inherit;
     font-weight: 400;
     font-size: inherit;
     line-height: inherit;
     color: inherit
 }

 .service__description {
     font-weight: 400;
     line-height: 130%;
     color: rgba(255, 255, 255, .8);
 }

 .service__link {
     position: relative;
     height: 0px;
     border-radius: 32px;
     background: rgba(255, 255, 255, 0.05);
     font-weight: 500;
     line-height: 120%;
     color: white;
     overflow: hidden;
     text-decoration: none;
     transition: height .4s;
 }

 .service__card img {
     transition: opacity .4s, transform .4s;
     opacity: 0;
     transform: scale(1.1);
 }

 .service__card.active img {
     transform: scale(1);
 }


 .service__card.active img,
 .service__card.active .service__card__footer__container::before {
     opacity: 1;
 }

 .service__card.active::after {
     opacity: 1;
 }

 .service__card.active .service__link {
     height: 44px;
 }

 .tags__container {
     position: relative;
     max-height: 400px;
 }

 #tags__section {
     backdrop-filter: blur(96px);
     background: url('../static/images/tagsBackground.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     position: relative;
     z-index: 50;
 }

 .tag {
     position: absolute !important;
     width: fit-content;
     border-radius: 32px;
     padding-top: 12px;
     padding-bottom: 12px;
     background: rgba(255, 255, 255, 0.05);
     overflow: hidden;
 }

 .tag::after,
 .tag::before {
     padding: 1px !important
 }

 .selected__tag__popup__overlay {
     position: absolute;
 }

 .selected__tag__popup {
     backdrop-filter: blur(12px);
     position: relative;
     height: fit-content;
     background: rgba(255, 255, 255, 0.1);
     overflow: hidden;
     opacity: 0;
     z-index: -111;
     transition: opacity .4s, z-index .3s;
 }

 .selected__tag__popup::before,
 .selected__tag__popup::after {
     padding: 1px !important;
 }

 .selected__tag__popup.active {
     opacity: 1;
     z-index: 50;
 }

 .selected__tag__popup button,
 .selected__tag__popup a {
     z-index: 20;
 }

 .selected__tag__block {
     gap: 8px;
 }

 .selected__tag__block__title {
     font-weight: 700;
     font-style: Bold;
     line-height: 93%;
     color: white;
 }

 .selected__tag__block__description {
     font-weight: 400;

     letter-spacing: 1px;

     line-height: 110.00000000000001%;
     color: rgba(255, 255, 255, .8)
 }

 .get__solution__button {
     border-radius: 32px;
     background: rgba(255, 255, 255, 1);
     font-weight: 500;

     line-height: 120%;
     color: rgba(8, 128, 240, 1);
     text-decoration: none;
 }

 #partners__section {
     position: relative;
     z-index: 20;
 }

 #partners__section::before {
     position: absolute;
     left: 0;
     right: 0;
     content: '';
     background: rgba(255, 255, 255, 1);
     filter: blur(36px)
 }

 .partners__section__text__container .section__title {
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     color: transparent;
 }

 .partners__section__text__container .section__description {
     color: rgba(22, 22, 22, 1);
 }

 .partners__section__more__button {
     border-radius: 32px;
     border: 1px solid rgba(8, 128, 240, 1);
     font-weight: 500;

     line-height: 120%;
     color: rgba(8, 128, 240, 1);
     text-decoration: none;
 }

 .partner__card img {
     width: auto;
     height: auto;
 }

 #persons__section {
     position: relative;
     border-bottom: 1px solid rgba(255, 255, 255, .2);
 }

 .persons__section__description {
     font-weight: 500;

     line-height: 93%;
     color: white;
 }

 .persons__section__heading__link {
     font-weight: 500;

     line-height: 130%;
     letter-spacing: 4%;
     color: white;
     text-decoration: none;
 }

 .persons__swiper__container {
     position: relative;
     margin-left: auto;
     margin-right: auto;
 }

 .persons__swiper__container::before {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     z-index: -1;
     content: '';
     top: 0;
     background: rgba(8, 128, 240, 1);
     border-radius: 1000px;
     filter: blur(234px);
 }

 .person__card {
     position: absolute;
     background: rgba(22, 22, 22, 0.2);
     border: 1px solid rgba(255, 255, 255, 0.2);
     overflow: hidden;
 }

 .person__card::before {
     position: absolute;
     left: 10px;
     top: 167px;
     content: '';
     border-radius: 1000px;
     filter: blur(115px);
 }

 .person__card::after {
     position: absolute;
     right: -8px;
     top: 0px;
     content: '';
     border-radius: 1000px;
     filter: blur(79px);
 }

 .person__card .person__card__footer::after {
     position: absolute;
     content: '';
     z-index: -1;
     left: 0;
     right: 0;
     bottom: 0;
     filter: blur(61px);
 }

 .person__card .person__card__footer::before {
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     bottom: 0;
     z-index: -1;
     mask-image: linear-gradient(to top, black 56%, transparent 99%);
     -webkit-mask-image: linear-gradient(to top, black 56%, transparent 99%);
     backdrop-filter: blur(4px);
     width: 100%;
     left: 0;
     right: 0;
 }

 .person__card .person__card__footer {
     transition: all 1s;
 }

 .person__card.pre-next,
 .person__card.pre-prev,
 .person__card.left-hidden {
     z-index: -1;
     opacity: .2;
 }

 .person__card.left-hidden {
     transition: all 1s, opacity .4s !important;
 }

 .person__card.left-hidden {
     opacity: 0;
 }

 .person__card.next,
 .person__card.prev {
     opacity: .5;
 }

 .person__card.pre-next {
     left: 0;
     rotate: -15deg;
 }

 .person__card.next .about__person__link,
 .person__card.prev .about__person__link {
     margin-top: 0;
 }


 .person__card.pre-next .about__person__link,
 .person__card.pre-prev .about__person__link {
     margin-top: 0;
 }

 .person__card:nth-child(5n + 1)::before,
 .person__card:nth-child(5n + 2)::before,
 .person__card:nth-child(5n - 3)::before,
 .person__card:nth-child(5n - 5)::before {
     background: rgba(255, 191, 0, 1);
 }

 .person__card,
 .person__card * {
     transition: all 1s;
 }


 .person__card:nth-child(5n + 1)::after,
 .person__card:nth-child(5n + 2)::after,
 .person__card:nth-child(5n - 3)::after,
 .person__card:nth-child(5n - 5)::after {
     background: rgba(233, 102, 37, 1);
 }

 .person__card:nth-child(5n + 1) .person__card__footer::after,
 .person__card:nth-child(5n - 3) .person__card__footer::after,
 .person__card:nth-child(5n - 5) .person__card__footer::after {
     background: rgba(240, 8, 12, 1);
 }

 .person__card.pre-next .person__card__footer::before,
 .person__card.pre-prev .person__card__footer::before {
     opacity: .3;
 }

 .person__card.next {
     rotate: -10deg;
 }

 .person__card:nth-child(5n - 1)::before {
     background: rgba(0, 246, 255, 1);
 }

 .person__card:nth-child(5n - 1)::after {
     background: rgba(109, 233, 37, 1);
 }

 .person__card:nth-child(5n - 1) .person__card__footer::after {
     background: rgba(8, 225, 240, 1);
 }

 .person__card.current {
     left: 50%;
     transform: translateX(-50%);
     z-index: 20;
     backdrop-filter: blur(12px);
 }

 .person__card:nth-child(5n - 2)::before {
     background: rgba(255, 0, 128, 1);
 }

 .person__card:nth-child(5n - 2)::after {
     background: rgba(233, 200, 37, 1);
 }

 .person__card:nth-child(5n - 2) .person__card__footer::after {
     background: rgba(8, 128, 240, 1);
 }

 .person__card.prev {
     rotate: 10deg
 }

 .person__card.pre-prev {
     right: 0;
     rotate: 15deg
 }

 .person__card.next,
 .person__card.prev {
     backdrop-filter: blur(1px);
 }

 .person__card.hidden {
     left: 1600px;
 }

 .person__card.left-hidden {
     left: -700px;
 }

 .person__card .person__avatar {
     position: absolute;
 }

 .person__card__heading {
     position: relative;
     z-index: 20;
 }

 .person__card__tag {
     border-radius: 1000px;
     background: rgba(255, 255, 255, 0.05);
     position: relative;
     overflow: hidden;
     font-weight: 500;

     line-height: 84%;
 }

 .person__card__footer {
     position: relative;
     z-index: 20;
 }

 .about__person__block:nth-child(3) .about__person__block__description::before,
 .about__person__block:nth-child(3) .about__person__block__description::after {
     font-size: inherit;
     color: inherit;

     line-height: inherit;
 }

 .about__person__block:nth-child(3) .about__person__block__description::before {
     content: '«';
 }

 .about__person__block:nth-child(3) .about__person__block__description::after {
     content: '»';
 }

 .about__person__block__title {
     font-weight: 500;

     line-height: 84%;
     color: rgba(255, 255, 255, .5);
 }

 .about__person__block__description {
     font-weight: 500;

     line-height: 93%;
     color: white;
 }

 .about__person__link {
     background: rgba(255, 255, 255, 0.05);
     position: relative;
     overflow: hidden;
     font-weight: 500;

     line-height: 120%;
     color: white;
     text-decoration: none;
 }

 #partners__section>svg,
 #roadmap__section>svg {
     position: absolute;
 }

 #roadmap__section {
     position: relative;
     border-bottom: 1px solid rgba(255, 255, 255, .2);
 }

 .roadmap__section__heading {
     position: relative;
     background: #161616;
 }

 .roadmap__section__heading::before {
     content: "";
     position: absolute;
     top: 0px;
     background: linear-gradient(90deg, #161616 0%, #0880F0 48.56%, #161616 100%);
     z-index: -1;
 }

 .roadmap__section__heading::after {
     content: "";
     position: absolute;
     top: 0px;
     background: #161616;
     z-index: -1;
 }

 .roadmap__cards__container {
     position: relative;
 }

 .roadmap__card {
     position: absolute;
 }

 .roadmap__card,
 .roadmap__card * {
     transition: all 1s;
 }

 .roadmap__card__title {
     font-weight: 500;

     line-height: 90%;
     color: white;
 }

 .roadmap__card__title .italic {
     font-weight: 400;
     font-size: inherit;
     font-style: inherit;
     line-height: inherit;
     color: inherit
 }

 .roadmap__card__description {
     font-weight: 400;
     line-height: 150%;
     color: white;
     opacity: .8;
 }

 .roadmap__card__link {
     height: 0px;
     border-radius: 32px;
     position: relative;
     font-weight: 500;

     overflow: hidden;
     line-height: 120%;
     background: rgba(255, 255, 255, 0.05);
     text-decoration: none;
     transition: height 1s;
 }

 .roadmap__card.next,
 .roadmap__card.left-hidden,
 .roadmap__card.right-hidden,
 .roadmap__card.prev {
     opacity: .5;
     top: -11px;
 }

 .roadmap__card.current {
     left: 50%;
     transform: translateX(-50%);
 }

 .roadmap__card.left-hiddenб .roadmap__card.right-hidden {
     opacity: .5;
 }

 #info__section {
     position: relative;
     z-index: 32;
 }

 #info__section::before {
     position: absolute;
     content: '';
     background: rgba(8, 128, 240, 0.6);
 }

 .info__title__container {
     position: relative;
     border-radius: 1000px;
     background: rgba(8, 128, 240, 0.1);
     overflow: hidden;
 }

 .info__title {
     position: relative;
     white-space: nowrap;
     font-weight: 500;
     line-height: 84%;
     color: white;
 }

 .info__title:nth-child(odd)::before,
 .info__title:nth-child(odd)::after {
     content: '';
     background: white;
     border-radius: 1000px;
 }

 .info__buttons__container {
     padding: 8px;
     border-radius: 56px;
     gap: 8px;
     background: rgba(255, 255, 255, 0.1);
     position: relative;
     overflow: hidden;
     backdrop-filter: blur(10px);
 }

 .info__button {
     position: relative;
     border-radius: 32px;
     font-weight: 500;

     line-height: 120%;
     color: white;
     overflow: hidden;
     text-decoration: none;
 }

 .info__button:nth-child(1) {
     background: rgba(8, 128, 240, 1);
     box-shadow: 4px 4px 30px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 30px 0px rgba(255, 255, 255, 0.25) inset;
 }


 .info__button:nth-child(2),
 .info__button:nth-child(3) {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
 }

 footer.dark__theme {
     background: linear-gradient(176.55deg, #161616 12.26%, #0880F0 100.4%)
 }

 footer.dark__theme>svg path {
     stroke: #161616
 }

 footer.white__theme {
     background: linear-gradient(180deg, #FFFFFF 0%, #0880F0 100%);
 }

 footer {
     position: relative;
     z-index: 20;
 }

 footer>svg {
     position: absolute;
     z-index: -1;
 }

 .footer__title {
     font-weight: 500;
     line-height: 120%;
     color: white;
 }

 .footer__list {
     list-style: none;
 }

 .footer__item a,
 .footer__item {
     font-weight: 500;
     color: white;
     text-decoration: none;
     line-height: 120%;
 }

 .footer__input__container {
     position: relative;
     border-radius: 1000px;
     overflow: hidden;
 }

 .send__email__button {
     position: absolute;
     z-index: 20;
     outline: none;
     border: none;
     background: none;
 }

 .footer__input {
     border-radius: 56px;
     background: rgba(255, 255, 255, 0.1);
     color: white;
     font-weight: 400;
     line-height: 120%;
     outline: none;
     border: none;
     position: relative;
     z-index: 5;
 }

 .newsletter-message {
    display: none;
    margin-top: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

.newsletter-message.show {
    display: block;
}

.footer__input::placeholder {
     color: white;
 }

 .footer__copyright__title {
     font-weight: 500;

     white-space: nowrap;
     line-height: 84%;
     color: white;
 }

 .footer__copyright__title .opacity {
     opacity: .5;
 }

 .copyright__description {
     font-weight: 500;

     line-height: 120%;
     color: white;
     margin-left: auto;
 }

 .portfolio__landing__section__content {
     position: relative;
 }

 .portfolio__landing__title div,
 .portfolio__landing__description,
 .portfolio__tag {
     color: rgba(22, 22, 22, 1);
 }

 .portfolio__landing__title div {
     font-weight: 600;
     line-height: 93%;
 }

 .portfolio__landing__title svg {
     position: relative;
 }

 .portfolio__landing__description {
     font-weight: 400;

     line-height: 160%;
 }

 .portfolio__tags {
     gap: 4px;
 }

 .portfolio__tag {
     border: 1px solid rgba(22, 22, 22, 1);
     border-radius: 1000px;
     font-weight: 500;
     line-height: 120%;
 }

 .portfolio__landing__button {
     width: 100%;
     border-radius: 32px;
     background: rgba(8, 128, 240, 1);
     box-shadow: 4px 4px 30px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 30px 0px rgba(255, 255, 255, 0.25) inset;
     font-weight: 500;
     line-height: 120%;
     color: white;
     text-decoration: none;
 }

 .portfolio__landing__main__title {
     position: absolute;
     font-weight: 500;
     line-height: 93%;
     color: white;
 }

 .filters__container {
     gap: 8px;
     flex-wrap: wrap;
 }

 .select__container {
     position: relative;
     z-index: 50;
 }

 .select {
     border-radius: 32px;
     background: rgba(22, 22, 22, 0.05);
     font-weight: 500;
     line-height: 120%;
     color: rgba(22, 22, 22, 1);
     outline: none;
     border: none;
 }

 .select__container:not(.active) .select__menu {
     height: 0px !important;
 }

 .select__menu {
     position: absolute;
     gap: 12px;
     min-width: calc(100% - 24px);
     padding: 12px;
     border-radius: 12px;
     background: rgba(243, 243, 243, 1);
     overflow: hidden;
     transition: all .4s;
 }

 .select__menu__item {
     font-weight: 500;
     line-height: 120%;
     color: rgba(22, 22, 22, .5);
     outline: none;
     border: none;
     background: none;
    transition: all 0.3s ease;
}

.select__menu__item:hover {
    color: rgba(22, 22, 22, .8);
}

.select__menu__item.active {
    color: rgba(8, 128, 240, 1);
    background: rgba(8, 128, 240, 0.1);
    border-radius: 8px;
    padding: 4px 8px;
 }

 .search__input__container {
     position: relative;
 }

 .search__input {
     outline: none;
     border: none;
     background: rgba(8, 128, 240, 0.1);
     border-radius: 56px;
     font-weight: 400;

     line-height: 120%;
 }

 .search__input,
 .search__input::placeholder {
     color: rgba(8, 128, 240, 1);
 }

 .search__button {
     position: absolute;
     outline: none;
     border: none;
     background: none;
 }

 .clear__button {
     border-radius: 32px;
     background: rgba(8, 128, 240, 1);
     box-shadow: 4px 4px 30px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 30px 0px rgba(255, 255, 255, 0.25) inset;
     outline: none;
     border: none;
 }

 .portfolio__project__preview {
     border-radius: 16px;
     overflow: hidden;
 }

 .portfolio__project__tags {
     gap: 8px;
 }

 .portfolio__project__tag {
     padding: 0px 12px;
     border-radius: 32px;
     background: rgba(22, 22, 22, 0.05);
     font-weight: 500;
     color: rgba(8, 128, 240, 1);
 }

 .portfolio__project__text__container {
     gap: 12px;
 }

 .portfolio__project__title {
     font-weight: 500;
     line-height: 84%;
     color: rgba(22, 22, 22, 1);
 }

 .portfolio__project__description {
     font-weight: 400;

     line-height: 130%;
     color: rgba(22, 22, 22, .8);
 }

 .filters__value {
     font-weight: 400;

     line-height: 120%;
     color: white;
     border-radius: 32px;
     background: #0880F0;
     box-shadow: 4px 4px 30px 0px #FFFFFF40 inset, -4px -4px 30px 0px #FFFFFF40 inset;
     padding: 0px 20px;
     height: 40px;
 }

 .project__page__title {
     font-weight: 500;
     line-height: 84%;
 }

 .project__page__description {
     font-weight: 400;

     line-height: 130%;
     opacity: .8;
 }

 .about__project__block__title {
     font-weight: 500;
     line-height: 84%;
     opacity: .5;
 }

 .project__tags {
     gap: 8px;
 }

 .project__tag {
     border-radius: 32px;
     background: rgba(255, 255, 255, 0.05);
     font-weight: 500;
     line-height: 120%;
     color: white;
 }

 .project__description {
     font-weight: 500;
     line-height: 120%;
 }

 .project__section__title {
     font-weight: 500;
     line-height: 120%;
 }

 .about__project__name {
     font-weight: 500;
     line-height: 84%;
     opacity: .5;
     height: fit-content;
 }

 .about__project__description {
     position: relative;
 }

 .about__project__description,
 .about__project__description p {
     font-weight: 400;

     line-height: 160%;
 }

 .metric__card {
     position: relative;
     z-index: 10;
 }

 .metric__card__name {
     font-weight: 500;
     line-height: 84%;
     opacity: .5;
 }

 .metric__card__title {
     font-weight: 400;

     line-height: 84%;
 }

 .metric__card__description {
     font-weight: 400;

     line-height: 130%;
 }

 #news__page__container>svg {
     position: absolute;
     z-index: -10;
 }

 .news__page__title,
 .news__page__title .italic,
 .faq__page__title,
 .about__page__title,
 .bloggers__page__title,
 .bloggers__page__title * {
     font-weight: 500;
     line-height: 84%;
 }

 .faq__page__title,
 .bloggers__page__title {
     color: white;
 }

 .news__page__title,
 .news__page__title .italic,
 .about__page__title {
     color: rgba(22, 22, 22, 1);
 }

 .news__page__description,
 .news__page__description span,
 .faq__page__description,
 .faq__page__description span,
 .about__page__description,
 .about__page__description span,
 .bloggers__page__description,
 .bloggers__page__description span {
     font-weight: 500;
     line-height: 110.00000000000001%;
 }

 .faq__page__description,
 .bloggers__page__description {
     color: white;
 }

 .news__page__description,
 .about__page__description {
     color: rgba(22, 22, 22, 1);
 }

 .news__swiper__container {
     position: relative;
     z-index: 23;
 }

 .news__swiper__card {
     position: absolute;
     text-decoration: none;
 }

 .news__swiper__card,
 .news__swiper__card * {
     transition: all 1s ease, z-index .4s ease;
 }

 .news__swiper__card .card__stats__block:not(:last-child) {
     border-right: 1px solid rgba(22, 22, 22, .2);
 }

 .news__swiper__card .card__preview {
     overflow: hidden;
 }

 .news__swiper__card .card__stats__title,
 .news__swiper__card .card__author,
 .news__swiper__card .card__title {
     font-weight: 500;
     color: rgba(22, 22, 22, 1)
 }

 .news__swiper__card .card__stats__title,
 .news__swiper__card .card__author {
     line-height: 84%;
 }

 .news__swiper__card .card__title {
     line-height: 110.00000000000001%;
 }

 .news__swiper__card .card__link {
     border-radius: 32px;
     background: rgba(8, 128, 240, 1);
     box-shadow: 4px 4px 30px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 30px 0px rgba(255, 255, 255, 0.25) inset;
     font-weight: 500;
     line-height: 120%;
     color: white;
 }

 .news__swiper__card.first {
     left: 0;
     transform: translateX(0);
 }

 .news__swiper__card.middle {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     z-index: 5;
 }

 .news__swiper__card.second {
     transform: translateX(0);
 }

 .news__swiper__card.first,
 .news__swiper__card.second,
 .news__swiper__card.left-hidden {
     z-index: -1;
 }

 .news__swiper__card.first .card__link,
 .news__swiper__card.second .card__link,
 .news__swiper__card.left-hidden .card__link {
     opacity: 0;
 }

 .news__swiper__card.left-hidden {
     left: 50%;
     transform: translateX(-50%);
     opacity: 0;
 }

 .news__container {
     border-top: 1px solid rgba(8, 128, 240, .2);
 }

 .news__cards__container {
     position: relative;
 }

 .news__card__preview {
     height: 254px;
     border-radius: 12px;
     overflow: hidden;
 }

 .news__card__title {
     font-weight: 500;
     line-height: 120%;
     color: rgba(22, 22, 22, 1);
 }

 .news__card__timestamp {
     gap: 4px;
 }

 .news__card__timestamp__value {
     font-weight: 500;
     line-height: 84%;
     color: rgba(22, 22, 22, .5)
 }

 #news__page__container footer {
     position: relative;
 }


 .faq__card {
     overflow: hidden;
     transition: padding .4s;
 }

 .faq__card.active .faq__button {
     transform: scale(-1);
 }

 .faq__card:not(:nth-child(2)) {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
 }

 .faq__wrapper {
     overflow: hidden;
     height: 0px;
     transition: height 0.3s ease-in-out;
 }

 .faq__id {
     font-weight: 500;
     opacity: .5;
 }

 .faq__title {
     font-weight: 500;
 }

 .faq__description {
     font-weight: 400;

     line-height: 150%;
     color: white;
     opacity: .6;
 }

 .faq__preview {
     border-radius: 12px;
     overflow: hidden;
     height: 254px;
 }

 .faq__button {
     outline: none;
     border: none;
     background: none;
 }

 .news__block__title,
 .news__block__title .italic {
     font-weight: 500;
     line-height: 120%;
     color: white;
 }

 .news__block__swiper__card {
     display: flex !important;
     user-select: none;
     text-decoration: none;
 }

 .news__swiper__preview {
     border-radius: 12px;
     overflow: hidden;
     user-select: none;
     pointer-events: none;
 }

 .news__swiper__footer {
     user-select: none;
     pointer-events: none;
 }

 .news__swiper__card__title {
     font-weight: 500;
     line-height: 120%;
 }

 .news__swiper__card__timeline__container {
     gap: 4px;
 }

 .news__swiper__card__timeline__value {
     color: rgba(255, 255, 255, .5);

     font-weight: 500;
     letter-spacing: 1px;
 }

 #faq__page {
     position: relative;
     overflow: hidden;
 }

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

 #about__page {
     position: relative;
     overflow: hidden;
 }

 #about__page::before,
 #about__page::after {
     content: '';
     display: block;
     position: absolute;
     backdrop-filter: blur(6px);
     z-index: 25;
 }

 #about__page::before {
     left: 0;
     mask-image: linear-gradient(to right, white 56%, transparent 99%);
     -webkit-mask-image: linear-gradient(to right, white 56%, transparent 99%);
 }

 #about__page::after {
     right: 0;
     mask-image: linear-gradient(to left, white 56%, transparent 99%);
     -webkit-mask-image: linear-gradient(to left, white 56%, transparent 99%);
 }

 .about__page__person__preview {
     overflow: hidden;
 }

 .about__page__person__preview img {
     user-select: none;
     pointer-events: none;
 }

 .about__page__person__text__container {
     user-select: none;
     pointer-events: none;
 }

 .about__page__person__title {
     font-weight: 500;
     line-height: 110.00000000000001%;
     color: rgba(22, 22, 22, 1);
 }

 .about__page__person__rule {
     font-weight: 500;
     line-height: 84%;
     color: rgba(8, 128, 240, 1);
 }

 .about__page__person__description {
     font-weight: 400;

     line-height: 140%;
     color: rgba(22, 22, 22, .8)
 }

 .about__page__person__card {
     display: flex !important;
 }

 #bloggers__page {
     position: relative;
 }

 #bloggers__page::before,
 #bloggers__page::after {
     position: absolute;
     content: '';
     background: rgba(8, 128, 240, 1);
     border-radius: 1000px;
     z-index: 22;
 }

 .bloggers__page__title,
 .bloggers__page__title *:not(.bold) {
     font-weight: 400;

 }

 .bloggers__page__title {
     letter-spacing: 1px;
 }

 .bloggers__page__title .bold {
     font-weight: 700;
     font-family: 'PP Neue Montreal Bold';
 }

 .bloggers__page__title .bold:last-child {
     position: relative;
 }

 .bloggers__card__container {
     position: relative;
     z-index: 30;
 }

 .blogger__card {
     position: relative;
     border: 1px solid rgba(255, 255, 255, 0.2);
     overflow: hidden;
 }

 .blogger__heading {
     z-index: 50;
 }

 .blogger__social__container {
     gap: 8px;
 }

 .blogger__username {
     padding: 0px 12px;
     background: rgba(8, 128, 240, 0.2);
     backdrop-filter: blur(7.400000095367432px);
     font-weight: 500;
     line-height: 93%;
     border-radius: 1000px;
 }

 .blogger__preview {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     z-index: 30;
 }

 .blogger__footer {
     position: absolute;
     gap: 8px;
     left: 0;
     right: 0;
     bottom: 0px;
     padding-bottom: 32px;
     z-index: 80;
 }

 .blogger__footer::before {
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     bottom: 0;
     z-index: 20;
     background: rgba(255, 255, 255, .2);
     filter: blur(10px);
     mask-image: linear-gradient(to top, black 56%, transparent 99%);
     -webkit-mask-image: linear-gradient(to top, black 56%, transparent 99%);
     backdrop-filter: blur(10px);
     width: 100%;
     left: 0;
     right: 0;
 }

 .blogger__footer__name {
     font-weight: 500;
     line-height: 84%;
     color: white;
     opacity: .5;
     z-index: 25;
 }

 .blogger__title {
     font-weight: 500;
     line-height: 93%;
     color: white;
     z-index: 25;
 }

 .blogger__card .circle {
     position: absolute;
     border-radius: 1000px;
 }

 .blogger__card .circle:nth-child(1) {
     filter: blur(60px);
     z-index: 2;
 }

 .blogger__card .circle:nth-child(2) {
     filter: blur(53px);
 }

 .blogger__card .circle:nth-child(3) {
     filter: blur(53px);
 }

 .blogger__card.first-style .circle:nth-child(1) {
     background: rgba(255, 0, 128, 1);
 }

 .blogger__card.first-style .circle:nth-child(2) {
     background: rgba(8, 128, 240, 1);
 }

 .blogger__card.first-style .circle:nth-child(3) {
     background: rgba(233, 200, 37, 1);
 }

 .blogger__card.middle-style .circle:nth-child(1) {
     background: rgba(255, 191, 0, 1);
 }

 .blogger__card.middle-style .circle:nth-child(2) {
     background: rgba(233, 102, 37, 1);
 }

 .blogger__card.middle-style .circle:nth-child(3) {
     background: rgba(240, 8, 12, 1);
 }

 .blogger__card.second-style .circle:nth-child(1) {
     background: rgba(0, 246, 255, 1);
 }

 .blogger__card.second-style .circle:nth-child(2) {
     background: rgba(109, 233, 37, 1);
 }

 .blogger__card.second-style .circle:nth-child(3) {
     background: rgba(0, 246, 255, 1);
 }

 .article__preview {
     overflow: hidden;
 }

 .article__tags {
     gap: 8px;
 }

 .article__tag {
     border-radius: 32px;
     padding: 0px 12px;
     gap: 4px;
     background: #FFFFFF0D;
     letter-spacing: 1px;
 }

 .article__tag__title {
     opacity: .5;
 }

 .article__card__author {
     position: relative;
     border-radius: 32px;
     background: #FFFFFF0D;

     font-weight: 400;
     letter-spacing: 1px;
 }

 .article__card__author::before {
     content: '( Автор статьи )';
     letter-spacing: inherit;

     font-weight: 400;
     line-height: 84%;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .5)
 }

 .article__title {
     font-weight: 500;
     line-height: 110.00000000000001%;
     color: white;
 }

 .article__block .article__title {
     background-image: linear-gradient(to right, #0880F0 0%, #FFFFFF 15.87%);
     color: transparent;
     background-clip: text;
     -webkit-background-clip: text;
     font-weight: 600;
     line-height: 84%;
 }

 .article__block .article__description p,
 .article__block .article__description a,
 .article__block .article__description strong,
 .article__block .article__description span {
     line-height: 150%;
     letter-spacing: 0%;
     color: white;
     letter-spacing: .4px;
 }

 .article__block .article__description p,
 .article__block .article__description a,
 .article__block .article__description span {

     font-weight: 100;
 }

 .article__block .article__description strong {
     font-weight: 500;
 }

 .article__block .article__description span.opacity {
     color: rgba(255, 255, 255, 0.6);
 }

 .article__block .article__description .opacity {
     opacity: .8;
 }

 #services__page .wrapper {
     margin-left: auto;
     margin-right: auto;
 }

 .on__page__service__card {
     position: relative;
     z-index: 55;
     transition: transform 0.3s ease;
 }

 .on__page__service__card__preview {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }

 #services__page .service__link {
     box-shadow: none;
 }

 #services__page .service__card__footer__container::before {
     opacity: 1;
 }

 .news__page__title {
     font-weight: 600;
 }

 .news__page__title .italic {
     font-family: 'PP Neue Montreal Italic';
 }

 #portfolio__page {
     position: relative;
 }

 #portfolio__page>svg {
     position: absolute;
 }

 @media (min-width:1024px) {
     .adaptive:not(.desktop) {
         display: none !important;
     }

     .section__title {
         font-size: 56px;
     }

     .section__title::before,
     .project__section__title::before,
     .news__page__title::before,
     .faq__page__title::before,
     .news__block__title::before,
     .about__page__title::before,
     .bloggers__page__title::before {
         margin-right: 25px;
     }

     .about__project__name::before,
     .metric__card__name::before {
         margin-right: 5px;
     }

     .section__title::after,
     .project__section__title::after,
     .news__page__title::after,
     .faq__page__title::after,
     .news__block__title::after,
     .about__page__title::after,
     .bloggers__page__title::after {
         margin-left: 25px;
     }

     .about__project__name::after,
     .metric__card__name::after {
         margin-left: 5px;
     }

     .section__description {
         font-size: 20px;
     }

     #stats__section::before,
     #services__section::before,
     .blue__circle {
         width: 491px;
         height: 491px;
         z-index: -1;
         filter: blur(188px);
     }

     #services__section::before,
     #stats__section::before {
         width: 491px;
         height: 491px;
     }

     .landing__started__section__container {
         border-radius: 12px;
         background-image: url('../static/images/landingBackground-desktop.jpg');
         background-size: cover;
         background-position: center;
         background-clip: border-box;
         overflow: hidden;
     }

     .landing__started__section__container::before {
         background: #16161633;
     }

     .landing__started__section__tag {
         font-size: 16px;
     }

     .landing__started__section__tag:nth-child(1) {
         top: 80px;
         left: 99px;
     }

     .landing__started__section__tag:nth-child(2) {
         top: 192px;
         right: 273px;
     }

     .landing__started__section__tag:nth-child(3) {
         bottom: 213px;
         left: 215px;
     }

     .landing__started__section__tag:nth-child(4) {
         bottom: 148px;
         right: 100px;
     }

     .landing__text__container {
         top: 50%;
         transform: translateY(-50%);
         gap: 24px;
         z-index: 20;
         margin-left: auto;
         margin-right: auto;
     }

     .landing__started__section__title {
         width: 731px;
         font-size: 72px;
     }

     .landing__started__section__description {
         font-size: 20px;
         width: 679px;
     }

     .column__container {
         left: 130px;
         right: 155px;
         top: 32px;
     }

     .column__container .column {
         width: 115px;
         opacity: .2;
         height: 1603px;
     }

     #stats__section {
         z-index: 20;
         padding-left: 40px;
         padding-right: 40px;
         margin-top: 100px;
         padding-bottom: 139px;
     }

     #stats__section .column__container {
         height: fit-content;
         top: -1000px;
         opacity: .2;
     }

     #stats__section::before {
         top: -189px;
         left: -250px;
     }

     #stats__section .section__title {
         letter-spacing: 2px;
     }

     #stats__section .section__title .italic,
     #tags__section .section__title .italic,
     .news__page__title .italic,
     .news__block__title .italic {
         right: 4px
     }

     .stats__section__text__container {
         gap: 32px;
         width: 596px;
     }

     .stats__section__blocks__container {
         margin-top: 68px;
         gap: 81px;
         min-height: 189px;
     }

     .stats__section__block {
         gap: 20px;
         width: 50%;
     }

     .stats__section__block:not(:first-child)::before {
         top: 0;
         left: -40px;
         width: 1px;
         height: 100%;
         background: linear-gradient(180deg,
                 rgba(255, 255, 255, 0) 0%,
                 #FFFFFF 48.56%,
                 rgba(255, 255, 255, 0) 100%);
         pointer-events: none;
         z-index: -1;
     }

     .metric__card:not(:first-child)::before {
         top: 0;
         left: -40px;
         width: 1px;
         height: 100%;
         background: linear-gradient(180deg,
                 rgba(255, 255, 255, 0) 0%,
                 #FFFFFF 48.56%,
                 rgba(255, 255, 255, 0) 100%);
         pointer-events: none;
         z-index: -1;
     }

     .stats__block__name {
         font-size: 14px;
     }

     .stats__block__title {
         font-size: 48px;
     }

     .stats__block__description {
         font-size: 18px;
         margin-top: 4px;
         letter-spacing: -.1px;
     }

     #services__section {
         position: relative;
         padding-top: 72px;
         padding-left: 40px;
         padding-right: 40px;
     }

     #services__section::before {
         top: 155px;
         right: -249px;
     }

     .services__section__heading {
         padding: 19px 10px 24px 8px;
     }

     .services__section__heading::before,
     .services__section__heading::after,
     .services__page__heading::before,
     .services__page__heading::after {
         backdrop-filter: blur(4px);
     }

     .services__section__heading::before,
     .services__page__heading::before {
         width: 14%;
     }

     .services__section__heading::after {
         width: 18%;
         right: calc(100% - 838px);
     }

     .services__page__heading::after {
         width: 18%;
         right: 0;
     }

     .services__heading__link {
         width: 146px;
         height: 48px;
         border-radius: 32px;
         background: rgba(8, 128, 240, 1);
         box-shadow: 4px 4px 30px 0px rgba(255, 255, 255, 0.25) inset, -4px -4px 30px 0px rgba(255, 255, 255, 0.25) inset;
         font-weight: 500;
         font-size: 16px;
         line-height: 120%;
         color: white;
         text-decoration: none;
     }

     #landing__page .wrapper {
         width: 783px;
     }

     .services__section__title__container {
         gap: 88px;
     }

     .services__section__title {
         font-size: 64px;
     }

     .services__container {
         margin-top: 64px;
         gap: 0;
     }

     .service__card {
         cursor: pointer;
         width: 33.75%;
         min-height: 458.5px !important;
         max-height: 458.5px !important;
     }

     .service__card__wide {
         width: 65.956%;
     }

     .service__card::before {
         left: 32px;
         top: 32px;
         width: 22px;
         height: 22px;
     }

     .service__card::after {
         left: 35px;
         top: 35px;
         width: 18px;
         height: 18px;
     }

     .service__card__footer__container {
         padding-top: 56px;
         padding-left: 32px;
         padding-right: 72px;
         padding-bottom: 32px;
     }

     .service__card__tag {
         width: 44px;
         height: 44px;
         font-size: 28px;
     }

     .service__card__tag::before {
         padding: 1px !important;
         bottom: -19px !important;
         background: linear-gradient(to right, #ffffff, transparent 60%) !important;
         left: -1.4px !important;
     }

     .service__card__tag::after {
         padding: 1px !important;
         top: -19px !important;
         background: linear-gradient(to left, #ffffff 0%, transparent 71%) !important
     }

     .service__title {
         font-size: 40px;
     }

     .service__description {
         font-size: 18px;
     }

     .service__link {
         margin-top: 8px;
         width: 124px;
         font-size: 16px;
     }

     .service__card:hover img {
         transform: scale(1);
     }


     .service__card:hover img,
     .service__card:hover .service__card__footer__container::before {
         opacity: 1;
     }

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

     .service__card:hover .service__link {
         height: 44px;
     }

     #tags__section {
         padding-top: 85px;
         min-height: 611px;
     }

     #tags__section .section__title {
         margin-left: 40px;
     }

     .tags__container {
         height: 611px;
     }

     .tag {
         height: calc(48px - 24px);
         padding-right: 20px;
         padding-left: 20px;
         cursor: pointer;
         transition: all .4s;
     }

     .selected__tag__popup {
         width: calc(447px - 48px);
         padding: 24px;
         border-radius: 24px;
         gap: 20px;
     }

     .selected__tag__popup .close__popup__button {
         position: absolute;
         cursor: pointer;
         top: 24px;
         right: 24px;
         width: fit-content;
         height: fit-content;
         outline: none;
         border: none;
         background: none;
         cursor: pointer;
     }

     .selected__tag__block__title {
         font-size: 32px;
     }

     .selected__tag__block__description {
         font-size: 18px;
     }

     .get__solution__button {
         margin-top: 8px;
         width: 170px;
         height: 44px;
         cursor: pointer;
         font-size: 16px;
     }

     #partners__section {
         padding-top: 424px;
         background: linear-gradient(180deg, #FFFFFF 79.47%, rgba(255, 255, 255, 0) 100%);
         top: -270px;
         padding-bottom: calc(270px + 153px);
     }

     #partners__section::before {
         bottom: 48px;
         height: calc(191px + 235px);
         z-index: 20;
     }

     #partners__section>svg:nth-child(1) {
         left: 0px;
         top: -59px;
     }

     #partners__section>svg:nth-child(2) {
         right: 0px;
         top: -99px;
     }

     .partners__section__heading {
         padding-left: 40px;
         padding-right: 40px;
         z-index: 20;
     }

     .partners__section__text__container {
         gap: 16px;
         max-width: 567px;
     }

     .partners__section__text__container .section__title {
         padding-top: 10px;
         background-image: linear-gradient(91.05deg, #161616 -0.67%, #0880F0 36.06%);
     }

     .partners__section__more__button {
         width: 146px;
         height: 48px;
         font-size: 16px;
     }

     .partners__container {
         margin-top: 80px;
         gap: 32px;
         position: relative;
         z-index: 50;
     }

     .partner__cards__container {
         gap: 72px;
     }

     #persons__section {
         top: -276px;
         padding-left: 37px;
         padding-right: 43px;
         padding-bottom: 152px;
     }

     .persons__section__main__heading__container {
         width: 553px;
         gap: 40px
     }

     .persons__section__description {
         font-size: 40px;
     }

     .persons__section__heading__link {
         font-size: 20px;
         gap: 16px;
     }

     .persons__swiper__container {
         margin-top: 120px;
         height: 727px;
         max-width: 1360px;
     }

     .persons__swiper__container::before {
         width: 491px;
         height: 491px;
     }

     .person__card::before {
         left: 10px;
         top: 167px;
         height: 427px;
         width: 183px;
     }

     .person__card::after {
         height: 320px;
         width: 183px;
     }

     .person__card .person__card__footer::after {
         height: 250px;
     }

     .person__card.pre-next,
     .person__card.pre-prev,
     .person__card.left-hidden {
         width: 308.54px;
         height: 407.83px;
         border-radius: 22.44px;
     }

     .person__card.next,
     .person__card.prev {
         width: 406px;
         height: 536.66px;
         border-radius: 29.53px;
     }

     .person__card.next .person__card__tag,
     .person__card.prev .person__card__tag {
         width: 41.34px;
         height: 41.34px;
         font-size: 20.67px;
     }

     .person__card.next .person__social svg,
     .person__card.prev .person__social svg {
         width: 32.48px !important;
         height: 32.48px !important;
     }

     .person__card.next .about__person__block,
     .person__card.prev .about__person__block {
         gap: 8.98px;
     }

     .person__card.next .about__person__block__description,
     .person__card.prev .about__person__block__description {
         font-size: 13.29px;
     }

     .person__card.next .about__person__block:nth-child(1) .about__person__block__description,
     .person__card.prev .about__person__block:nth-child(1) .about__person__block__description {
         font-size: 26.57px;
     }

     .person__card.next .about__person__block__title,
     .person__card.prev .about__person__block__title {
         font-size: 10.33px;
     }

     .person__card.next .about__person__link,
     .person__card.prev .about__person__link {
         width: 107.53px;
         height: 32.48px;
         font-size: 11.81px;
     }

     .person__card.pre-next .person__card__tag,
     .person__card.pre-prev .person__card__tag {
         width: 31.42px;
         height: 31.42px;
         font-size: 15.71px;
     }

     .person__card.pre-next .person__social svg,
     .person__card.pre-prev .person__social svg {
         width: 24.68px !important;
         height: 24.68px !important;
     }

     .person__card.pre-next .about__person__block,
     .person__card.pre-prev .about__person__block {
         gap: 4.65px;
     }

     .person__card.pre-next .about__person__block__description,
     .person__card.pre-prev .about__person__block__description {
         font-size: 10.1px;
     }

     .person__card.pre-next .about__person__block:nth-child(1) .about__person__block__description,
     .person__card.pre-prev .about__person__block:nth-child(1) .about__person__block__description {
         font-size: 20.2px;
     }

     .person__card.pre-next .about__person__block__title,
     .person__card.pre-prev .about__person__block__title {
         font-size: 7.85px;
     }

     .person__card.pre-next .about__person__link,
     .person__card.pre-prev .about__person__link {
         width: 81.44px;
         height: 24.68px;
         font-size: 8.98px;
     }

     .person__card.pre-next,
     .about__person__block,
     .person__card.pre-prev .about__person__block {
         gap: 8.57px;
     }

     .person__card.next {
         left: 107.45px;
     }

     .person__card.current {
         width: 550px;
         height: 727px;
         border-radius: 40px;
     }

     .person__card.prev {
         left: 860px;
         right: 128.8px;
     }

     .person__card.pre-prev {
         left: 1100px;
     }

     .person__card.hidden {
         left: 1600px;
     }

     .person__card.left-hidden {
         left: -700px;
     }

     .person__card .person__avatar {
         top: 40px;
         left: 27px;
         right: 27px;
     }

     .person__card__heading {
         padding: 32px 32px 0px 32px;
     }

     .person__card__tag {
         width: 56px;
         height: 56px;
         font-size: 28px;
     }

     .person__card__tag::before {
         padding: 1px !important;
         bottom: -19px !important;
         background: linear-gradient(to right, #ffffff, transparent 60%) !important;
     }



     .person__card__tag::after {
         padding: 1px !important;
         top: -19px !important;
         background: linear-gradient(to left, #ffffff 0%, transparent 71%) !important
     }

     .person__social__container {
         gap: 8px;
     }

     .person__card__footer {
         gap: 16px;
         padding: 32px;
     }

     .about__person__block {
         gap: 8px;
     }

     .about__person__block:nth-child(1) .about__person__block__description {
         font-size: 36px;
     }

     .about__person__block__title {
         font-size: 14px;
     }

     .about__person__block__description {
         font-size: 18px;
     }

     .about__person__link {
         width: 146px;
         height: 44px;
         border-radius: 32px;
         font-size: 16px;
         margin-top: 8px;
     }

     #roadmap__section {
         padding-bottom: 269px;
         padding-top: 290px;
         top: -276px;
     }

     #roadmap__section>svg:nth-child(1) {
         left: 0;
         top: 0;
     }

     #roadmap__section>svg:nth-child(2) {
         top: 0;
         right: 0;
     }

     .roadmap__section__heading {
         gap: 20px;
     }

     .roadmap__section__heading::before {
         left: -228px;
         right: -199px;
         bottom: -121px;
         border-radius: 63%;
     }

     .roadmap__section__heading::after {
         left: -168px;
         right: -146px;
         bottom: -118px;
         border-radius: 47%;
     }

     .roadmap__section__heading .section__description {
         max-width: 558px;
     }

     .roadmap__cards__container {
         margin-top: 88px;
         height: 313px;
     }

     .roadmap__card {
         gap: 8px;
     }

     .roadmap__card__text__container {
         gap: 16px;
     }

     .roadmap__card__title {
         font-size: 40px;
     }

     .roadmap__card__description {
         font-size: 18px;
     }

     .roadmap__card__link {
         margin-top: 20px;
         width: 123px;
         font-size: 16px;
     }

     .roadmap__card.next,
     .roadmap__card.left-hidden,
     .roadmap__card.right-hidden,
     .roadmap__card.prev {
         top: -11px;
     }

     .roadmap__card.next svg,
     .roadmap__card.left-hidden svg,
     .roadmap__card.right-hidden svg,
     .roadmap__card.prev svg {
         width: 36.85px !important;
         height: 36.85px !important;
     }

     .roadmap__card.next .roadmap__card__title,
     .roadmap__card.left-hidden .roadmap__card__title,
     .roadmap__card.right-hidden .roadmap__card__title,
     .roadmap__card.prev .roadmap__card__title {
         font-size: 23.03px;
     }

     .roadmap__card.next .roadmap__card__description,
     .roadmap__card.left-hidden .roadmap__card__description,
     .roadmap__card.right-hidden .roadmap__card__description,
     .roadmap__card.prev .roadmap__card__description {
         font-size: 10.36px;
     }

     .roadmap__card.next {
         width: 262px;
         left: 116px;
     }

     .roadmap__card.current {
         width: 455px;
         top: -11px;
     }

     .roadmap__card.current .roadmap__card__link {
         height: 44px;
     }

     .roadmap__card.prev {
         right: 146px;
         left: 1495px;
         width: 262px;
     }

     .roadmap__card.left-hidden {
         left: -270px;
         top: -40px;
         width: 262px;
     }

     .roadmap__card.right-hidden {
         left: 2000px;
         right: -270px;
         top: -40px;
         width: 262px;
     }

     #info__section {
         padding-top: 139px;
         gap: 48px;
     }

     #info__section::before {
         width: 829px;
         height: 304px;
         top: 98px;
         filter: blur(185px)
     }

     .info__title__container {
         width: 783px;
         height: 96px;
     }

     .info__title__container::before {
         left: -2px !important;
     }

     .info__title {
         font-size: 72px;
     }

     .info__title:nth-child(odd)::before,
     .info__title:nth-child(odd)::after {
         width: 12px;
         height: 12px;
         margin-right: 24px;
         margin-left: 24px;
     }

     .info__button {
         height: 48px;
         font-size: 16px;
     }

     .info__button:nth-child(1) {
         width: 164px;
     }

     .info__button:nth-child(2) {
         width: 169px;
     }

     .info__button:nth-child(3) {
         width: 209px;
     }

     #project__page__body footer {
         padding-top: 301px;
     }

     #landing__page footer {
         padding-top: 322px;
     }

     #portfolio__page footer {
         padding-top: 282px;
     }

     #portfolio__page>svg {
         top: 0;
         right: 0;
     }

     footer {
         padding-left: 40px;
         padding-right: 43.94px;
         gap: 67px;
     }

     .footer__sections__container {
         gap: 72px;
     }

     .footer__section {
         gap: 24px;
     }

     .footer__section:nth-child(1) .footer__item a {
         font-weight: 100;

         letter-spacing: 1px;
     }

     .footer__title {
         font-size: 32px;
     }

     .footer__list {
         gap: 29px;
     }

     .footer__item a,
     .footer__item {
         font-size: 24px;
     }

     .footer__input__container {
         width: 478px;
         height: 56px;
         backdrop-filter: blur(3px);
     }

     .send__email__button {
         right: 14px;
         top: 14px;
         cursor: pointer;
     }

     .footer__input {
         width: calc(100% - (56px + 20px));
         height: calc(100% - 32px);
         padding: 16px 56px 16px 20px;
         font-size: 20px;
     }

     .footer__copyright__container {
         gap: 4px;
         max-width: 1356px;
     }

     .copyright__title__container {
         gap: 32px;
     }

     .footer__copyright__title {
         font-size: 136px;
     }

     .copyright__description {
         font-size: 28px;
         margin-left: auto;
         margin-right: 28px;
     }

     .portfolio__landing__section__content {
         gap: 48px;
     }

     .portfolio__landing__image {
         width: 50%;
         height: 862px;
     }

     .portfolio__landing__main__content {
         width: 44.098%;
         gap: 24px;
         margin-top: 40px;
     }

     .portfolio__landing__title div {
         font-size: 48px;
         width: 616px;
         text-indent: -22px;
     }

     .portfolio__landing__title svg {
         top: 14px;
         left: 12px;
     }

     .portfolio__landing__description {
         font-size: 20px;
     }

     .portfolio__tag {
         padding: 0px 12px;
         height: 32px;
         font-size: 16px;
     }

     .portfolio__landing__button {
         margin-top: 8px;
         height: 48px;
         font-size: 16px;
     }

     .portfolio__landing__main__title {
         bottom: 18px;
         left: 26px;
         font-size: 176px;
     }

     .portfolio__landing__main__title::before {
         content: attr(data-text);
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-image: url('../static/images/portfolio-landing.png');
         background-position: 690px 12px;
         background-repeat: no-repeat;
         background-size: 100%;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         z-index: 1;
     }

     .portfolio__container {
         margin-top: 48px;
         margin-left: 40px;
         margin-right: 40px;
     }

     .select {
         height: 40px;
         padding: 0px 16px;
         gap: 4px;
         cursor: pointer;
         font-size: 16px;
     }

     .select__menu {
         top: 48px;
     }

     .select__container:not(.active) .select__menu {
         padding: 0px 12px;
     }

     .select__menu__item {
         font-size: 16px;
         cursor: pointer;
     }

     .heading__search__container {
         gap: 8px;
     }

     .search__input__container {
         height: 52px;
         width: 478px;
     }

     .search__input {
         width: calc(100% - (52px + 20px));
         height: calc(100% - 28px);
         padding: 14px 52px 14px 20px;
         font-size: 20px;
     }

     .search__button {
         right: 20px;
         cursor: pointer;
     }

     .clear__button {
         width: 64px;
         height: 48px;
         cursor: pointer;
     }

     .portfolio__projects__container {
         margin-top: 32px;
         gap: 24px;
     }

     .portfolio__project {
         gap: 32px;
         width: calc(50% - 12px);
         text-decoration: none;
     }

     .portfolio__project__preview {
         height: 461px;
     }

     .portfolio__project__content {
         gap: 16px;
     }

     .portfolio__project__tag {
         height: 32px;
         font-size: 16px;
     }

     .portfolio__project__title {
         font-size: 40px;
     }

     .portfolio__project__description {
         font-size: 20px;
         width: 539px;
     }

     .filters__value {
         font-size: 20px;
         min-width: calc(52px - 40px);
     }

     #project__page {
         padding-left: 40px;
         padding-right: 40px;
     }

     .project__page__heading {
         padding-top: 80px;
         gap: 16px;
     }

     .project__page__title {
         font-size: 64px;
     }

     .project__page__description {
         font-size: 20px;
         width: 539px;
     }

     #project__page>.project__preview {
         height: 700px;
         border-radius: 16px;
         margin-top: 56px;
     }

     .project__heading__blocks {
         margin-top: 64px;
     }

     .project__block {
         gap: 48px;
     }

     .project__block__content {
         gap: 12px;
     }

     .about__project__block__title {
         font-size: 14px;
     }

     .project__tag {
         height: 40px;
         padding: 0px 16px;
         font-size: 16px;
     }

     .project__description {
         font-size: 24px;
     }

     .about__project__section {
         margin-top: 105px;
     }

     .about__project__container {
         gap: 24px;
     }

     .about__project__content {
         gap: 40px;
     }

     .project__section__title {
         font-size: 45px;
     }

     .about__project__description__container {
         gap: 64px;
     }

     .about__project__name {
         font-size: 14px;
         letter-spacing: 1.2px;
     }

     .about__project__content {
         width: 49.118%;
     }

     .about__project__description {
         top: -10px;
     }

     .about__project__description,
     .about__project__description p {
         font-size: 20px;
     }

     .about__project__description p {
         margin-top: 32px;
     }

     .about__project__container .about__project__preview {
         height: 499px;
         flex-grow: 1;
     }

     .metric__cards__container {
         gap: 67px;
     }

     .metric__card {
         gap: 20px;
     }

     .metric__card__name {
         font-size: 14px;
     }

     .metric__card__title {
         font-size: 48px;
     }

     .metric__card__description {
         font-size: 18px;
         margin-top: 4px;
     }

     .project__preview__section {
         margin-top: 64px;
         height: 769px;
     }

     .project__section {
         margin-top: 120px;
         gap: 40px;
     }

     .project__section__description__container {
         gap: 64px;
     }

     .project__second__preview__container {
         margin-top: 24px;
         gap: 26px;
     }

     .project__second__preview__container .project__second__preview {
         height: 626px;
         width: 50%;
     }

     #news__page__container>svg:nth-child(1) {
         left: 0;
     }

     #news__page__container>svg:nth-child(2) {
         right: 0;
     }

     .news__page__heading {
         gap: 16px;
         padding-top: 104px;
     }

     .news__page__title,
     .news__page__title .italic,
     .faq__page__title,
     .about__page__title,
     .bloggers__page__title,
     .bloggers__page__title * {
         font-size: 56px;
     }

     .news__page__description {
         width: 483px;
     }

     .news__page__description,
     .news__page__description span,
     .faq__page__description,
     .faq__page__description span,
     .about__page__description,
     .about__page__description span,
     .bloggers__page__description,
     .bloggers__page__description span {
         font-size: 20px;
     }

     .news__swiper__container {
         margin-top: 64px;
         height: 767px;
         width: 1360px;
         margin-left: auto;
         margin-right: auto;
         border-top-left-radius: 230px;
         border-top-right-radius: 160px;
         background: white;
     }

     .news__swiper__card .card__link {
         width: 151px;
         height: 48px;
         cursor: pointer;
         font-size: 16px;
     }

     .news__swiper__card.first,
     .news__swiper__card.second,
     .news__swiper__card.left-hidden {
         top: 112px;
     }

     .news__swiper__card.second {
         left: 865px;
     }

     .news__swiper__card.first,
     .news__swiper__card.second,
     .news__swiper__card.left-hidden {
         gap: 8.81px;
         width: 495px;
     }

     .news__swiper__card.first .about__card__container,
     .news__swiper__card.second .about__card__container,
     .news__swiper__card.left-hidden .about__card__container {
         margin-top: 8.81px;
     }

     .news__swiper__card.first .card__preview,
     .news__swiper__card.second .card__preview,
     .news__swiper__card.left-hidden .card__preview {
         height: 294.58px;
         opacity: .8;
         border-radius: 13.21px;
     }

     .news__swiper__card.first .card__stats__block,
     .news__swiper__card.second .card__stats__block,
     .news__swiper__card.left-hidden .card__stats__block {
         gap: 2.2px;
         opacity: .5;
     }

     .news__swiper__card.first .card__stats__title,
     .news__swiper__card.second .card__stats__title,
     .news__swiper__card.first .card__author,
     .news__swiper__card.second .card__author,
     .news__swiper__card.left-hidden .card__stats__title,
     .news__swiper__card.left-hidden .card__author {
         opacity: .2;
     }

     .news__swiper__card.first .card__stats__block svg,
     .news__swiper__card.second .card__stats__block svg,
     .news__swiper__card.left-hidden .card__stats__block svg {
         width: 11.01px;
         height: 11.01px;
     }

     .news__swiper__card.first .card__stats__container,
     .news__swiper__card.second .card__stats__container,
     .news__swiper__card.left-hidden .card__stats__container {
         gap: 8.81px
     }

     .news__swiper__card.first .card__stats__block:not(:last-child),
     .news__swiper__card.second .card__stats__block:not(:last-child),
     .news__swiper__card.left-hidden .card__stats__block:not(:last-child) {
         padding-right: 8.81px;
     }

     .news__swiper__card.first .card__stats__title,
     .news__swiper__card.second .card__stats__title,
     .news__swiper__card.first .card__author,
     .news__swiper__card.second .card__author,
     .news__swiper__card.left-hidden .card__stats__title,
     .news__swiper__card.left-hidden .card__author {
         font-size: 8.81px;
     }

     .news__swiper__card.first .card__title,
     .news__swiper__card.second .card__title,
     .news__swiper__card.left-hidden .card__title {
         font-size: 19.82px;
         opacity: .2;
     }

     .news__swiper__card.middle {
         gap: 16px;
         width: 899px;
     }

     .news__swiper__card.middle .card__preview {
         height: 535px;
         border-radius: 24px;
     }

     .news__swiper__card.middle .about__card__container,
     .news__swiper__card.middle .card__link {
         margin-top: 16px;
     }

     .news__swiper__card.middle .card__stats__container {
         gap: 16px;
     }

     .news__swiper__card.middle .card__stats__block {
         gap: 4px;
     }

     .news__swiper__card.middle .card__stats__block:not(:last-child) {
         padding-right: 16px;
     }

     .news__swiper__card.middle .card__stats__title {
         font-size: 16px;
     }

     .news__swiper__card.middle .card__title {
         font-size: 36px;
     }

     .news__container {
         position: relative;
         padding: 40px 40px 153px 40px;
         margin-top: 83px;
     }

     .news__cards__container::before,
     .news__cards__container::after {
         position: absolute;
         content: '';
         top: 0;
         bottom: 0;
         height: calc(100% + 132px + 162px);
         top: -132px;
         width: 21px;
         border-right: 1px solid #0880F0;
         border-left: 1px solid #0880F0;
         z-index: -1;
         opacity: 10%;

     }

     #news__page__container .search__input__container {
         background: white;
     }

     #news__page__container .border {
         width: 1px;
         background: #0880F0;
         opacity: 10%;
         position: absolute;
         top: 0;
         bottom: 0;
         top: -132px;
         height: calc(100% + 132px + 162px);
     }

     #news__page__container .border:nth-child(1) {
         left: 0px;
     }

     #news__page__container .border:nth-child(2) {
         right: 0px;
     }

     .news__cards__container::before {
         left: 478px;
     }

     .news__cards__container::after {
         right: 476px
     }

     .news__cards__container {
         margin-top: 40px;
     }

     .news__card {
         width: 437px;
     }

     .news__card__title {
         margin-top: 20px;
         font-size: 24px;
     }

     .news__card__timestamp {
         margin-top: 12px;
     }

     .news__card__timestamp__value {
         font-size: 16px;
     }

    #news__page__container footer,
    footer.news__footer {
         padding-top: 162px;
     }

     .faq__page__heading {
         padding-top: 104px;
         gap: 16px;
     }

     .faq__cards__container {
         position: relative;
         margin-top: 64px;
         padding-left: 40px;
         padding-right: 40px;
         padding-bottom: 109px;
         border-bottom: 1px solid rgba(255, 255, 255, .2)
     }

     .faq__card {
         padding: 44.5px 0px;
         cursor: pointer;
         min-height: calc(130px - (44.5px * 2));
     }

     .faq__card:not(:first-child) {
         min-height: calc(129px - (44.5px * 2));
     }

     .faq__main {
         gap: 84px;
     }

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

     .faq__content {
         width: 854px;
         gap: 16px;
     }

     .faq__title {
         line-height: 24px;
         font-size: 28px;
     }

     .faq__description {
         font-size: 18px;
     }

     .faq__preview {
         margin-top: 8px;
     }

     .faq__button {
         width: 36px;
         height: 36px;
     }

     #faq__page .news__swiper__block {
         margin-top: 106px;
     }

     .news__swiper__block {
         gap: 40px;
     }

     .news__block__title {
         margin-left: 40px;
     }

     .news__block__title,
     .news__block__title .italic {
         font-size: 45px;
     }

     .news__block__swiper__card {
         min-width: 399.5px;
         max-width: 399.5px;
         min-height: 393px;
         gap: 20px;
         cursor: grab;
     }

     .news__swiper__preview {
         height: 254px;
     }

     .news__swiper__footer {
         gap: 12px;
     }

     .news__swiper__card__title {
         font-size: 24px;
     }

     .news__swiper__card__timeline__value {
         font-size: 16px;
     }

     #faq__page footer {
         padding-top: 301px;
     }

     #faq__page .blue__circle:nth-child(1) {
         top: -238px;
         right: -155px;
     }

     #faq__page .blue__circle:nth-child(2) {
         top: 700px;
         left: -336px;
     }

     #faq__page .faq__cards__container .blue__circle {
         right: auto !important;
         top: auto !important;
         bottom: 0;
         left: 418px;
         filter: blur(332px)
     }

     .about__page__heading {
         padding-top: 80px;
         gap: 16px;
     }

     #about__page .swiper-container {
         padding-left: 24%;
         padding-right: 24%;
     }

     .about__page__person__cards__swiper__wrapper {
         margin-top: 64px !important
     }

     #about__page::before,
     #about__page::after {
         height: 1132px;
         top: 115px;
         width: 30%;
     }

     .about__page__person__card {
         min-width: 608px;
         max-width: 608px;
         min-height: 800px;
         gap: 36px;
         cursor: grab;
     }

     .about__page__person__preview {
         border-radius: 32px;
         height: 606px;
     }

     .about__page__person__text__container {
         gap: 16px;
     }

     .about__page__person__title {
         font-size: 36px;
     }

     .about__page__person__rule {
         font-size: 18px;
     }

     .about__page__person__description {
         font-size: 24px;
     }

     #about__page footer {
         margin-top: 186px;
         padding-top: 162px;
     }

     #bloggers__page::before,
     #bloggers__page::after {
         width: 559px;
         height: 559px;
         filter: blur(250px);
     }

     #bloggers__page::before {
         left: -216px;
         top: 152px;
     }

     #bloggers__page::after {
         top: -233px;
         right: -279px;
     }

     .bloggers__page__heading {
         padding-top: 80px;
         gap: 18px;
     }

     .bloggers__page__title .bold:last-child {
         right: 4px;
     }

     .bloggers__card__container {
         padding-left: 40px;
         padding-right: 40px;
         margin-top: 56px;
         display: grid;
         flex-direction: row;
         grid-template-columns: repeat(3, 1fr)
     }

     .blogger__card {
         height: 451px;
     }

     .blogger__heading {
         margin: 24px 24px 0px 24px;
         transform: translateY(-50px);
         opacity: 0;
         transition: all .3s ease-in-out;
     }

     .blogger__username {
         height: 36px;
         font-size: 16px;
     }

     .blogger__preview {
         width: 495px;
     }

     .blogger__footer {
         height: 214px;
         transform: translateY(200px);
         transition: all .3s ease-in-out;
     }

     .blogger__footer__name {
         font-size: 14px;
     }

     .blogger__title {
         font-size: 32px;
     }

     .blogger__card .circle:nth-child(1) {
         width: 183px;
         height: 183px;
         left: -17px;
         top: 105px;
     }

     .blogger__card .circle:nth-child(2) {
         width: 90%;
         height: 358px;
         left: 36px;
         top: 18px;
     }

     .blogger__card .circle:nth-child(3) {
         width: 183px;
         height: 183px;
         right: -65px;
         bottom: 104px;
     }

     #bloggers__page footer {
         margin-top: 88px;
         padding-top: 181px;
     }

     .blogger__card:hover .blogger__heading,
     .blogger__card:hover .blogger__footer {
         transform: translateY(0);
         opacity: 1;
     }

     .blogger__card:hover .blogger__footer::before {
         opacity: 1;
     }

     .article__card {
         margin-top: 86px;
         margin-left: 155px;
         margin-right: 155px;
         gap: 36px;
     }

     .article__preview {
         border-radius: 24px;
         height: 535px;
     }

     .article__footer {
         gap: 16px;
     }

     .article__tag {
         height: 40px;
         font-size: 18px;
     }

     .article__card__author {
         height: 40px;
         padding: 0px 16px;
         font-size: 18px;
     }

     .article__card__author::before {
         font-size: 14px;
         margin-right: 12px;
     }

     .article__title {
         font-size: 40px;
         font-weight: 600;
         letter-spacing: .9px;
     }

     .article__content {
         margin-top: 34px;
         padding-top: 61px;
         border-top: 1px solid rgba(255, 255, 255, .2);
         gap: 48px;
         margin-left: 155px;
         margin-right: 155px;
     }

     .article__block {
         gap: 16px;
     }

     .article__block .article__title {
         font-size: 32px;
     }

     .article__block .article__description {
         gap: 16px;
     }

     .article__block .article__description p,
     .article__block .article__description a,
     .article__block .article__description strong,
     .article__block .article__description span {
         font-size: 18px;
     }

     #article__page .news__swiper__block {
         margin-top: 120px;
     }

     #article__page footer {
         margin-top: 96px;
         padding-top: 181px;
     }

     .services__page__heading {
         height: calc(118px - 80px);
         top: -40px;
     }

     .services__page__heading::before,
     .services__page__heading::after {
         top: 76px
     }

     #services__page .wrapper {
         width: 898px;
         margin-top: 88px;
     }

     #services__page>svg {
         position: absolute;
         top: 0px;
     }

     #services__page>svg:nth-child(3) {
         left: 0%;
     }

     #services__page>svg:nth-child(4) {
         right: 0px;
     }

     .on__page__services__container {
         margin-top: 105px;
     }

     .on__page__service__card {
         height: 461px;
     }

     .on__page__service__card:not(:first-child) {
         margin-top: -100px;
     }

     #services__page .service__link {
         height: 44px;
     }

     #services__page .news__swiper__block {
         margin-top: 404px;
     }

     #services__page footer {
         margin-top: 64px;
         padding-top: 181px;
     }

     footer>svg {
         right: 0;
         bottom: 0;
     }

     .landing__navbar {
         position: fixed;
         bottom: 35px;
         z-index: 999;
         left: 50%;
         transform: translateX(-50%);
         gap: 24px;
         height: 64px;
         padding-left: 24px;
         padding-right: 10px;
         border-radius: 32px;
         background: rgba(34, 34, 34, 0.6);
         backdrop-filter: blur(10px);
         overflow: hidden;
     }

     .landing__navbar__list {
         gap: 24px;
         list-style: none;
     }

     .landing__navbar__element a {
         text-decoration: none;
         font-weight: 400;
         font-size: 16px;
         letter-spacing: -.655px;
         line-height: 120%;
     }

     .landing__navbar__main__link {
         position: relative;
         overflow: hidden;
         background: rgba(255, 255, 255, 0.2);
         box-shadow: 0px 0px 10.2px 0px rgba(255, 255, 255, 0.4);
         font-weight: 500;
         font-size: 16px;
         line-height: 120%;
         text-decoration: none;
         width: 108px;
         height: 44px;
         border-radius: 32px;
         z-index: 99;
     }

     .landing__navbar::before,
     .landing__navbar::after {
         content: '';
         position: absolute;
         inset: 0;
         border-radius: inherit;
         -webkit-mask:
             linear-gradient(#fff 0 0) content-box,
             linear-gradient(#fff 0 0);
         -webkit-mask-composite: xor;
         mask-composite: exclude;
     }

     .landing__navbar::before {
         padding: 1px;
         top: 0px;
         left: -.4px;
         right: -3px;
         bottom: -4px;
         background: linear-gradient(to left, #ffffff70, rgba(255, 255, 255, .1) 88%);
     }

     .landing__navbar::after {
         padding: 1px;
         right: -1px;
         top: -2px;
         bottom: 0px;
         background: linear-gradient(to left, #ffffff70, rgba(255, 255, 255, .1) 88%);
     }
 }

 @media (max-width:1024px) {
     .desktop:not(.adaptive) {
         display: none !important;
     }

     .section__title {
         font-size: 28px;
     }

     .section__title::before,
     .project__section__title::before,
     .news__page__title::before,
     .faq__page__title::before,
     .news__block__title::before,
     .about__page__title::before,
     .bloggers__page__title::before {
         margin-right: 16px;
     }

     .section__title::after,
     .project__section__title::after,
     .news__page__title::after,
     .faq__page__title::after,
     .news__block__title::after,
     .about__page__title::after,
     .bloggers__page__title::after {
         margin-left: 16px;
     }

     .about__project__name::before,
     .metric__card__name::before {
         margin-right: 5px;
     }

     .about__project__name::after,
     .metric__card__name::after {
         margin-left: 5px;
     }

     .section__description {
         font-size: 14px;
     }

     #landing__page {
         overflow: hidden;
     }

     #stats__section::before,
     #stats__section::after,
     #services__section::before,
     #services__section::after,
     .blue__circle {
         width: 278px;
         height: 278px;
         z-index: -1;
         filter: blur(125px);
     }

     .landing__started__section__container {
         background-image: url('../static/images/landingBackground-adaptive.png');
     }

     .landing__started__section__container::before {
         background: #16161659;
     }

     .landing__started__section__tag {
         font-size: 11px;
     }

     .landing__started__section__tag:nth-child(1) {
         top: 78px;
         left: 49px;
     }

     .landing__started__section__tag:nth-child(2) {
         top: 182px;
         right: 59px;
     }

     .landing__started__section__tag:nth-child(3) {
         bottom: 239px;
         right: 17px;
     }

     .landing__started__section__tag:nth-child(4) {

         bottom: 160px;
         left: 17px;
     }

     .landing__text__container {
         gap: 12px;
         margin-left: auto;
         margin-right: auto;
     }

     .landing__started__section__title {
         width: 355px;
         font-weight: 500;
         letter-spacing: .4px;
         font-size: 36px;
     }

     .landing__started__section__title .custom__italic {
         letter-spacing: 4px;
     }

     .landing__started__section__title .custom__italic .italic {
         position: relative;
         left: -2px;
     }

     .landing__started__section__title .custom__italic,
     .landing__started__section__title .custom__italic * {
         font-weight: 400;
         letter-spacing: 1px;
     }

     .landing__started__section__description {
         font-size: 13px;
         width: 301px;
         letter-spacing: 0.388px;
     }

     .column__container {
         left: 16px;
         right: 16px;
         top: 0px;
         gap: 20px;
     }

     .column__container .column {
         width: 73px;
         opacity: 5%;
         height: 1647px;
     }

     #stats__section .column__container {
         opacity: .5;
     }

     .landing__started__section__mob__button {
         position: relative;
         margin-top: 8px;
         text-decoration: none;
         width: 143px;
         height: 40px;
         border-radius: 32px;
         font-weight: 500;

         font-size: 13px;
         line-height: 120%;
         color: white;
         box-shadow: 0px 0px 26.2px 0px rgba(255, 255, 255, 0.4);
         background: rgba(255, 255, 255, 0.2);
         overflow: hidden;
     }

     #stats__section {
         padding-left: 16px;
         padding-right: 16px;
         padding-top: 48px;
         padding-bottom: 56px;
     }

     #stats__section .section__title {
         letter-spacing: 1px;
     }

     #stats__section .section__title .italic,
     #tags__section .section__title .italic,
     .news__page__title .italic,
     .news__block__title .italic {
         right: 2px
     }

     .stats__section__text__container {
         gap: 12px;
     }

     .stats__section__blocks__container {
         margin-top: 32px;
         gap: 49px;
         flex-direction: column;
     }

     .stats__section__block {
         gap: 12px;
     }

     .stats__section__block:not(:first-child)::before,
     .metric__card:not(:first-child)::before {
         top: -24px;
         left: 5px;
         right: 5px;
         height: 1px;
         background: linear-gradient(170deg,
                 rgba(255, 255, 255, 0) 0%,
                 #FFFFFF 48.56%,
                 rgba(255, 255, 255, 0) 100%);
     }

     .stats__block__name {
         font-size: 12px;
     }

     .stats__block__title {
         font-size: 24px;
         margin-top: 4px;
     }

     .stats__block__description {
         font-size: 14px;
     }

     #stats__section::before {
         top: -80px;
         left: -138px;
     }

     #stats__section::after {
         right: -102px;
         bottom: 63px;
     }

     #services__section {
         padding-top: 22px;
         padding-left: 16px;
         padding-right: 16px;
     }

     #services__section::before {
         top: 636px;
         left: -82px;
     }

     #services__section::after {
         bottom: -43px;
         right: -79px;
     }

     .services__section__heading {
         padding: 21.41px 2.16px 21.41px 5px;
     }

     .services__section__heading::before,
     .services__section__heading::after,
     .services__page__heading::before,
     .services__page__heading::after {
         backdrop-filter: blur(3px);
     }

     .services__section__heading::before,
     .services__page__heading::before {
         width: 20%;
     }

     .services__section__heading::after,
     .services__page__heading::after {
         width: 18%;
     }

     .services__section__title__container {
         gap: 32px;
     }

     .services__section__title {
         font-size: 42.83px;
     }

     .services__container {
         margin-top: 22px;
     }

     .service__card::before {
         left: 20px;
         top: 20px;
         width: 20px;
         height: 20px;
     }

     .service__card::after {
         left: 23px;
         top: 23px;
         width: 14px;
         height: 14px;
     }

     .service__card__footer__container {
         padding-top: 39px;
         padding-left: 20px;
         padding-right: 16px;
         padding-bottom: 20px;
     }

     .service__card__tag {
         width: 32px;
         height: 32px;
         font-size: 20px;
     }

     .service__title {
         font-size: 28px;
         max-width: 77%;
     }

     .service__description {
         font-size: 12px;
     }

     .service__link {
         margin-top: 4px;
         width: 114px;
         font-size: 16px;
     }

     #tags__section {
         padding-top: 86px;
         min-height: 701px;
         backdrop-filter: blur(86px);
     }

     #tags__section .section__title {
         margin-left: 16px;
     }

     .tags__container {
         height: 701px;
         margin-top: 40px;
     }

     .tag {
         height: calc(40px - 24px);
         padding-right: 16px;
         padding-left: 16px;
         cursor: pointer;
     }

     .selected__tag__popup__overlay {
         left: 0;
         top: 0;
         bottom: 0;
         right: 0;
     }

     .selected__tag__popup {
         position: absolute;
         left: 16px !important;
         right: 16px !important;
         padding: 20px;
         border-radius: 20px;
         gap: 16px;
     }

     .selected__tag__block__title {
         font-size: 20px;
     }

     .selected__tag__block__description {
         font-size: 12px;
     }

     .get__solution__button {
         width: 145px;
         height: 40px;
         font-size: 14px;
     }

     #partners__section {
         padding-top: 235px;
         background: linear-gradient(180deg, #FFFFFF 79.47%, rgba(255, 255, 255, 0) 100%);
         top: -233px;
         padding-bottom: calc(233px + 153px);
     }

     #partners__section::before {
         bottom: 48px;
         height: calc(191px + 57px);
     }

     #partners__section svg:nth-child(1) {
         height: 1015px;
         top: -139px;
         left: -200px;
         width: 1015px;
     }

     .partners__section__heading {
         padding-left: 18px;
         padding-right: 16px;
         flex-direction: column;
         align-items: flex-start;
         gap: 20px;
     }

     .partners__section__text__container {
         gap: 14px;
     }

     .partners__section__text__container .section__title {
         padding-top: 6px;
         background-image: linear-gradient(91.05deg, #161616 -0.67%, #0880F0 36.06%);
     }

     .partners__section__more__button {
         width: 126px;
         height: 40px;
         font-size: 13px;
     }

     .partners__container {
         margin-top: 61px;
         gap: 13.07px;
     }

     .partner__cards__container {
         gap: 29.4px;
     }

     .partner__card {
         height: 26.15px;
     }

     .partner__card img {
         height: 100%;
     }

     #persons__section {
         top: -196px;
         padding-bottom: 106.87px;
         z-index: 20;
         background: #161616;
     }

     #persons__section .section__title {
         order: -1;
     }

     .persons__section__heading {
         flex-direction: column;
         gap: 12px;
         justify-content: baseline !important;
         padding-left: 18px;
         padding-right: 16px;
     }

     .persons__section__main__heading__container {
         gap: 24px
     }

     .persons__section__description {
         font-size: 14px;
     }

     .persons__section__heading__link {
         font-size: 14px;
         gap: 8px;
     }

     .persons__section__heading__link svg {
         width: 20px !important;
         height: 20px !important;
     }

     .persons__swiper__container {
         position: relative;
         left: 50%;
         transform: translateX(-50%);
         margin: 0;
         margin-top: 53px;
         height: 351.13px;
         max-width: 664px;
         min-width: 664px;
     }

     .persons__swiper__container::before {
         width: 237.15px;
         height: 237.15px;
         filter: blur(78px);
     }

     .person__card::before {
         left: -43px;
         top: 107.49px;
         height: 220px;
         width: 124px;
     }

     .person__card::after {
         height: 320px;
         width: 99px;
         z-index: -1;
     }

     .person__card .person__card__footer::after {
         height: 146px;
     }

     .person__card .person__card__footer::after {
         filter: blur(33px) !important
     }

     .person__card.pre-next,
     .person__card.pre-prev,
     .person__card.left-hidden {
         width: 149.02px;
         height: 196.98px;
         border-radius: 10.84px;
     }

     .person__card.next,
     .person__card.prev {
         width: 196.09px;
         height: 259.2px;
         border-radius: 14.26px;
     }

     .person__card.next .person__card__tag,
     .person__card.prev .person__card__tag {
         width: 19.97px;
         height: 19.97px;
         font-size: 9.98px;
     }

     .person__card.next .person__social svg,
     .person__card.prev .person__social svg {
         width: 15.69px !important;
         height: 15.69px !important;
     }

     .person__card.next .about__person__block,
     .person__card.prev .about__person__block {
         gap: 1.19px;
     }

     .person__card.next .about__person__block__description,
     .person__card.prev .about__person__block__description {
         font-size: 6.42px;
     }

     .person__card.next .about__person__block:nth-child(1) .about__person__block__description,
     .person__card.prev .about__person__block:nth-child(1) .about__person__block__description {
         font-size: 12.84px;
     }

     .person__card.next .about__person__block__title,
     .person__card.prev .about__person__block__title {
         font-size: 4.99px;
     }

     .person__card.next .about__person__link,
     .person__card.prev .about__person__link {
         width: 52.26px;
         height: 15.69px;
         font-size: 5.7px;
     }

     .person__card.pre-next .person__card__tag,
     .person__card.pre-prev .person__card__tag {
         width: 15.17px;
         height: 15.17px;
         font-size: 7.59px;
     }

     .person__card.pre-next .person__social svg,
     .person__card.pre-prev .person__social svg {
         width: 11.92px !important;
         height: 11.92px !important;
     }

     .person__card.pre-next .about__person__block,
     .person__card.pre-prev .about__person__block {
         gap: 1.34px;
     }

     .person__card.pre-next .about__person__block__description,
     .person__card.pre-prev .about__person__block__description {
         font-size: 4.88px;
     }

     .person__card.pre-next .about__person__block:nth-child(1) .about__person__block__description,
     .person__card.pre-prev .about__person__block:nth-child(1) .about__person__block__description {
         font-size: 9.75px;
     }

     .person__card.pre-next .about__person__block__title,
     .person__card.pre-prev .about__person__block__title {
         font-size: 3.79px;
     }

     .person__card.pre-next .about__person__link,
     .person__card.pre-prev .about__person__link {
         width: 39.84px;
         height: 11.92px;
         font-size: 4.34px;
     }

     .person__card.next {
         left: 51.9px;
     }

     .person__card.current {
         width: 264.64px;
         height: 351.13px;
         border-radius: 19.32px;
     }

     .person__card.prev {
         left: 363.67px;
         right: 62.21px;
     }

     .person__card.pre-prev {
         left: 469.07px;
     }

     .person__card.hidden {
         left: 1600px;
     }

     .person__card.left-hidden {
         left: -700px;
     }

     .person__card .person__avatar {
         top: 19.32px;
         left: 13.04px;
         right: 13.52px;
     }

     .person__card.current .person__social svg {
         width: 21.25px !important;
         height: 21.25px !important;
     }

     .person__card__heading {
         padding: 15.46px 15.46px 0px 15.46px;
     }

     .person__card__tag {
         width: 27.05px;
         height: 27.05px;
         font-size: 13.52px;
     }

     .person__social__container {
         gap: 3.86px;
     }

     .person__card__footer {
         gap: 7.73px;
         padding: 0px 0px 15.69px 15.46px;
     }

     .about__person__block {
         gap: 3.86px;
     }

     .about__person__block:nth-child(1) .about__person__block__description {
         font-size: 17.39px;
     }

     .about__person__block__title {
         font-size: 6.76px;
     }

     .about__person__block__description {
         font-size: 8.69px;
     }

     .about__person__link {
         width: 70.32px;
         height: 21.25px;
         border-radius: 15.46px;
         font-size: 7.73px;
         margin-top: 3.86px;
     }

     #roadmap__section {
         position: relative;
         height: 489px;
         top: -316px
     }

     #roadmap__section>svg {
         top: 0;
         left: 0;
     }

     .roadmap__section__heading {
         gap: 12px;
         margin-top: 111px;
         background: none;
         padding-top: 85px;
     }

     .roadmap__section__heading::before {
         left: -97px;
         right: -97px;
         top: 2px;
         bottom: -73px;
         border-radius: 46%;
     }

     .roadmap__section__heading::after {
         left: -98px;
         right: -98px;
         bottom: -72px;
         border-radius: 46%;

     }

     .roadmap__section__heading .section__description {
         max-width: 335px;
     }

     .roadmap__cards__container {
         margin-top: 65px;
         height: 198px;
         padding-bottom: 110px;
     }

     .roadmap__card {
         gap: 8px;
     }

     .roadmap__card__text__container {
         gap: 8px;
     }

     .roadmap__card__title {
         font-size: 20px;
     }

     .roadmap__card__description {
         font-size: 12px;
     }

     .roadmap__card__link {
         margin-top: 20px;
         width: 108px;
         font-size: 13px;
     }

     .roadmap__card.next,
     .roadmap__card.left-hidden,
     .roadmap__card.right-hidden,
     .roadmap__card.prev {
         top: -20px;
     }

     .roadmap__card.next svg,
     .roadmap__card.left-hidden svg,
     .roadmap__card.right-hidden svg,
     .roadmap__card.prev svg {
         width: 18.8px !important;
         height: 18.8px !important;
     }

     .roadmap__card.next .roadmap__card__title,
     .roadmap__card.left-hidden .roadmap__card__title,
     .roadmap__card.right-hidden .roadmap__card__title,
     .roadmap__card.prev .roadmap__card__title {
         font-size: 11.57px;
     }

     .roadmap__card.next .roadmap__card__description,
     .roadmap__card.left-hidden .roadmap__card__description,
     .roadmap__card.right-hidden .roadmap__card__description,
     .roadmap__card.prev .roadmap__card__description {
         font-size: 6.94px;
     }

     .roadmap__card.next {
         width: 144px;
         left: -53px;
     }

     .roadmap__card.current {
         width: 249px;
         top: -11px;
     }

     .roadmap__card.current svg {
         width: 33px !important;
         height: 32px !important;
     }

     .roadmap__card.current .roadmap__card__link {
         height: 40px;
     }

     .roadmap__card.current .roadmap__card__title {
         width: 173px;
     }

     .roadmap__card.prev .roadmap__card__title,
     .roadmap__card.next .roadmap__card__title {
         width: 100.05px;
     }

     .roadmap__card.prev {
         right: -54px;
         left: calc(100% - 54px);
         width: 144px;
     }

     .roadmap__card.left-hidden {
         left: -270px;
         top: -40px;
         width: 144px;
     }

     .roadmap__card.right-hidden {
         left: 2000px;
         right: -270px;
         top: -40px;
         width: 144px;
     }

     #info__section {
         top: -269px;
         padding-top: 122px;
         gap: 32px;
     }

     #info__section::before {
         width: 605px;
         height: 157px;
         top: 106px;
         filter: blur(100px)
     }

     .info__buttons__container {
         width: calc(342px - 16px);
     }

     .info__title__container {
         width: 347px;
         height: 49px;
     }

     .info__title__container {
         gap: 30.57px;
     }

     .info__title {
         font-size: 36.69px;
     }

     .info__title:nth-child(odd)::before,
     .info__title:nth-child(odd)::after {
         width: 6.11px;
         height: 6.11px;
         margin-right: 12.23px;
         margin-left: 12.23px;
     }

     .info__button {
         height: 44px;
         font-size: 13px;
     }

     .info__button:nth-child(1) {
         width: 141px;
     }

     .info__button:nth-child(3) {
         width: 177px;
     }

     #landing__page footer {
         padding-top: 0px;
     }

     footer {
         padding-top: 165px;
         padding-bottom: 108.01px;
         gap: 47px;
         align-items: center;
     }

     .footer__sections__container {
         flex-direction: column;
         align-items: center;
         gap: 40px;
         width: 100%;
     }

     .footer__section {
         gap: 16px;
         align-items: center;
     }

     .footer__section:nth-child(2) {
         order: -1;
     }

     .footer__section:nth-child(1) {
         padding: 40px 0px;
         width: 100%;
         border-top: 1px solid rgba(255, 255, 255, .2);
         border-bottom: 1px solid rgba(255, 255, 255, .2);
     }

     footer .social__cards svg,
     footer .social__cards a {
         width: 40px;
         height: 40px;
     }

     .footer__section:nth-child(2) .footer__item a {
         font-weight: 100;
         letter-spacing: 1px;
     }

     .footer__section:nth-child(1) .footer__item a {
         font-size: 16px;
     }

     .footer__title {
         font-size: 18px;
     }

     .footer__list {
         gap: 16px;
         align-items: center;
     }

     .footer__item a,
     .footer__item {
         font-size: 14px;
     }

     .footer__input__container {
         width: 269px;
         height: 40px;
     }

     .send__email__button {
         right: 10px;
         top: 10px;
     }

     .send__email__button svg {
         width: 20px !important;
         height: 20px !important;
     }

     .footer__input {
         width: calc(100% - (44px + 16px));
         height: calc(100% - 26px);
         padding: 13px 44px 13px 16px;
         font-size: 12px;
     }

     .footer__copyright__container {
         gap: 6.49px;
         order: -1;
         max-width: 358px;
     }

     .copyright__title__container {
         gap: 8.68px;
     }

     .copyright__title__container svg {
         width: 31.89px !important;
         height: 34.99px !important;
     }

     .footer__copyright__title {
         font-size: 36px;
     }

     .copyright__description {
         font-size: 12px;
         margin-left: auto;
     }

     .portfolio__landing__section__content {
         flex-direction: column;
         gap: 33px;
         border-bottom: 1px solid rgba(8, 128, 240, .2);
         padding-bottom: 28px;
     }

     .portfolio__landing__image {
         height: 450px;
     }

     .portfolio__landing__main__content {
         gap: 8px;
         margin-left: 16px;
         margin-right: 16px;
     }

     .portfolio__landing__title div {
         font-size: 24px;
         text-indent: -18px;
     }

     .portfolio__landing__title svg {
         top: 10px;
         right: -10px;
     }

     .portfolio__landing__description {
         font-size: 12px;
     }

     .portfolio__tags {
         margin-top: 4px;
     }

     .portfolio__tag {
         padding: 0px 8px;
         height: 22px;
         font-size: 12px;
     }

     .portfolio__landing__button {
         margin-top: 12px;
         height: 40px;
         font-size: 14px;
     }

     .portfolio__landing__main__title {
         top: 199px;
         word-wrap: break-word;
         width: 294px;
         left: 11px;
         font-size: 88px;
     }

     .portfolio__container {
         margin-top: 31px;
         margin-left: 16px;
         margin-right: 16px;
     }

     .select {
         height: 32px;
         padding: 0px 10px;
         gap: 2px;
         font-size: 12px;
         white-space: nowrap;
     }

     .select svg {
         width: 16px;
         height: 16px;
     }


     .select__container:not(.active) .select__menu {
         padding: 0px 8px !important;
     }

     .select__menu {
         top: 36px;
         min-width: calc(100% - 16px);
         padding: 8px;
         border-radius: 8px;
     }

     .select__menu__item {
         font-size: 12px;
     }

     .portfolio__heading,
     .news__heading {
         flex-direction: column;
         gap: 12px;
         align-items: flex-start;
     }

     .heading__search__container {
         gap: 4px;
         width: 100%;
         order: -1;
     }

     .search__input__container {
         height: 40px;
         flex-grow: 1;
     }

     .search__input {
         width: 100%;
         height: calc(100% - 28px);
         padding: 12px 44px 12px 16px;
         font-size: 13px;
     }

     .search__button {
         right: 16px;
     }

     .search__button svg {
         width: 20px;
         height: 20px;
     }

     .clear__button {
         width: 60px;
         height: 40px;
     }

     .clear__button svg {
         width: 20px;
         height: 20px;
     }

     .portfolio__projects__container {
         flex-direction: column;
         margin-top: 24px;
         gap: 40px;
         z-index: 30;
     }

     .portfolio__project {
         gap: 20px;
         text-decoration: none;
     }

     .portfolio__project__preview {
         height: 240px;
     }

     .portfolio__project__content {
         gap: 12px;
     }

     .portfolio__project__tag {
         height: 28px;
         font-size: 12px;
     }

     .portfolio__project__title {
         font-size: 24px;
     }

     .portfolio__project__description {
         font-size: 12px;
     }

     #portfolio__page footer {
         margin-top: 0px;
         background: linear-gradient(142.55deg, #FFFFFF 19.26%, #0880F0 100.43%);
         margin-top: -561px;
         padding-top: calc(561px + 187px);
     }

     #portfolio__page>svg {
         top: 100px;
         left: 0;
     }

     .filters__value {
         font-size: 16px;
         min-width: calc(50px - 40px);
     }

     #project__page {
         padding-left: 16px;
         padding-right: 16px;
     }

     .project__page__heading {
         padding-top: 32px;
         gap: 8px;
     }

     .project__page__title {
         font-size: 28px;
     }

     .project__page__description {
         font-size: 12px;
         font-weight: 100;
         width: 281px;
         letter-spacing: .4px;
     }

     #project__page>.project__preview {
         height: 289px;
         border-radius: 12px;
         margin-top: 24px;
     }

     .project__heading__blocks {
         margin-top: 32px;
         gap: 24px;
         flex-direction: column;
         justify-content: baseline;
     }

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

     .project__block:nth-child(2) {
         order: -1;
     }

     .project__block__content {
         gap: 8px;
     }

     .about__project__block__title {
         font-size: 12px;
     }

     .project__tag {
         height: 32px;
         padding: 0px 12px;
         font-size: 12px;
     }

     .project__description {
         font-size: 18px;
     }

     .about__project__section {
         margin-top: 56px;
     }

     .about__project__container {
         gap: 40px;
         flex-direction: column;
     }

     .about__project__content {
         gap: 16px;
     }

     .project__section__title {
         font-size: 28px;
     }

     .about__project__description__container {
         gap: 24px;
     }

     .about__project__name {
         font-size: 12px;
         letter-spacing: 1.2px;
         position: relative;
         top: 10px;
     }

     .about__project__description {
         font-weight: 100;
         top: -5px;
     }

     .about__project__description,
     .about__project__description p {
         font-size: 12px;
     }

     .about__project__description p {
         margin-top: 12px;
     }

     .about__project__container .about__project__preview {
         height: 241px;
     }

     .metric__cards__container {
         gap: 49px;
         flex-direction: column;
     }

     .metric__card {
         gap: 12px;
     }

     .metric__card__name {
         font-size: 12px;
     }

     .metric__card__title {
         font-size: 24px;
         margin-top: 4px;
     }

     .metric__card__description {
         font-size: 14px;
     }

     .project__preview__section {
         margin-top: 24px;
         height: 269px;
     }

     .project__section {
         margin-top: 56px;
         gap: 16px;
     }

     .project__section__description__container {
         gap: 24px;
     }

     .project__second__preview__container {
         margin-top: 32px;
         gap: 8px;
     }

     .project__second__preview__container .project__second__preview {
         height: 191px;
     }

     .project__second__preview__container .project__second__preview:nth-child(1) {
         width: 52.7%;
     }

     .project__second__preview__container .project__second__preview:nth-child(2) {
         width: 47%;
     }

     #news__page__container {
         overflow: hidden;
     }

     #news__page__container>svg.adaptive {
         left: 0;
     }

     .news__page__heading {
         gap: 12px;
         padding-top: 67px;
     }

     .news__page__title,
     .news__page__title .italic,
     .faq__page__title,
     .about__page__title,
     .bloggers__page__title,
     .bloggers__page__title * {
         font-size: 28px;
     }

     .news__page__description {
         width: 319px;
     }

     .news__page__description,
     .news__page__description span,
     .faq__page__description,
     .faq__page__description span,
     .about__page__description,
     .about__page__description span,
     .bloggers__page__description,
     .bloggers__page__description span {
         font-size: 12px;
     }

     .news__swiper__container {
         margin-top: 24px;
         height: 418px;
         width: 692.34px;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }

     .news__swiper__card .card__link {
         width: 137px;
         height: 44px;
         font-size: 14px;
     }

     .news__swiper__card.first,
     .news__swiper__card.second,
     .news__swiper__card.left-hidden {
         top: 40px;
     }

     .news__swiper__card.second {
         left: calc(100% - 171px);
     }

     .news__swiper__card.first,
     .news__swiper__card.second,
     .news__swiper__card.left-hidden {
         width: 171px;
     }

     .news__swiper__card.first,
     .news__swiper__card.second {
         opacity: .5;
     }

     .news__swiper__card.first .about__card__container,
     .news__swiper__card.second .about__card__container,
     .news__swiper__card.left-hidden .about__card__container {
         margin-top: 11.03px;
     }

     .news__swiper__card.first .card__preview,
     .news__swiper__card.second .card__preview,
     .news__swiper__card.left-hidden .card__preview {
         height: 135.7px;
         border-radius: 6.62px;
     }

     .news__swiper__card.first .card__stats__block,
     .news__swiper__card.second .card__stats__block,
     .news__swiper__card.left-hidden .card__stats__block {
         gap: 2.21px;
     }

     .news__swiper__card.first .card__stats__block svg,
     .news__swiper__card.second .card__stats__block svg,
     .news__swiper__card.left-hidden .card__stats__block svg {
         width: 11.03px;
         height: 11.03px;
     }

     .news__swiper__card.first .card__stats__container,
     .news__swiper__card.second .card__stats__container,
     .news__swiper__card.left-hidden .card__stats__container {
         gap: 6.62px
     }

     .news__swiper__card.first .card__stats__block:not(:last-child),
     .news__swiper__card.second .card__stats__block:not(:last-child),
     .news__swiper__card.left-hidden .card__stats__block:not(:last-child) {
         padding-right: 6.62px;
     }

     .news__swiper__card.first .card__stats__title,
     .news__swiper__card.second .card__stats__title,
     .news__swiper__card.first .card__author,
     .news__swiper__card.second .card__author,
     .news__swiper__card.left-hidden .card__stats__title,
     .news__swiper__card.left-hidden .card__author {
         font-size: 6.62px;
     }

     .news__swiper__card.first .card__title,
     .news__swiper__card.second .card__title,
     .news__swiper__card.left-hidden .card__title {
         font-size: 9.93px;
     }

     .news__swiper__card.middle {
         width: 310px;
     }

     .news__swiper__card.middle .card__preview {
         height: 246px;
         border-radius: 12px;
     }

     .news__swiper__card.middle .about__card__container,
     .news__swiper__card.middle .card__link {
         margin-top: 20px;
     }

     .news__swiper__card.middle .card__stats__container {
         gap: 12px;
     }

     .news__swiper__card.middle .card__stats__block {
         gap: 4px;
     }

     .news__swiper__card.middle .card__stats__block:not(:last-child) {
         padding-right: 12px;
     }

     .news__swiper__card.middle .card__stats__block svg {
         width: 20px;
         height: 20px;
     }

     .news__swiper__card.middle .card__stats__title,
     .news__swiper__card.middle .card__author {
         font-size: 12px;
     }

     .news__swiper__card.middle .card__title {
         font-size: 18px;
         margin-top: 8px;
     }

     .news__container {
         padding: 24px 15px 0px 16px;
         margin-top: 50px;
     }

     .news__cards__container {
         margin-top: 24px;
         display: flex;
         flex-direction: column;
         gap: 32px;
     }

     .news__card__title {
         margin-top: 16px;
         font-size: 16px;
     }

     .news__card__timestamp {
         margin-top: 8px;
     }

     .news__card__timestamp svg {
         width: 16px;
         height: 16px;
     }

     .news__card__timestamp__value {
         font-size: 12px;
     }

    #news__page__container footer,
    footer.news__footer {
         padding-top: 559px;
     }

     .faq__page__heading {
         padding-top: 32px;
         gap: 12px;
     }

     .faq__cards__container {
         position: relative;
         margin-top: 8px;
         padding-top: 47px;
         padding-left: 16px;
         padding-right: 16px;
     }

     .faq__cards__container::before {
         position: absolute;
         content: '';
         display: block;
         left: 16px;
         width: 1px;
         bottom: -361px;
         height: 801px;
         background: rgba(255, 255, 255, 5%)
     }

     .faq__card {
         padding: 31.5px 0px;
         cursor: pointer;
     }

     .faq__card.active {
         padding: 47px 0px;
     }

     .faq__main {
         gap: 24px;
     }

     .faq__id {
         font-size: 12px;
         line-height: 12px;
     }

     .faq__content {
         max-width: 77.545%;
         gap: 8px;
     }

     .faq__title {
         position: relative;
         top: -4px;
         font-size: 16px;
         line-height: 130%;
         letter-spacing: .5px;
     }

     .faq__description {
         font-size: 12px;
         letter-spacing: .8px;
     }

     .faq__preview {
         margin-top: 8px;
     }

     .faq__button,
     .faq__button svg {
         width: 24px;
         height: 24px;
     }

     #faq__page .news__swiper__block {
         margin-top: 56px;
         z-index: 50;
     }

     .news__swiper__block {
         gap: 24px;
     }

     .news__block__title {
         margin-left: 17px;
     }

     .news__block__title,
     .news__block__title .italic {
         font-size: 28px;
     }

     .news__block__swiper__card {
         min-width: 248px;
         max-width: 248px;
         min-height: 255px;
         gap: 16px;
     }

     .news__swiper__preview {
         height: 158px;
     }

     .news__swiper__footer {
         gap: 8px;
     }

     .news__swiper__card__title {
         font-size: 16px;
     }

     .news__swiper__card__timeline__container {
         order: -1;
     }

     .news__swiper__card__timeline__value {
         font-size: 12px;
     }

     #faq__page footer {
         padding-top: 159px;
     }

     #faq__page .blue__circle:nth-child(1) {
         top: -150px;
         right: -53px;
     }

     #faq__page .blue__circle:nth-child(2) {
         top: 608px;
         left: -158px;
     }

     #faq__page .news__swiper__block {
         position: relative;
     }

     #faq__page .news__swiper__block::before {
         position: absolute;
         content: '';
         left: -88px;
         top: -22px;
         width: 491px;
         height: 491px;
         background: rgba(8, 128, 240, 1);
         border-radius: 1000px;
         filter: blur(400px);
     }

     .about__page__heading {
         padding-top: 51px;
         gap: 12px;
     }

     #about__page .swiper-container {
         padding-left: 75px;
         padding-right: 20px;
     }

     .about__page__person__cards__swiper__wrapper {
         margin-top: 29px !important;
     }

     #about__page::before,
     #about__page::after {
         height: 483.26px;
         top: 90px;
         width: 10%;
     }

     .about__page__person__card {
         min-width: 250px;
         max-width: 250px;
         min-height: 382px;
         gap: 20px;
     }

     .about__page__person__preview {
         border-radius: 12px;
         height: 250px;
     }

     .about__page__person__text__container {
         gap: 8px;
     }

     .about__page__person__text__container__heading {
         flex-direction: column;
         gap: 4px;
     }

     .about__page__person__title {
         font-size: 20px;
     }

     .about__page__person__rule {
         font-size: 12px;
         order: -1;
     }

     .about__page__person__description {
         font-size: 12px;
     }

     #about__page footer {
         padding-top: 559px;
     }

     #bloggers__page::before,
     #bloggers__page::after {
         width: 278;
         height: 278;
         filter: blur(250px);
     }

     #bloggers__page::before {
         right: -53px;
         top: -118px;
     }

     #bloggers__page::after {
         top: 608px;
         right: -158px;
     }

     .bloggers__page__heading {
         padding-top: 32px;
         gap: 12px;
     }

     .bloggers__page__title .bold:last-child {
         right: 4px;
     }

     .bloggers__card__container {
         padding-left: 16px;
         padding-right: 16px;
         margin-top: 79px;
         flex-direction: column;
     }

     .blogger__card {
         height: 358px;
     }

     .blogger__heading {
         margin: 20px 20px 0px 20px;
     }

     .blogger__heading .blogger__social,
     .blogger__heading .blogger__social svg {
         width: 32px;
         height: 32px;
     }

     .blogger__username {
         height: 32px;
         font-size: 12px;
     }

     .blogger__preview {
         width: 357px;
         bottom: -40px;
     }

     .blogger__footer {
         height: 147px;
     }

     .blogger__footer__name {
         font-size: 12px;
     }

     .blogger__title {
         font-size: 24px;
     }

     .blogger__card .circle:nth-child(1) {
         width: 136px;
         height: 136px;
         left: -17px;
         top: 105px;
     }

     .blogger__card .circle:nth-child(2) {
         width: 90%;
         height: 251px;
         left: 68px;
         top: -16.5px;
     }

     .blogger__card .circle:nth-child(3) {
         width: 152px;
         height: 152px;
         right: -103px;
         bottom: 47px;
     }

     #bloggers__page footer {
         padding-top: 165px;
     }

     .article__card {
         margin-top: 16px;
         margin-left: 16px;
         margin-right: 16px;
         gap: 16px;
     }

     .article__preview {
         border-radius: 12px;
         height: 246px;
     }

     .article__stats {
         flex-direction: column;
         gap: 8px;
     }

     .article__tag {
         height: 32px;
         font-size: 12px;
     }

     .article__tag:nth-child(2) {
         order: -1;
     }

     .article__tag svg {
         width: 16px;
         height: 16px;
     }

     .article__card__author {
         height: 32px;
         padding: 0px 12px;
         font-size: 14px;
         order: -1;
         width: fit-content;
     }

     .article__card__author::before {
         font-size: 12px;
         margin-right: 12px;
     }

     .article__content {
         margin-top: 32px;
         gap: 24px;
         margin-left: 16px;
         margin-right: 16px;
     }

     .article__block {
         gap: 12px;
     }

     .article__block .article__title {
         font-size: 20px;
         line-height: 120%;
         letter-spacing: .4px;
     }

     .article__block .article__description {
         gap: 12px;
     }

     .article__block .article__description p,
     .article__block .article__description a,
     .article__block .article__description strong,
     .article__block .article__description span {
         font-size: 12px;
     }

     #article__page {
         overflow: hidden;
     }

     #article__page .news__swiper__block {
         margin-top: 72px;
     }

     #article__page footer {
         padding-top: 108px;
     }

     .services__page__heading {
         top: -40px;
         width: calc(358px - 40px);
         height: calc(79px - 80px);
         margin-top: 27px;
     }

     .services__page__heading::before {
         width: 33%;
     }

     .services__page__heading::after {
         width: 33%;
     }

     #services__page .wrapper {
         height: 79px;
         position: absolute;
         left: 16px;
         right: 16px;
     }

     .on__page__services__container {
         margin-top: -13px;
     }

     .on__page__service__card {
         height: 410px;
     }

     .on__page__service__card:not(:first-child) {
         margin-top: -23px;
     }

     #services__page .service__link {
         height: 40px;
     }

     #services__page .news__swiper__block {
         margin-top: 153px;
     }

     #services__page footer {
         margin-top: 55px;
         padding-top: 165px;
     }

     #services__page {
         position: relative;
         overflow: hidden;
     }

     #services__page::before {
         position: absolute;
         content: '';
         right: -73px;
         top: -77px;
         width: 278px;
         height: 278px;
         border-radius: 1000px;
         background: #0880F0;
         filter: blur(120px)
     }

     footer>svg {
         right: 0;
         bottom: 0px;
     }

     .landing__navbar {
         position: fixed;
         bottom: 25px;
         z-index: 999;
         left: 50%;
         transform: translateX(-50%);
         gap: 12px;
         height: 56px;
         padding-left: 16px;
         padding-right: 10px;
         border-radius: 32px;
         background: rgba(34, 34, 34, 0.6);
         backdrop-filter: blur(10px);
         overflow: hidden;
     }

     .landing__navbar__main__link {
         position: relative;
         overflow: hidden;
         background: rgba(255, 255, 255, 0.2);
         box-shadow: 0px 0px 10.2px 0px rgba(255, 255, 255, 0.4);
         font-weight: 500;
         font-size: 13px;
         line-height: 120%;
         text-decoration: none;
         width: 95px;
         height: 40px;
         border-radius: 32px;
         z-index: 99;
     }

     .landing__navbar::before,
     .landing__navbar::after {
         content: '';
         position: absolute;
         inset: 0;
         border-radius: inherit;
         -webkit-mask:
             linear-gradient(#fff 0 0) content-box,
             linear-gradient(#fff 0 0);
         -webkit-mask-composite: xor;
         mask-composite: exclude;
     }

     .landing__navbar::before {
         padding: 1px;
         top: 0px;
         left: -.4px;
         right: -3px;
         bottom: -4px;
         background: linear-gradient(to left, #ffffff70, rgba(255, 255, 255, .1) 88%);
     }

     .landing__navbar::after {
         padding: 1px;
         right: -1px;
         top: -2px;
         bottom: 0px;
         background: linear-gradient(to left, #ffffff70, rgba(255, 255, 255, .1) 88%);
     }
 }

 .without_margin p{
    margin-top: 0px !important
 }

 #menu-main{
    z-index: 99;
 }