.quotes-module-wrapper .quotes-top-section{margin-bottom:40px;}
.quotes-module-wrapper .quotes-top-section .quote-title{color:var(--cobalt-prime);}
.quotes-module-wrapper .quotes-top-section .quote-intro{color:var(--graphite-prime);padding-top:16px;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper{background: url('~/media/Images/p/prosus-corp-v2/prosus-images/quote/Group 147') 71px 11px no-repeat; border-radius: 20px;padding:150px 100px 64px 100px;color:var(--white-light);}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper.without-image{padding:100px 100px 64px 100px;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper.without-image +.image-wrapper{display:none;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper.without-image + .image-wrapper .line{display:none;}
.quotes-module-wrapper .quotes-middle-section .image-wrapper{position:relative;}
.quotes-module-wrapper .quotes-middle-section .image-wrapper .line{position: absolute;height: 1px;width: 270px;background: var(--white-light);left: 334px;z-index: 1;top: -767px;}
.quotes-module-wrapper .quotes-middle-section .image-wrapper .line::after {content: '';position: absolute;bottom: -2px;height: 6px;background: var(--white-light);width: 6px;border-radius: 100%;left: -5px;}
.quotes-module-wrapper .quotes-middle-section .image{width: 270px;height: 295px;position: absolute;top: -192px;right: 101px;}
.quotes-module-wrapper .quotes-middle-section .image img{border-radius:20px;box-shadow: var(--big-shadow);}
.quotes-module-wrapper .quotes-middle-section .quote-person{padding-top:24px;text-transform: uppercase;}
.quotes-module-wrapper .quotes-middle-section .quote-person .person-name{margin-right:25px;position:relative;}
.quotes-module-wrapper .quotes-middle-section .quote-person .person-name:after{content: '';width: 1px;height:100%;background:var(--white-light);top: 1px;left: auto;position: absolute;right: -14px;}
.quotes-module-wrapper .quotes-middle-section .border-r{border-radius:20px;}

/*media query */
@media all and (max-width:1024px){
.quotes-module-wrapper .quotes-middle-section .image{left: 493px;}
.quotes-module-wrapper .quotes-middle-section .image-wrapper .line{width:180px;left:313px;top:-843px;}

}

@media all and (min-width: 768px) and (max-width:991.98px){
.quotes-top-section .quote-intro{padding-bottom:23px;}
.quotes-module-wrapper .quotes-middle-section .image{width: 270px;height: 295px;position: absolute;left: 413px;}
.quotes-module-wrapper .quotes-middle-section .image-wrapper .line{width:180px;left:233px;top: -765px;}
.quotes-module-wrapper .quotes-middle-section .border-r{border-radius:16px;}
}

@media all and (max-width: 767.98px){
.quotes-module-wrapper .quotes-middle-section{margin-left:-8px;margin-right:-8px;}
/*.quotes-module-wrapper .quotes-middle-section .image{top:-241px;left:46px;bottom:0px;}*/
.quotes-module-wrapper .quotes-middle-section .image {left: 50%;right: 50%;margin-top: -37px;margin-left: -135px;}
.quotes-module-wrapper .quotes-middle-section .image-wrapper .line{display:none;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper{background: url('~/media/Images/p/prosus-corp-v2/prosus-images/quote/Group 147') 30px 5px no-repeat,var(--cobalt-gradient);padding:120px 24px 24px 24px;margin-top: 212px;margin-left:-8px;margin-right:-8px}
.quotes-module-wrapper .quotes-middle-section .image img{border-radius:12px;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper.without-image {margin-top: 0px;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper.without-image{padding:48px 24px;}
.quotes-module-wrapper .quotes-middle-section .quotes-wrapper.without-image +.image-wrapper{display:none;}
.quotes-module-wrapper .quotes-middle-section .border-r{border-radius:12px;}
.quotes-module-wrapper .quotes-top-section {margin-bottom: 24px;}
.bespoke-mixed-module .module-intro .h6 {margin-bottom: 8px;}
.quotes-middle-section:has(.image-wrapper) {padding-top: 16px;}
.quotes-top-section + .quotes-middle-section:has(.image-wrapper) {padding-top: 0;}
}

@media all and (min-width: 767.98px){
.quotes-middle-section:has(.image-wrapper) {padding-top: 192px;}
.quotes-top-section + .quotes-middle-section:has(.image-wrapper) {padding-top:0;}
}