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

.mod-quote .mod-quote-content {padding-bottom: 58px;}
.quotePathAfter:after{content:"";background-image:url(/~/media/Images/a/anglo-american-group-v9//PLC/modules/quote/quuotePath.png);width: 650px;height: 270px;position: absolute;bottom: -114px;left: -90px;z-index: 9;background-repeat: no-repeat;background-position: bottom;background-size: 100%;}
.quotePathAfter:before {background:radial-gradient(30.67% 55.4% at 29.6% -7.22%, #FE0000 0%, rgba(255, 0, 0, 0.0001) 100%);filter: blur(36.6968px);transform: rotate(-90deg);content: "";width: 212px;height: 178px;position: absolute;bottom: 52px;right: -100px;z-index: 9;}
.mod-quote .mod-quote-content-image {position: relative;display: inline-block; width: 100%;}
.mod-quote .mod-quote-content-image img {width: 100%;height: auto;position: relative;z-index: 1;box-shadow: -2px -2px 30px rgb(255 255 255 / 43%), 8px 64px 64px rgb(0 0 0 / 10%), 8px 32px 32px rgb(3 23 148 / 13%), 0px 16px 16px rgb(0 0 0 / 10%), 0px 8px 8px rgb(0 0 0 / 5%), 0px 4px 4px rgb(0 0 0 / 5%), 0px 2px 2px rgb(0 0 0 / 5%), inset 0px 1px 3px rgb(255 255 255 / 33%);border-radius: 6px;}
.mod-quote .mod-quote-content-image::after {content: "";position: absolute;bottom: -59px;left: -57px;width: 570px;height: 452px;border-radius: 4px;z-index: 1;background: radial-gradient(43.87% 15.51% at 45.05% 82.92%, rgba(3, 23, 148, 0.526497) 0%, rgba(12, 57, 183, 0.65911) 48.57%, rgba(31, 124, 252, 0.0001) 100%);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(--grey);}
.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/a/anglo-american-group-v9//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(-grey);}
.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;}
  .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);
}