/**
 * About Block Styles (BEM)
 * 
 * Block: about-block
 * Elements: __content, __heading, __text, __quote-wrapper, __quote-icon, __quote, __quote-text, __quote-author
 * Modifiers: none
 */

/* ===========================
   Block
   =========================== */

.about-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    padding: 0;
}

/* ===========================
   Content Section
   =========================== */

.about-block__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
}

.about-block__heading {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
    color: var(--token-04c51a78-d555-4e2b-b21f-e8825eddad31, rgb(17, 24, 39));
    margin: 0;
    width: 100%;
    text-align: left;
}

.about-block__text {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.about-block__text p {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--token-04c51a78-d555-4e2b-b21f-e8825eddad31, rgb(17, 24, 39));
    margin: 0 0 20px 0;
    text-align: left;
}

.about-block__text p:last-child {
    margin-bottom: 0;
}

/* ===========================
   Quote Section
   =========================== */

.about-block__quote-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.about-block__quote-icon {
    width: 24px;
    height: 24px;
    flex: none;
}

.about-block__quote-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: var(--token-ab1c86a6-11ac-4fca-b511-3a0b18dc5667, rgba(17, 24, 39, 0.3));
    color: var(--token-ab1c86a6-11ac-4fca-b511-3a0b18dc5667, rgba(17, 24, 39, 0.3));
}

.about-block__quote {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
}

.about-block__quote-text {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.5em;
    color: var(--token-04c51a78-d555-4e2b-b21f-e8825eddad31, rgb(17, 24, 39));
    margin: 0;
    text-align: left;
}

.about-block__quote-author {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
    color: var(--token-ab1c86a6-11ac-4fca-b511-3a0b18dc5667, rgba(17, 24, 39, 0.3));
    font-style: normal;
    text-align: left;
}

/* ===========================
   Responsive: Tablet
   =========================== */

@media (min-width: 810px) and (max-width: 1199px) {
    .about-block {
        gap: 24px;
    }
    
    .about-block__heading {
        font-size: 20px;
    }
    
    .about-block__text p {
        font-size: 16px;
    }
    
    .about-block__quote-text {
        font-size: 20px;
    }
}

/* ===========================
   Responsive: Mobile
   =========================== */

@media (max-width: 809px) {
    .about-block {
        gap: 20px;
    }
    
    .about-block__content {
        gap: 12px;
    }
    
    .about-block__heading {
        font-size: 18px;
        line-height: 1.3em;
    }
    
    .about-block__text p {
        font-size: 15px;
        margin-bottom: 16px;
    }
    
    .about-block__quote-text {
        font-size: 18px;
        line-height: 1.4em;
    }
    
    .about-block__quote-author {
        font-size: 11px;
    }
}