.d0whitebox {background-color: #FFF; margin: 1em 0; padding:30px; min-height:0px; display:block;}
.d0greybox {background-color: #EEE; margin: 1em 0; padding:30px; min-height:0px; display:block;}
.d0greenbox {background-color: #61adbf; margin: 1em 0; padding:30px; min-height:0px; display:block;}

.d0greenbox p {color: #1f1f1f;}

@media only screen and (min-width: 800px) {
.d0whitecoverright {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);}
.d0whitecoverleft {background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);}
.d0navycoverright {background: linear-gradient(90deg,rgba(20, 50, 82, 0) 0%, rgba(20, 50, 82, 0) 45%, rgba(20, 50, 82, 1) 45%, rgba(20, 50, 82, 1) 100%);}
.d0navycoverleft {background: linear-gradient(270deg,rgba(20, 50, 82, 0) 0%, rgba(20, 50, 82, 0) 45%, rgba(20, 50, 82, 1) 45%, rgba(20, 50, 82, 1) 100%);}
.d0greycoverright {background: linear-gradient(90deg,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 45%, rgba(238, 238, 238, 1) 45%, rgba(238, 238, 238, 1) 100%);}
.d0greycoverleft {background: linear-gradient(270deg,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 45%, rgba(238, 238, 238, 1) 45%, rgba(238, 238, 238, 1) 100%);}
}

@media only screen and (max-width: 799px) {
.d0whitecoverright {background: #FFF;}
.d0whitecoverleft {background: #FFF;}
.d0navycoverright {background: #143252;}
.d0navycoverleft {background: #143252;}
.d0greycoverright {background: #EEEEEE;}
.d0greycoverleft {background: #EEEEEE;}
}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

.d0stickytext {
    position: sticky;
    top: 200px;
    z-index: 2;
}

@media only screen and (max-width: 799px) {.btn {display: block !important; white-space: normal !important;}}

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

#r8_menu a[href*="make-a-referral"] {
    background-color: #4195A9;
    padding: 10px 20px;
    border-radius: 60px;
    color: #fff;
    transition: 0.2s ease-in-out;}

#r8_menu a[href*="make-a-referral"]:hover {background-color: #143252;}

#r8_menu .sf-menu > li:has(a[href*="make-a-referral"])::before {display: none;}

.sf-menu li ul li:hover > a {color: #fff;}

#header div.menu_container {background-color: #143252; border-bottom: none; box-shadow: none;}

#header a.mobile-menu {background-color: #4195a9; border-radius: 50px;}
#header a.mobile-menu-right {display: none;}

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #143252;
        color: #fff;
    }}

/*CHANGE DIVIDERS BETWEEN MOBILE MENU ITEMS*/

@media (max-width: 991px) {
    .mm-menu.mm-light .mm-list>li:after, .mm-menu .mm-list>li:after, .mm-menu.mm-light .mm-header, .mm-menu.mm-light .mm-header {
        border-color: #143252;
 }}

@media (max-width: 991px) {
    .mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after, .mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
        border-color: #ffffff;
}}


/* Remove focus outline for mouse users only */
:focus:not(:focus-visible) {
  outline: none;
}

.sf-menu li ul li:hover > a, .sf-menu li ul li ul li:hover > a {
    background-color: #00323d;
    color: #fff;
}