/*=== module stories grid custom start ===*/
.stories-grid--floating_wrapper-left{position: relative;}
.stories-grid--floating_wrapper-left .story-item-box-wrap{transition: all 0.6s ease 0s; height: calc(100vh - 90px); margin-bottom: 0; background: var(--white); position: relative; top: 0; box-shadow: 0px 20px 24px 0px rgba(202, 208, 237, 0.5); border-radius: 20px; overflow: hidden; 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%, var(--main-blue) 103.29%); display: flex; align-items: flex-end; margin-top: 0; max-height: 835px; }
.stories-grid--floating_wrapper-left .story-item-box-wrap > a:before{content: '';position: absolute;width: 200vw;height: 200vh;left: 50%;top: 50%;transform: translate(-50%, -50%);background: transparent !important;}
.stories-grid--floating_wrapper-left .story-item-box-wrap + .story-item-box-wrap{display: none;}
.stories-grid--floating_wrapper-left .story-item-box-wrap a.story-item-wrap{text-decoration: none; color: var(--white);}
.stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex{justify-content: flex-start; position: absolute; top: 40px; left: 40px;}
.stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex .subtitle{color: var(--white); text-transform: uppercase; margin-bottom: 0; font-size: 12px; line-height: 14px; font-weight: 600;}
.stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex .date{color: var(--white); text-transform: uppercase; margin-left: 40px; margin-bottom: 0; font-size: 12px; line-height: 14px; font-weight: 600;}
.stories-grid--floating_wrapper-left .story-img{overflow: hidden; height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1;}
.stories-grid--floating_wrapper-left .story-img .story-media-img{height: 100%;}
.stories-grid--floating_wrapper-left .story-img img{height: 100% !important; overflow: hidden; width: 100%; margin: 0; border-radius: 20px 20px 0 0; object-fit: cover;transform: scale(1.0);transition: all 0.3s ease-in-out;}
.stories-grid--floating_wrapper-left a:hover .story-img img {transform: scale(1.1);}
.stories-grid--floating_wrapper-left .icon-play-icn{background: linear-gradient(173.46deg, var(--white) -116.53%, var(--light-grey-2) 75.57%); border-radius: 50%; display: block; width: 49px; height: 49px; box-shadow: 4px 4px 12px rgb(3 23 148 / 10%), -4px -4px 16px rgba(255, 255, 255, 0.14), 4px 4px 16px rgba(0, 0, 0, 0.08), inset 2px 1px 1px var(--white); margin-left: 40px; display: block; position: relative;}
.stories-grid--floating_wrapper-left .icon-play-icn:before{content: "\e90c"; position: relative; top: 0; left: -2px; font-size: 50px; color: var(--grey);}
.stories-grid--floating_wrapper-left .icon-play-icn:after{content: ''; width: 65px; height: 65px; background: url(~/media/Images/a/anglo-american-group-v9//Universal/modules/video-module/play.svg); z-index: -1; position: absolute; top: -8px; left: -8px; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.stories-grid--floating_wrapper-left .story-content{text-align: left; padding: 30px 160px 40px 30px; position: relative; border: none;}
.stories-grid--floating_wrapper-left .story-content:before{display: none;}
.stories-grid--floating_wrapper-left .story-content h2{position: relative; transition: all ease-in-out 0.6s; font-size: 3.2rem;  color: var(--white); line-height: 38px; text-transform: none; font-family: "AASmartSans", sans-serif;  display: block; font-weight: 300; margin-bottom: 0;}
.stories-grid--floating_wrapper-left .story-item-box-wrap:hover{position: relative; transition: all 0.3s ease 0s; top: 0; box-shadow: -1px -1px 16px -1px rgba(0, 0, 0, 0.43); 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%, var(--main-blue) 105.99%);}
.stories-grid--floating_wrapper-right .left-content-wrapper{display: flex; justify-content: space-between;flex-wrap: wrap;padding-left: 0;padding-right: 0;margin-bottom: 0;}
.stories-grid--floating_wrapper-right .sgrdlw.no-height { height:0; }
.stories-grid--floating_wrapper-right .sgrdlw.sticky { position: fixed; background: var(--white); z-index: 99; top: 0; padding-bottom: 14px; }
.stories-grid--floating_wrapper-right .left-content-wrapper h2{font-size: 2.4rem; line-height: 32px; font-family: "AASmartSans", sans-serif; font-weight: 400; margin-bottom: 0;}
.stories-grid--floating_wrapper-right .left-content-wrapper a.cta-link{margin-top: 10px; line-height: 19px !important;}
.stories-grid--floating_wrapper-right .left-content-wrapper a.cta-link:after{bottom: 0;}
.stories-grid--floating_wrapper-right .stories-grid--latest-list-item{margin-top: 30px;}
.stories-grid--floating_wrapper-right .stories-grid--latest-list-item:nth-child(1){margin-top: 18px;}
.stories-grid--floating_wrapper-right .story-item-box-wrap{ transition: all 0.6s ease 0s; height: 100%; margin-bottom: 0; background: var(--white); position: relative; top: 0; 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); border-radius: 20px; margin-top: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; }
.stories-grid--floating_wrapper-right .story-item-box-wrap a.story-item-wrap{text-decoration: none; color: var(--main-blue);}
.stories-grid--floating_wrapper-right .story-img{overflow: hidden; height: 200px;border-radius: 20px 20px 0 0;}
.stories-grid--floating_wrapper-right .story-img .story-media-img{height: 100%;}
.stories-grid--floating_wrapper-right .story-img img{object-fit: cover; height: 100% !important; overflow: hidden; width: 100%; margin: 0; border-radius: 20px 20px 0 0;transform: scale(1.0);transition: all 0.3s ease-in-out;}
.stories-grid--floating_wrapper-right a:hover .story-img img {transform: scale(1.1);}
.stories-grid--floating_wrapper-right .story-content{text-align: left; padding: 30px; border-radius: 0px 0px 20px 20px; position: relative; border: none;    height: auto !important;}
.stories-grid--floating_wrapper-right .story-content:before{content: ""; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(147.83deg, rgba(30, 124, 255, 1.0) 0%, rgba(3, 23, 148, 1.0) 100%); position: absolute; border-radius: 0 0 20px 20px; opacity: 0; transition: all ease-in-out 0.6s;}
.stories-grid--floating_wrapper-right .story-content .subtitle, .stories-grid--floating_wrapper-right .story-item-box-wrap .story-content .date{margin-bottom: 20px !important;}
.stories-grid--floating_wrapper-right .story-content h2{position: relative; transition: all ease-in-out 0.6s; font-size: 2.4rem;  color: var(--main-blue); line-height: 32px; text-transform: none; font-family: "AASmartSans", sans-serif;  display: block; font-weight: 400; margin-bottom: 0;}
.stories-grid--floating_wrapper-right .story-item-box-wrap:hover{position: relative; transition: all 0.3s ease 0s; top: 0; box-shadow: -1px -1px 16px -1px rgba(0, 0, 0, 0.43);}
.stories-grid--floating_wrapper-right .story-item-box-wrap:hover .story-content:before{opacity: 1;}
.stories-grid--floating_wrapper-right .story-item-box-wrap:hover .story-content p.subtitle{color: var(--white) !important; position: relative; transition: all ease-in-out 0.6s;}
.story-item-box-wrap:hover a .story-content h2 {    box-shadow: none !important;    color: var(--white);    transition: all ease-in-out 0.6s;}
.our-stories .story-item-box-wrap:hover .story-content p.subtitle, .story-item-box-wrap:hover a .story-content .date {    color: var(--white);    position: relative;    transition: all ease-in-out 0.6s;}
.target--bar{display: inline-block; height: 2px; width: 100%; position: absolute; bottom: 0; background-color: transparent;}
.stories-grid--latest-list .slick-list{padding-bottom: 30px;}
.stories-grid--latest-list .slick-next, .stories-grid--latest-list .slick-prev { top:auto; bottom:-56px; opacity:1 !important; width:56px; height:56px; border-radius:50%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background: linear-gradient(173.46deg, var(--white) -116.53%, var(--light-grey-2) 75.57%); 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 var(--white); text-indent:unset; }
.stories-grid--latest-list .slick-dots{top:auto;}
.stories-grid--latest-list .slick-prev span, .stories-grid--latest-list .slick-next span {position: relative;top: 50%;transform: translateY(-50%);display: block;color: var(--red); font-size: 10px;text-align:center;}
.stories-grid--latest-list .slick-prev {left: 50%;transform: translateX(-50%);margin-left: -55px; bottom:-58px;}
.stories-grid--latest-list .slick-next {right: 50%;transform: translateX(+50%);margin-right: -55px; bottom:-58px;}
.stories-grid--latest-list .slider__counter {width: 170px;display: flex;left: 50%;transform: translateX(-50%);position: relative;height: 58px;flex-wrap: wrap;justify-content: center;flex-direction: row;align-items: center;font-size: 1.4rem;font-weight: 600;font-family: "AASmartSans", sans-serif;line-height: 16.8px;color:var(--main-blue);background: var(--light-grey);border-radius:177px; border: 1px solid rgba(151, 151, 151, 0.0551792); box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), inset 1px 1px 2px rgba(0, 0, 0, 0.181736), inset 2px 1px 1px var(--white);}
.stories-grid--latest-list-slider-pagination{display: none;}
.stories-grid--latest-list-slider-pagination .slider__counter + .slider__counter{display: none;}
.stories-grid--floating_wrapper-right .story-item-box-wrap a.story-item-wrap:focus .story-content{outline: 1px dotted var(--red-2);}
.stories-grid--floating_wrapper-left.with-cta .story-content{top:-60px;}
.stories-grid--floating_wrapper-left .story-item-box-wrap > a.link-btn{font-size: 1.6rem;line-height: 3.5rem; font-weight: 600;color: var(--white);position: absolute;top: auto;left: 30px;bottom:40px;}
.stories-grid--floating_wrapper-left .story-item-box-wrap > a.link-btn > span{color: var(--sky-blue);}
.stories-grid--floating_wrapper-left .story-item-box-wrap > a.link-btn:before{content:none;}
.stories-grid--floating_wrapper-left:hover .story-item-box-wrap > a.link-btn > span{color: var(--sky-blue);}
.stories-grid--floating_wrapper-left:hover .story-item-box-wrap > a.link-btn{color: var(--sky-blue);}
.left-content-wrapper{padding-left: 25px; padding-right: 15px; margin-bottom: 30px; position: relative; }
.story-item-box-wrap .story-top-flex {position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.story-item-box-wrap .story-top-flex p.date {margin-top: 0;}
.story-content .subtitle, .story-item-box-wrap .story-content .date{font-size: 1.2rem !important;font-weight: 600 !important;color: var(--main-blue);margin-bottom: 30px !important;text-transform: uppercase !important;text-decoration: none !important;line-height: 1.4rem;margin-top: 0;}
.story-item-box-wrap{top: 0;-webkit-transition: all ease-in-out 0.6s;-ms-transition: all ease-in-out 0.6s;-moz-transition: all ease-in-out 0.6s;-o-transition: all ease-in-out 0.6s;transition: all ease-in-out 0.6s;height: 100%;position: relative;background: var(--white);border-radius: 20px;margin-top: 40px;margin-bottom: 0;}
.story-item-box-wrap:hover{position: relative;top: -25px; -webkit-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; }
.story-item-box-wrap:hover a .story-content h2 { box-shadow: 0 -1px 0 0 var(--main-blue) inset, 0 -3px 0 0 var(--main-blue) inset; }
.story-content {text-align:center; padding:35px; border:none;}
.story-content h2{position: relative; transition: all ease-in-out 0.6s; font-size: 2.4rem; color: var(--main-blue); line-height: 32px; text-transform: none; font-family: "AASmartSans", sans-serif; font-weight: 400; }
.story-introcontent .subtitle{text-align: left;}
.story-content .subtitle{font-size: 1.4rem;text-align: center;color:var(--main-blue);margin-bottom:20px;  text-transform: uppercase;text-decoration: underline;font-weight: 700;}
.story-content p, .mediacontent-image-text p{position: relative;font-size: 1.8rem; line-height: 3.0rem; text-align: left; color: var(--grey); margin-top: 24px; transition: all ease-in-out 0.6s;}
.story-img{height: 273px; overflow:hidden;}
body.ip3-stories.ip3-futuresmart .story-img{border-radius:20px 20px 0px 0px}
.our-stories .story-item-box-wrap .story-content .top-flex {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.story-img img { width: auto; max-width: inherit; max-height: inherit; height: 100% !important; overflow: hidden; margin-left:-55px;transition: all 0.6s ease-in-out;}
.story-content .date{font-size: 1.4rem;text-align: center;color: var(--main-blue);margin-bottom:12px;font-weight: 700;}

@media only screen and (max-width: 1100px){
  .stories-grid--floating_wrapper-right .story-content h2{font-size: 2.0rem; line-height: 28px;}
}

@media only screen and (max-width:1024px){
  .story-item-box-wrap:hover{top: 0px !important;box-shadow: none !important;}
  .story-content h2{font-size: 2.0rem;line-height: 28px;}
}

@media only screen and (max-width: 991px){
  .stories-grid--floating_wrapper-left.with-cta .story-content{top:0px;}
  .stories-grid--floating_wrapper-left .story-item-box-wrap > a.link-btn {    bottom: 20px;}
  .stories-grid--floating_wrapper-left .story-item-box-wrap{min-height: 421px;height: auto;}
  .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex{top: 34px; left: 34px;}
  .stories-grid--floating_wrapper-left .icon-play-icn{margin-left: 34px; width: 37px; height: 37px;}
  .stories-grid--floating_wrapper-left .icon-play-icn:before{font-size: 38px;}
  .stories-grid--floating_wrapper-left .icon-play-icn:after{width: 48px; height: 49px; top: -6px; left: -5px;}
  .stories-grid--floating_wrapper-left .story-content h2{font-size: 2.8rem; line-height: 34px;}
  .stories-grid--floating_wrapper-right{height: auto !important; margin-top: 40px; margin-bottom: 60px;}
  .stories-grid--floating_wrapper-right .story-content{padding: 20px;}
  .stories-grid--floating_wrapper-right .story-content .subtitle, .stories-grid--floating_wrapper-right .story-item-box-wrap .story-content .date{margin-bottom: 15px !important;}
  .stories-grid--floating_wrapper-right .left-content-wrapper h2{font-size: 2rem; line-height: 28px;}
  .stories-grid--floating_wrapper-right .story-img{height: 163px}
  .stories-grid--floating_wrapper-right .stories-grid--latest-list{margin:22px 0 0; height: auto;}
  .stories-grid--floating_wrapper-right .stories-grid--latest-list-item:nth-child(1){margin-top: 0}
  .stories-grid--floating_wrapper-right .stories-grid--latest-list-item{margin: 0 15px;}
  .stories-grid--latest-list-slider-pagination{display: block;}
  .stories-grid--latest-list .slick-list{overflow: visible;}
  .story-item-box-wrap:hover .story-item-social{top:unset !important;}
}

@media only screen and (max-width: 767px){
  .stories-grid--floating_wrapper-left .story-item-box-wrap > a.link-btn {left:15px; bottom:0;}
  .stories-grid--floating_wrapper-left .story-item-box-wrap{min-height: 166px; border-radius: 10px;height: auto;}
  .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex{justify-content: space-between; width: calc(100% - 30px); top: 15px; left: 15px;}
  .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex .date{margin-left: 0}
  .stories-grid--floating_wrapper-left .story-img img{border-radius: 10px 10px 0 0;}
  .stories-grid--floating_wrapper-left .icon-play-icn{margin-left: 15px; width: 24px; height: 24px;}
  .stories-grid--floating_wrapper-left .icon-play-icn:before{font-size: 23px; left: 0;}
  .stories-grid--floating_wrapper-left .icon-play-icn:after{width: 32px;  height: 32px; top: -4px; left: -4px;}
  .stories-grid--floating_wrapper-left .story-content{padding: 15px 15px 15px 15px;}
  .stories-grid--floating_wrapper-left .story-content h2{font-size: 14px; line-height: 17px; font-weight: 600;}
  .stories-grid--floating_wrapper-right{margin-top: 24px;}
  .stories-grid--latest-list .slick-list{padding-bottom: 25px; height: auto !important; overflow: visible;}
  .stories-grid--floating_wrapper-right .left-content-wrapper h2{font-size: 1.8rem; line-height: 26px;}
  .stories-grid--floating_wrapper-right .left-content-wrapper a.cta-link{margin-top: 5px; margin-top: 5px;}
  .stories-grid--floating_wrapper-right .stories-grid--latest-list{margin: 20px 0 0;}
  .stories-grid--floating_wrapper-right .story-img {height: 158px;}
  .stories-grid--floating_wrapper-right .story-content{padding: 15px;}
  .stories-grid--floating_wrapper-right .story-content .subtitle, .stories-grid--floating_wrapper-right .story-item-box-wrap .story-content .date{margin-bottom: 20px !important;}
  .stories-grid--floating_wrapper-right .story-content h2{font-size: 1.6rem; line-height: 19px;}
  .story-img{max-height:216px; height:216px;}
  .story-img img {width: 100%;max-width: inherit;max-height: 1000px !important;margin: 0; height: auto !important;}
  .story-content h2{font-size: 1.8rem;line-height: 26px;}
}
@media (max-width: 420px) {
.story-img img{min-height: 216px;width: auto;}
}
@media (max-width: 430px) {
.story-img img {width: 150%;}
}


/* module stories grid custom end */