/* Fold */

.fold {
    width: 100%;

    align-items: center;
    gap: 20px;
}

.fold-heading {
    text-align: center;
}

/* Stats */

.stats {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 120px;
    
    padding: 40px;
}

.stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.stat-number {
    font-size: 48px;
    font-weight: 500;
}

.stat-description {
    text-align: center;
}

/* Delivery methods */

.delivery-methods {
    align-items: center;
    gap: 40px;
}

.delivery-methods-heading,
.delivery-methods-heading-highlight {
    text-align: center;
}

.delivery-methods-wrapper {
    width: 100%;

    display: flex;
    gap: 40px;

    position: relative;

    z-index: 0;
}

.delivery-method {
    width: calc(100% / 3 - (2 * 40px / 3));

    border: 1px solid var(--border-color);
    border-radius: 40px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;

    padding: 40px;
}

.delivery-method-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.delivery-method-icon {
    width: 24px;
    height: 24px;
}

/* double-block-section */

.double-block-section {
    display: flex;
    gap: 40px;

    padding: 40px;
}

.double-block-section-container {
    width: calc(50% - 20px);

    display: flex;
    flex-direction: column;
    gap: 40px;
}

.double-block-section-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dbs-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dbs-block-header {
    display: flex;
    align-items: center;
}

.dbs-block-icon-container {
    width: 48px;
    height: 48px;

    border-radius: 50%;

    background-color: rgba(255, 181, 23, 0.4);

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 20px;
}

.dbs-block-icon {
    width: 24px;
    height: 24px;

    color: var(--primary-color);
}

.dbs-block-name {
    width: calc(100% - 68px);
}

.double-block-section-media {
    width: calc(50% - 20px);

    display: flex;
    flex-direction: column;

    position: relative;

    z-index: 0;
}

.double-block-section-media-img {
    width: 100%;

    border-radius: 40px;
}

.c-blurred-circle._4 {
    width: 500px;

    bottom: -150px;
    left: -150px;

    z-index: -1;
}

/* FAQ */

.faq {
    display: flex;
    flex-direction: column;
    gap: 40px;

    padding: 40px;
}

.faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-block {
    display: flex;
    flex-direction: column;
}

.faq-question-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    cursor: pointer;
}

.faq-toggle-icon {
    height: 16px;

    transition: var(--transition-02);
    -webkit-transition: var(--transition-02);
}

.faq-block._active > .faq-question-wrapper > .faq-toggle-icon {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.faq-answer-wrapper {
    border: 1px solid #fafafa;
    border-radius: var(--border-radius);

    background-color: #fafafa;

    display: none;
    flex-direction: column;
    gap: 20px;

    padding: 15px 20px;

    margin-top: 20px;
}

.faq-block:first-child > .faq-answer-wrapper {
    display: flex;
}

/* CTA */

.cta {
    display: flex;

    padding: 40px;
}

.cta > div {
    width: 100%;

    border: 1px solid var(--border-color);
    border-radius: 40px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    padding: 40px;
}

.cta-icon {
    width: 24px;
}

.cta-heading,
.cta-description {
    text-align: center;
}

/* Prohibited items */

.prohibited-items {
    display: flex;
    flex-direction: column;
    gap: 40px;

    padding: 40px;
}

.prohibited-items > .c-heading {
    color: var(--failure-color);
}

.prohibited-items-wrapper {
    /* border-radius: 40px;

    background-color: #fafafa; */

    display: flex;
    flex-wrap: wrap;
    gap: 40px;

    /* padding: 40px; */
}

.prohibited-item {
    width: calc((100% / 6) - (5 * (40px / 6)));

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.prohibited-item-icon {
    height: 24px;
}

@media only screen and (max-width: 1200px) {
    .prohibited-item {
        width: calc((100% / 3) - (2 * (40px / 3)));
    }
}

@media only screen and (max-width: 1000px) {
    .stats {
        gap: 80px;
    }

    .delivery-methods-wrapper {
        flex-direction: column;
    }

    .delivery-method {
        width: 100%;
    }

    .double-block-section {
        flex-direction: column;
    }

    .double-block-section._reversed {
        flex-direction: column-reverse;
    }

    .double-block-section-container {
        width: 100%;
    }

    .double-block-section-media {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .stats {
        flex-direction: column;
        gap: 20px;
    }

    .stat {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .dbs-block-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .dbs-block-icon-container {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .prohibited-item {
        width: calc(50% - 20px);
    }
}

@media only screen and (max-width: 400px) {
    .delivery-method-info {
        padding: 20px;
    }
    
    .dbs-block-icon-container {
        width: 28px;
        height: 28px;
    }

    .dbs-block-icon {
        width: 14px;
        height: 14px;
    }

    .prohibited-items-wrapper {
        flex-direction: column;
    }

    .prohibited-item {
        width: 100%;
    }
}