:root {
    --primary-color: #0d5898;
}

blockquote {
    border-left: 5px solid var(--primary-color);
}

.post-content-wrapper .wp-block-quote {
    background: #f5f7fa;
    padding: 28px 30px;
    margin: 30px 0;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.post-content-wrapper .wp-block-quote p {
    margin: 0;
    font-style: italic;
    line-height: 1.7;
    color: #374151;
}

.post-content-wrapper .quote-icon-start,
.post-content-wrapper .quote-icon-end {
    width: 35px;
    height: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%230d5898'%3E%3Cpath d='M21 3c-3 0-7 1-7 8v8c0 1.25.757 2.017 2 2h4c1.25 0 2-.75 2-1.972V13c0-1.25-.75-2-2-2h-.75C19 8.75 18.75 7 21.75 7V4c0-1 0-1-1-1z'/%3E%3Cpath d='M9 3c-3 0-7 1-7 8v8c0 1.25.756 2.017 2 2h4c1.25 0 2-.75 2-1.972V13c0-1.25-.75-2-2-2H7.25C7.25 8.75 7 7 10 7V4c0-1 0-1-1-1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    font-size: 0;
}

.quote-icon-start {
    margin-bottom: 15px;
}

.quote-icon-end {
    margin-top: 15px;
    margin-left: auto;
}

.post-content-wrapper .quote-icon-end {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%230d5898'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E");
}