/* --------------- Module Quote ------------------ */
p.author-text strong {
  font-style: normal;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #4D4D4D;
}
#managing-tailings-safely .mod-quote a.cta-link {
    margin-bottom: 0;
}
#managing-tailings-safely .mod-quote .mod-quote-inner {margin-bottom: 0;}
	#managing-tailings-safely .mod-quote .mod-quote-content {padding-bottom: 0;}

.mod-quote-content-image .hLine:before{
	display:none;
}
.quotePathAfter:after{
	content:"";
    background-image:url(/~/media/Images/a/anglo-american-group-v5//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.light-blue {background:#F6F8FB;}
.mod-quote.blue *, .mod-quote.blue-gradient *, .mod-quote.blue .mod-quote-inner .quote-text, .mod-quote.blue-gradient .mod-quote-inner .quote-text{color:#fff;}

.mod-quote.light-blue .mod-quote-inner .quote-text {color: #4d4d4d;}
.mod-quote.light-blue .mod-quote-inner .quote-text::before {color:#d2dae6;}
body:not(.ip3-edit) .mod-quote{overflow:hidden;}
.mod-quote .mod-quote-content{padding-bottom:58px;}
.mod-quote .mod-quote-content-image{position: relative; display: inline-block; width:100%; }
.mod-quote .mod-quote-content-image::before { content: none; width: 100vw; height: 120%; position: absolute; background: #fff; right:27%; z-index: 0; top: 58px;}
.mod-quote .mod-quote-content.blueBlock .mod-quote-content-image::before {background-color: #d2dae6; }
.mod-quote.light-blue .mod-quote-content.blueBlock .mod-quote-content-image::before {background-color: #F6F8FB;}
.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;
    
   
  /*  background: url(~/media/Images/a/anglo-american-group-v5//universal/modules/quote/quote-image-bg.svg) no-repeat;*/

}

.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 .line { height: 2px; position: absolute; top: 79px; right:-76px; width: 30.60%; z-index: 1; max-width:114px;}

.mod-quote .mod-quote-inner { margin-top: 0px; margin-bottom: 30px; min-height:400px;position:relative; z-index:9;}
.mod-quote .mod-quote-inner h2.sub-heading{margin-bottom:35px;font-family:"AASmartSans";}
.mod-quote .mod-quote-inner .quote-text{line-height: 3.8rem; font-size: 2.1rem; font-weight: 400; position: relative; margin-bottom: 32px; color:#4d4d4d; }
.mod-quote .mod-quote-inner .quote-icon::before { content: "“";
    position: absolute;
    left: -2px;
    top: 10px;
    font-size: 125px;
    font-family: georgia;
    line-height: 102px;
    vertical-align: middle;
    font-weight: bold;
    background: linear-gradient(226.38deg, #1F7CFC 0%, #031794 144.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #00368b;
    content:none;
    }
.mod-quote .mod-quote-inner .quote-text > span.quote-icon{display: inline-block; width: 50px; height: 38px; float: left; margin-right:20px;position:relative; margin-top:20px;background: url(~/media/Images/a/anglo-american-group-v5//universal/modules/quote/quote-icon.svg);
    background-repeat: no-repeat; }
.mod-quote-inner.without-image  .quote-text > span.quote-icon{display: inline-block; width: 50px; height: 37.5px; float: left; margin-left:30px;    margin-top: 10px;}
.mod-quote .mod-quote-inner.without-image .quote-text > span.quote-icon {margin-right:30px;}

.mod-quote .mod-quote-inner.without-image .author-text{font-size: 1.8rem; line-height: 2.2rem; color: #031794; font-weight: 400; margin-bottom: 10px; padding-left:110px;}
.mod-quote .mod-quote-inner .author-text span { display: block; width: 100%;    margin-bottom: 12px; font-size: 1.8rem;line-height: 2.2rem; color: #031794; font-weight: 400;}
.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: #4D4D4D;
}

/*.mod-quote .mod-quote-content-bg{width: 47vw; min-height: 535px; position: absolute; margin-top: 8px; right: 15px; top:0; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 4px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 64px 64px 0 rgba(0, 0, 0, 0.1);}*/
.mod-quote .mod-quote-content-bg::after { content: none;}
.mod-quote .mod-quote-content-bg .line{ height: 2px; position: absolute; top: 72px; right: -76px; width: 30.60%; z-index: 2; max-width: 114px; display:none;}

.mod-quote .note-content{ font-size: 1.4rem; line-height: normal; font-style: italic; margin: 0 0 10px; color: #031794; }
.mod-quote .author-sign{margin-bottom: 5px;}
.mod-quote .author-sign img{max-width: 150px; height:auto; display:inline-block;}

.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;
    font-family:"AASmartSansHead";
}
.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;
}


.mod-quote a.cta-link {padding-right:48px;}

@media only screen and (min-width:1920px) {
.quotePathAfter:after{    height: 295px; bottom: -138px; left: -151px;}
}
@media all and (max-width:1200px){
  .mod-quote .mod-quote-content{padding-bottom:0;}
  
}
@media all and (max-width:991px){
.quotePathAfter:before {
	width: 157px;
    height: 132px;
    right: -48px;
}
.mod-quote .mod-quote-content-image::before {
    background-color: white;
    width: 100vw;
    height: 30%;
    position: absolute;
    top: 120%;
    left: 0;
    content: "";
    z-index: 9;
    transform: translateX(-50%);
}
.mod-quote .mod-quote-content-image::after{
width:310px; height:280px;bottom: -40px;
}
.mod-quote .mod-quote-content-image{display:block; margin:0 auto; max-width:209px;}
.quotePathAfter:after {width: 370px;left: 0px;bottom: -60px;}
  .mod-quote .mod-quote-inner {margin-top: 0px; min-height:auto; }
  #futuresmart-mining .mod-quote .mod-quote-inner {margin-bottom:60px; }
  .mod-quote .mod-quote-content-image .line{top: 40px; right: -20px; width: 44px;}
  .mod-quote .mod-quote-content-image::before{height:110%; right:22%;}
  .mod-quote .mod-quote-content-bg{min-height:470px;}
  .mod-quote .mod-quote-content-bg .line{top: 40px; right: -20px; width: 44px;}
  .mod-quote .mod-quote-inner h2.sub-heading{display:none;}
  .mod-quote-inner.without-image .quote-text{font-size:3.2rem; line-height:100%;}
  .mod-quote .mod-quote-inner .quote-text{font-size:1.8rem; line-height:3.2rem; margin-bottom:20px;}
  .mod-quote .mod-quote-inner.without-image .quote-text{font-size:3.2rem;line-height:3.8rem;}
  .mod-quote .mod-quote-inner .quote-text > span.quote-icon{margin-right:0;}
  .mod-quote .mod-quote-inner .quote-icon::before{top: 0;font-size: 71px;}
  .mod-quote .mod-quote-inner.without-image .quote-text > span.quote-icon{margin-right:0;}
  .mod-quote-inner.without-image .quote-text > span.quote-icon{width:72px; height:72px;}
  .mod-quote .mod-quote-inner.without-image .quote-icon:before{top: 0;font-size: 100px;}
  .mod-quote .mod-quote-inner .quote-text > span.quote-icon{background-size:37px;}
  /*.quotePathAfter:after{bottom:-110px;}*/
}

@media all and (min-width: 768px) and (max-width: 991.98px) {
body#futuresmart-mining .mod-quote .mod-quote-content-image {
    margin: 0;
    max-width: 259px;
}
}

@media all and (max-width:767px){

#futuresmart-mining .mod-quote .mod-quote-inner {margin-bottom:0px; }

.quotePathAfter:after {
   width: 100%;
    height: 170px;
    bottom: -63px;
    left: 0;
    background-size: 100%;
}
.mod-quote .mod-quote-content-image img{width: 100%;
    height: 324px;max-width: 240px;
    object-fit: cover;
    object-position: center;}
  .mod-quote .mod-quote-content-image {padding-bottom: 0; max-width: 240px; display: block; margin: 0 auto;}
  .mod-quote .mod-quote-inner {margin-top: 27px;z-index: 999;position: relative;min-height:auto !important;}
  .mod-quote .mod-quote-content-image::before{top:10%; display:none;}
  .mod-quote .mod-quote-content-image .line{display:none;}
  .mod-quote .mod-quote-content-bg .line{display:none;}
  .mod-quote .mod-quote-inner .quote-icon::before {top:-6px;font-size: 115px;}
  .mod-quote .mod-quote-content-bg { min-height: 300px; width: 100%; right: 0; }
  .mod-quote .mod-quote-inner h2.sub-heading{display:none !important;}
  .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.without-image .quote-text{font-size:2.8rem;line-height:3.4rem;}
  .mod-quote .mod-quote-inner .author-text span{line-height:1.9rem; font-size:1.6rem; font-weight:400;margin-bottom:10px;}
  .mod-quote .mod-quote-inner .quote-text::before{width: 50px;height: 37px;line-height: 75px;top: 0;font-size: 98px;}
  .mod-quote-inner.without-image span.q-text {width:100%;}
    .mod-quote-inner.without-image .quote-text{font-size:2.8rem; line-height:100%;}
 /* .mod-quote .mod-quote-inner .quote-text > span.quote-icon {
    display: inline-block;
    width: 65px;
    height: 40px;
    float: left;
}*/
#module-quote .mdoule-section {
    padding: 20px 0 0px 0;
}
.mod-quote .mod-quote-inner .quote-text > span.quote-icon{margin-top:3px; background-size:50px; margin-right:35px;}
.mod-quote .mod-quote-inner.without-image .quote-text > span.quote-icon{display:block; float:none;margin-bottom:20px; margin-left:0;}
.mod-quote .mod-quote-inner.without-image .author-text{padding-left:0;}
.mod-quote .mod-quote-content-image::after {
    /*   bottom: -50px;
    left: -80px;*/
    opacity: 1;
    width: 100vw;
    height: 100%;
    bottom: -40px;
    left: -52px;
      /*background: url(~/media/Images/a/anglo-american-group-v5//universal/modules/quote/quote-bg-overlay.svg);
      */
    }

}

@media only screen and (min-width:550px) and (max-width:667px){
.quotePathAfter:after{height:300px;bottom:-140px;}
}
@media all and (max-width:480){
  .mod-quote .mod-quote-inner {margin-top: 120px; }
}


@media screen and (min-width:700px) and (max-width:767.98px){
	.quotePathAfter:after{
    	    background-size: 100% 100%;left: 0;width: 100vw;
    }
}

/* --------------- Module Quote ------------------ */

@media screen and (min-width:768px) and (max-width:992px){
	.mod-quote .mod-quote-inner{
    	    padding-left: 10%;
    }
}