<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#lottie{
    width:70%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    float: right;
}

.banner .content {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 100%;
  transform-origin: top left;
}
.banner img.blank {
  width: 15%;
}

.banner .row1, .banner .row2, .banner .row3, .banner .row4 {
/*  transition: all .5s ease-in-out;*/
}
.blank {
  margin-top: -50px;
}
.banner .row4 {
  visibility: hidden;
  margin-top: 20px;
}
.banner .back .row4 {
  visibility: visible;
}
.banner .container.back .content &gt; * {
  visibility: hidden;
}
.banner .container.back .content &gt; .row4 {
  visibility: visible;
}
.banner .button {
  min-width: 200px;
  width: 200px;
  font-size: 1.1rem;
  font-weight: 400;
  position: relative;
  left: 0px;
  display: flex; 
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
.banner .button img.download {
  margin-left: 20px;
}
.button.download {
  margin-top: 12px;
}

.option {
  background-color: #743ca5;
  color: white;
  overflow: hidden;
  padding: 30px;
}
.option .container &gt; div {
  float: left;
  width: 20%;
  text-align: center;
  padding: 12px;
}
.option .container &gt; div.title {
  float: left;
  font-size: 1.5rem;
  text-align: left;
  height: 180px;
  font-weight: bold;
}
.option &gt; div img {
  width: 100%;
  transition: all .5s ease-in-out;
}
.option .homelink span {
  overflow: hidden;
  display: block;
  border-radius: 1rem;
  margin-bottom: 12px;

}
.option .homelink:hover img {
  transform: scale(1.1);
}
.option .homelink {
  color: white;
  text-decoration: none;
  
}
.option .homelink .caption {
  transition: all .2s ease-in-out;
}
.option .homelink:hover .caption {
  opacity: 0.5;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
  .option .container &gt; div:not(.title){
    font-size: 0.8rem;
  }
  
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) { 
  .option .container &gt; div.title {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .option .container &gt; div:not(.title) {
    width: 50%;
  }
  .option .container &gt; div:nth-child(4){
    clear: both;
  }
  #lottie {
    width: 120%;
  }
  .banner .button {
    position: relative;
    text-align: left;
    width: 180px;
    margin-right: 0px;
  }
  .button.download {
    justify-content: left;
  }
  .button.survey {
    left: 230px;
    margin-top: -42px;
  }
  a.button .download {
    position: absolute;
    right: 20px;
    top: 12px;
  }
  .banner .row1, .banner .row2, .banner .row3 {
    margin-top: 0px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
  .option {
    padding: 0px;
  }
  .option .container &gt; div.title {
    padding-top: 20px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) { 
  .option .homelink span {
    border-radius: 0.5rem;
  }
  .option .container &gt; div {
    padding: 8px;
  }
  .option .container &gt; div.title {
    font-size: 1.2rem;
  }
  .button.download {
    top: 0px;
  }
  .button.survey {
    top: 0px;
  }
}</pre></body></html>