.multiple-signpost{
  overflow:hidden;
}
/* .multiple-signpost .multiple-signpost-items{
  display: grid;
  grid-template-columns:  repeat(4, 1fr);
  grid-auto-rows: 0;
  gap: 30px;
  grid-auto-columns: auto;
  grid-auto-flow: dense;
} */
.multiple-signpost .multiple-signpost-items{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 0;
  gap: 30px;
  grid-auto-columns: auto;
  grid-auto-flow: dense;
}
.multiple-signpost .signpost-title.h4 {
    font-weight: bold;
}
.multiple-signpost .background-top{ 
  background: url(/~/media/Images/p/prosus-corp-v2/css/pattern-top.png);
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  height: 2000px;
  /* min-height:2000px; */
  position: absolute;
  z-index: -1;
  background-position: center;
  left: 0;
  top: 0;
}
.multiple-signpost .background-bottom{
  background: url(/~/media/Images/p/prosus-corp-v2/css/pattern-bottom.png);
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  height: 1800px;
  /* min-height:1800px; */ 
  position: absolute;
  z-index: -2;
  background-position: center;
  left: 0;
  bottom: 0;
}
.multiple-signpost .multiple-signpost-title .h2{
  background:  linear-gradient(90deg, #040F7B 0%, #0060E4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*   padding:116px 0 180px 0; */
  padding: 60px 0 100px 0;
  text-align:center;
}
.multiple-signpost .multiple-signpost-items .signpost-item[data-size="large"]{
  grid-row-end: span 20;
  grid-column: auto / span 6;
}
.multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"]{
  grid-row-end: span 10;
  grid-column: auto / span 3;
}
.multiple-signpost .multiple-signpost-items .signpost-item{
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border-radius:20px;
  overflow:hidden;
}
.multiple-signpost .multiple-signpost-items .signpost-item:focus-within{
  outline: 1px solid var(--lithium-light);
  outline-offset: 2px;
}
.multiple-signpost .multiple-signpost-items .signpost-item::before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
  transition:0.5s all ;
  z-index:1;

}
.multiple-signpost .multiple-signpost-items .signpost-item.remove-default-overlay::before{background:none}
.multiple-signpost .multiple-signpost-items .signpost-item iframe{background:black}
.multiple-signpost .multiple-signpost-items .signpost-item:not(.remove-hover):hover::before{
  /*     background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%); */
  background-color: rgba(0, 0, 0, 0.15); 
  transition:0.5s all ;
}
/* .multiple-signpost .multiple-signpost-items .signpost-item .signpost-title{    word-wrap: break-word;} */ 
.multiple-signpost .multiple-signpost-items .signpost-item .signpost-link{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.multiple-signpost .multiple-signpost-items .signpost-item .signpost-content{
  text-align:center;
  z-index:1;
}
.multiple-signpost .multiple-signpost-items .signpost-item.center-content .signpost-content{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;}
.multiple-signpost .multiple-signpost-items .signpost-item .signpost-tag{z-index:1;    top: 0;}
.multiple-signpost .multiple-signpost-items .signpost-item[data-size="large"] .signpost-content{padding:32px 36px 32px 36px;}
.multiple-signpost .multiple-signpost-items .signpost-item[data-size="large"] .signpost-tag{padding:32px;}
.multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"] .signpost-content{padding:24px 24px 24px 24px;}
.multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"] .signpost-tag{padding:24px;}
.multiple-signpost .multiple-signpost-items .signpost-item.content--light *{
  color:var(--white-light);
}
.multiple-signpost .multiple-signpost-items .signpost-item.content--dark *{
/*   color:var(--graphite-dark); */
	color: #040F7B;
}
.multiple-signpost .signpost-img-video{
  position:absolute;
  height:100%;
  width:100%;
  left:0;
  top:0;
}
.multiple-signpost .signpost-img-video img{
  height:100%;
  width:100%;
  object-fit:cover;
}
@media all and (max-width:991px){
  .multiple-signpost .multiple-signpost-items{    gap: 16px;row-gap:30px;}
  /*   .multiple-signpost .multiple-signpost-items .signpost-item[data-size="large"]{
  grid-row-end: span 28;
}
  .multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"]{
  grid-row-end: span 21;
} */
}
@media all and (max-width:767px){
  .multiple-signpost .multiple-signpost-items{
    display:flex;
    flex-direction:column;
    gap:16px;
    align-items: center;

  }
  .multiple-signpost .multiple-signpost-items .signpost-item {
    aspect-ratio:1;
    width:100%;
  }
  .multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"]{
    max-width:calc(100% - 90px);
    width:100%;
  }
  
  .multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="medium"]{
    max-width:calc(100% - 45px);
    width:100%;
  }
  .multiple-signpost .multiple-signpost-title .h2{
    /*     padding:96px 0 120px 0; */
    padding: 60px 0 80px 0;

  }
}


@media all and (min-width: 768px){
  .with-left-nav-wrapper .multiple-signpost .multiple-signpost-items .signpost-item[data-size="large"] {
    grid-row-end: span 20;
    grid-column: auto / span 11;
    max-width: 570px;
  }
  .with-left-nav-wrapper .multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"] {
    grid-row-end: span 10;
    grid-column: auto / span 1;
    width: 270px;
  }
}

@media all and (min-width: 768px) and (max-width: 992px){
  .with-left-nav-wrapper .multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"] {
    width: 235px;
  }
}

@media all and (min-width: 768px) and (max-width: 1200px){
  .with-left-nav-wrapper .multiple-signpost .multiple-signpost-items {
    grid-template-columns: repeat(3, 1fr);
  }
  .with-left-nav-wrapper .multiple-signpost .multiple-signpost-items .signpost-item[data-size="large"] {
    grid-row-end: span 20;
    grid-column: auto / span 4;
    max-width: 100%;
  }
  .with-left-nav-wrapper .multiple-signpost .multiple-signpost-items .signpost-item[data-size="small"] {
    grid-row-end: span 10;
    grid-column: auto / span 2;
  }
}

/* selfserve */

.ip3-edit .multiple-signpost .multiple-signpost-items{
  display:block;

}
.ip3-edit .multiple-signpost .multiple-signpost-items .signpost-item .signpost-link{
  position:relative
}
.ip3-edit .multiple-signpost .multiple-signpost-items .signpost-item{
  min-height:350px
}

.with-left-nav-wrapper .multiple-signpost .background-top, .with-left-nav-wrapper .multiple-signpost .background-bottom {
  display: none;
}

/*=================== Hovered Content Dispaly CSS Start =============================*/

.signpost-item--hover .signpost-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
  transition: all 0.4s ease;
}
.signpost-item--hover .signpost-description{
display:flex;
  flex-direction:column;
}
.signpost-item--hover .signpost-description.body-large .cta .icon{font-size: 12px !important;}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="large"] .signpost-content{padding:40px;}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="medium"] .signpost-content{padding:32px;}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="small"] .signpost-content{padding:28px;}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="medium"] .signpost-tag{padding:32px;}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="large"] .signpost-description{bottom:4rem;left:4rem;right:4rem}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="medium"] .signpost-description{bottom:3.2rem;left:3.2rem;right:3.2rem;}
.multiple-signpost .multiple-signpost-items .signpost-item--hover:not(.remove-hover):hover::before{background:none;}
.signpost-item--hover .signpost-title, .signpost-item--hover .signpost-stat {
  transition: opacity 0.4s ease;
}

.signpost-item--hover:hover .signpost-title, .signpost-item--hover:hover .signpost-stat {
  opacity: 0;
}

.signpost-item--hover:hover .signpost-description {
  opacity: 1;
}

.multiple-signpost .signpost-item--hover:hover .signpost-img-video {
    height: 0;
}

.signpost-item--hover:hover .signpost-content{background:#F1F3F5;}


.signpost-item--hover .signpost-description {
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  position: absolute;
  bottom: 2.8rem;
  left: 2.8rem;
  right: 2.8rem;
  text-align: start;
}

.multiple-signpost .multiple-signpost-items .signpost-item--hover:hover.content--light .signpost-description, .multiple-signpost .multiple-signpost-items .signpost-item--hover:hover.content--dark .signpost-description{color: #4D4D4D;}

.multiple-signpost .multiple-signpost-items .signpost-item--hover.content--dark .signpost-title{color:var(--graphite-dark);}

.multiple-signpost .multiple-signpost-items .signpost-item--hover:hover.content--light .cta-secondary *,.multiple-signpost .multiple-signpost-items .signpost-item--hover:hover.content--dark .cta-secondary *{color:var(--cobalt-prime);}

.signpost-item--hover .signpost-title {
  transition: opacity 0.4s ease;
  text-align: center;
}

.multiple-signpost .multiple-signpost-items .signpost-item--hover .signpost-link{position: unset;}


@media (min-width: 768px){
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="large"]{
  grid-row-end: span 20;
  grid-column: auto / span 6;
}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="medium"]{
  grid-row-end: span 14;
  grid-column: auto / span 4;
  height: 370px;
}
.multiple-signpost .multiple-signpost-items .signpost-item--hover[data-size="small"]{
  grid-row-end: span 10;
  grid-column: auto / span 3;
}
}

/*============================== End ===========================*/
#ip3-ai-house #module-multiple-signposts .multiple-signpost-items .signpost-item::before {background:transparent}
#ip3-ai-house #module-multiple-signposts .multiple-signpost-items .signpost-item:not(.remove-hover):hover::before{background-color: rgba(0, 0, 0, 0.15);}
#ip3-our-approach #esg-raters .multiple-signpost-items .signpost-item::before {background:transparent}
#ip3-our-approach #esg-raters .multiple-signpost-items .signpost-item:not(.remove-hover):hover::before{background-color: rgba(0, 0, 0, 0.15);}