@charset "utf-8";
/*!
 * login-slider-v2.css
 * Webkokteyli - 2026
 */

/* */
.color-primary {
    color: var(--color-primary);
}
i.fa-check-circle {
    color: #209105;
}
i.fa-xmark-circle {
    color: #c70909;
    color: var(--color-primary);
}

/* */
.section-v2 .button {
    padding: 0 20px;
}

/* */
.content.content-v2 {
    background-color: #f3f2f3;
}

/* */
.headers-v2 {
    margin-bottom: 30px;
    line-height: 1;
}
.headers-v2 span {
    color: #888;
    line-height: 1.5;
}

/* */
.card.card-v2--standard {
}
.card.card-v2--standard .card-body {
    padding: 28px 36px;
}

/* */
.section-v2 {
    margin: 0;
    padding: 30px 0;
}

/* */
.section--hero-v2 {
    /* background-color: #efefef; */
    padding: 110px 0 95px;
    max-width: 90%;
}

/* */
.section--hero-v2 .hero-v2--imgs {
    position: relative;
}
.section--hero-v2 .hero-v2--img img {
    max-width: 130%;
    margin-left: 5%;
    margin-top: -1%;
}
.section--hero-v2 .hero-v2--img-badge {
    position: absolute;
    bottom: -30px;
    background-color: #efe1e4;
    display: flex;
    align-items: center;
    padding: 20px 40px;
    border-radius: 16px;
    font-size: 0.8125rem;
    line-height: 1.7;
    color: #777;
    gap: 1rem;
    right: 50px;
}
.section--hero-v2 .hero-v2--img-badge img {
    width: 52px;
}
.section--hero-v2 .hero-v2--img-badge strong {
    font-size: 0.875rem;
    color: var(--color-primary);
}

/* */
.hero-v2--captions {

}
.hero-v2--caption {
    /* padding-right: 15%; */
}

/* */
.hero-v2--ratings {
    display: flex;
    /* background-color: #eeeeee; */
    border: 1px solid #ddd;
    width: fit-content;
    padding: 7px 16px;
    border-radius: 60px;
    gap: 30px;
    font-size: 0.8125rem;
    margin-bottom: 20px;
}
.hero-v2--ratings--text {
    color: #6a5f6f;
    /* display: flex;
    align-items: center;
    gap: 7px; */
}
.hero-v2--ratings--stars-nums {
    display: flex;
    gap: 10px;
    color: #ffc247;
    align-items: center;
}
.hero-v2--ratings--text i {
    /* color: #209105; */
    font-size: 110%;
}
.hero-v2--ratings--nums {
    font-weight: 500;
}

/* */
.hero-v2--caption .h {
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 26px;
}
.hero-v2--caption p {
    font-size: 1.125rem;
    color: #858386;
    margin-bottom: 20px;
}
.hero-v2--caption .buttons {
    margin-bottom: 26px;
}

.checklist-v2 {
    display: flex;
    font-size: 0.8125rem;
}
.checklist-v2 li {
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
    color: #777;
    flex: 1;
}
.checklist-v2 li i {
    position: absolute;
    left: 0;
    top: 3px;
}
.checklist-v2.checklist-v2--flex-unset li {
    flex: unset;
}

/* */
.references-v2--all {
    display: flex;
    flex-wrap: wrap;
}
.references-v2--all .references-v2--item {
    width: 12.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}
.references-v2--all .references-v2--item img {
    max-width: 80%;
    max-height: 70px;
    filter: grayscale(1) opacity(0.5);
}

/* */
.excel-comparison-v2--table {
    border-radius: 24px;
    overflow: hidden;
}
.excel-comparison-v2--list {
    background-color: #fce7eb;
    padding: 30px 60px;
}
.excel-comparison-v2--list ul {
    margin: 0;
}
.excel-comparison-v2--list.positive {
    background-color: #e3eae4;
}
.excel-comparison-v2--list ul li {
    display: flex;
    position: relative;
    line-height: 1.7;
    padding-left: 28px;
    margin-bottom: 20px;
    font-size: 1rem;
}
.excel-comparison-v2--list ul li i {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 21px;
}
.excel-comparison-v2--list ul li p {
    color: #777;
}
.excel-comparison-v2--list ul li strong {
    font-size: 1.125rem;
    color: #b05364;
}
.excel-comparison-v2--list.positive ul li strong {
    color: #209105;
}
.excel-comparison-v2--list ul li:last-child {
    margin: 0;
}

/* */
.how-works-v2--card img {
    /* background-color: #eee; */
    display: block;
    width: 78px;
    /* min-height: 100px; */
    opacity: 0.95;
}
.how-works-v2--card img {
}
.how-works-v2--card--text span {
    display: inline-flex;
    font-size: 0.75rem;
    /* font-weight: 700; */
    background-color: var(--color-primary);
    color: #fff;
    line-height: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    /* margin-top: -4px; */
    margin: 0 5px 5px 0;
}
.how-works-v2--card--text .h {
    font-size: 1.125rem;
    color: var(--color-primary);
}
.how-works-v2--card--text p {
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #888;
}

/* */
.why-patron-v2--card {
    text-align: center;
    height: 100%;
}
.card.card-v2--standard.why-patron-v2--card .card-body {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.why-patron-v2--card i {
    font-size: 2.5rem;
    color: var(--color-primary);
    margin-bottom: 16px;
}
.why-patron-v2--card .h {
    font-size: 1rem;
    margin-bottom: 8px;
}
.why-patron-v2--card p {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #888;
}

/* */
.physical-comparison-v2--table {
    font-size: 0.875rem;
    margin: 0;
}
.section--physical-comparison-v2 .table-responsive {
    border-radius: 16px;
}
.physical-comparison-v2--table thead tr th {
    background-color: var(--color-primary);
    color: #fff;
    border-color: #ffffff30;
}
.physical-comparison-v2--table th,
.physical-comparison-v2--table td {
    padding: 9px 20px;
    background-color: #fff;
}

/* */
.reviews-v2--info {
    display: flex;
    margin-bottom: 8px;
}
.reviews-v2--logo {
    width: 70px;
    height: 60px;
    background-color: #f5f5f5;
    border-radius: 8px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}
.reviews-v2--logo img {
    max-width: 100%;
    max-height: 100%;
}
.reviews-v2--user {
    line-height: 1;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
}
.reviews-v2--user .h {
    font-size: 1rem;
}
.reviews-v2--user span {
    font-size: 0.8125rem;
    color: #999;
}
.reviews-v2--ratings.hero-v2--ratings--stars-nums {
    font-size: 0.875rem;
    margin-bottom: 10px;
}
.card.card-v2--standard.reviews-v2--card {
    height: 100%;
}
.reviews-v2--cards .slick-slide {
    margin: 0 .75rem;
}

/* */
.section.section-v2.section--pricing-v2.section-pricing {
    background: none;
    min-height: unset;
}
.section-v2.section-pricing .pricing-text {
    color: #777;
}
.section-v2.section-pricing .pricing-text ul {
    column-count: 2;
}
.section-v2.section-pricing .pricing-text ul li i {
    color: #209105;
    margin-right: 8px;
}

/* */
.section--faq-v2 .accordion-button {
    background-color: #fff;
    border: 0;
}

/* */
.card.cta-bar-v2--card {

}
.card.cta-bar-v2--card .card-body {
    display: flex;
    padding: 30px 40px;
    justify-content: space-between;
}
.cta-bar-v2--captions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.cta-bar-v2--captions img {
    width: 64px;
}
.cta-bar-v2--texts {
    line-height: 1;
    font-size: 0.9375rem;
    color: #777;
}
.cta-bar-v2--texts .h {
    font-size: 1.6875rem;
    margin-bottom: 6px;
}
.cta-bar-v2--texts p {
    margin-bottom: 20px;
    line-height: 1.5;
}
.cta-bar-v2--buttons.buttons {
    align-items: center;
}

/* */
.content-v2+footer .footer-content {
    background: #b053641f;
}

/* */
@media (max-width: 1920px){
    .hero-v2--caption .h {
        font-size: 2.5rem;
    }
    .hero-v2--caption p {
        font-size: 1rem;
    }
}
/* */
@media (max-width: 1680){
    html, body {
        font-size: 15px;
    }
}

/* */
@media (max-width: 1399px){
    html, body {
        font-size: 14px;
    }
    .hero-v2--caption .h {
        font-size: 2rem;
    }
    .hero-v2--caption p {
        font-size: 0.9375rem;
    }
    .section--hero-v2 .hero-v2--img img {
        max-width: 100%;
        margin: 0;
    }
    .cta-bar-v2--captions img {
        display: none;
    }
    .card.cta-bar-v2--card .card-body {
        flex-direction: column;
        padding: 26px 16px;
    }
    .cta-bar-v2--captions {
        margin-bottom: 32px;
        gap: 24px;
    }
    .cta-bar-v2--texts .h {
        font-size: 1.35rem;
    }
    .excel-comparison-v2--list {
        padding: 24px 30px;
    }
}

/* */
@media (max-width: 991px){
    .hero-v2--caption .h {
        font-size: 2.75rem;
    }
    .section--hero-v2 .hero-v2--img-badge {
        padding: 14px 20px;
        position: relative;
        right: auto;
    }
    .checklist-v2 li {
        text-align: left;
    }
}

/* */
@media (max-width: 767px){
    .section--hero-v2 {
        padding: 50px 0;
        max-width: 100%;
    }
    .hero-v2--caption .h {
        font-size: 2.5rem;
    }
    .hero-v2--caption p {
        font-size: 0.9375rem;
    }
    .hero-v2--caption {
        text-align: center;
    }
}