[id*="custom-html"]{padding:0 !important; position:relative;}
#top-banner{padding: 0 !important;}
#top-banner .row{height: 500px; align-items: center;}
#top-banner .col-md-5{width: 100%;}
#top-banner h1{display: none; font-size: 3rem;}
#top-banner h1, #hero-banner h5 {margin: 0; padding: 0;}
[id*="hero"]{margin: 5rem 0;}
.text-show{display: block !important; position: relative;}
.text-blue{color: #00b2ff !important;}
.small-text{font-size: 20px;}
.left-side, .right-side {display: flex; align-items: center; height: 500px;}
.left-side .img-box, .right-side .img-box{position: absolute; height: 500px; overflow-y: hidden; object-fit: cover;}
.left-side .desc, .left-side .img-box, .right-side .desc, .right-side .img-box{width: 50%;}
.left-side .img-box img, .right-side .img-box img{width: 100%; position: absolute; height: 500px; object-fit: cover;}
.left-side .desc {padding-left: 2rem; margin-left: 50%;}
.right-side .desc {padding-right: 2rem;}
.right-side .img-box {right: 0;}
.left-side .img-box {left: 0;}
.numbers .number-item{float: left; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}
.numbers{font-size: 150px; font-weight: 500; font-family: "Galano Grotesque",Helvetica,sans-serif; color: #00b2ff; line-height: 1;}

#report-section {background-position: bottom;}
#report-section h2{display: none;}
#report-section .col-md-5 {width: 80%;}
#report-section .btn.color-adjusted {background-color: #fff !important; border-color: #fff !important; color: #003eab !important;}
#report-section .border-adjusted {color: #fff !important;}
#report-section .border-adjusted:hover {background-color: transparent!important;}
#report-section .border-adjusted::before {background-color: #fff !important;}


.js-scroll {opacity: 0; transition: opacity 500ms;}
.js-scroll.scrolled {opacity: 1;}
.scrolled.fade-in {animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom {animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left {animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@media (max-width: 700px) {
    .numbers {font-size: 80px;}
    .left-side, .right-side {flex-direction: column;}
    .left-side .desc, .left-side .img-box, .right-side .desc, .right-side .img-box {width: 100%;}
    .left-side .img-box, .right-side .img-box{position: relative;}
    .left-side .img-box img, .right-side .img-box img {height: auto;}
    .left-side .desc {margin-left: 0; padding-left: 0;}
}