.jh-solid-box {background-color: #FFFFFF; margin: 1em 0; padding:30px; min-height:0px; display:block; border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}

@media only screen and (min-width: 800px) {
  .d0splitbackground {
    position: relative;
  }

  .d0splitbackground::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      to left,
      rgba(6, 76, 173, 0) 0%,
      rgba(6, 76, 173, 0) 50%,
      rgba(6, 76, 173, 1) 50%,
      rgba(6, 76, 173, 1) 100%
    );
    pointer-events: none;
  }
}

@media only screen and (max-width: 799px) {
.parallax02 {background-position-x: right;}
.d0splitbackground {background:#064CAD;}}

/* Base state of the box */
.jh-hover-box {
  background-color: #FFFFFF; 
  border: solid 1px #EEEEEE; 
  border-radius: 15px;
  padding: 30px; 
  min-height: 280px; 
  display: block;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  text-decoration: none; /* Removes underline if you use an <a> tag */
  color: inherit; /* Keeps your text colors from changing */
  
  /* Smooth transition for the scaling and shadow effects */
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/* Hover state */
.jh-hover-box:hover { 
  background-color: #FFFFFF; /* Keeps the background color identical */
  transform: scale(1.03); 
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}


/* Base state of the box */
.jh-hover-box2 {
  background-color: #F6F6F6; 
  border: solid 1px #EEEEEE; 
  border-radius: 15px;
  padding: 30px; 
  min-height: 160px; 
  display: block;
  text-decoration: none; /* Removes underline if you use an <a> tag */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  color: inherit; /* Keeps your text colors from changing */
  
  /* Smooth transition for the scaling and shadow effects */
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/* Hover state */
.jh-hover-box2:hover { 
  background-color: #F6F6F6; /* Keeps the background color identical */
 transform: scale(1.03); 
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}