.jh-solid-box {background-color: #f2eef7; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding:20px; min-height:450px; display:block; border-radius: 30px;}

.jh-solid-box2 {background-color:#FFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding:20px; min-height:300px; display:block; margin-bottom: 20px; border-radius: 20px;}

.jh-solid-box3 {background-color:#FFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding:20px; min-height:390px; display:block; margin-bottom: 20px; border-radius: 20px;}

.jh-solid-box4 {background-color:#FFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding:20px; min-height:440px; display:block; margin-bottom: 20px; border-radius: 20px;}

.jh-purple-box {background-color:#3c3c7a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding:20px; min-height: 0px; display:block; margin: 10px; border-radius: 20px;}

.jh-border-box {border: 2px solid #fff; padding:20px; margin-bottom: 20px; min-height:300px; display:block; border-radius: 20px;}

.jh-border-box2 {border: 2px solid #3c3c7a; padding:20px; margin-bottom: 20px; min-height:300px; display:block; border-radius: 20px;}

@media only screen and (max-width: 799px) {.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 0px; padding-right: 0px;}} 

@media (max-width : 799px) { #body h1, #body h2, #body h3, #body p {text-align: center;}} 

@media only screen and (min-width: 800px) { 
  .d0splitbackground {
   background: linear-gradient(
  90deg,
 rgba(255, 255, 255, 1) 60%,
  rgba(255, 255, 255, 0) 40%
    );
  }
}

@media only screen and (max-width: 799px) {.d0splitbackground{background:#ffffff;}}

h1 {font-size:15px!important; line-height: 15px;}

.r8\_form{border: 0px; color: #fff}

img {border-radius: 20px;}

@media only screen and (min-width: 800px) {
  .d0bgarrow {
   clip-path: circle(62.6% at 15% 45%);
   background: rgba(255, 255, 255, 1);
  }
}
@media only screen and (max-width: 799px) {.d0bgarrow{background:#ffffff;}}

.ub-light {
  background-color: #f5f5f5;
}

/*Question Box*/

#r8_content .ui-state-default {border: 1px solid #fff; background-color:#3c3c7a; padding: 0 0 !important;}

/*Question Box (Active/When Clicked)*/

#r8_content .ui-state-active {background-color:#3c3c7a; border: 1px solid #fff;}

/*Answer Box*/

#r8_content .ui-widget-content {border: 1px solid #fff;}

/*Question Title*/

#dotgo-accordion6 h4 {margin: 25px 25px !important; color: #fff}

/*Box Shadow for all boxes*/

.well {box-shadow: none;}

@media only screen and (min-width: 800px) {
  .d0bgarrow2 {
   clip-path: circle(62.6% at 15% 45%);
   background: rgba(60, 60, 122, 0.9);
  }
}
@media only screen and (max-width: 799px) {.d0bgarrow2{background:#3c3c7a;}}


h3 {font-family: 'Philosopher', sans-serif!important;}

@media (min-width: 1201px) {
    #r8_logo img {
        max-width: 200%;
        max-height: 200px;
    }
}

.sticky-wrapper {height:100px;}

@media only screen and (max-width: 799px) {.jh-solid-box3 {min-height: 0px;}}