:root {
  --stickyHeight: 75vh;
  --stickyMinHeight: 800px;
}


section.sticky-scroll-content div.scroll-image-wrapper{
  height: var(--stickyHeight);
  min-height: var(--stickyMinHeight);
}

section.sticky-scroll-content div.content-box{
  margin-bottom:60px;
  min-height: var(--stickyMinHeight);
}

section.sticky-scroll-content div.scroll-image{
  transform: translate(5vw, -50%);
  text-align:right;
  position:absolute;
  top:50%;
  right:0;
  overflow: hidden;
}

section.sticky-scroll-content div#scroll-image-container{
  height:100%;

}

section.sticky-scroll-content div.content-box h2 {
  font-weight: 900;
  color: #082C42;
  line-height:1.1;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul{
  background: #F8FAE8;
  border-radius: 20px;
  padding:40px 40px 40px 60px;
  margin: 40px 0;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.cross-list,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list{
  background: transparent;
  border-radius: 0px;
  padding:0px;
  margin: 40px 0;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.cross-list li{
  position:relative;
  padding-left: 50px;
  margin-bottom: 25px;
  font-size: 1.1rem;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.cross-list li::before{
  content: "";
  position:absolute;
  width:40px;
  height:40px;
  top:-4px;
  left:0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FF6B35' d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E") no-repeat scroll center center / contain transparent;
  margin:0;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.cross-list li span{
  color:#6ADABC;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list{
  list-style:none;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list li:before{
  display:none;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list li{
  background: #F8FAE8;
  border-radius: 20px;
  padding:30px;
  margin: 0 0 20px 0;
  display: flex;
  gap: 20px;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list li > div:first-of-type i{
  background: #082C42;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #6adabc;
  font-size: 1.4rem;
  line-height: 1;
  position:relative;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list li > div:first-of-type i::before{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%)
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list li > div h3,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul.icon-list li > div p{
  margin:0;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ol.number-list{
  list-style: decimal;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ol.number-list li{
  margin-bottom:20px;
  font-weight: 700;
  font-size: 1.2rem;
}

section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ol.number-list li::marker{
  color:#6adabc;
  font-weight: 700;
  font-size: 1.2rem;
}

section.sticky-scroll-content div.content-box div.content-list-block{
  background: #F8FAE8;
  border-radius: 20px;
}

section.sticky-scroll-content div.content-box div.content-list-block ul,
section.sticky-scroll-content div.content-box div.content-list-block ol,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ol{
  list-style:none;
}

section.sticky-scroll-content div.content-box div.content-list-block ol,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ol{
  counter-reset: li;
}

section.sticky-scroll-content div.content-box div.content-list-block ul li::before,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul li::before{
  content: "•";
  color: #6ADABC;
  display: inline-block;
  width: 1em;
  margin-left: -1em
}

section.sticky-scroll-content div.content-box div.content-list-block ol li,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ol li{
  counter-increment: li;
}

section.sticky-scroll-content div.content-box div.content-list-block ol li::before {
  content: counter(li);
  color: #6ADABC;
  display: inline-block;
  width: 1em;
  margin-left: -2em;
  margin-right: 1em;
  text-align: right;
  direction: rtl;
}

section.sticky-scroll-content div.content-box div.content-list-block li,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul li{
  margin-bottom:15px;
}

section.sticky-scroll-content div.content-box a,
section.sticky-scroll-content div.content-box div.content-list-block li a,
section.sticky-scroll-content div.content-box div.sticky-scroll-content-content > ul li a{
  color:#FF6B35;
}

section.sticky-scroll-content div.scroll-image img{
  width:90%;
  opacity:0;
  transition:all 0.3s;
  transform:scale(0.9) rotate(-5deg);
  transform-origin: center right;
}

section.sticky-scroll-content div.scroll-image.active img{
  opacity:1;
  transform:scale(1) rotate(0deg);
}

@media only screen and (max-width:1440px) {
  :root {
    --stickyMinHeight: 900px;
  }
}

@media only screen and (max-width:960px) {
  section.sticky-scroll-content div.content-box{
    height:auto;
    min-height:auto;
    margin-bottom:100px;
    background: #fff;
    padding: 40px 20px;
    border-radius: 20px;
  }
}

@media only screen and (max-width:600px) {
  section.sticky-scroll-content div.content-box a.uk-button{
    width:100%;
  }
}


