.narrative-content-link{
position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 1;
  margin-left: 0; /* Updated on 7/8/2023 */
}

.narrative-additional-content-wrap .narrative-additional-content-description{

  width:60%;

}

.collateralSec:hover .actual-image {
transform:scale(1.1);
}

.collateralSec:hover h4 {
color: #60d0fd;
}

.narrative-additional-content-wrap {
display:flex;
  flex-wrap: wrap
  
}	

.narrative-additional-content-wrap .narrative-additional-content-item {
height: auto !important;
 overflow: hidden;
  padding: 0px 1rem 0px 1rem
}

.narrative-additional-content-wrap .narrative-additional-content-img {
width:40%;
  padding:0px;

  position: relative
}
.narrative-additional-content-wrap .narrative-additional-content-item .actual-image {
object-fit: cover;
  width:100%;
  height: 100%;
transition: all 500ms ease-out;
  position: absolute;
    top: 0;
    left: 0;
}

html {
	    scroll-behavior: smooth
	}

	body {

	    color: rgba(0, 0, 0, 0.9);
	   
	}

	html,
	body {
	    height: 100%;
	    margin: 0;
	}

	/*section {
	    height: 100%;
	    position: relative;
	    text-align: center;
	}*/

	.text {
	    color: #fff;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 24px;
	    line-height: 24px;
	    font-feature-settings: "ss03"on;
	    margin-bottom: 70px;
	}

	.subtext {
	    max-width: 50%;
	    font-style: normal;
	    font-weight: 400;
	    font-size: 20px;
	    line-height: 28px;
	    max-width: unset;
	    color: #fff;
	    width: 36%;
	}

	/* Center aligned first section */
	section .inner {
	    margin: 0 auto;
	    max-width: 85%;
	}

	/* Content of the following sections aligned next to the iphone */
	section .innerText {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-100px, -50%);
	    text-align: left;
	}

	.headingText {
	    font-style: normal;
	    font-weight: 500;
	    font-size: 24px;
	    line-height: 24px;
	    -webkit-font-feature-settings: "ss03"on;
	    font-feature-settings: "ss03"on;
	    margin-bottom: 70px;

	}

	.anchorClass a {
	    font-style: normal;
	    font-weight: 300;
	    font-size: 80px;
	    line-height: 80px;
	    -webkit-font-feature-settings: "ss03"on;
	    font-feature-settings: "ss03"on;
	    display: block;
	    color: #fff;
	}

	div.leftArea {
	    position: sticky;
	    top: 100px;

	    margin-top: 100px;
	    z-index: 2;
	    text-align: left;
	}

	.leftArea .leftAreaContainer {
	    /*top: 100px;*/
	}

	/* updated by Vinod */

	@media (min-width: 992px) {
	    .leftArea .leftAreaContainer {
	        /*position: -webkit-sticky;
	        position: sticky;*/
	        /*width: 35%;*/
	    }
	}

	a {
	    text-decoration: none;
	}

	.anchorClass a:hover {
	    color: #29017b;
	    -webkit-transition: color .2s;
	    transition: color .2s;
	    text-decoration: none;
	}

	.active {
	    color: #60d0fd !important;
	    -webkit-transition: color .2s;
	    transition: color .2s;
	    text-decoration: none;
	}

	.imgcard1 {
	    transform: translate(0px, 0px);
	    height: 380px;
	    position: sticky;
	    max-width: 86px;
	    top: 0;
	    margin-top: 50px;
	    margin-right: 6px;
	    width: 347px;
	    object-fit: cover;
	    object-position: 65% 0;
	    z-index: 1;
	}

	.imgcard1:first-child {
	    top: 0;
	    margin-top: 50px;
	    margin-right: 6px;
	}

	.imgcard1:nth-child(2) {
	    top: 0;
	    margin-top: 0;
	    margin-right: 6px;
	}

	.imgcard1:nth-child(3) {
	    top: 0;
	    margin-top: 30px;
	    margin-right: 6px;
	}

	.imgcard1:nth-child(4) {
	    top: 0;
	    margin-top: 80px;
	    margin-right: 6px;
	}

	.imgcard1:nth-child(5) {
	    top: 0;
	    margin-top: 80px;
	    margin-right: 6px;
	}

	/*section {
	    height: 100%;
	    position: relative;
	    text-align: center;
	}*/

	/* Center aligned first section */
	section .inner {
	    margin: 0 auto;
	    max-width: 85%;
	}

	/* Content of the following sections aligned next to the iphone */
	section .innerText {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-100px, -50%);
	    text-align: left;
	}

	#imgcardid1 {
	    transform: translateY(50px);
	    transition: all 1s ease-out;
	    right: calc((100vw - 1140px)/2);
	}

	.bgimage1 {
	    visibility: hidden;
	    opacity: 0;
	    transform: translateY(100px);
	    transition: all 1s ease-out;
	}

	.bgimage1.fade-in {
	    opacity: 1;
	    top: 70px;
	    visibility: inherit;
	    transform: translate(0px, 0px);
	}

	.stripesSection {
	    /*transform: translate3d(0px, 0px, 0px);
    inset: 0px auto auto 0px;
    margin: 0px;
    max-width: 555px;
    width: 555px;
    max-height: 740px;
    height: 740px;
    padding: 277.5px 0px 0px;*/
	}

	#effectSection {
	    overflow-x: inherit;
   
	}

	.marker {
	    position: absolute;
	    height: 100%;
	    background-color: #fff;
	    width: 1px;
	    left: 50%;
	    transform: translateX(-50%);
	    z-index: 4;
	    < !-- display: none;
	    -->< !-- opacity: .3;
	    -->
	}

	.textHeadSlide {
	    font-style: normal;
	    font-weight: 500;
	    font-size: 24px;
	    line-height: 24px;
	    font-feature-settings: "ss03"on;
	    margin-bottom: 30px;
	    scroll-margin-top: 100px;
	    color: #fff;
	    text-align: initial;
	}

	.textHeadSlideSub {
	    font-style: normal;
	    font-weight: 300;
	    font-size: 48px;
	    line-height: 50px;
	    font-feature-settings: "pnum"on, "lnum"on;
	    color: #fff;
	    text-align: initial;
	    margin-bottom: 21px;
	}

	.textHeadSlideLinks {
	    transition: all .45s;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 26px;
	    text-align: left;
	}

	.btnLink {
	    cursor: pointer;
	    outline: none;
	    background: transparent;
	    border: none;
	    box-shadow: none;
	    display: flex;
	    align-items: center;
	    max-height: 26px;
	    color: #fff;
	}

	.secScrollingDiv {
	    left: 0;
	    /* transform: translateY(100vh); */
	    color: #fff;
	    z-index: 2;
	    margin-left: 99px;
	    margin-bottom: 50%; /* Updated on 7/8/2023 */
	}

	.image-wrap-narrative {
	    /*max-width: 100%;*/
	    margin: 0 0 0 -56px;
	  
	    width: 100%;
    position: relative;
    height: 0px;
    padding-top: 66%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
    
	}

	.pillarvideo_js {
	    /*max-width: 100%;*/
	    margin: 0 0 0 0;
	   
	}

	.right-areacontainer-0,
	.right-areacontainer-1,
	.right-areacontainer-2,
	.right-areacontainer-3,
	.right-areacontainer-4 {
	    margin-bottom: 15%;
	    text-align: left;
	}

	@media (min-width: 992px) {
    
	    .HomePillarsModule_sectiontext__zAffV {
	        top: 80vh;
	    }
	}

	@media (min-width: 576px) {
	    .HomePillarsModule_sectiontext__zAffV {
	        margin-left: 49px;
	        width: 100%;
	    }
	}

	.HomePillarsModule_pillarModule__BnRuE .HomePillarsModule_descriptions__u7h3a .HomePillarsModule_section__zzzRu {
	    min-height: 100vh;
	    position: relative;
	}

	.CtaButton_arrow__eRjhQ {
	    margin-left: 12px;
	}

	@media (min-width: 992px) {
	    .textHeadSlide::before {
	        display: block;
	    }
	}

	.textHeadSlide::before {
	    content: "";
	    width: 50px;
	    height: 1px;
	    background-color: #fff;
	    position: absolute;
	    left: 98px;
	    /* top: 50%;*/
	    /*display: none;*/
	    /*opacity: .3;*/
	    margin-top: 5px;
	    background-color: #0057b8;
	}

	/* New Style Sheet */
	div .industry-stat-wrap .stat-industry-sfs-blue-line {
	    height: 100%;
	    display: flex;
	    align-self: center;
	    justify-self: center;
	    width: 3px;
	    background-color: #0057b8;
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.description_Text {
	    text-align: start;
	}

	/*.anchorArea
{
  width: 85%;
}*/
	.video-wrapper {
	    margin: 1em auto;
	    max-width: 1000px;
	    width: 100%;
	}

	.video-parent-wrapper {
	    background: #003c7d;
	    padding: 2px 8px 3px 12px;
	  
	}

	.videoSectionPart {
	    margin-left: 0;
	}

	.collateralSec {
	    margin-bottom: 32%;
	}

	.collateral-img {
	    width: 100%;
	   
	    transition: transform .5s, filter 1.5s ease-in-out;
	}

	.collateral-img:hover {
	    transform: scale(1.1);
	}

	.collateral-img-wrapper {
	    width: 40%;
	    display: inline-block;

	}

	.collateral-description-wrapper {
	    width: 60%;
	    display: inline-block;
	    float: right;
	    padding: 0 0 0 14px;
	    background: #08335f;
	  
	    height: 139px;
	}

	.HomePillarsModule_pillarImgRelLeft__JsVQ1 {
	    margin: 0 0 0 0;
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
	}

	/*working only in ipad portrait device*/
	@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
	    div .industry-stat-wrap .stat-industry-sfs-blue-line {
	        display: none;
	    }

	    .textHeadSlide::before {
	        display: none;
	    }

	    .HomePillarsModule_sectiontext__zAffV {
	        margin-left: 0;
	    }

	    .image-wrap-narrative {
	        margin: 0 0 0 0;
	    }

	    .pillarvideo_js {
	        margin: 0 0 0 0;
	    }

	    div.leftArea {
	        position: relative;
	        margin-top: 0;
	        top: 0;
	    }

	    .secScrollingDiv {
	        margin-left: 0;
	    }

	    .collateral-description-wrapper {
	        padding: 19px 0 13px 12px;
	        height: 180px;
	    }

	    .HomePillarsModule_pillarImgRelLeft__JsVQ1 {
	        margin: 0 0 0 0px;
	    }

	    .video-wrapper {
	        text-align: center;
	    }

	    .secScrollingDiv {
	        margin-bottom: 20%;
	    }

	    .collateralSec {
	        margin-bottom: 18%;
	    }

	}

	/*working only in ipad landscape device*/
	@media all and (width: 1024px) and (height: 768px) and (orientation:landscape) {
	    div .industry-stat-wrap .stat-industry-sfs-blue-line {
	        display: none;
	    }
	    .textHeadSlide::before {
	        display: none;
	    }

	    .HomePillarsModule_sectiontext__zAffV {
	        margin-left: 0;
	    }

	    .image-wrap-narrative{
	        margin: 0 0 0 0;
	    }

	    .pillarvideo_js {
	        margin: 0 0 0 0;
	    }

	    div.leftArea {
	        position: relative;
	        margin-top: 0;
	        top: 0;
	    }

	    .secScrollingDiv {
	        margin-left: 0;
	    }

	    .collateral-description-wrapper {
	        padding: 22px 0 13px 12px;
	        height: 165px;
	    }

	    .HomePillarsModule_pillarImgRelLeft__JsVQ1 {
	        margin: 0 0 0 0px;
	    }

	    .video-wrapper {
	        text-align: center;
	    }

	    .secScrollingDiv {
	        margin-bottom: 12%;
	    }

	    .collateralSec {
	        margin-bottom: 12%;
	    }

	    .right-areacontainer-0,
	    .right-areacontainer-1,
	    .right-areacontainer-2,
	    .right-areacontainer-3,
	    .right-areacontainer-4 {
	        margin-bottom: 8%;
	    }

	}

	@media only screen and (min-width : 320px) and (max-width : 1200px) {

	    div .industry-stat-wrap .stat-industry-sfs-blue-line {
	        display: none;
	    }
     #effectSection div.stat-industry-sfs-blue-line { /* Updated on 7/8/2023 */
	        display: none;
	    }

	    .textHeadSlide::before {
	        display: none;
	    }

	    .HomePillarsModule_sectiontext__zAffV {
	        margin-left: 0;
	    }

	    .image-wrap-narrative{
	        margin: 0 0 0 0;
	    }

	    .pillarvideo_js {
	        margin: 0 0 0 0;
	    }

	    div.leftArea {
	        position: relative;
	        margin-top: 0;
	        top: 0;
	    }

	    .secScrollingDiv {
	        margin-left: 0;
	    }

	    .collateral-description-wrapper {
	        padding: 0px 0 13px 12px;
	        width: 100%;
	        float: initial;
	        
	        border-top-right-radius: 0;
	    }

	    .HomePillarsModule_pillarImgRelLeft__JsVQ1 {
	        margin: 0 0 0 0;
	    }

	    .collateral-img-wrapper {
	        width: 100%;
	        display: block;
	    }

	    .collateral-img {
	       
	        border-bottom-left-radius: 0;
	    }

	    .headingText {
	        margin-bottom: 0;
	    }

	    .videoSectionPart {}
	}

	#topicName1 {
	    margin-top: 46%;
	}

	.bmcd-module.reversed a:hover {
	    color: #60d0fd;
	}

	.collateral-description-wrapper h4:hover {
	    color: #60d0fd;
	}

	.collateral-head-sm {
	    margin: auto;
	}


@media(max-width: 992px) {
.narrative-additional-content-item{
    width:100% !important
    }
  .narrative-additional-content-wrap .narrative-additional-content-img {
    width: 40%;
    padding: 0px;
 
   
    padding-top: 66%;
    height: 0px;
    overflow: hidden;
    position: relative;
}
  .narrative-additional-content-wrap .narrative-additional-content-item .actual-image {
  
    position: absolute;
    top: 0;
    left: 0;
}
}

/* Updated on 7/8/2023 for kendra comments */
.bmcd-module.reversed .eyebrowtwo
{
font-size: 0.9rem;
}
.bmcd-module h4.subheadTwoReversed
{
font-size: 1.25rem;
}