:root {
    --primary: hsl(166.759, 71%, 40%);
    --secondary-light: var(--super-light-pink);
    --violet: hsl(274, 44%, 33%);
    --dark-violet: hsl(274, 47%, 16%);
    --light-pink: hsl(341, 91%, 87%);
    --super-light-pink: hsl(337, 100%, 97%);
    --yellow: hsl(44, 97%, 56%);
    --pink: hsl(341, 80%, 58%);
}
.gallery__item {
    height: 565px;
}
#solution,
.hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.address-two__window .address-two__content:first-child {
    padding-bottom: 0
}

.feedback {
    background-color: var(--super-light-pink);
    color: var(--violet)
}

.frame--alter {
    background-color: var(--light-pink)
}

#solution_one .solution__item-wrapper--main,
#solution_one .solution__item-wrapper--semitone,
#solution_one .solution__tab,
.frame--semitone {
    background-color: var(--super-light-pink)
}

.nav-two__nav-item:nth-child(odd) .nav-two__nav-link {
    color: var(--pink)
}

.feedback__agree-link,
.nav-two__nav-item:nth-child(2n) .nav-two__nav-link {
    color: var(--primary)
}

.nav-two__nav-item:nth-child(3n+3) .nav-two__nav-link {
    color: var(--violet)
}

.hero {
    position: relative
}

.hero .js-feedback .feedback-btn {
    display: none
}

.hero__grid {
    min-height: calc(100vh - var(--header-height));
    box-sizing: border-box
}

.hero__grid--halfscreen {
    min-height: unset
}

.hero__content {
    display: grid;
    align-items: center
}

.hero__block {
    max-width: 800px;
    color: var(--text-inverse)
}

.hero__block--left {
    text-align: left;
    margin-right: auto
}

.hero__block--center {
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.hero__block--right {
    text-align: right;
    margin-left: auto
}

#suitable-for .element,
.pricing__text {
    text-align: center
}

.hero__block .social-one svg {
    width: 30px;
    height: 30px
}

.hero__title,
.promo .title {
    text-transform: uppercase
}

.hero.is-animated .hero__animate {
    animation: 1s cubic-bezier(.25, .46, .45, .94) both slide-in-bottom
}

.hero.is-animated .hero__animate:first-child,
.product-slide.is-visible.animate .product-slide__animate:first-child {
    animation-delay: .1s
}

.hero.is-animated .hero__animate:nth-child(2),
.product-slide.is-visible.animate .product-slide__animate:nth-child(2) {
    animation-delay: .2s
}

.hero.is-animated .hero__animate:nth-child(3),
.product-slide.is-visible.animate .product-slide__animate:nth-child(3) {
    animation-delay: .3s
}

.hero.is-animated .hero__animate:nth-child(4),
.product-slide.is-visible.animate .product-slide__animate:nth-child(4) {
    animation-delay: .4s
}

.hero.is-animated .hero__animate:nth-child(5),
.product-slide.is-visible.animate .product-slide__animate:nth-child(5) {
    animation-delay: .5s
}

.hero.is-animated .hero__animate:nth-child(6),
.product-slide.is-visible.animate .product-slide__animate:nth-child(6) {
    animation-delay: .6s
}

.hero__desc {
    line-height: 1.6em
}

.hero__block .button__wrapper,
.hero__desc,
.hero__list,
.js-feedback-hero,
.price-one__price {
    margin-bottom: 20px
}

.hero__block .button__wrapper,
.hero__form-block {
    display: none
}

.hero__form {
    width: 100%;
    max-width: 500px
}

.hero .social-one {
    justify-content: center
}

@media (min-width:768px) {
    .hero__grid--halfscreen {
        min-height: 700px
    }
}

@media (min-width:1200px) {
    .hero__content.is-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 4rem
    }
    .hero__form-block {
        display: flex
    }
    .hero__form-block--left {
        justify-content: flex-start
    }
    .hero__form-block--center {
        justify-content: center
    }
    .hero__form-block--right {
        justify-content: flex-end
    }
}

@media (max-width:1200px) {
    .hero__block .button__wrapper {
        display: flex
    }
}

.hero__img {
    vertical-align: bottom
}

.hero__image {
    width: 100%
}

.cbx,
.feedback__input {
    background-color: #fff;
    color: var(--violet)
}

.feedback__input::placeholder {
    color: var(--violet)
}

.collage-one__wrapper-three--main {
    width: 100%;
    border-radius: 15px;
    background-image: url("/wa-data/public/site/themes/vega/img/back.png");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

#gallery img,
.collage-one__wrapper-one,
.collage-one__wrapper-two {
    border-radius: 15px
}

.download__text,
.title {
    color: var(--violet)
}

.features .title {
    margin-bottom: 40px
}

#features .item-two__circle--main.is-active,
#solution_one .solution__tab.is-active,
#solution_one .solution__tab:hover,
.price-one--semitone .price-one__name,
.social-one__link {
    background-color: var(--yellow)
}

#features .iconset__filled,
.is-filled .iconset__semitone {
    fill: #fff
}

.pricing__text {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

#footer .title,
.price-one__name {
    color: #fff
}

#download .separator-one--semitone svg {
    fill: var(--super-light-pink)
}

#suitable-for .item-one__icon {
    margin: 0 auto 10px
}

#solution {
    background-image: url("/wa-data/public/site/themes/vega/img/photo_bg2.jpg")
}

#solution .solution__item-wrapper--main,
#solution .solution__item-wrapper--semitone,
#solution .solution__tab {
    background-color: var(--violet);
    color: var(--text-inverse)
}

#solution .solution__tab.is-active,
#solution .solution__tab:hover {
    background-color: var(--primary)
}

#solution_one .frame__grid {
    padding-bottom: 2rem
}

.solution__tab {
    border-radius: 2em;
    margin-right: 10px
}

.solution__tab:last-child {
    margin-right: 0
}

.footer-one,
.poweredby {
    background-color: var(--dark-violet)
}

.promo__image,
.promo__layer {
    border-radius: var(--border-radius)
}