/*----    Module Media Cards starts    ----*/
.module-media-cards .left-content-wrapper h2{font-family:"AASmartSans", sans-serif;font-weight:300; font-size:3.2rem; line-height:3.8rem; color:#031794 !important;}
.module-media-cards .left-content-wrapper  p .rad-introtext{font-weight:400; font-size:2.1rem; line-height:30px; color:#4d4d4d !important;}
.module-media-cards .left-content-wrapper p{margin-bottom:18px;}
.module-media-cards .left-content-wrapper{padding-left:0;}
.media-card-wrapper { margin: 0 -15px; }
.media-card-item { width: calc(25% - 30px); position: relative; margin: 0 15px; float: left; min-height: 209px; display: -webkit-inline-flex; display: -moz-inline-flex; display: inline-flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; background-size:cover; background-position:center; background-repeat:no-repeat; overflow: hidden; margin-top: 19px; border-radius:20px;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%);transition: all 0.4s ease-in-out;}
.media-card-item:hover{box-shadow: 4px 4px 12px rgb(3 23 148 / 10%), -4px -4px 12px rgb(255 255 255 / 16%), 4px 4px 12px rgb(0 0 0 / 16%) !important}
.media-card-item-inner p.new-date{color:#fff;text-transform:uppercase; font-weight:600; font-size:1.2rem;line-height:14.06px;margin-bottom:5px;}
.module-media-cards.two-col-option .media-card-item { width: calc(50% - 30px); }
.module-media-cards.three-col-option .media-card-item { width: calc(33.33% - 30px); }
.media-card-item:hover:before{
	opacity:0;
}

.media-card-item:hover span.icon-play-icn{
    color: #1AEBDD !important;
}
.media-card-item:hover .media-card-link-txt{
    color: #1AEBDD !important;
}
.media-card-item:before { background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
  z-index:1;
   -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
    }
    
   .media-card-item:hover:after {
    opacity:1;
    }
    .media-card-item:after {
    background: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);
    opacity:0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
  z-index:0;
    }
/*
.media-card-item:hover :after {
 background-image: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
}
*/
.media-card-item-inner { position: relative; top: 0; padding: 18px 20px 28px; width: 100%; z-index: 1; }
.media-card-item-inner p.media-card-title { color:#fff; font-weight:400; font-size: 2.4rem;  margin-bottom: 10px; text-transform: none; line-height:3.2rem;}
.media-card-item-inner p.media-card-link-txt { color:#fff; font-size:1.6rem; /*line-height: 2.4rem;*/ line-height: 3.5rem; font-weight: 600; margin:0; }
.media-card-item-inner span[class^="icon-"] { height: 24px; width: 24px; background: transparent; border-radius: 50%; color: #031794; display: inline-block; position: relative; bottom: -3px; left: 6px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.media-card-item-inner span[class^="icon-"]:before { text-align:center; font-size: 18px; border-radius:50%; box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF;
background: linear-gradient(173.46deg, #FFFFFF -116.53%, #F6F8FB 75.57%);
}


.media-card-item-inner span[class^="icon-"]:after{   
content: '';
    width: 24px;
    height: 24px;
    background: url(~/media/Images/a/anglo-american-group-v5//Universal/modules/video-module/outer-oval.svg);
    z-index: -1;
    position: absolute;
    border-radius: 50%;
    right: calc(50% - 8.9px);
    top: calc(50% - 14.9px);
    background-repeat: no-repeat;
    background-position: center;
    }



.media-card-img { background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.6s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.media-card-item:hover .media-card-img { transform: scale(1.1); }
.media-card-item:after { top:0px; transition:all 0.4s; }
.media-card-item:hover:after { top:0; }
.media-card-item:hover .media-card-item-inner span[class^="icon-"] { left:16px; }
.module-media-cards p.mc-sub-txt { color:#fff; font-size:1.2rem; font-weight: bold; margin:0 0 18px; }
.media-card-item a:focus { outline: 1px dotted #fe0000;  outline-offset: 0px;}


.media-card-item-inner .media-card-link-txt a {color: #fff;font-size: 1.6rem !important; /*line-height: 19px !important;*/ line-height: 3.5rem !important; font-weight: 600 !important;margin: 0;}
.media-card-item a.box-link{z-index:999;}
.media-card-item-inner .media-card-link-txt a:after{ color:#1AEBDD;}
.media-card-item:hover .media-card-item-inner .media-card-link-txt a.cta-link { color: #1AEBDD;}
.media-card-item:hover .media-card-item-inner .media-card-link-txt a.cta-link:after { color: #1AEBDD; right:5px}


.media-card-wrapper.clearfix{
	clear:both;
}
@media only screen and (max-width:1024px){
.media-card-item{border-radius:15px;}
}

@media all and (min-width:768px) and (max-width:991px){
.module-media-cards.three-col-option .media-card-item{width: calc(33.33% - 30px);}
.module-media-cards.two-col-option .media-card-item{width: calc(50% - 30px);}
.media-card-item{width: calc(25% - 30px);
border-radius:15px;}
.module-media-cards .left-content-wrapper h2{font-family:"AASmartSans", sans-serif;font-weight:300; font-size:2.0rem; line-height:2.8rem; color:#031794 !important;}
.module-media-cards .left-content-wrapper  p .rad-introtext{font-weight:400; font-size:2.1rem; line-height:30px; color:#4d4d4d !important;}
.module-media-cards .left-content-wrapper p{margin-bottom:18px;}
}

@media all and (max-width:767px){
.module-media-cards.three-col-option .media-card-item, .module-media-cards.two-col-option .media-card-item,  .media-card-item {width: 100%;}
.module-media-cards .left-content-wrapper h2{font-family:"AASmartSans", sans-serif;font-weight:400; font-size:1.8rem; line-height:2.6rem; color:#031794 !important;}
.module-media-cards .left-content-wrapper  p .rad-introtext{font-weight:400; font-size:1.8rem; line-height:30px; color:#4d4d4d !important;}
.module-media-cards .left-content-wrapper p{margin-bottom:18px;}
.module-media-cards .media-card-wrapper {margin: 0 0;}
.media-card-item {margin:0 0;margin-top:30px;border-radius:10px;}

}
/*----    Module Media Cards ends    ----*/