section.quote {
    padding: 80px 0;
}

section.quote .quote-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

section.quote.media-has-left .quote-wrapper {
    flex-direction: row-reverse;
}
section.quote.media-size-30 .quote-wrapper {
    align-items: center;
}

section.quote .quote-details {
    position: relative;
    padding-left: 20px;
    border-left: 5px solid var(--primarycolor);
    width: 50%;
}

.quote.media-size-30 .quote-details {
    width: 70%;
    padding-left: 100px;
    border:0;
}
.quote.media-size-30 .quote-details .view-more-button{
    margin-top: 30px;
}
section.quote .quote-details .content {
    font-size: 20px;
    color: #000;
}

section.quote .quote-details .content+.content {
    margin-top: 20px;
}
section.quote .quote-details .content h2{
    text-transform: uppercase;
}
section.quote .quote-media {
    width: 50%;
}

.quote.media-size-30 .quote-media {
        width: 30%;
    overflow: hidden;
}
.quote.media-size-30 .quote-media img{
border-radius: 20px;
}
section.quote .quote-media iframe {
    width: 100%;
    aspect-ratio: 16/9;
    height: 100%;
}

section.quote .quote-details::before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="128" height="128"><path d="M0 0 C17.16 0 34.32 0 52 0 C52.0842203 7.86991884 52.16431633 15.73817591 52.20700073 23.6081543 C52.22799719 27.27412486 52.25598488 30.93971672 52.30175781 34.60546875 C52.34568008 38.14574608 52.36923301 41.68565958 52.37950897 45.22618866 C52.39034054 47.21343502 52.4214899 49.20053794 52.45318604 51.18756104 C52.45675674 65.84720726 47.54949391 77.90522435 38 89 C26.84079285 99.08819965 15.00309848 103.45110615 0 104 C0 99.38 0 94.76 0 90 C3.1865625 89.4121875 3.1865625 89.4121875 6.4375 88.8125 C15.28685166 86.90854858 22.01819151 83.95183149 28 77 C28.73863281 76.18982422 28.73863281 76.18982422 29.4921875 75.36328125 C35.2195435 68.56738869 36.88620301 60.45518797 39 52 C26.13 52 13.26 52 0 52 C0 34.84 0 17.68 0 0 Z M14 14 C14 22.25 14 30.5 14 39 C22.25 39 30.5 39 39 39 C39 30.75 39 22.5 39 14 C30.75 14 22.5 14 14 14 Z " fill="%23A2C036" transform="translate(76,12)"/><path d="M0 0 C17.16 0 34.32 0 52 0 C52.06924251 7.7192573 52.12886659 15.43741674 52.16479492 23.15673828 C52.17978844 25.77721834 52.20019002 28.39767371 52.22631836 31.01806641 C52.2631191 34.80637748 52.27982142 38.59435393 52.29296875 42.3828125 C52.30845261 43.53548615 52.32393646 44.68815979 52.33988953 45.87576294 C52.34315332 62.00947982 48.54719254 77.05575042 37.1953125 88.96875 C26.77807984 98.60747061 14.27602278 104 0 104 C0 99.38 0 94.76 0 90 C2.9390625 89.4121875 2.9390625 89.4121875 5.9375 88.8125 C16.43396316 86.38234059 25.27585758 81.58566459 31.1875 72.3125 C34.88288678 65.83106245 36.54654008 59.26729962 38 52 C25.46 52 12.92 52 0 52 C0 34.84 0 17.68 0 0 Z M13 14 C13 22.25 13 30.5 13 39 C21.25 39 29.5 39 38 39 C38 30.75 38 22.5 38 14 C29.75 14 21.5 14 13 14 Z " fill="%23A1C036" transform="translate(0,12)"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 0;
    opacity: 0.2;
}

section.quote .quote-details::after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="128" height="128"><path d="M0 0 C0 4.62 0 9.24 0 14 C-2.124375 14.391875 -4.24875 14.78375 -6.4375 15.1875 C-15.28685166 17.09145142 -22.01819151 20.04816851 -28 27 C-28.49242188 27.54011719 -28.98484375 28.08023438 -29.4921875 28.63671875 C-35.2195435 35.43261131 -36.88620301 43.54481203 -39 52 C-26.13 52 -13.26 52 0 52 C0 69.16 0 86.32 0 104 C-17.16 104 -34.32 104 -52 104 C-52.0842203 96.13008116 -52.16431633 88.26182409 -52.20700073 80.3918457 C-52.22799719 76.72587514 -52.25598488 73.06028328 -52.30175781 69.39453125 C-52.34568008 65.85425392 -52.36923301 62.31434042 -52.37950897 58.77381134 C-52.39034054 56.78656498 -52.4214899 54.79946206 -52.45318604 52.81243896 C-52.45675674 38.15279274 -47.54949391 26.09477565 -38 15 C-27.12709289 5.17062268 -14.70747135 0 0 0 Z M-39 65 C-39 73.25 -39 81.5 -39 90 C-30.75 90 -22.5 90 -14 90 C-14 81.75 -14 73.5 -14 65 C-22.25 65 -30.5 65 -39 65 Z " fill="%23A2C036" transform="translate(52,12)"/><path d="M0 0 C0 4.62 0 9.24 0 14 C-1.959375 14.391875 -3.91875 14.78375 -5.9375 15.1875 C-16.43396316 17.61765941 -25.27585758 22.41433541 -31.1875 31.6875 C-34.88288678 38.16893755 -36.54654008 44.73270038 -38 52 C-25.46 52 -12.92 52 0 52 C0 69.16 0 86.32 0 104 C-17.16 104 -34.32 104 -52 104 C-52.06924251 96.2807427 -52.12886659 88.56258326 -52.16479492 80.84326172 C-52.17978844 78.22278166 -52.20019002 75.60232629 -52.22631836 72.98193359 C-52.2631191 69.19362252 -52.27982142 65.40564607 -52.29296875 61.6171875 C-52.30845261 60.46451385 -52.32393646 59.31184021 -52.33988953 58.12423706 C-52.34315332 41.99052018 -48.54719254 26.94424958 -37.1953125 15.03125 C-26.77807984 5.39252939 -14.27602278 0 0 0 Z M-38 65 C-38 73.25 -38 81.5 -38 90 C-29.75 90 -21.5 90 -13 90 C-13 81.75 -13 73.5 -13 65 C-21.25 65 -29.5 65 -38 65 Z " fill="%23A1C036" transform="translate(128,12)"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    left: -100px;
    top: 0;
    opacity: 0.2;
}
section.quote.media-size-30 .quote-details::after{
    left: 0;
}
@media (max-width:1024px) {
    section.quote .quote-wrapper {
        flex-direction: column;
    }

    section.quote .quote-details {
        width: 100%;
    }

    section.quote .quote-media {
        width: 100%;
    }

    section.quote {
        padding: 60px 0;
    }
    section.quote.media-has-left .quote-wrapper{
        flex-direction: column-reverse;
    }
    .quote.media-size-30 .quote-details{
        width: 100%;
    }
    .quote.media-size-30 .quote-media{
        width: 100%;
    }

}
@media (max-width:767px){
    .quote.media-size-30 .quote-details{
        padding-left: 50px;
    }
}
@media (max-width:575px){
    .quote.media-size-30 .quote-details{
        padding-left: 20px;
    }
}