.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;}
.d0redbox {background-color: #ff0043; margin: 1em 0; padding: 30px; min-height:0px; display:block;}

.d0redbox *{color: #fff;}

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

@media (min-width: 1201px) {#r8_logo img {margin: 10px 0;}}
@media (min-width: 1201px) {#r8_navbar .navbar {height: 100px;}}

@media only screen and (min-width: 800px) {.d0boxup {margin-top: -80px;}}

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

::selection {background-color: #3A5268; color: white;}
.ub-palette *::selection {background-color: #FF0043; color: white;}
.r8_copyright *::selection {background-color: #FF0043; color: white;}
.d0headeroverlayright ::selection {background-color: #FF0043; color: white;}
.d0headeroverlayleft ::selection {background-color: #FF0043; color: white;}

@media only screen and (min-width: 800px) {
.d0headeroverlayright {
    background-image: url(/shared/images/content/bus_58293/Mezzanine-Specialists-Kent-Headpatternright3.png);
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     margin-top: -15px;
     margin-bottom: -15px;
}

.d0greygradright {background: linear-gradient(90deg,rgba(58, 82, 104, 0) 0%, rgba(58, 82, 104, 0.35) 20%, rgba(58, 82, 104, 1) 100%);}

.d0headeroverlayleft {
    background-image: url(/shared/images/content/bus_58293/Mezzanine-Specialists-Kent-Headpatternleft3.png);
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     margin-top: -15px;
     margin-bottom: -15px;
}

.d0greygradleft {background: linear-gradient(270deg,rgba(58, 82, 104, 0) 0%, rgba(58, 82, 104, 0.35) 20%, rgba(58, 82, 104, 1) 100%);}

.d0redunderline {background-color: #FF0043; align-self: auto; width: 64px; height: 2px; margin-bottom: 40px; margin-left: 0; margin-right: 0;}
}

@media only screen and (max-width: 799px) {
.d0headeroverlayright {
    background-image: url(/shared/images/content/bus_58293/Mezzanine-Specialists-Kent-VIDPATTERN2.webp);
     margin-top: -15px;
     margin-bottom: -15px;
}

.d0headeroverlayleft {
    background-image: url(/shared/images/content/bus_58293/Mezzanine-Specialists-Kent-VIDPATTERN2.webp);
     margin-top: -15px;
     margin-bottom: -15px;}

.d0redunderline {background-color: #FF0043; align-self: auto; width: 64px; height: 2px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}

}

.d0servicecolumnwrapper {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  align-items: center;
}

.d0servicecolumn {
  text-align: center;
  transition: all 0.3s ease;
  margin: -15px 0;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 799px) {
  .d0servicecolumnwrapper {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    align-items: center;
    scrollbar-width: none; /* hide scrollbar Firefox */
    -ms-overflow-style: none; /* hide scrollbar IE/Edge */
  }}

.btn-block {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

#r8_content h3, #r8_content h4 {font-family: Poppins, sans-serif;}

#r8_content .parallax01, #r8_content .parallax02, #r8_content .parallax03, #r8_content .parallax04, #r8_content .parallax05 {background-attachment: scroll;}

.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: %23FF0043; 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;}

@media (max-width: 991px) {
    #header a.mobile-menu-right, #header a.mobile-menu {
        background-color: #FF0043;
        color: #FFF;
        border-color: #FF0043;
    }
}

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

.sf-menu li ul li a {font-size: 15px;}
.sf-menu>li ul {width: 280px;}

@media only screen and (max-width: 799px) {
#d0mobilefullsize {margin: -14px -35px;}
#d0mobilefullsize2 {margin: -14px -25px;}
#d0mobilefullsize3 {margin: -29px -35px;}
}

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