section.page-banner { margin-bottom: 0!important; }

.tool-page:not(.landing-page) section.page-banner { background-color: var(--hl-dark-green) !important; padding-bottom: 50px; }

section.page-banner .banner-content { padding: 30px 0 80px 0; }

.tool-page:not(.landing-page) section.page-banner .wrapper .col-1 { display: flex; flex-direction: row; gap: 60px; }
section.page-banner .banner-content { flex-basis: 60%; }
section.page-banner .media { flex-basis: 40%; }
section.page-banner .media video { max-height: 450px; }

section.page-banner h1 { font-family: Roobert; font-weight: 600; font-size: 40px; color: var(--hl-light-green); line-height: 1.15em; }

.c2019 .page-banner .copy { margin-bottom: 0; }

.c2019 .page-banner .copy p,
.c2019 .page-content .standard-page-content p { font-family: Roobert; font-weight: 200; }

.c2019 .page-banner .copy p:last-child { margin-bottom: 0; }

section.page-content { padding: 0 0 50px 0; }

/*.bg-light-blue { background-color: rgba(84,130,171,0.15)!important; }*/

.sections { margin-top: -33px; }
.sections .tabs { display: grid; }
.sections .tabs .tab { font-family: Roobert; font-weight: 400; position: relative; display: flex; flex-direction: row; gap: 10px; align-items: center; font-size: 17px; color: var(--hl-dark-green); background-color: var(--hl-taupe); padding: 6px 16px; transition: all 0.2s; }
.sections .tabs .tab label { font-family: inherit; font-weight: inherit; }

.sections .tabs .tab .icon { display: inline-block; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #e0e0e0; }

.sections .tabs .tab.active { background-color: var(--hl-light-green); color: var(--hl-dark-green); }
.sections .tabs .tab.active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -11px; display: block; width: 0; height: 0; border-top: 11px solid var(--hl-light-green); border-left: 11px solid rgba( 255, 255, 255, 0); border-right: 11px solid rgba(255,255,255,0); }

.sections .tabs .tab:not(.active):hover { filter: brightness(0.9);  }

.sections iframe { display: none; height: 60vh; width: 100%; }
.sections iframe.active { display: block; }

/*** Key contacts ***/

.key-contacts-list-wide,
.key-contacts-list-wide .col-1 { padding: 0; }

.key-contacts-list-wide .col-1 .carousel-container { margin: 0 -10px; }

.key-contacts-list-wide .slick-arrows-and-dots { display: flex; flex-direction: row; gap: 20px; margin-top: 30px; }

section.key-contacts { background-color: var(--hl-light-taupe) !important; padding: 30px 0; margin-top: 0px; }

section.key-contacts .key-contacts-v3 .header h2 { font-family: Roobert; color: var(--hl-dark-green); }

section.key-contacts .title h2 { font-family: Roobter; font-size: 36px !important; color: #ffffff !important; }

section.key-contacts .title .contacts { display: flex; flex-direction: row-reverse; gap: 20px; }

section.key-contacts .header .btn-all-contacts { background-color: transparent; border-color: #C3D544; }
section.key-contacts .header .btn-all-contacts:hover { background-color: #c3d544; color: #381634; }

section.key-contacts .header .btn-contact-us { font-family: Roobert; border-color: var(--hl-dark-green); background-color: var(--hl-dark-green); color: #ffffff; background-image: url("/_assets/icon-email-hl-light-green.png"); background-repeat: no-repeat; background-size: 22px 15px; background-position: 1em center;  padding-left: 50px; }
section.key-contacts .header .btn-contact-us:hover { background-color: transparent; color: var(--hl-dark-green) !important; background-image: url("/_assets/icon-email-dark.png"); }

section.key-contacts .key-contact-panel-content { display: flex; flex-direction: row; gap: 20px; align-items: start; padding-bottom: 0; }
section.key-contacts .key-contact-panel-content .key-contact-image { flex-basis: 40%; flex-shrink: 0; }
section.key-contacts .key-contact-panel-content .key-contact-image img { margin: 0; width: 100px; height: 115px; object-fit: cover; }

section.key-contacts .key-contact-panel-content .key-contact-details { align-self: end; }
section.key-contacts .key-contact-panel-content .key-contact-details p { color: #ffffff; white-space: initial; font-size: 14px; font-family: berlingske_sans_roundregular, sans-serif; }
section.key-contacts .key-contact-panel-content .key-contact-details p.name { font-family: berlingske_sans_roundmedium, sans-serif; color: #ffffff; }

.key-contacts-v3 .carousel-controls .slick-arrow { border: 1px solid var(--hl-dark-green); width: 36px; height: 36px; font-size: 0; background-color: transparent; background-image: url("/_assets/icon-line-arrow-hl-dark-green.png"); background-size: 17px auto; background-position: center; background-repeat: no-repeat; }
.key-contacts-v3 .carousel-controls .slick-arrow:hover { background-color: var(--hl-dark-green); background-image: url("/_assets/icon-line-arrow-white.png"); }


.key-contact-container h3,
.key-contacts-v3 .key-contact .key-contact-text h3,
.key-contact-container p,
.key-contacts-v3 .key-contact .key-contact-text p { font-family: Roobert; }

.key-contact-container p,
.key-contacts-v3 .key-contact .key-contact-text p { font-weight: 200; }