body.c2019.tool-page {
	padding-top: 0;
}

/*section.standard-toolbar .search-container {
	display: none;
}*/

section.standard-toolbar .search-bar-container {
	justify-content: end;
}

section .icon-and-title { 
	display: flex; 
	flex-direction: row;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

section .icon-and-title img {
	height: 40px;
	width: auto;
	flex-shrink: 0; 
}

section .icon-and-title h2.section-title { 
	margin-bottom: 0; 
}

h2.section-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	font-family: Roobert, sans-serif;
	font-size: 35px;
	font-weight: 300;
	margin: 0 0 1em 0;
}

h2.section-title {
	color: var(--hl-dark-green);
}

h2.section-title.light-green {
	color: var(--hl-light-green);
}

section {
	font-family: Roobert, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--hl-dark-green);
}

div.switch-control .status-text {
	font-family: Roobert, sans-serif!important;
	font-size: 16px;
	font-weight: 400;
	color: var(--hl-dark-green);
}

body.know-hows .standard-title-and-filter .col-1 {
	flex-direction: column;
}

body.know-hows .standard-filter { 
	justify-content: end;
}

.standard-knowhow-panel.knowhow-panel .inner {
	background-color: var(--hl-light-taupe);
}

.standard-knowhow-popup .media-container { 
	margin-top: 30px;
}

/*** Breadcrumbs ***/
div.breadcrumbs {
	margin-top: 0;
}

.breadcrumbs .breadcrumbs-container .breadcrumb, .breadcrumbs .breadcrumbs-container .current-page-breadcrumb {
	font-family: Roobert, sans-serif;
	font-weight: 300;
	color: var(--hl-dark-green);
}

.breadcrumbs .breadcrumbs-container .current-page-breadcrumb:after {
	border-color: var(--hl-light-green);
}

/*** Header ***/
section.header {
	z-index: 0;
}

.btn.btn-user-management {
	background-color: #ffffff;
	border-color: var(--hl-dark-green);
}

section.header .header-image {
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 40px;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

section.header .wrapper .col-1 {
	padding-top: 120px;
}

section.header div.header .header-intro {
	width: 100%;
	max-width: 440px;
	background-color: var(--hl-dark-green);
	padding: 25px;
	color: #ffffff;
	line-height: 1.3;
}

section.header div.header .title h1 {
	font-family: Roobert, sans-serif;
	font-size: 36px;
	font-weight: 600;
}

section.header .header-intro .intro {
	font-family: Roobert, sans-serif;
	font-size: 17px;
	font-weight: 600;
}

section.header .buttons {
	margin-top: 20px;
}

section.header .buttons a {
	font-family: Roobert, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: var(--hl-light-green);
	text-decoration: none; 
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

section.header .buttons a:after { 
	content: "";
	display: inline-block;
	width: 20px;

	height: 20px;
	background-image: url("/_assets/icon-line-arrow-hl-light-green.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat; 
}

section.header .buttons a:hover {
	text-decoration: underline; 
}

/*** Standard toolbar ***/

section.standard-toolbar .btn-compare-countries {
	background-color: var(--hl-light-green);
	border-color: var(--hl-light-green);
	color: var(--hl-dark-green); 
}

xsection.standard-toolbar .btn-compare-countries:before { 
	background-image: url("/_assets/icon-compare-hl-dark-green.png");
}

section.standard-toolbar .btn-compare-countries:hover {
	background-color: transparent; 
}

/*** Home page - State of play - Map and list ***/

section.state-of-play {
	padding-bottom: 30px;
}

section.state-of-play:not([data-view='map']) .map-overview-container,
section.state-of-play:not([data-view='list']) .list-container {
	display: none!important;
}

section.state-of-play .btn-sop-jurisdiction { 
	display: flex; 
	flex-direction: row;
	align-items: center;
	gap: 10px;
	text-decoration: none;

	padding: 10px 14px;
	background-color: var(--hl-dark-green);
	color: #ffffff;

	font-family: Roobert, sans-serif;
	font-size: 16px;
	font-weight: 400;

	text-align: left;
}

/* This should hide the listing button if the Jurisdiction is NOT set to Regime. */
a.btn-sop-jurisdiction[data-jtid="2"],
a.btn-sop-jurisdiction[data-jtid="3"] {display: none!important; }



section.state-of-play .btn-sop-jurisdiction .name { 
	flex-basis: 100%; 
}

section.state-of-play .btn-sop-jurisdiction .arrow { 
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background: url("/_assets/btn-arrow-hl-light-green.png") center no-repeat;
	background-size: contain; 

	transition: all 0.2s;
}

/*section.state-of-play .btn-sop-jurisdiction.expanded*/
section.state-of-play .btn-sop-jurisdiction:hover
{
	background-color: var(--hl-light-green);
	color: var(--hl-dark-green);
}

/*section.state-of-play .btn-sop-jurisdiction.expanded  {
	transform: rotate(180deg);
}*/

/*section.state-of-play .btn-sop-jurisdiction.expanded .state*/
section.state-of-play .btn-sop-jurisdiction:hover .arrow {
	background-image: url("/_assets/btn-arrow-hl-dark-green.png");
}

/*** Home page - How can we help you? ***/

section.how-can-we-help-you {
	padding-bottom: 30px;
}

div.how-can-we-help-you { 
	font-family: Roobert, sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.2;

	color: var(--hl-dark-green);
}

/*** Home page - Sectors ***/

section.sectors {
	background-color: var(--hl-dark-green) !important;
	padding: 30px 0;
}

.sector-panel,
.area-of-focus-panel {
	padding: 20px; 
	background-color: var(--hl-taupe);
	text-decoration: none; 
	transition: all 0.2s;
}

.sector-panel:hover,
.area-of-focus-panel:hover {
	background-color: var(--hl-taupe-shade-1);
}


.sector-panel .title,
.area-of-focus-panel .title {
	font-family: Roobert, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: var(--hl-dark-green);
	margin-bottom: 10px;
	line-height: 1.2;
}

.sector-panel .image,
.area-of-focus-panel .image { 
	width: 100%;
	height: 140px;
	background-position: center bottom; 
	background-size: contain;
	background-repeat: no-repeat;
}

a.us-data-brief {
	display: block;
	position: relative;
	margin: 0;
	text-decoration: none;
	overflow: hidden;
	min-height: 298px;
	cursor: pointer;
}

a.us-data-brief .background {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/_uploads/global-class-actions/us-data-brief.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

a.us-data-brief .tint {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.25) 100%);
}

/*a.us-data-brief:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image: url("/_uploads/global-class-actions/us-data-brief.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

a.us-data-brief:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.25) 100%);
}*/

a.us-data-brief .content {
	position: relative;
	z-index: 2;

	padding: 28px;
	color: #ffffff;
	font-size: 27px;
	font-weight: 400;
}

/*a.us-data-brief .content:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background-image: url("/_assets/btn-arrow-hl-light-green.png");
	background-size: 14px auto;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.2s;
} */

a.us-data-brief .content p {
	font: inherit;
	color: inherit;
	margin: 0;
}

a.us-data-brief .content p.title {
	color: var(--hl-light-green);
}

a.us-data-brief:hover .background { 
	transform: scale(1.1);
}

a.us-data-brief:hover .content:after { 
	transform: translateX(5px);
}
/*** Home page - Areas of focus ***/
section.areas-of-focus {
	background-color: var(--hl-light-taupe) !important;
	padding: 30px 0;
}

/*** Home page - Meet our core team ***/

section.meet-our-core-team {
	padding: 0;
	margin-top: 0;
}

body.generate-report-page section.meet-our-core-team,
body.compare-countries-page section.meet-our-core-team,
body.search-results-page section.meet-our-core-team {
	margin-top: 40px;
}

section.meet-our-core-team .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(to right, 
			rgba(var(--hl-light-green-rgb ),1) 55%,
			rgba(var(--hl-light-green-rgb), 0.2) 75%,
			rgba(var(--hl-light-green-rgb), 0) 100%);
}

section.meet-our-core-team .background { 
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	height: 100%;
	z-index: 0;
	background-image: url("/_uploads/global-class-actions/meet-our-core-team-bg.jpg");
	background-size: 50vw auto;
	background-position: right center;
	background-repeat: no-repeat; 
}

section.meet-our-core-team a {
	position:relative;
	z-index: 3;
	display: block;
	padding: 30px 0; 
	text-decoration: none;
}

section.meet-our-core-team a:hover h2.section-title img {
	transform: translateX(10px);
}

section.meet-our-core-team h2.section-title {
	margin: 0;
	padding-right: 20px;
}

section.meet-our-core-team h2.section-title img {
	height: 26px;
	width: auto;
	transition: all 0.2s;
}

.map-key {
	margin: 30px 0 20px 0;
	font-size: 16px;

	display:flex;
	flex-direction: row;
	align-items: start;
	gap: 30px;
}

.map-key > label { 
	padding-top: 5px;
	flex-shrink: 0;
	font-weight: 500;
}

.map-key .map-key-values {
	display: flex;
	flex-direction: row;
	column-gap: 30px; 
	row-gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.map-key .map-key-values .map-key-value { 
	display: flex;
	flex-direction: row;
	gap: 14px;
	align-items: center;
	flex-wrap: nowrap;
}

.map-key .map-key-values .map-key-value .indicator { 
	width: 30px;
	height: 30px;
	border-radius: 15px;
	flex-shrink: 0;
}


.map-overview-container {
	font-size: 0;
}

.map-view-container {
	margin-bottom: 30px;
}

.map-overview-container .map-jurisdiction-overview {
	display: inline-block;
	width: 0;
	height: 560px; /* Same height as the map */
	font-size: 16px;
	vertical-align: top;

	overflow: hidden;
}

/*.map-overview-container .map-jurisdiction-overview .content {*/
section.state-of-play .jurisdiction-overview .content {
	position: relative;
	background-image: url("/global-class-actions/_assets/jurisdiction-overview-bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	padding: 25px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: 1.2;
}

section.state-of-play .jurisdiction-overview .content .standard-page-content {
	padding-right: 20px;
	overflow: auto;
}

div.jurisdiction-overview,
div.jurisdiction-overview p {
	font-family: Roobert, sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: var(--hl-dark-green);
	line-height: 1.3;
}

.jurisdiction-overview p.name {
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 0.35em;
	padding-right: 30px;
}

.jurisdiction-overview p.subtitle { 
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0.25em;
}

.map-overview-container .map-container {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.btn-close-overview {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url("/_assets/icon-close-hl-dark-green.png") center no-repeat;
	background-size: contain;
}

.jurisdiction-overview div.read-more {
	padding-top: 20px;
}

section.state-of-play .list-jurisdiction-overview { 
	display: none;
	overflow: hidden; 

	grid-column: 1 / 4;
}

section.state-of-play .list-jurisdiction-overview { 
	max-height: 55vh;  
}

/*** Jurisdiction Page ***/

section.jurisdiction-overview { 
	padding: 40px 0;
	background: url("/global-class-actions/_assets/jurisdiction-overview-bg.jpg") bottom center no-repeat;
	background-size: cover;
}

section.jurisdiction-content { 
	margin-top: 30px;
}

section.jurisdiction-content .col-1 {
	display: flex;
	flex-direction: row;
	gap: 80px;
	align-items: flex-start;
	padding-bottom: 50px;
}

section.jurisdiction-content .col-1 .side-panel {
	width: 300px;
	flex-shrink:0; 
	display: flex;
	flex-direction: column;
	gap: 80px;
	justify-content: space-between;
	padding-bottom: 10%;
}

section.jurisdiction-content .col-1 div.key-content {
	grid-area: content;
	font-family: Roobert, sans-serif;
	font-weight: 300;
	font-size: var(--font-16);
	color: var(--hl-dark-green);
	line-height: 1.3;
}

section.jurisdiction-content .col-1 div.contents-table {
	z-index: 10;

	grid-area: sections;

	background-color: var(--hl-light-green);

	padding: 30px;
	border-bottom: 10px solid #ffffff;
}

section.jurisdiction-content .col-1 div.contents-table.desktop {
	/*position: sticky;
	top: 83px;*/
}

section.jurisdiction-content .col-1 div.contents-table ul {
 	list-style: none;
}

section.jurisdiction-content .col-1 div.contents-table ul li { 
	margin-top: 10px; 
}

section.jurisdiction-content .contents-table.mobile { 
	display: none;
}

/*section.jurisdiction-content .col-1 div.contents-table h3,*/
.side-panel h3,
.contents-table.mobile h3 { 
	font-family: Roobert, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: var(--hl-dark-green);
	margin: 0 0 0.75em 0;
}

section.jurisdiction-content .col-1 div.contents-table ul li button {
	display: inline-block;
	font-family: Roobert, sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.2;
	color: var(--hl-dark-green);
	background-color: transparent; 
	text-align: left;
}

section.jurisdiction-content .col-1 div.contents-table ul li button:hover {
	text-decoration: underline;
}

section.jurisdiction-content .col-1 div.quote {
	background-color: var(--hl-dark-green);
	padding: 30px;

	/* For some reason, this outputs 1 pixel wider than the other items ?? */
	width: 299px; 
}

section.jurisdiction-content .col-1 div.quote img {
	width: 60px;
	margin-bottom: 20px;
}

section.jurisdiction-content .col-1 div.quote p {
	font-family: Roobert, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	color: #ffffff;
}

section.jurisdiction-content .col-1 div.side1 {
	margin-top: 50px;
	grid-area: side1;
}


section.jurisdiction-content .col-1 div.side2 {
	margin-top: 50px;
	grid-area: side2;
}

section.jurisdiction-content .key-content-section {
	margin-top: 20px;
}

section.jurisdiction-content .key-content-section div.key-content-type { 
	margin-bottom: 1em; 
}

section.jurisdiction-content .key-content-section div.key-content-type p {
	font-size: 20px;
	font-weight: 600; 
}

/*** Core Team Page ***/

.core-team { 
	padding: 40px 0 20px 0 ;
	border-bottom: 1px solid var(--hl-dark-green);
}

.core-team:first-of-type { padding-top: 0; }

.core-team p.team-title {
	font-family: Roobert, sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: var(--hl-dark-green);
	margin-bottom: 1em;
}

.core-team .btn-back-to-top { 
	font-family: Roobert, sans-serif;
	font-size: 14px; 
	font-weight: 400; 
	color: var(--hl-dark-green);
	background-color: transparent; 
	margin-top: 20px;
}

.core-team .btn-back-to-top:hover {
	text-decoration: underline;
}

/*** ***/

.related-material { 
	background-color: var(--hl-very-light-taupe);
	padding: 25px;
}

.related-material .carousel { margin: 0 -10px; }

.carousel .related-material-panel { 
	padding: 0 10px;
}

.related-material-panel .inner {
	background-color: var(--hl-light-taupe);
}

.related-material-panel .inner a {
	text-decoration: none;
	font-family: Roobert, sans-serif;
	font-weight: 400;
	color: var(--hl-dark-green);
	line-height: 1.2; 
}

.related-material-panel .tag-and-jurisdictions {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: space-between;
	padding: 0 10px 0 0;
}

.related-material-panel .tag-and-jurisdictions .tag {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: Roobert, sans-serif;
	font-size: 12px;
	font-weight: 500;
	gap: 14px;
	color: var(--hl-dark-green);
}

.related-material-panel .tag-and-jurisdictions .tag .icon {
	width: 45px; height: 45px;
	background-color: var(--hl-light-green);
	background-size: 28px auto;
	background-position: center;
	background-repeat: no-repeat; 
}

.related-material-panel .jurisdictions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-start;
	padding: 10px 0 0 0;
}

.related-material-panel .jurisdictions img {
	height: 24px;
	width: auto;
}

.related-material-panel .content { 
	padding: 18px;
	text-align: left;
	width: 100%; 
}

.related-material-panel .content .date { 
	font: inherit;
	font-size: 12px;
	color: inherit;
	margin: 0 0 1em 0; 
}

.related-material-panel .content .title {
	font: inherit;
	font-size: 18px;
	color: inherit;
	margin: 0;
}

.related-material-panel .content .image { 
	width: 100%;
	height: 120px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 20px;
}

img.flag {
	box-shadow: 0 0 2px 1px #000000;
	border-radius: 50%;
}

/*** ***/

.carousel-controls {
	margin-top: 20px;
}

.carousel-controls .carousel-buttons {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

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

.slick-arrow.slick-prev {
	transform: rotate(180deg);
}

.slick-arrow:hover {
	background-color: var(--hl-light-green); 
}

/*** Sector Type Page ***/

section.sector-type .col-1,
section.area-of-focus-type .col-1 { 
	background-color: var(--hl-very-light-taupe);
	padding: 10px 25px 25px 25px;
}

section.sector-type .header,
section.area-of-focus-type .header {
	display: flex;
	flex-direction: row;
	gap: 40px;
	justify-content: space-between;
	align-items: center;
}

section.sector-type .header h2.section-title,
section.area-of-focus-type .header h2.section-title {
	margin: 10px 0;
}

section.sector-type .header .sector-type-image,
section.area-of-focus-type .header .area-of-focus-type-image {
	display: inline-block;
	width: 100px;
	height: 100px;
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
} 

section.sector-type .jurisdiction-wrapper,
section.area-of-focus-type .jurisdiction-wrapper {
	margin-top: 20px;
}

button.expander {
	font-family: Roobert, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	padding: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	width: 100%;
	text-align: left;
	background-color: var(--hl-dark-green);
	color: #ffffff;

	transition: all 0.2s;
}

button.expander:after { 
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("/_assets/icon-plus-white.png") center no-repeat;
	background-size: 16px 16px;
	flex-shrink: 0;
}

button.expander:hover,
button.expander.expanded {
	background-color: var(--hl-light-green);
	color: var(--hl-dark-green);
}

button.expander:hover:after {
	background: url("/_assets/icon-plus-hl-dark-green.png") center no-repeat;
	background-size: 16px 16px;
}

button.expander.expanded:after,
button.expander.sub-expander.expanded:after {
	background: url("/_assets/icon-minus-hl-dark-green.png") center no-repeat;
	background-size: 16px auto;
}

button.expander.sub-expander {
	background-color: rgba(var(--hl-dark-green-rgb), 0.2);
	color: var(--hl-dark-green);
	padding: 20px;
	word-wrap: break-word;
	white-space: break-spaces;
}

button.expander.sub-expander.expanded { 
	background-color: var(--hl-light-green);
}

button.expander.sub-expander:after {
	background: url("/_assets/icon-plus-hl-dark-green.png") center no-repeat;
	background-size: 16px auto;
}

.expandable {
	display: none;
}


.jurisdiction-sectors-container,
.jurisdiction-areas-of-focus-container {
	background-color: #ffffff;
	padding: 0px;
	display: none;
}

.jurisdiction-sectors-container.expanding,
.jurisdiction-areas-of-focus-container.expanding { 
	display: block;
	height: 1px;
	overflow: hidden;
	/*visibility: hidden;*/
	/*padding: 0;*/
}

.jurisdiction-sectors-container.expanded,
.jurisdiction-areas-of-focus-container.expanded {
	display: block;
}

.jurisdiction-sectors-container .jurisdiction-sectors,
.jurisdiction-areas-of-focus-container .jurisdiction-areas-of-focus {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 300px);
	padding-right: 40px;
}

.jurisdiction-sectors-container .side-panel,
.jurisdiction-areas-of-focus-container .side-panel {
	display: inline-block;
	vertical-align: top;

	width: 300px;
	flex-shrink: 0;
}

.jurisdiction-sectors-container .side-panel > *:not(:first-child) { 
	margin-top: 30px;
}

.jurisdiction-sectors-wrapper,
.jurisdiction-areas-of-focus-wrapper {
	/*display: flex;
	flex-direction: row;
	gap: 40px;*/
	padding: 25px;
	font-size: 0;
}

/*.jurisdiction-sectors,
.jurisdiction-areas-of-focus {
}*/

.jurisdiction-sectors .sector,
.jurisdiction-areas-of-focus .area-of-focus {
	font-family: Roobert, sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: var(--hl-dark-green);
	line-height: 1.3;
	padding-top: 50px;
}

.jurisdiction-sectors .sector:first-child,
.jurisdiction-areas-of-focus .area-of-focus:first-child {
	padding-top: 0;
}

.jurisdiction-sectors .sector .question,
.jurisdiction-areas-of-focus .area-of-focus .question,
.compare-jurisdiction .question
{
	background-color: var(--hl-light-green);
	padding: 18px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	margin-bottom: 30px;
}

.jurisdiction-sectors .sector .question .index,
.jurisdiction-areas-of-focus .area-of-focus .question .index,
.compare-jurisdiction .question .index {
	font-size: 38px;
	background-color: var(--hl-dark-green);
	color: var(--hl-light-green);
	line-height: 1;
	padding: 8px 12px 15px 12px;
}

.jurisdiction-sectors .sector .question h4.title,
.jurisdiction-areas-of-focus .area-of-focus .question h4.title,
.compare-jurisdiction .question h4.title {
	font-family: Roobert, sans-serif;
	font-size: 24px;
	font-weight: 500;
}

/*** Select options ***/

.select-options { 
	background-color: var(--hl-very-light-taupe);
	padding: 25px; 
}

.select-options .header { 
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
}

.select-options .header h3 { 
	font-family: Roobert, sans-serif;
	font-weight: 400;
	color: var(--hl-dark-green);
}

.select-options .option-group {
	margin-top: 5px;
}

.select-options .select-option {
	font-family: Roobert, sans-serif;
	font-weight: 400;
	color: var(--hl-dark-green);
	background-color: var(--hl-light-taupe);
}

.select-options .select-option.checked:not(.select-all) {
	background-color: var(--hl-taupe);
	color: var(--hl-dark-green);
}

.select-options .select-option.checked:not(.select-all):before {
	background-image: url("/_assets/icon-tick-hl-dark-green.png");
}

/*** Compare countries ***/

.compare-picker {
	background-color: var(--hl-very-light-taupe);
	padding: 25px;
}

.compare-picker label {
	display: block;
	margin-bottom: 20px;
}

.compare-picker .compare-picker-list { 
	/*display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;*/

	/*display: flex;
	flex-wrap: wrap;*/

	column-count: 2;
	column-gap: 20px;
}

.compare-picker .compare-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	background-color: var(--hl-light-taupe);
	padding: 8px 10px;
	width: 100%;
	/*max-width: 500px;*/
	margin: 0 10px 5px 0;
	cursor: move;
	position: relative;
}

.compare-picker .compare-item .flag {
	height: 26px; 
	width: 26px;
	flex-shrink: 0;
	z-index: 0;
}

.compare-picker .compare-item .name { 
	flex-basis: 100%;
	z-index: 0;
}

.compare-picker .compare-item .checkbox { 
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	padding: 0;
	border: 0;
	cursor: pointer;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	z-index: 0;
}

.compare-picker .compare-item .checkbox.selected { 
	background-image: url("/_assets/icon-tick-hl-dark-green.png");
}

.compare-item.moving:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px dotted var(--hl-dark-green);
	background-color: rgba(var(--hl-taupe-rgb), 0.1);
}

.compare-jurisdiction {
	display: none;
	vertical-align: top; 
	width: 49.5%;
	min-width: 300px;
	padding-right: 10px;
}

.compare-jurisdiction.visible { 
	display: inline-block;
}

.compare-jurisdiction .expandable.expanding {
	display: inline-block;
	height: 1px;
	overflow: hidden;
}

.compare-jurisdiction .expandable { 
	width: 100%;
	background-color: var(--hl-very-light-taupe);
}

.compare-jurisdiction .expandable.expanded {
	display: inline-block;
	width: 100%;
}

.move-above:before,
.move-below:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	background-color: var(--hl-light-green);
	z-index: 1;
}

.move-below:after {
	top: calc(100% - 4px);
}

.move-above:before {
	bottom: calc(100% - 4px);
}

.compare-jurisdiction .compare-jurisdiction-header { 
	display: flex; flex-direction: row;
	align-items: center;
	gap: 14px;

	font-size: 22px;
	font-weight: 500;
}

.compare-jurisdiction .compare-jurisdiction-header .flag { 
	width: 30px;
	height: 30px;
}

.compare-jurisdiction-content > div > div.expandable.expanding {  
	transition: height 0.2s;
}

.compare-section { 
	font-size: 0;
	overflow-x: scroll!important;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 20px 10px 20px 20px;

	background-color: var(--hl-light-taupe);

	scrollbar-color: var(--hl-dark-green) var(--hl-taupe);
}


.compare-section-container {
	margin-top: 40px;
}

.compare-section-container:first-of-type { 
	margin-top: 0;
}

.compare-jurisdiction-content .compare-jurisdiction-content-item { 
	margin-top: 10px; 
}

.compare-jurisdiction .content,
.compare-jurisdiction .no-content { 
	padding: 20px;
	font-size: 16px;
	white-space: normal;
	color: var(--hl-dark-green);
}

.compare-jurisdiction .content .item:not(:first-child) { 
	margin-top: 30px; 
}

.compare-jurisdiction .no-content p {
	font-size: inherit;
	color: inherit;
}

/*** ***/

.search-results-list { 

}

.search-results-list .search-result { 
	display: block;
	text-decoration: none; 
	color: var(--hl-dark-green);

	background-color: var(--hl-light-taupe);
	padding: 15px; 

	display: flex; 
	flex-direction: row;
	align-items: center;
	gap: 40px;

	margin-top: 10px; 

	cursor: pointer;
}

.search-results-list .search-result:hover { 
	background-color: var(--hl-taupe);
}

.search-result .content { width: 100%; }

.search-result .context {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.search-result .context .flag { 
	height: 24px;
	width: 24px;
	margin-right: 10px;
}

.search-result .divider {
	margin: 0 8px;
	padding: 0;
	background-color: transparent;
}

.search-result .divider:before { 
	content: "-";
}

search-result .arrow {
	flex-shrink: 0; 
}

.search-result .arrow img {
	width: 16px;
	height: 30px;
}

.search-result .match { 
	margin-top: 20px; 
	line-height: 1.3;
}

.search-result.kh .type-icon { 
	width: 45px;
	height: 45px;
	background-color: var(--hl-light-green);
	background-size: 28px auto;
	background-position: center;
	background-repeat: no-repeat;
}

.search-result.kh .context > span {
	font-size: 12px;
	font-weight: 500;
	margin-left: 14px;
}

.search-result .search-highlight {
	color: #6FA739;
	font-weight: 500;
}

.key-contacts-v3.jurisdiction {
	margin-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

/*** Responsive ***/
@media (max-width: 900px) {
	.map-overview-container .map-jurisdiction-overview {
		height: 500px;
	}

	section.state-of-play .list-jurisdiction-overview {
		grid-column: 1 / 3;
	}
}

@media (max-width: 850px) {
	.map-overview-container .map-jurisdiction-overview {
		height: 440px;
	}
}

@media (max-width: 840px) {
	section.jurisdiction-content .col-1 .side-panel {
		width: 260px;
	}

	section.jurisdiction-content .col-1 .side-panel div.quote {
		width: 259px;
	}

	.compare-jurisdiction .question {
		padding: 15px;
	}

	.compare-jurisdiction .question .index {
		font-size: 25px;
	}

	.compare-jurisdiction .question h4.title {
		font-size: 17px;
	}
}

@media (max-width: 800px) {
	section.jurisdiction-content .col-1 .contents-table.desktop {
		display: none;
	}

	section.jurisdiction-content .col-1 .contents-table.mobile {
		display: block;
	}

	section.jurisdiction-content .col-1
	{
		flex-direction: column;
		gap: 20px;
	}

	.jurisdiction-sectors-wrapper .jurisdiction-sectors,
	.jurisdiction-areas-of-focus-wrapper .jurisdiction-areas-of-focus {
		width: 100%;
	}


	section.jurisdiction-content .col-1 .side-panel,
	.jurisdiction-sectors-container .side-panel,
	.jurisdiction-areas-of-focus-container .side-panel {
		width: 100%;
	}
}

@media (max-width: 660px) {
	.compare-picker .compare-picker-list { 
		column-count : 1;
	}
}

@media (max-width: 640px) {
	.jurisdiction-sectors .sector .question,
	.jurisdiction-areas-of-focus .area-of-focus .question,
	.compare-jurisdiction .question {
		padding: 15px;
	}

	.jurisdiction-sectors .sector .question .index,
	.jurisdiction-areas-of-focus .area-of-focus .question .index,
	.compare-jurisdiction .question .index {
		font-size: 25px;
	}

	.jurisdiction-sectors .sector .question h4.title,
	.jurisdiction-areas-of-focus .area-of-focus .question h4.title,
	.compare-jurisdiction .question h4.title {
		font-size: 17px;
	}
}

@media (max-width: 580px) {
	section .meet-our-core-team .gradient {
		background: linear-gradient(to right, rgba(var(--hl-light-green-rgb),1) 75%, rgba(var(--hl-light-green-rgb), 0.8) 100%);
	}

	.map-overview-container {
		display: flex;
		flex-direction: column-reverse;
		gap: 10px;
	}

	.map-overview-container .map-container,
	.map-overview-container .map-jurisdiction-overview {
		width: 100% !important;
	}

	.map-overview-container .map-jurisdiction-overview {
		display: none;
		height: auto;
	}

	.map-overview-container .map-jurisdiction-overview .content {
		max-height: 55vh;
	}

	section.state-of-play .list-container .grid-3 {
		gap: 10px;
	}

	section.state-of-play .list-jurisdiction-overview {
		grid-column: 1 / 2;
	}

	body.know-hows .standard-filter { 
		justify-content: start;
		flex-direction: column;
	}

	body.know-hows .standard-filter .standard-filter-field > label { 
		width: 89px;
		text-align: right;
	}

	body.know-hows .standard-filter .standard-filter-field .dk-select-multi { 
		max-width: calc(100% - 100px);
	}

	body.know-hows .standard-filter .standard-filter-field .dk-selected {
		max-width: 100%;
	}
}

@media (max-width: 440px) {
	section.standard-toolbar .actions-container { 
		flex-direction: column;
		align-items: start
	}

	section.standard-toolbar .actions-container a { 
		width: 100%; 
		max-width: 220px;
	}
}