.section-top {
    --text-mb:32px;
    --quote-mb:32px;
    margin-bottom:100px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:792px;
    padding-top:40px;
    padding-bottom:40px
}

.section-top-banner {
    position:absolute;
    width:100%;
    height:100%
}

.section-top-content {
    background-color:#fff;
    border-radius:24px;
    max-width:1030px;
    width:100%;
    padding:40px;
    position:relative
}

.section-top-content h1 {
    font-family:var(--font-family);
    font-weight:700;
    font-size:58px;
    line-height:110%;
    color:#000;
    margin-top:unset;
    margin-bottom:24px
}

.section-top-content h1 span {
    color:#5a4bb2   /* яскравіший відтінок */
}

.section-choice {
    --h2-mb:91px;
    --text-mb:0;
    margin-bottom:100px
}

.choice-item {
    background-color:rgba(243,244,249,.64);
    border-radius:24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:32px 24px;
    margin-bottom:32px
}

.choice-item figure {
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-right:22px
}

.choice-item figure img {
    max-width:56px;
    height:auto
}

.choice-item h3 {
    font-family:var(--font-family);
    font-weight:700;
    font-size:24px;
    line-height:110%;
    color:#000;
    margin-top:unset;
    margin-bottom:16px
}

.choice-content {
    max-width:780px
}

.section-liquid {
    margin-bottom:100px
}

.section-liquid .text {
    text-align:center
}

.liquid-items {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.liquid-items figure img {
    max-width:100%;
    height:auto
}

.liquid-list {
    list-style:none;
    -webkit-box-flex:0;
    -ms-flex:0 0 460px;
    flex:0 0 460px;
    padding-left:0
}

.liquid-list li {
    font-family:var(--font-family);
    font-weight:500;
    font-size:18px;
    line-height:120%;
    color:#575757;
    margin-right:32px;
    margin-bottom:16px
}

.liquid-list li::before {
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    background-color:#5a4bb2;  /* яскравіший */
    border-radius:50%;
    margin-right:10px;
    margin-bottom:2px
}

.section-additionally {
    margin-bottom:100px
}

.additionally {
    background-color:#5a4bb2;  /* яскравіший */
    border:1px solid rgba(0,0,0,.08);
    border-radius:24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:32px 56px
}

.additionally-text {
    font-family:var(--font-family);
    font-weight:700;
    font-size:28px;
    line-height:140%;
    color:#fff
}

.additionally figure {
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-right:32px
}

.additionally figure img {
    max-width:100%;
    height:auto
}

/* --- Стилі кнопки --- */
.btn {
    background-color:#5a4bb2;
    border-color:#5a4bb2;
    color:#fff;
    font-weight:600;
    font-size:18px;
    padding:12px 28px;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(90,75,178,0.3);
    transition:all 0.3s ease
}

.btn:hover {
    background-color:#4c3fa0;   /* hover темніший */
    border-color:#4c3fa0;
    box-shadow:0 6px 16px rgba(76,63,160,0.35);
}

.btn:active {
    background-color:#3e338d;   /* active ще темніший */
    border-color:#3e338d;
    box-shadow:0 3px 8px rgba(62,51,141,0.4);
}

/* --- Додатково: заголовки розділів --- */
h2, .section-choice h2, .section-liquid h2 {
    color:#5a4bb2;   /* для "What We Offer" та інших */
    font-weight:700;
}

/* --- Стилі для навігаційного меню --- */
.nav-link {
    color:#5a4bb2;
    font-weight:600;
    transition:color 0.3s ease;
}

.nav-link:hover {
    color:#4c3fa0;
}

.nav-link.active-link {
    color:#3e338d;   /* активна сторінка */
}

/* --- Адаптив --- */
@media screen and (max-width:992px) {
    .section-top {
        min-height:unset
    }
    .section-top-content h1 {
        font-size:40px
    }
    .choice-item,.liquid-items {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .liquid-list {
        -webkit-box-flex:1;
        -ms-flex:1 1 100%;
        flex:1 1 100%;
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2
    }
}

@media screen and (max-width:768px) {
    .additionally {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .additionally-text {
        font-size:22px
    }
}

@media screen and (max-width:576px) {
    .liquid-list {
        -webkit-column-count:unset;
        -moz-column-count:unset;
        column-count:unset
    }
}