/*=== MODULE QUOTE ===*/

.mod-quote .mod-quote-content {padding-bottom: 58px;}
.quotePathAfter:after{content:"";width: 650px;height: 270px;position: absolute;bottom: -114px;left: -90px;z-index: 9;background-repeat: no-repeat;background-position: bottom;background-size: 100%;}
.mod-quote .mod-quote-content-image {position: relative;display: inline-block; width: 100%; margin-bottom:25px !important;}
.mod-quote .mod-quote-content-image img {width: 100%;height: auto;position: relative;z-index: 1;    box-shadow: 24px 24px 40px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.350907), 4px 4px 16px rgba(0, 0, 0, 0.0782343);}
/* .mod-quote .mod-quote-content-image::after {content: "";position: absolute;bottom: -59px;left: -57px;width: 570px;height: 452px;z-index: 1;mix-blend-mode: normal;opacity: 0.61;} */ 
.mod-quote .mod-quote-inner {margin-top: 0px;margin-bottom: 30px;min-height: 400px;position: relative;z-index: 9;}
.mod-quote .mod-quote-inner .quote-text {line-height: 3.8rem;font-size: 2.1rem;position: relative;margin-bottom: 32px;color: var(--platinum-navy-80);}
.mod-quote .mod-quote-inner .quote-text > span.quote-icon {width: 50px;height: 38px;float: left;margin-right: 30px;position: relative;margin-top: 10px;background: url(~/media/Images/v/valterra-platinum//universal/modules/quote/quote-icon.svg);background-repeat: no-repeat;}
.mod-quote .mod-quote-inner .author-text span {display: block;width: 100%;margin-bottom: 12px;font-size: 1.8rem;line-height: 2.2rem;color: var(--main-blue);}
p.author-text strong {font-style: normal;font-weight: 600;font-size: 1.2rem;line-height: 1.4rem;color: var(--platinum-navy-80);}
.mod-quote-inner.without-image span.q-text {display: inline-block;width: calc(100% - 110px);background: linear-gradient(76.53deg, #FE0000 5.41%, #031794 51.08%, #1E7CFF 75.44%, #1E7CFF 109.72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "AASmartSansHead";}
.mod-quote .mod-quote-inner.without-image .author-text {font-size: 1.8rem;line-height: 2.2rem;color: var(--main-blue);font-weight: 400;margin-bottom: 10px;padding-left: 80px;}
.mod-quote .mod-quote-inner.without-image .author-text span:first-child {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--main-blue);
    font-weight: 400;
}
.mod-quote-inner.without-image .quote-text {
    font-weight: 300;
    font-size: 4.8rem;
    line-height: 5.8rem;
    background: linear-gradient(76.53deg, #FE0000 5.41%, #031794 51.08%, #1E7CFF 75.44%, #1E7CFF 109.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px;
    }
.mod-quote .mod-quote-inner .author-text span:last-child {
    font-style: normal;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--grey);
}
@media all and (max-width:1200px){
  .mod-quote .mod-quote-content{padding-bottom:0;} 
}
@media only screen and (min-width:1920px) {
.quotePathAfter:after{    height: 295px; bottom: -138px; left: -151px;}
}

@media all and (max-width:991px){
  .quotePathAfter:before {width: 157px;height: 132px;right: -48px;}
  .quotePathAfter:after {width: 370px;left: 0px;bottom: -60px;}
  .mod-quote .mod-quote-content-image {display: block;margin: 0 auto;max-width: 209px;}
  .mod-quote .mod-quote-content-image::after {width: 310px;height: 280px;bottom: -40px;}
  .quotePathAfter:after {width: 370px;left: 0px;bottom: -60px;}
  .mod-quote .mod-quote-inner {margin-top: 0px;min-height: auto;}
  .mod-quote .mod-quote-inner .quote-text {font-size: 1.8rem;line-height: 3.2rem;margin-bottom: 20px;}
  .mod-quote .mod-quote-inner .quote-text > span.quote-icon {margin-right: 0;background-size: 37px;}
   .mod-quote .mod-quote-inner h2.sub-heading{display:none;}
}
@media screen and (min-width:768px) and (max-width:992px){
	.mod-quote .mod-quote-inner{padding-left: 10%;}
}
@media all and (max-width:767px){
  .mod-quote .mod-quote-inner.without-image .author-text {padding-left: 0;}
  .mod-quote-inner.without-image span.q-text {width: 100%;font-size: 2.8rem;line-height: 3.4rem;}
  .quotePathAfter:after {width: 100%;height: 170px;bottom: -63px;left: 0;background-size: 100%;}
  .mod-quote .mod-quote-content-image {padding-bottom: 0;max-width: 240px; margin-bottom:0 !important;}
  .mod-quote .mod-quote-content-image img {height: 324px;max-width: 240px;object-fit: cover;object-position: center;}
  .mod-quote .mod-quote-content-image::after {opacity: 1;width: 100vw;height: 100%;bottom: -40px;left: -52px;}
  .mod-quote .mod-quote-inner {margin-top: 27px;z-index: 999;position: relative;}
  .mod-quote .mod-quote-inner .quote-text {font-size: 1.4rem;line-height: 24px;font-weight: 300;margin-bottom: 20px;}
  .mod-quote .mod-quote-inner .quote-text > span.quote-icon {margin-top: 3px;background-size: 50px;margin-right: 35px;}
  .mod-quote .mod-quote-inner .author-text span {line-height: 1.9rem;font-size: 1.6rem;font-weight: 400;margin-bottom: 10px;} 
      .mod-quote-inner.without-image .quote-text > span.quote-icon {
               margin-bottom: 20px;
        margin-left: 0;
        width: 72px;
        height: 72px;
    }
}
@media screen and (min-width:700px) and (max-width:767.98px){
  .quotePathAfter:after{background-size: 100% 100%;left: 0;width: 100vw;}
}
@media only screen and (min-width:550px) and (max-width:667px){
  .quotePathAfter:after{height:300px;bottom:-140px;}
}

/*=== MODULE QUOTE ===*/
.mod-quote .mod-quote-inner h2.sub-heading {
    margin-bottom: 35px;
    font-family: var(--font-main);
}