.solutions-module-light{
  position: relative; z-index: 9999;
  padding: 120px 0 100px;
  background-color:#fff ;
  color: #263061 ;
}

.solutions-module-light .description-wrapper{
  display: flex;
  justify-content: center;
  text-align: center;
}

.solutions-module-light .description-wrapper > div{
  max-width: 632px;
  color: #263061;
}

.solutions-module-light .description-wrapper > div > *{
  color: inherit;
}
.solutions-module-light .content-wrapper{
  display: flex;
  gap: 78px;
  padding: 60px 0px 0 ;

}
.solutions-module-light .content-wrapper> div{
  width: 50%; 
}
.solutions-module-light .images-holder {
  position: relative;
}
.solutions-module-light .images-holder img{
  display:block;
  height:auto;
}
.solutions-module-light .images-holder > div{
  position: sticky;
  top: 100px;
}

.solutions-module-light .image-holder{
  position: absolute; 
  left: 0px;
  top:0px;
  opacity: 0;
  z-index: -1;
  transition: 0.6s opacity;
}
.solutions-module-light .image-holder.active{
  z-index 10;
  opacity: 1;
  transition: 0.6s opacity; 
}

.solutions-module-light .text-holder{
  color:#263061 ;
  display: flex;
  flex-direction: column;

}
.solutions-module-light .text-wrapper > div > *{
  color: inherit;
}

.solutions-module-light .text-wrapper > div a,
.solutions-module-light .text-wrapper > div p{
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-size: 16px; 
}
.solutions-module-light .list-wrapper ul{
  list-style: none; 
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}


.solutions-module-light .list-wrapper ul li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid  #E4E4EB;
}

.solutions-module-light  .texts-holder{
  display: flex;
  flex-direction: column;
  gap:80px;
}

.solutions-module-light .list-wrapper ul li >div{
  color :#263061 ; 
}

.solutions-module-light .list-wrapper ul li >div > span{
  color :#A5AEF3 ; 
}

.solutions-module-light .list-wrapper ul li .icon-wrapper{
  flex-shrink: 0;
}

.solutions-module-light .button-wrapper{
  margin: auto 0 0;
}

.solutions-module-light .button-wrapper a{
  margin:0;
}
.solutions-module-light .image-mobile img{
  height: auto;
}



@media(min-width: 768px){
  .solutions-module-light{
    padding:78px 0px;
  }
  .solutions-module-light .image-mobile{
    display:none;
  }
}
@media(max-width:991px){
  .solutions-module-light .images-holder{
    display:none;
  }
  .solutions-module-light .content-wrapper {
    flex-direction: column;
    padding-top:25px !important;
  }
  .solutions-module-light .content-wrapper >div {
    width: 100%;
  }
  .solutions-module-light .image-mobile{
    display:block;
    margin-bottom:51px;
  }
  .solutions-module-light .image-mobile img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    border-radius: 8px;
  }
  .solutions-module-light .description-wrapper {
    text-align: left;
  }
  .solutions-module-light .description-wrapper > div {
    max-width: 100%;
  }
  .solutions-module-light .button-wrapper a.button { width:auto !important; }
}
@media(max-width: 768px){
.solutions-module-light{ padding:68px 0px; }
}
  
@media(max-width: 767px){
  .solutions-module-light{
    padding:60px 0px;
  }

  .solutions-module-light .texts-holder{
    width: 100%!important;
  }

  .solutions-module-light .description-wrapper{
    text-align: left;
  }

  .solutions-module-light .content-wrapper {
    padding-top: 40px!important; 
  }
  .image-mobile{
    margin-bottom:30px;
  }
  .solutions-module-light .image-mobile { margin-bottom:18px; }
  
}

@media(max-width: 414px){
  .solutions-module-light .button-wrapper a.button{
    width:100% !important;
  }
}
@media(max-width: 375px){
  .solutions-module-light .button-wrapper a.button { padding:11px 16px; font-size:16px; }
}