.d0whitebox {background-color: #fff; margin: 1em 0; padding:10px; min-height:0px; display:block;}
.d0bluebox {background-color: #56BFD6; margin: 1em 0; padding:10px; min-height:0px; display:block;}
.d0navybox {background-color: #1D3B7B; margin: 1em 0; padding:10px; min-height:0px; display:block;}

.d0whitebox h1, .d0whitebox h2, .d0whitebox h3, .d0whitebox h4 {color: #42AA5E;}
.d0whitebox p {color: #111;}
.d0bluebox h1, .d0bluebox h2, .d0bluebox h3, .d0bluebox h4 {color: #1D3B7B;}
.d0bluebox p {color: #111;}
..d0navybox h1, .d0navybox h2, .d0navybox h3, .d0navybox h4 {color: #fff;}
.d0navybox p {color: #fff;}

#r8_content h1, #r8_content h2, #r8_content h3, #r8_content h4 {font-family: Urbanist, sans-serif; font-weight: 700;}
.sf-menu > li > a {font-family: Urbanist, sans-serif; font-weight: 700;}

@media only screen and (min-width: 800px) {
.d0bluegradiantright {background: linear-gradient(90deg,rgba(30, 60, 124, 0) 0%, rgba(30, 60, 124, 0.5) 37%, rgba(30, 60, 124, 1) 100%);}
.d0bluegradiantleft {background: linear-gradient(270deg,rgba(30, 60, 124, 0) 0%, rgba(30, 60, 124, 0.5) 37%, rgba(30, 60, 124, 1) 100%);}
}

@media only screen and (max-width: 799px) {
.d0bluegradiantright {background: rgba(30, 60, 124, 0.7);}
.d0bluegradiantleft {background: rgba(30, 60, 124, 0.7);}
}

@media only screen and (min-width: 1550px) {
.d0splashheight {min-height: 780px; display: flex; flex-direction: column; justify-content: center;}}
@media only screen and (min-width: 800px) and (max-width: 1549px) {
.d0splashheight {min-height: 560px; display: flex; flex-direction: column; justify-content: center;}}
@media only screen and (max-width: 799px) {
.d0splashheight {min-height: 580px; display: flex; flex-direction: column; justify-content: center;}}

@media only screen and (min-width: 1550px) {
.d0headerheight {min-height: 680px; display: flex; flex-direction: column; justify-content: center;}}
@media only screen and (min-width: 800px) and (max-width: 1549px) {
.d0headerheight {min-height: 580px; display: flex; flex-direction: column; justify-content: center;}}
@media only screen and (max-width: 799px) {
.d0headerheight {min-height: 580px; display: flex; flex-direction: column; justify-content: center;}}


.sf-menu li ul li a:hover {background-color: #41AB5D; color: #fff;}

#r8_content .ui-state-active {background: #fff; border: 1px solid #fff;}
#r8_content .ui-widget-content p {color: #111;}

#dotgo-accordion6 .ui-widget {
    font-family: inherit;
    position: relative;
    margin-left: unset !important;
    max-width: 2000px !important;}

#r8_menu a[href*="https://wa.me/447467228741"] {background-color: #41AB5D; padding: 6px 18px 6px 18px; margin-left: 20px; color:#FFF; }
#r8_menu a[href*="https://wa.me/447467228741"]:hover { background-color: #55C0D7;}

#r8_menu .sf-menu > li:has(a[href*="https://wa.me/447467228741"])::before {display: none;}

@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;}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen {height: 50px;}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {right: 12px;}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p,
#body li
{text-align: left !important;}
.btn {margin-left: unset !important;}
}

#contactUs .panel-body {padding-top: 45px !important;}

.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; -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;}

.btn-compliment:hover .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: %2372d68c; 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;}

.sf-menu > li ul {
  /* your existing styles... */
  transition: opacity 0.1s ease, visibility 0.1s ease;
  transition-delay: 0.3s; /* delay before hiding — adjust this */
}

.sf-menu > li:hover ul,
.sf-menu > li.sfHover ul {
  transition-delay: 0s; /* show instantly */
}

.sf-menu li ul {
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
    .sf-menu li.sfHover > ul {
        opacity: 1;
        pointer-events: auto;
    }

@media only screen and (max-width: 799px) {#body .r8_col3 .btn {display: block;}
.d0spacing {min-height: 20px}
}


