.quote-container {
    /* margin: 20px 0;
    padding: 20px; */
}

.quote-container h1,
.quote-container h2,
.quote-container h3,
.quote-container h4,
.quote-container h5,
.quote-container h6 {
    margin: 0 0 15px 0;
    text-align: center;
    font-style: italic;
    position: relative;
    color: var(--e-global-color-text);
    z-index: 1;
}

.quote-open {
    position: absolute;
    left: 0px;
    top: -20px;
    width: 48px;
    height: 48px;
    transform: rotate(180deg);
    opacity: 0.2;
    z-index: 0;
    color: var(--e-global-color-text);
}

.quote-close {
    position: absolute;
    right: 0px;
    bottom: -20px;
    width: 48px;
    height: 48px;
    opacity: 0.2;
    z-index: 0;
    color: var(--e-global-color-text);
}

.quote-container .quote-bg::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 50%;
    background: linear-gradient(135deg, #007cba 0%, #005a87 50%, #007cba 100%);
    border-radius: 50px;
    z-index: -1;
    opacity: 0.9;
}

.quote-author {
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: var(--e-global-color-secondary);
    margin-top: 0px;
}

.quote-author:before {
    content: "— ";
}