body {
margin: 0;
overflow-x: hidden; } strong, b {
font-weight: 700 !important;
}
ul, ol li {
margin-bottom: 20px;
} 
p {
margin-block-start: 0;
margin-block-end: .9rem;
}
h1, h2, h3, h4, h5, h6 {
margin-block-start: .5rem;
margin-block-end: 1rem;
line-height: 1.2;
} body a:focus, 
input[type=text]:focus, 
[type=button]:focus, 
[type=submit]:focus, 
input[type=email]:focus, 
textarea:focus {
outline-style: dotted !important;
outline-width: 3px !important;
outline-color: var(--e-global-color-primary) !important;
}
footer a:focus { }
.scr-icon .elementor-icon svg {
width: auto !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #333;
display: block;
font-size: 1rem;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
header .site-logo img {
max-height: 50px;
max-width: 180px;
width: auto;
height: auto;
} footer a {
color: white !important;
text-decoration: none !important;
}
footer a:hover {
color: white !important;
text-decoration: underline !important;
}  .hopmans-menu nav ul {
padding: 0 0 20px 0;
} .head-menu .elementor-cta--skin-classic .elementor-cta__content {
background-color: transparent;
}
.head-menu .elementor-cta__icon-wrapper {
display: flex;
align-items: center;
width: auto;
}
.head-menu a.elementor-cta {
text-decoration: none;
transition: .1s;
}
.head-menu .elementor-cta__icon {
margin-right: 10px !important;
}
.head-menu .elementor-cta__title {
display: flex;
align-items: center;
flex-shrink: 0;
white-space: nowrap; 
}
.head-menu .elementor-cta__content-item {
width: auto !important; 
transition: .1s;
}
.head-menu .elementor-cta__title::after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
background-size: contain;
background-repeat: no-repeat;
margin-left: 10px;
}
.head-menu .elementor-cta__description {
margin-top: 5px !important;
width: 100% !important;
}
.head-menu .green .elementor-cta__title::after, .head-menu .green .elementor-cta__icon svg {
filter: invert(100%); }
.head-menu .elementor-cta__title::after, .head-menu .elementor-cta__icon svg {
filter: invert(39%) sepia(79%) saturate(2547%) hue-rotate(150deg) brightness(105%) contrast(87%);
}
.head-menu .green a.elementor-cta:hover .elementor-cta__title::after, .head-menu .green a.elementor-cta:hover .elementor-cta__icon svg,
.head-menu a.elementor-cta:hover .elementor-cta__title::after, .head-menu a.elementor-cta:hover .elementor-cta__icon svg  {
filter: invert(0%); 
} .head-menu .vac-count {
display: inline-block;
background-color: var(--e-global-color-primary);
color: white;
border-radius: 50%;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-weight: 600;
font-size: 11px;
position: relative;
top: -15px;
left: -5px;
margin-right: -10px;
} .hopmans-menu .btn.menu-item > a {
background-color: var(--e-global-color-secondary) !important;
color: white !important;
padding: 8px 15px !important;
border-radius: 5px !important;
display: inline-block !important;
width: auto !important;
text-align: center !important;
font-weight: 500 !important;
transition: all 0.3s ease !important;
margin-left: 20px;
}
.hopmans-menu .btn.menu-item > a:hover {
background-color: var(--e-global-color-primary) !important;
text-decoration: none !important;
} .intro-head {
position: relative !important; background: linear-gradient(
to right, 
white calc((100% - 1440px) / 2), 
var(--e-global-color-accent) calc((100% - 1440px) / 2),
var(--e-global-color-accent) calc((100% - 1440px) / 2 + 1440px * 0.55),
white calc((100% - 1440px) / 2 + 1440px * 0.55)
);
background-color: white; z-index: 1 !important;
min-height: 550px !important;
padding-top: 20px;
}
.intro-head img {
mix-blend-mode: multiply; display: block;
width: 100%;
height: auto;
}
.multi-img img {
position: relative;
mix-blend-mode: multiply; z-index: 3;
}
.intro-head::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 150px !important;
height: 80px !important;
background-color: white;
clip-path: polygon(0 0, 100% 0, 0 100%);
z-index: 2;
pointer-events: none;
}
@media (min-width: 1025px) {
.intro-head::before {
left: calc((100% - 1446px) / 2) !important;
width: 165px !important;
height: 100px !important;
}
}
.corner-right-large::after {
content: '' !important;
position: absolute !important;
top: -2px !important;
right: -2px !important;
width: 160px !important;
height: 95px !important;
background-color: white;
clip-path: polygon(0 0, 100% 0, 100% 100%);
z-index: 2;
pointer-events: none;
}
@media (max-width: 1024px) {
.corner-right-large::after {
width: 120px !important;
height: 75px !important;
}
}
@media (max-width: 767px) {
.corner-right-large::after {
width: 80px !important;
height: 50px !important;
}
}
.corner-right-small::after {
content: '' !important;
position: absolute !important;
top: -2px !important;
right: -2px !important;
width: 70px !important;
height: 70px !important;
background-color: white;
clip-path: polygon(0 0, 100% 0, 100% 100%);
z-index: 2;
pointer-events: none;
}
.cornershape-right-small {
clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 0 100%)
}
@media (max-width: 767px) {
.intro-head {
background: var(--e-global-color-accent);
}
} .acc-nr .e-n-accordion {
counter-reset: accordion-counter; }
.acc-nr .e-n-accordion-item {
counter-increment: accordion-counter; }
.acc-nr .e-n-accordion-item-title {
display: flex; justify-content: space-between; align-items: center;
}
.acc-nr .e-n-accordion-item-title::before {
content: counter(accordion-counter); background-color: var(--e-global-color-primary); color: white; font-weight: 600; 
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px; height: 35px;
border-radius: 50%; margin-right: 10px; font-size: 1.3em;
}
.acc-nr .e-n-accordion-item-title-header {
display: flex; align-items: center;
flex: 1; }
.acc-nr .e-n-accordion-item-title-icon {
margin-left: 10px; } .ops-nr ol {
counter-reset: list-counter; padding-left: 0;
list-style: none;
margin-block-start: 0em !important;
margin-block-end: 0em !important;
}
.ops-nr ol li {
counter-increment: list-counter; display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.ops-nr ol li {
font-family: "Barlow", sans-serif;
}
.ops-nr ol li::before {
content: counter(list-counter); background-color: var(--e-global-color-primary); color: white; font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px; height: 35px;
border-radius: 50%; margin-right: 10px; font-size: 1.3em;
font-family: "Barlow", sans-serif;
flex-shrink: 0; } .project-details .tx-before {
display: inline-block;
width: 215px;
}