#cookie_notification {
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 80%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 25px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 9999;
}
.reviews__stars {
display: flex;
align-items: center;
}
@media (min-width: 576px) {
    #cookie_notification.show {
        display: flex    ;
        align-items: center;
    }
}
#cookie_notification p {
    margin: 0;
    font-size: 16px;
    text-align: left;
    color: black;
}
.cookie-btns {
    display: flex;
}
#cookie_notification .cookie_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    border: none;
    color: #000;
    margin-right: 10px;
    text-decoration: none;
    padding: 9px 33px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 100%;
    transition: all .1slinear;
    font-size: 16px;
}
#cookie_notification .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3827c8;
    border: none;
    color: #FFF;
    text-decoration: none;
    padding: 9px 33px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 100%;
    transition: all .1slinear;
    font-size: 16px;
}
.columns.mod--faq {
    grid-column-gap: 18rem;
    grid-row-gap: 9rem;
    align-items: flex-start;
}
.columns__col.mod--faq {
    flex: 0 auto;
}
.faq__ask-card.is-white {
    background-image: url(/assets/images/faq.webp), linear-gradient(to bottom, rgba(255, 122, 26, 0) 49%, #FF7A1A 50%);
    color: white;
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100%, auto;
}
.faq__ask-card {
    width: 37rem;
    height: 43.625rem;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    background-image: url(/assets/images/faq.webp), linear-gradient(rgba(255, 122, 26) 49%, #3a23bb 50%);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100%, auto;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 3.5rem;
    display: flex;
}
.faq__ask-content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.4;
    display: flex;
}
.button {
    z-index: 2;
    grid-column-gap: .75rem;
    color: #000;
    text-align: center;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 20rem;
    justify-content: center;
    align-items: center;
    padding: 2.1rem 1.75rem 2.1rem 1.5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    transition: all .4s;
    display: flex;
    position: relative;
    transform: translate(0);
}
.dropdown__content.mod--faq {
    color: rgba(0, 0, 0, 0.7);
    padding-bottom: 2.5rem;
    padding-right: 7.5rem;
    font-size: 1.8rem;
    text-align: left;
}
.button__overflow {
    z-index: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.button__icons.is--whatsapp {
    width: 2rem;
    height: 2rem;
    background-color: transparent;
    border-style: none;
    border-width: 0;
    overflow: visible;
}
.button__icons {
    width: 2rem;
    height: 2rem;
    color: #fff;
    background-color: #3827c7;
    border: .125rem solid #3827c7;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-top: -1rem;
    margin-bottom: -1rem;
    transition: all .4s;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0);
}
.button__text-anim {
    transition: transform .4s cubic-bezier(.215,.61,.355,1);
    position: relative;
    transform: translate(0);
}
.button__text.is-absolute {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translateY(150%);
}
.button__icons.is--whatsapp {
    width: 3rem;
    height: 3rem;
    background-color: transparent;
    border-style: none;
    border-width: 0;
    overflow: visible;
}
.button__icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.columns__col.mod--faq.is-2 {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-direction: column;
    flex: 1;
    display: flex;
}
h2 {
    letter-spacing: -.01em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1;
}
.dropdown-inter.mod--faq {
    opacity: 1;
    border-top: .0625rem solid rgb(206 206 206 / 80%);
    transition: transform .6s, opacity .4s;
    display: block;
}
.dropdown-inter {
    width: 100%;
    opacity: 1;
    transition: transform .6s, opacity .4s;
    display: block;
    transform: translate(0);
    cursor: pointer;
}
.w-dropdown-list2 {
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    
}

.w-dropdown-list2.is-open {
    max-height: 1000px;
}
.w-dropdown2 {
    text-align: left;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}
.dropdown__icons {
    z-index: 2;
    width: 1.5rem;
    height: 1.5rem;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.is-close {
    display: none;
}
.w-open .is-close {
    display: inline;
}
.w-open .is-open {
    display: none;
}
.faq {
    padding-bottom: 60px;
}
.dropdown__toggle2.mod--faq {
    min-height: 6.5rem;
    text-transform: uppercase;
    white-space: normal;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.25rem;
    line-height: 1.2;
    transition: all .2s;
    display: flex;
    align-items: center;
}
.dropdown__title-wrap.mod--faq {
    padding-right: 2rem;
}
.dropdown__title-wrap {
    grid-column-gap: 2rem;
    flex: 1;
    align-items: flex-start;
    display: flex;
}
.dropdown__title.mod--faq {
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 1.2;
}
.dropdown__icon-wrap {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-top: -.3rem;
    margin-bottom: -.3rem;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0);
}
.button__bg.bg-color-white {
    background-color: #fff;
}
.button__bg {
    width: 100%;
    height: 100%;
    background-color: #3827c7;
    border-radius: 50%;
    transition: all .3s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: scale(0);
}
.dropdown__icon {
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 0;
    position: relative;
}
@media screen and (min-width:992px) {
    .w-dropdown-toggle2:hover [data-dropdown-plus] ~ .button__bg,
    .w-dropdown-toggle2.w--open [data-dropdown-plus] ~ .button__bg {
      transform: scale(1);
    }
    .w-dropdown-toggle2:hover [data-dropdown-plus],
    .w-dropdown-toggle2.w--open [data-dropdown-plus] {
      color: #02021e;
    }
  }

  .w-dropdown-toggle2.w--open [data-dropdown-arrow] { transform: rotate(-180deg); }
  .w-dropdown-toggle2 .is-dropdown-arrow-rotate { transform: rotate(-180deg); }
  .w-dropdown2.mod--footer-nav .dropdown__icon-wrap {
    transition: all .2s;
    opacity: 0;
  }
  .w-dropdown2.mod--footer-nav .w-dropdown-toggle2:hover .dropdown__icon-wrap,
  .w-dropdown2.mod--footer-nav .w-dropdown-toggle2.w--open .dropdown__icon-wrap {
    opacity: 1;
  }

.w-open .w-dropdown-list2 {
    display: block;
}
.grid.mod--clients {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: repeat(auto-fit, minmax(25%, auto));
    position: relative;
    display: grid !important;
}
.grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.heading-2 {
    font-size: 5rem;
    text-transform: uppercase;
}
.clients__block-wrap {
    height: 33.25rem;
    grid-row-gap: 0rem;
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    display: flex;
    position: relative;
    transform: translate(0);
}
.clients__block {
    opacity: 1;
    transition: opacity .4s;
}
.clients__logo {
    width: 21.125rem;
    height: 5.6rem;
    object-fit: contain;
}
.clients__text-wrap {
    height: 0;
    transition: all .5s;
    overflow: hidden;
    transform: translate(0);
}
.clients__btn {
    display: none;
}
.clients__text {
    height: auto;
    max-width: 23.75rem;
    opacity: .7;
    align-self: auto;
    padding-top: 1.5rem;
    overflow: visible;
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
}
.clients__line {
    width: .0625rem;
    height: 100%;
    background-color: rgb(205 205 205 / 30%);
    transition: all .6s;
    position: absolute;
    left: 25%;
}
.clients__line.is-4 {
    width: 100%;
    height: .0625rem;
    top: 50%;
    left: 0%;
}
.clients__line.is-3 {
    left: 75%;
}

.clients__line.is-2 {
    left: 50%;
}
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8f94-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8f9e-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fa8-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fb2-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fbc-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fc6-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fd0-78ec8f91, #w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fda-78ec8f91, #w-node-d0f02925-ec01-44b8-b3bc-e8b9e1f39852-78ec8f91, #w-node-_434cab59-98e7-186b-1781-281f0fae8f3f-78ec8f91, #w-node-_831409b4-02f6-96ee-f725-2dbec17ce53d-78ec8f91, #w-node-ff4438cf-c98f-1dec-e87d-a04002761d01-78ec8f91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
.company {
    padding-bottom: 60px;
}
.clients__text-wrap.active {
    height: 9rem;
}
.clients__btn-bg {
    width: 100%;
    height: 100%;
    background-color: #FFf;
    border-radius: 50%;
    transition: all .4s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: scale(0);
}
.service-hero__card {
    min-height: auto;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    opacity: 1;
    transform-origin: 50% 0;
    background-image: linear-gradient(rgba(56, 39, 199, 0) 29%, #3827c7 30%), url(/assets/images/services/service-bg.svg);
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 100%;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    padding: 8rem 5.5rem 2rem;
    transition: transform .6s, opacity .4s;
    display: flex;
    position: relative;
    transform: perspective(800px) rotate(0) perspective(800px);
    margin-bottom: 50px;
}
.columns.mod--service-hero {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding: 28px 0;
}
.columns {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}
.hero-service__cta {
    border-top: .0625rem solid rgba(255, 255, 255, .3);
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    display: flex;
}
.columns__col.is-not-shrink {
    flex: none;
}
.heading-1 {
    letter-spacing: -.01em;
    text-transform: uppercase;
    font-size: 8rem;
    font-weight: 500;
    line-height: 1.1;
    color: white;
    z-index: 8;
    position: relative;
}
.serv-left {
    width: 70%;
}
.serv-right {
    width: 30%;
}
.heading-serv {
    letter-spacing: -.01em;
    text-transform: uppercase;
    font-size: 8rem;
    font-weight: 500;
    line-height: 1;
    color: black;
    z-index: 8;
    text-align: left;
    position: relative;
    margin: 0;
}
.button-flex {
    z-index: 2;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.button.is-small-simple {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding: 1.5rem 2.5rem;
    width: auto;
    height: 5rem;
    margin-right: 0;
    background-image: linear-gradient(to top, #ff7a1a, #f89f53 100%);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.button:hover .button__text {
    color: white
}
.button__text.is-absolute {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translateY(150%);
}
.button:hover {
    background: #ff4359 !important;
    color: white;
}

.button__icon-anim.active {
    transform: translate(180%);
}

.icon-scale {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.215,.61,.355,1);
    display: flex;
}
.icon-scale.is-1.active, .icon-scale.is-2 {
    width: 0;
    height: 0;
}
.icon-scale.is-2.active {
    width: 5rem;
    height: 5rem;
}

.button__overflow {
    z-index: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.button__text-anim {
    transition: transform .4s cubic-bezier(.215,.61,.355,1);
    position: relative;
    transform: translate(0);
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}
.service-hero__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    display: block;
    overflow: hidden;
}
.section.mod--hero {
    z-index: 1;
    padding-top: 2rem;
    overflow: hidden;
    transform: translate(0);
}
.service-hero__video-wrap {
    width: 18.5rem;
    height: 18.5rem;
    cursor: pointer;
    position: relative;
    transform: translate(0);
}
.swiper.mod--service-hero {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.swiper-slide.mod--service-hero.is--separ {
    border-right: .0625rem solid rgba(255, 255, 255, .3);
    margin-right: 2.5rem;
    padding-right: 2.5rem;
}
.hero-service__advant {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    align-items: center;
    display: flex;
}
.hero-service__advant-text {
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.2;
}

.hero-service__advant-text.is-2 {
    display: none;
}

.hero-service__advant {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    align-items: center;
    display: flex;
    color: white;
}
.hero-service__advant-numb {
    letter-spacing: -.02em;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1;
}
.hero-service__advant-text {
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1.2;
}
.swiper-slide.mod--service-hero {
    width: auto;
    flex: 0 auto;
}
.hero-service__advant-numb {
    letter-spacing: -.02em;
    font-size: 6.5rem;
    font-weight: 500;
    line-height: 1;
}

.service-hero__video-wrap {
    width: 37.5rem;
    height: 37.5rem;
    cursor: pointer;
    position: relative;
    transform: translate(0);
}
.service-hero__play {
    z-index: 2;
    position: absolute;
    top: auto;
    bottom: 1rem;
    left: 1rem;
    right: auto;
}
.reviews {
    background: #000;
    z-index: 1;
    position: relative;
    overflow: hidden;
    transform: translate(0);
    padding-bottom: 70px
}

.columns.mod--heading {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8rem
}

.reviews__label {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    letter-spacing: .04375rem;
    border: .0625rem solid rgba(255, 255, 255, .8);
    border-radius: 20rem;
    align-items: center;
    padding: 1.8rem 2rem;
    font-size: .875rem;
    line-height: 1;
    display: flex
}

.columns__col.mod--heading.is-1 {
    width: 26rem;
    flex: none;
    align-items: flex-start;
    display: flex
}

.columns__col.mod--heading {
    opacity: 1;
    transition: opacity .4s
}

.columns.mod--heading {
    grid-column-gap: 23rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8rem
}

.reviews__label-logo {
    width: 13.3rem;
    display: block
}

.heading-6 {
    letter-spacing: -.01em;
    text-transform: none;
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff
}

.text-size-80 {
    font-size: 8rem;
    line-height: 1;
    color: #fff
}

.swiper-nav {
    grid-column-gap: 1rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.swiper-nav__arrow.is-border-white {
    color: #fff
}

.swiper-nav__arrow.is-left {
    transform: rotate(-180deg)
}

.swiper-nav__arrow {
    width: 6.5rem;
    height: 6.5rem;
    pointer-events: auto;
    cursor: pointer;
    border: .0625rem solid rgba(255, 255, 255, .8);
    border-radius: 6.25rem;
    justify-content: center;
    align-items: center;
    transition: all .4s;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}
.dribbble-nav .swiper-nav__arrow {
    border: .0625rem solid rgb(0 0 0 / 80%);
}
.dribbble-nav .swiper-nav__arrow.is-border-white {
    color: #000
}

.reviews__rate {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: .0625rem solid rgba(255, 255, 255, .3);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    display: flex
}

.reviews__label-separ {
    width: .0625rem;
    height: 1.5rem;
    background-color: rgba(255, 255, 255, .8);
    flex: none
}

.columns__col.mod--heading {
    opacity: 1;
    transition: opacity .4s
}

.space-heading-4 {
    width: 13.125rem;
    height: 3rem;
    float: left
}

.heading-4 {
    letter-spacing: -.055rem;
    text-transform: none;
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 1.1;
    position: relative;
    color: #fff;
    margin: 0
}

.columns.mod--reviews {
    grid-column-gap: 17rem;
    grid-row-gap: 2rem;
    align-items: flex-end
}

.text-size-20 {
    font-size: 2.25rem;
    line-height: 1.4;
    color: #fff
}

.columns__col.is-1-old.mod--reviews {
    width: 32rem;
    flex: none;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    position: relative
}

.reviews__desc {
    z-index: 1;
    max-width: 28.875rem;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 2.5rem;
    display: flex;
    position: relative
}

.columns__col.is-2-old.mod--reviews {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.swiper.mod--reviews {
    width: 100vw;
    border-radius: 1.5rem;
    flex: none;
    margin-left: -1rem;
    overflow: hidden
}

.swiper-slide.mod--reviews {
    width: 42rem;
    height: auto;
    flex: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex
}



.swiper.mod--works {
    width: 100vw;
    border-radius: 1.5rem;
    flex: none;
    margin-left: -1rem;
    overflow: hidden
}

.swiper-slide.mod--works {
    width: 42rem;
    height: auto;
    flex: none;
    padding-left: 0;
    padding-right: 0;
    display: flex
}



.rev-title {
    color: #fff;
    font-size: 15px
}

.callform-author div {
    color: #000
}

.reviews__card {
    width: 100%;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    background-image: url(/assets/images/home-slider/bg-card-reviews_laptop.webp);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 2.5rem;
    display: flex;
    position: relative;
    overflow: hidden
}
.home__images {
    z-index: 0;
    width: 26rem;
    height: 26rem;
    position: absolute;
    top: 10.5rem;
    right: 5.5rem;
    transform: translate(0);
}

.button__icon-anim.active {
    transform: translate(180%);
}

.icon-scale {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: all .4s cubic-bezier(.215,.61,.355,1);
    display: flex;
}
.icon-scale.is-1.active, .icon-scale.is-2 {
    width: 0;
    height: 0;
}
.icon-scale.is-2.active {
    width: 5rem;
    height: 5rem;
}

.button__overflow {
    z-index: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
}
.button__text-anim {
    transition: transform .4s cubic-bezier(.215,.61,.355,1);
    position: relative;
    transform: translate(0);
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}
.home__images img {
    object-fit: contain;
}
.reviews__block {
    flex: 1
}

.author {
    grid-column-gap: 1rem;
    align-items: center;
    display: flex
}

.reviews__glow {
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.author__ava {
    width: 4.5rem;
    height: 4.5rem;
    object-fit: cover;
    border-radius: 50%;
    flex: none;
    display: block
}

.author__text-wrap {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 2rem;
    display: flex;
    color: #fff
}

.heading-block {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    margin-bottom: 6rem;
    align-items: flex-end;
}
.heading-block h1 {
    width: 60%;
    padding-right: 30px;
}
.heading-block .wor {
    width: 40%;
}
/* #Progress
================================================== */

.progress-wrap {
    position: fixed;
    right: 20px;
    bottom: 50px;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset  0 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    content: '↑';
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    color: grey;
    left: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    content: '↑';
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    opacity: 0;
    background-image: linear-gradient(298deg, red, yellow);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 56px;
    width: 56px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: rgb(255 122 26);
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
body.light .progress-wrap {
    box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
    color: var(--black-blue);
}
body.light .progress-wrap svg.progress-circle path {
    stroke: blue;
}
.switch,
.circle {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.switch {
    width: 80px;
    height: 4px;
    border-radius: 27px;
    background-image: linear-gradient(298deg, var(--red), var(--yellow));
    position: fixed;
    right: 50px;
    top: 75px;
    display: block;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    z-index: 33333;
    transition: all 300ms linear;
}
.circle {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: black;
    box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
    animation: border-transform 10s linear infinite alternate forwards;
}
.circle:hover {
    box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.circle:before {
    position: absolute;
    font-family: 'unicons';
    content: '\eac1';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    opacity: 1;
    color: var(--grey);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.circle:after {
    position: absolute;
    font-family: 'unicons';
    content: '\eb8f';
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    color: var(--yellow);
    opacity: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.switched .circle {
    left: 45px;
    box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
    background: var(--black-blue);
}
.switched .circle:hover {
    box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.switched .circle:before {
    opacity: 0;
}
.switched .circle:after {
    opacity: 1;
}
@-webkit-keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
    42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
@keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
    42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
::-webkit-scrollbar {
    width: 0;
}
.primary__right::after {
    display: none;
}
.clouds {
    background-color: #fff;

}
.vopros-subtext {
    font-size: 19px;
    margin: 0;
}
.active-link {
    color: #ff7b1a !important;
}
#commentit_view {
    margin-top: 40px;
}
.commentit_msg a {
    color: #1096d5;
}
.vopros {
    padding-top: 50px;
    padding-bottom: 100px;
    background: #000;
}
@media (max-width: 1200px) {
    .wor {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .menu-block li a {
        font-size: 8px;
    }
    .wor {
        width: 100%;
    }
}
@media (max-width: 860px) {
    .vopros-subtext {
        font-size: 13px;
    }
}
@media screen and (max-width: 767px) {
    .vopros-subtext {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 30px;
    }
    .heading-block {
        flex-direction: column;
        margin-bottom: 0;
    }
    .heading-block h1 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .heading-block .wor {
        width: 100%;
    }
    .active-link {
        background: none;
        color: red;
    }
    h1 {
        text-align: left;
        font-size: 5rem;
        margin-top: 2rem;
    }
    .menu-block li a {
        font-size: 21px;
    }
}