.d0greybox {background-color: #eee; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; box-shadow: -2px 2px 12px #7A7A7A; display:block;}
.d0navybox {background-color: #1A4677; margin-top: 1em; margin-bottom: 1em; padding:20px; min-height:0px; display:block;}

.d0whitescrollbox {
    background-color: #eee;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
    white-space: normal;
    min-height: 410px;
}
@media only screen and (max-width: 799px) {.d0whitescrollbox {min-height: 560px;}}

@media only screen and (min-width: 800px) {
.d0bluesplitleft {background: linear-gradient(90deg,rgba(27, 52, 93, 0.9) 0%, rgba(27, 52, 93, 0.9) 49.5%, rgba(255, 255, 255, 1) 49.5%, rgba(255, 255, 255, 1) 50.5%, rgba(255, 255, 255, 0) 50.5%, rgba(27, 52, 93, 0) 100%);}
.d0bluesplitright {background: linear-gradient(270deg,rgba(27, 52, 93, 0.9) 0%, rgba(27, 52, 93, 0.9) 49.5%, rgba(255, 255, 255, 1) 49.5%, rgba(255, 255, 255, 1) 50.5%, rgba(255, 255, 255, 0) 50.5%, rgba(27, 52, 93, 0) 100%);}
}

@media only screen and (max-width: 799px) {
.d0bluesplitleft {background: rgba(27, 52, 93, 0.9);}
.d0bluesplitright {background: rgba(27, 52, 93, 0.9);}
}

.d0scrollingwrapper {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 1rem;
}

.d0scrollcard {
    flex: 0 0 380px; /* matches your card width */
}

@media only screen and (max-width: 799px) {
    .d0scrollcard {
        flex: 0 0 85vw; /* Makes boxes nearly full-width on mobile */
    }}

#r8_content .ui-state-active {background: #fff; border: 1px solid #CCC;}

.d0topbannershift {transform: translate(0px, -1px);}

#r8_content .parallax .btn-hollow {border: 1px solid #fff; color: #fff;}
#r8_content .ub-palette-dark .btn-hollow {border: 1px solid #fff; color: #fff;}

@media only screen and (min-width: 800px) {.d0servicespace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 680px; display: flex; align-items: center; flex-direction: column; align-items: flex-start; justify-content: center;}}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #1A4677;
        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:  #1A4677;
 }}

/*CHANGE MOBILE DROPDOWN ARROW COLOUR*/

@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;
}}

@media (max-width: 767px) {
    #header div.menu_container {
        background-color: #1A4677;
        position: fixed;
        top: 0;
        height: 60px;
        width: 100%;
        z-index: 100;
        border-bottom: none;
        box-shadow: none;
    }
}

@media (max-width: 991px) {
    #mobile-menu-right a {
        color: #fff;
    }
}

.d0whatsappiconwhite {display: inline-block; width: 1em; height: 1em; vertical-align: middle; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104.85 106.89"><defs><style> .cls-1 { fill: %23fff; fill-rule: evenodd;} </style></defs><path class="cls-1" d="M52.71,2.99c12.78.07,25.09,5.06,34.33,13.91,9.45,9.05,14.87,21.2,15.35,34.26.46,12.77-3.98,25.3-12.44,34.88-9.28,10.5-22.16,16.53-36.09,16.94h-1.42c-7.52,0-14.94-1.67-21.68-4.93l-26.17,5.82s-.04.02-.06.02c-.23,0-.42-.21-.39-.43l4.42-26.47c-3.78-6.9-5.89-14.67-6.1-22.57-.39-13.34,4.45-26.04,13.61-35.75C25.58,8.58,38.55,2.99,52.46,2.99h.25ZM52.43,11.65c-.39,0-.8.02-1.19.02-22.78.67-40.8,19.74-40.13,42.5.21,6.96,2.15,13.79,5.66,19.75l.75,1.28-3.27,17.96,17.78-4.19,1.33.69c5.87,3.05,12.42,4.65,19.07,4.65.39,0,.78,0,1.17-.02,22.78-.64,40.77-19.71,40.13-42.49-.65-22.37-19.04-40.15-41.3-40.15h0ZM35.15,28.84c.83.02,1.68.05,2.41.09.89.07,1.88.14,2.75,2.27,1.03,2.52,3.28,8.8,3.58,9.44.29.62.48,1.37.04,2.2-.43.83-.66,1.33-1.33,2.04-.64.73-1.36,1.6-1.95,2.15-.64.59-1.31,1.26-.62,2.54.69,1.28,3.07,5.46,6.72,8.92,4.65,4.42,8.39,5.87,9.88,6.58.55.25.99.36,1.37.36.53,0,.96-.23,1.37-.64.78-.8,3.12-3.53,4.12-4.79.5-.67.99-.9,1.49-.9.42,0,.85.14,1.36.35,1.12.46,7.19,3.69,8.43,4.35,1.24.66,2.07,1.01,2.36,1.54.29.53.23,3.04-.92,5.94-1.12,2.91-6.35,5.57-8.64,5.7-.69.05-1.36.14-2.2.14-2.11,0-5.36-.55-12.77-3.74-12.6-5.43-20.26-18.75-20.86-19.62-.59-.84-4.9-6.96-4.72-13.13.18-6.19,3.53-9.12,4.72-10.34,1.13-1.17,2.43-1.47,3.28-1.47h.11ZM35.15,28.84"/></svg>'); background-size: contain; background-repeat: no-repeat; background-position: center;}
