:root {
    --bg-color: #226B20;
    --heading-color: #2B3E98;
    --text-green: #0B5009;
    --text-white: #fff;
    --bg-white: #fff;
    --bg-dark-green: #0B5009;
}
body,
main,
body section {
    background: var(--bg-color);
}

.accordion .accordion-button[aria-expanded='true']:after {
  top: 0!important;
}

section .card {
    background: var(--bg-color)
}

section h2 {
    color: var(--text-white);
    line-height: 64px;
    margin-bottom: 32px;
}

.intro {
    padding: 50px 0;
}

.intro .main-container {
    max-width: 820px;
}

.intro h1 {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -.99px;
    color: var(--heading-color);
    text-transform: uppercase;
}

.intro h1 span {
    font-size: 32px;
    display: block;
    letter-spacing: -.72;
    line-height: 44px;
}

.intro .subtitle {
    font-size: 19px;
    color: #0B5009;
    letter-spacing: -0.2px;
    line-height: 27px;
    margin: 10px 0 55px
}

.intro .subtitle span {
    font-size: 19px;
    color: #0B5009;
    letter-spacing: -0.2px;
    line-height: 27px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

/* Стили карточек */
.card-title {
    color: var(--text-white);
    margin-bottom: 18px;
}

section .prize-block-slider .card-subtitle {
    margin-top: 0;
    color: var(--text-white);
}

.steps-block-slider .card-title {
    margin-top: 7px;
    margin-bottom: 22px;
}

.products-block-slider .card-subtitle,
.steps-block-slider .card-subtitle {
    margin-top: 0;
    color: var(--text-white);
}

.steps-section button.btn {
    color: var(--text-green);
    background: var(--bg-white);
}

.steps-section button.btn:hover {
    color: var(--text-white);
    background: var(--bg-dark-green);
}

.steps-section .slick-arrow svg,
.prize-section .slick-arrow svg,
.products-section .slick-arrow svg {
    fill: var(--bg-white);
}

.products-section .card-subtitle {
    color: var(--text-white);
}


.winners .winners-tabset .tab-controll {
    border: none;
}

.winners .winners-tabset table td {
    color: #fff;
}

tbody, td, tfoot, th, thead, tr {
    border-color: #fff!important;
}

.winners .winners-tabset .tab-controll li.active a {
    background: var(--bg-white);
    color: var(--text-green);
}

.winners .winners-tabset .tab-controll li.active a:hover {
    color: var(--text-green);
    background: var(--bg-white);
}

.winners .winners-tabset .tab-controll li a:hover {
    background: var(--bg-dark-green);
}

.winners .winners-tabset .tab-controll li a,
.winners .winners-tabset .tab-controll li:last-child a,
.winners .winners-tabset .tab-controll li:first-child a {
    border-radius: 50px;
}

.winners .winners-tabset .tab-controll {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.winners .winners-tabset .tab-controll li a {
    color: var(--text-white)
}

.winners table {
    color: var(--text-white);
}

.faq .accordion .accordion-body,
.faq .accordion-item,
.faq .accordion-button,
.faq .accordion-item:first-of-type .accordion-button {
    background-color: var(--bg-color);
    color: var(--text-white)
}

.faq .accordion .accordion-button:not(.collapsed) {
    color: var(--text-white);
}

main + footer {
    background: var(--bg-dark-green);
}


footer .footer-nav a:hover {
    color: var(--text-white);
    text-decoration: underline;
}

@media (min-width: 767px) {
    .products-block-slider-mobile {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .intro {
        padding-right: 200px;
    }
    .intro .text-block {
        max-width: 400px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .intro {
        padding-bottom: 50px;
        padding-right: 100px;
    }
}

@media (max-width: 768px) {
    section h2 {
        font-size: 28px;
        line-height: 36px;
    }
    
    .intro h1 {
        max-width: none;
        color: var(--text-white);
        font-size: 38px;
        line-height: 36px;
    }

    .intro h1 span {
        font-size: 28px;
        line-height: 36px;
    }

    .intro {
        background-position: 50% 100%;
        aspect-ratio: 414 / 770;
        display: flex;
        flex-direction: column;
   	padding: 45px 0;
        justify-content: end;
    }
    
    .intro .subtitle {
        color: var(--text-white);
        font-size: 16px;
        line-hright: 22px;
        margin-bottom: 24px;
    }

    .intro .subtitle span {
        font-size: 16px;
        color: var(--text-white);'
    }

    main .prize-section {
        padding: 42px 0;
    }
}