.d0blackbox {background-color: #1D1F1A; margin: 1em 0; padding:4rem; min-height:0px; border-radius: 30px; display:block;}
.d0greybox {background-color: #EAEAEA; margin: 1em 0; padding:4rem; min-height:0px; border-radius: 30px; display:block;}
.d0greenborderbox {border: 1px solid #7DAD36; margin: 1em 0; padding:4rem; min-height:0px; border-radius: 30px; display:block;}

@media only screen and (min-width: 800px) {
.d0blackcoverleft {background: linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(32, 36, 38, 1) 50%, rgba(32, 36, 38, 1) 100%);}
.d0blackcoverright {background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(32, 36, 38, 1) 50%, rgba(32, 36, 38, 1) 100%);}
.d0whitecoverleft {background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.d0whitecoverright {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
}

@media only screen and (max-width: 799px) {
.d0blackcoverleft {background: rgba(32, 36, 38, 1);}
.d0blackcoverright {background: rgba(32, 36, 38, 1);}
.d0whitecoverleft {background: rgba(255, 255, 255, 1);}
.d0whitecoverright {background: rgba(255, 255, 255, 1);}
}

.d0topbannerup {margin-top: -1px;} 

#r8_content h1, .cke_editable h1,
#r8_content h2, .cke_editable h2,
#r8_content h3, .cke_editable h3,
#r8_content h4, .cke_editable h4,
#r8_content h5, .cke_editable h5,
#r8_content h6, .cke_editable h6 {
  font-family: 'Play', sans-serif !important;
  letter-spacing: 4px !important;
}

.d0play {font-family: 'Play', sans-serif !important; letter-spacing: 4px !important;}

.sf-menu > li > a {font-family: 'Play', sans-serif;}

#r8_content img {border-radius: 30px;}

.ub-dark {background-color: #202426;}

@media only screen and (min-width: 992px) {.d0splashspace {min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}}

#r8_content .ui-state-default {border: 1px solid #202426; background: #202426; padding: 0 0 !important; border-radius: 20px; }

#r8_content .ui-state-active {color: #fff; background: #202426; border: 1px solid #202426; border-radius: 20px 20px 0px 0px;}

#r8_content .ui-widget-content {border: 1px solid #202426; background: #202426;  border-radius: 0px 0px 20px 20px; padding-top: 10px !important;}

#r8_content .ui-widget-content p {color: #fff !important;}

#dotgo-accordion6 h4 {margin: 25px 25px !important; font-weight: bold;}

.well {box-shadow: none;}

#dotgo-accordion6 .ui-widget {
    font-family: inherit;
    position: relative;
    margin-left: unset !important;
    max-width: 2000px !important;}


@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;}

.d0scrollingwrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 12px;
  white-space: normal;
  cursor: grab;
  -webkit-overflow-scrolling: touch;

  /* slim green scrollbar (Firefox) */
  scrollbar-width: thin;
  scrollbar-color: #99C33D rgba(0,0,0,0.08);
}

/* slim green scrollbar (Chrome / Edge / Safari) */
.d0scrollingwrapper::-webkit-scrollbar { height: 4px; }
.d0scrollingwrapper::-webkit-scrollbar-track { background: rgba(0,0,0,0.08); border-radius: 4px; }
.d0scrollingwrapper::-webkit-scrollbar-thumb { background: #ffa401; border-radius: 4px; }

.d0scrollingwrapper.d0dragging { cursor: grabbing; user-select: none; -webkit-user-select: none; }
.d0scrollingwrapper img { -webkit-user-drag: none; }

/* equal width cards */
.d0scrollcard {
  display: flex;
  flex: 0 0 300px;   /* change 300px to taste */
  box-sizing: border-box;
  padding: 0 5px;
  white-space: normal;
}
.d0scrollcard > div { flex: 1 1 auto; box-sizing: border-box; }

@media (max-width: 799px) {
  .d0scrollingwrapper .d0scrollcard:first-child { display: none; }
.container {padding-left: 0px; padding-right: 0px;}
#r8_content .ub .container {padding-left: 0px; padding-right: 0px;}
#r8_content .parallax-overlay .container {
    padding-left: 0;
    padding-right: 0;
}
}

.btn-statement {
  position: relative;
  overflow: hidden;
  isolation: isolate; /* keeps the text above the expanding layer */
  color: #111;
  background-color: #99c33d;
  border-color: none;
  text-decoration: none;
  transition: border-color 0.6s ease;
}

/* Darker green layer that expands from the cursor position */
.btn-statement::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #5f8a24; /* adjust the dark green here */
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
  transition: clip-path 0.6s ease;
}

.btn-statement:hover::before {
  clip-path: circle(150% at var(--x, 50%) var(--y, 50%));
}

.btn-statement:hover {
  color: #FFF;
  border-color: none; /* darker border to match */
}

#r8_content .btn-default {
  position: relative;
  overflow: hidden;
  isolation: isolate; /* keeps the text above the expanding layer */
  color: #111;
  background-color: #fff;
  border-color: none;
  text-decoration: none;
  transition: border-color 0.6s ease;
}

/* Darker green layer that expands from the cursor position */
#r8_content .btn-default::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ddd; /* adjust the dark green here */
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
  transition: clip-path 0.6s ease;
}

#r8_content .btn-default:hover::before {
  clip-path: circle(150% at var(--x, 50%) var(--y, 50%));
}

#r8_content .btn-default:hover {
  color: #111;
  border-color: none; /* darker border to match */
}

.sf-menu > li > a {
  position: relative;
  overflow: hidden;
  isolation: isolate; /* keeps the link text above the expanding layer */
}

/* Dark green-grey layer that expands from the cursor position */
.sf-menu > li > a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #282E27;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
  transition: clip-path 0.6s ease;
}

.sf-menu > li > a:hover::before {
  clip-path: circle(150% at var(--x, 50%) var(--y, 50%));
}

.d0whatsappicon {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: %23111111; 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;}

.d0whatsappicongreen {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: %2396C134; 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;}

/*ENGETECH STICKY CONTACT BAR*/

.sticky-contact-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #202426;
    border-top: none;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.18);
    z-index: 9999;

    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition:
        transform 0.3s ease,
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.sticky-contact-bar.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sticky-contact-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}


/* LEFT TEXT*/

.sticky-contact-text {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.sticky-contact-text strong {
    font-size: 18px;
    font-weight: 700;
}

.sticky-contact-text span {
    font-size: 14px;
    margin-top: 2px;
    opacity: 0.9;
}


/* BUTTON AREA*/

.sticky-contact-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sticky-contact-btn {
    min-height: 46px;
    padding: 11px 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border-radius: 4px;
    text-decoration: none !important;

    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.sticky-contact-btn:hover,
.sticky-contact-btn:focus {
    text-decoration: none !important;
    transform: translateY(-1px);
}


/* PHONE BUTTON */

.sticky-contact-phone {
    background: #ffffff;
    color: #111 !important;
    border: 2px solid #ffffff;
}

.sticky-contact-phone:hover,
.sticky-contact-phone:focus {
    background: #eee;
    color: #111 !important;
}


/* CONTACT / FORM BUTTON */

.sticky-contact-form {
    background: #99C33D;
    color: #111 !important;
    border: 2px solid #99C33D;
}

.sticky-contact-form:hover,
.sticky-contact-form:focus {
    background: #5f8a24;
    border-color: #5f8a24;
    color: #fff !important;
}

/* MOBILE-SPECIFIC LABEL */

.sticky-phone-mobile {
    display: none;
}


/*MOBILE*/

@media only screen and (max-width: 767px) {

    .sticky-contact-bar {
        border-top-width: 2px;
    }

    .sticky-contact-inner {
        padding: 7px 8px;
        gap: 6px;
    }

    /* Hide supporting copy on mobile to keep bar compact */
    .sticky-contact-text {
        display: none;
    }

    .sticky-contact-actions {
        width: 100%;
        gap: 6px;
    }

    .sticky-contact-btn {
        flex: 1;
        min-height: 42px;
        padding: 9px 10px;
        font-size: 14px;
        border-radius: 3px;
    }

    .sticky-phone-desktop {
        display: none;
    }

    .sticky-phone-mobile {
        display: inline;
    }

}


/*VERY SMALL MOBILE*/

@media only screen and (max-width: 380px) {

    .sticky-contact-inner {
        padding: 6px;
    }

    .sticky-contact-btn {
        min-height: 40px;
        padding: 8px;
        font-size: 13px;
    }

}

.r8_copyright {
    background: #202426 url(/shared/user_pages/v3_include/structure/images/textures/spacer.png) repeat left top;
}

#header div.menu_container {background: linear-gradient(90deg,rgba(153, 195, 61, 1) 0%, rgba(32, 36, 38, 1) 100%); border-bottom: none; box-shadow: none;}

#header a.mobile-menu {
        background-color: #99c33d;
        color: #111;
        border-color: transparent;
        font-family: 'Play', sans-serif;
        letter-spacing: 0.5px;}

#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: #202426;
        color: #99C33D;
    }}
/*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: #202426;
 }}

/*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: #99C33D;
}}

.mm-list>li>a {font-family: 'Play', sans-serif;}

.d0scrolling-text-container { overflow: hidden; width: 100%; background-color: transparent; position: relative; }
 .d0scrolling-text-inner { display: flex; width: max-content; animation: scroll-left 40s linear infinite; white-space: nowrap; font-size: 16px; font-weight: 600; padding: 8px 0; } 
.d0scrolling-text { display: flex; } .d0scrolling-text-item { padding: 0 100px; }

@media (max-width: 600px) { .d0scrolling-text-inner { font-size: 14px; padding: 6px 0; } .d0scrolling-text-item { padding: 0 20px; } } 

@keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

#back-top {bottom: 90px;}

#item.item_container #infotab {margin-bottom: -31px;}

#r8_navbar .navbar {background: linear-gradient(90deg, rgba(153, 195, 61, 1) 0%, rgba(32, 36, 38, 1) 100%);}

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