:root {
	--backgroundGradient: linear-gradient(90deg, #FCFDFE 50%, #E5E7EC 100%);
	--main-blue: #263556;
	--light-blue: #7E88A3;
	--main-yellow: #D2E300;
	--dark-yellow: #97A200;
	--main-grey: #E4E7EC;
	--dark-grey: #dcdfe4;
	--text-grey: #494949;
	--max-width-content: 1300px;
	--max-width-blog: min(800px,85vw);
	--font-size-tiny: 0.60em;
	--font-size-small: 0.7em;
	--font-size-medium: 0.85em;
	--font-size-big: 1.0em;
	--font-size-huge: 1.2em;
}

@font-face {
  font-family: "Fedra Book";
  src: url("../resources/fonts/FedraSansStd-Book.woff2") format("woff2");
}

html {
	box-sizing: border-box;
	background: var(--backgroundGradient);
}

*, *:before, *:after {
	box-sizing: inherit
}

body {
	color: var(--main-blue);
	position: relative;
	padding-top: 6.5em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

body * {
	font-family: "Fedra Book";
}

header {
	display: flex;
	width: 100%;
	flex-direction: row;
	top: 0;
	left: 0;
	z-index: 999;
	position: fixed;
	background: var(--backgroundGradient);
	padding: 0.5em;
	padding-top: 1.5em;
}

nav ul {
	display: flex;
	flex-direction: row;
	list-style: none;
	padding-inline-start: 0;
	margin-top: 0;
	margin-bottom: 0;
}

section {
	width: 100%;
	padding: 0 2rem;
	max-width: var(--max-width-content);
	margin: 0 auto;
	margin-bottom: max(3em, 5vw);
	margin-top: 4em;
	display: flex;
	flex-direction: column;
}

video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

a {
	color: var(--main-blue);
	text-decoration: none;
}

a:visited {
	color: var(--main-blue)
}

h1 {
	font-size: 2.5em;
	font-weight: lighter;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}

h2 {
	font-size: 2em;
	font-weight: lighter;
	margin: 0;
	position: relative;
}

h3 {
	font-size: 1.5em;
	font-weight: lighter;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 1em;
}

h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 0.5em;
}

img {
	height: 100%;
	width: 100%;
}

ol {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}

footer {
	background-color: #263556e3;
	color: white;
	padding-top: 3em;
	padding-bottom: 1em;
}

p {
	margin-block-start: 0em;
	margin-block-end: 2em;
}

/* Utility classes */
.width-100 {
	width: 100%;
}

.width-50 {
	width: 50%;
}

.flex {
	display: flex !important;
}

.row {
	flex-direction: row;
}

.column {
	flex-direction: column;
}

.align-center {
	align-items: center;
}

.relative {
	position: relative;
}

.right {
	right: 0;
}

.shadow {
	box-shadow: 0 0 40px rgba(0,0,0,0.35);
}

.pointer {
	cursor: pointer;
}

/* Classes based styles */

/* Icons */
.icon-uk {
	background-image: url("../resources/images/uk.svg");
}

.icon-norway {
	background-image: url("../resources/images/norway.svg");
}

.icon-sweden {
	background-image: url("../resources/images/sweden.svg");
}

.icon-japan {
	background-image: url("../resources/images/japan.svg");
}

.icon-social-media {
	display: block;
	min-width: 3em;
	min-height: 3em;
	border-radius: 50%;
}

.icon-facebook {
	background-image: url("../resources/images/facebook.svg");	
}

.icon-youtube {
	background-image: url("../resources/images/youtube.svg");	
}

.icon-linkedin {
	background-image: url("../resources/images/linkedin.svg");	
}

.icon-twitter {
	background-image: url("../resources/images/twitter.svg");	
}



/* Buttons */
.btn {
	display: block;
	font-size: var(--font-size-big);
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	cursor: pointer;
	width: fit-content;
	color: var(--main-blue);
	cursor: pointer;
	white-space: nowrap;
}

footer .btn {
	color: lightgray;
	height: auto;
	line-height: normal;
	margin: 1em 0;
	font-weight: lighter;
}

.btn:hover {
	color: var(--light-blue);
}

.btn-play-video {
	height: 50px;
	width: 50px;
	font-size: max(1em, 1vw);
	border: none;
	background-color: unset;
	background-image: url("../resources/images/play.svg");
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: 0 center;
	color: white;
	cursor: pointer;
	text-shadow: 1px 1px 4px #000000;
}

.hamburger {
	display: block;
	min-width: 2em;
	height: 1.8em;
	position: relative;
	border: none;
	background-color: transparent;
	margin-left: 0.5rem;
}

.hamburger .top, .hamburger .burger, .hamburger .bottom {
	height: 0.25em;
	width: 1.5em;
	position: absolute;
	background-color: var(--main-blue);
}

.hamburger .top {
	top: 0.4em;
}

.hamburger .burger {
	top: 0.84em;
}

.hamburger .bottom {
	top: 1.28em;
}

.nav-btn {
	height: 30px;
	line-height: 30px;
	margin: 0px 0.25rem;
	position: relative;
}

.nav-btn.selected:before {
	content: "";
	position: absolute;
	background-color: var(--main-blue);
	width: calc(100% + 20px);
	border-radius: 2px;
	height: 2px;
	bottom: -10px;
	left: -10px;
}

.coloured-btn {
	background-color: var(--main-grey);
	border-radius: 20px;
	padding: 0px 40px;
	border: none;
	font-size: var(--font-size-big);
}

.coloured-btn:active {
	background-color: var(--dark-grey);
}

.coloured-btn.call-to-action {
	background-color: var(--main-yellow);
	box-shadow: 0px 6px 14px 0px #d2e30026;
}

.call-to-action:active {
	color: var(--light-blue);
	background-color: var(--dark-yellow);
}

.call-to-action:disabled {
	filter: grayscale(1);
	opacity: 0.5;
}

.carousel-btn {
	position: absolute;
	top: calc(5rem + 50%);
	width: 4em;
	height: 4em;
	border: none;
	background-color: unset;
	background-image: url("../resources/images/right-blue.svg");
	background-size: 4em;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 1;
}

.carousel-btn:disabled {
	filter: grayscale(1);
	opacity: 0.5;
}

.prev-item-btn {
	left: 0;
	transform: translate(0vw, -50%) rotate(180deg);
}

.next-item-btn {
	right: 0;
	transform: translate(0vw, -50%);
}

/* Others */
.page-content {
	width: 100%;
	padding: 0 2rem;
	max-width: var(--max-width-content);
	margin: 0 auto;
}

.header-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: auto;
}

.footer-content {
	width: 100%;
	height: 100%;
	color: white;
	display: grid;
	grid-template-columns: auto auto auto;
	justify-content: space-around;
}

.footer-content .btn {
	white-space: normal;
}

.section-title {
	display: flex;
	width: 100%;
	margin: 1rem auto;
	margin-top: 5rem;
	margin-bottom: 2rem;
	height: 3rem;
	background-color: var(--main-blue);
	color: white;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-huge);
	text-transform: uppercase;
}

.social-media {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 40px;
}

.social-media a {
	margin: 1em;
}

.partial-underline {
	position: relative;
	width: fit-content;
}

.partial-underline:before {
	content: "";
	position: absolute;
	width: 50%;
	max-width: 200px;
	min-width: calc(min(200px, 100%));
	height: 1px;
	bottom: -10px;
	border-bottom: 1px solid var(--main-blue);
}

.nav-logo {
	display: block;
	width: 13em;
	height: 60px;
	margin-right: 0.5rem;
	background-image: url("/streambim.svg");
	background-size: 13em 60px;
	flex-shrink: 0;
}

.mobile {
	display: none;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 12.5em;
	z-index: 2;
	box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.2);
}

.dropdown-content a {
	height: 3em;
	line-height: 3em;
	margin: 0;
	padding: 0 1.25em;
	width: 100%;
}

.nav-dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content.shown {
	display: block;
}

.dropdown-content .language-option-icon {
	margin: auto 0.75em auto 0;
}

.language-option-icon {
	display: block;
	width: 1.5em;
	height: 1.2em;
	background-size: 1.5em 1.2em;
	background-repeat: no-repeat;
	margin: 0.25em 0.5rem;
	box-shadow: 1px 1px 2px 0px #aaaaaa;
}

.language-option-icon:hover {
	outline: 0.15em solid var(--main-blue);
}

.language-option-icon:active {
	outline: 0.15em solid var(--main-yellow);	
}

.overview-line {
	width: 100%;
	display: flex;
	flex-direction: row;
	column-gap: 1em;
	margin-bottom: 3em;
}

.overview-line.separator {
	background-color: var(--main-grey);
	flex-direction: column;
	row-gap: 2.25em;
	min-width: 100%;
	padding: 2em;
}

.overview-item {
	position: relative;
	width: 100%;
	min-height: 15.5em;
	border-radius: 3px;
	overflow: hidden;
}

.overview-item img {
	object-fit: cover;
}

.overview-item.main-video .overlay {
	color: white;
}

.main-video video {
	height: 32em;
}

.overview-item.start-trial {
	flex-basis: 40%;
	flex-shrink: 0;
	min-height: 16em;
}

.overview-item.news-events {
	flex-basis: 15%;
	flex-shrink: 0;
}

.overview-item.headline {
	background-color: #eeeeee;
}

.overview-item.videos {
	flex-basis: max(15%, 170px);
	flex-shrink: 0;
}

.overview-item.overview-video {
	min-height: max(7rem, 10vw);
}

.show-more {
	margin: 18px auto 0 auto;
}

.overview-image {
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 25%;
}

.overlay {
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 100%;
	height: 100%;
	justify-content: center;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: white;
	text-align: center;
	align-items: center;
	z-index: 100;
	font-weight: lighter;
	padding: 10%;
	text-shadow: 0px 1px 15px #00000024
}

.overlay p {
	font-size: var(--font-size-big);
	font-weight: lighter;
}

.overlay .btn {
	text-shadow: none;
}

.overlay .coloured-btn:visited {
	color: var(--main-blue);
}

.overview-item .overlay {
	color: var(--main-blue);
}

.image-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	color: white;
	font-size: var(--font-size-big);
	background-color: rgb(0 0 0 / 50%);
	padding: 18px;
	text-align: start;
	text-shadow: none;
}

.img-ipad {
	height: 268px;
	width: 366px;
	background: url(../resources/images/streambim-ipad.png);
	margin: 0 auto 30px auto;
	flex-shrink: 0;
}

.carousel {
	position: relative;
}

.carousel-content {
	width: 100%;
	height: 28em;
	position: relative;
}

.carousel-item {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s;
	z-index: -1;
}

.carousel-item.shown {
	opacity: 1;
	z-index: 1;
}

.carousel-item img {
	flex-basis: 60%;
	flex-shrink: 0;
	flex-grow: 0;
	max-width: 60%;
	object-fit: cover;
	box-shadow: 0 0 40px rgba(0,0,0,0.35);
}

.carousel-item a {
	color: white;
}

.carousel-item a:visited {
	color: var(--light-blue);
}

.carousel-item div {
	background-color: var(--main-blue);
	color: white;
	text-align: center;
	padding: 50px 60px;
	box-shadow: 0 0 40px rgba(0,0,0,0.35);
	overflow: hidden;
}

.multi-carousel {
	display: flex;
	flex-direction: row;
	column-gap: 1rem;
	height: 25vw !important;
	min-height: 12rem;
	max-height: 20rem;
}

.carousel-multi-item {
	display: none;
	box-shadow: 0 0 40px rgba(0,0,0,0.35);
	height: 25vw;
	min-height: 12rem;
	max-height: 20rem;
}

.carousel-multi-item.shown {
	display: block;
}

.partners {
	display: flex;
	background-color: white;
	flex-flow: wrap;
	padding: 1.5vw;
	justify-content: center;
}

.partners img {
	width: max(6em, 8vw);
	height: max(3em, 4vw);
	filter: saturate(0%);
	opacity: 0.7;
	margin: 1.5vw;
	object-fit: contain;
}

.solution-feature {
	display: flex;
	flex-direction: row;
	column-gap: 10%;
}

.solution-feature:nth-child(even) {
	flex-direction: row-reverse;
}

.solution-feature img {
	width: 45%;
	box-shadow: 0 0 2.5em rgba(0,0,0,0.35);
	margin: auto;
}

.solution-feature-content {
	width: 45%;
	font-size: var(--font-size-medium);
}

.solution-feature-title {
	margin-bottom: 1em;
}

.solution-feature-description {
	color: var(--text-grey);
}

.quote-line {
	display: flex;
	flex-direction: row;
	column-gap: 2.25em;
	width: 100%;
	min-width: 100%;
	margin: 0;
	background-color: var(--main-grey);
	justify-content: center;
	padding: 6.25em 0;
	margin-bottom: 10em;
}

.quote-line div {
	color: var(--text-grey);
	width: 35%;
}

.author-image {
	height: 9.3em;
	width: 9.3em;
}

.quote-line .author-image {
		border-radius: 9.3em;
		object-fit: cover;
	}

.info-line {
	display: flex;
	flex-direction: column;
	row-gap: 2.25em;
	width: 100%;
	min-width: 100%;
	margin-left: 0;
	margin-right: 0;
	background-color: var(--main-grey);
	padding: 2em 0;
}

.info-line * {
	margin: auto;
}

.info-line.contact {
	row-gap: 1em;
}

.info-data-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.info-data {
	display: inline-block;
	min-width: 14rem;
	border: 1px solid rgba(126, 136, 163, 0.6);
	border-radius: 0.5rem;
	padding: 2.5rem;
	text-align: center;
	background-color: rgba(255,255,255, 0.3);
	margin: 1rem;
	font-size: 4.5rem;
	height: fit-content;
}

.info-data .meta {
	font-size: 1.5rem;
	text-transform: uppercase;
}

.info-text {
	display: inline-block;
	font-size: 1em;
	text-align: center;
	margin: 0 2rem;
	height: fit-content;
}

.info-text .random-text {
	display: none;
}

.info-title {
	font-size: 2rem;
	text-align: center;
	color: rgba(126, 136, 163, 0.9);
}

.author-meta {
	margin-top: 0.6em;
	width: 9.3rem;
	display: block;
	font-size: var(--font-size-tiny);
	color: var(--text-grey)
}

.quote {
	display: block;
	font-size: var(--font-size-big);
	font-weight: bold;
	margin-bottom: 2.25em;
}

.team-grid {
	display: flex;
	flex-flow: wrap;
	padding: 1.5vw;
	justify-content: space-evenly;
}

.team-member {
	width: 9em;
	margin: 1em;
}

.team-member img {
	background-color: var(--main-grey);
	height: 12.5em;
	object-fit: cover;
}

.team-member.disabled img {
	filter: saturate(0%);
	opacity: 0.7;
}

.team-member .team-member-info {
	margin-top: 0.25rem;
	font-size: var(--font-size-tiny);
}

.overview-blog-entry {
	width: var(--max-width-blog);
	display: flex;
	flex-direction: row;
	column-gap: 8%;
}

.overview-blog-entry img {
	width: 46%;
	height: auto;
	object-fit: contain;
	object-position: top;
	margin-top: 1em;
	min-height: 25em;
}

.overview-blog-info {
	margin-top: 1em;
	width: 46%;
}

.overview-blog-content {
	color: var(--text-grey);
	font-size: 1.1em;
	margin-bottom: 3em;
}

.overview-blog-title {
	margin-bottom: 3em;
}

.team {
	column-gap: 5%;
}

.team img {
	width: 48%;
	box-shadow: 0 0 2.5em rgba(0,0,0,0.35);
	margin: auto;
	object-fit: cover;
	min-height: unset;
}

.team .overview-blog-info {
	width: 50%;
	text-align: justify;
}

.team .overview-blog-content {
	font-size: 1em;
	margin-bottom: 0;
}

.meta {
	display: block;
	margin-top: 10px;
	color: var(--text-grey);
	font-size: var(--font-size-medium);
}

.overview-blog-title .meta {
	font-size: var(--font-size-tiny);
	margin-bottom: 4em;
}

.blog-container {
	display: flex;
	flex-direction: row;
	column-gap: 5%;
	max-width: var(--max-width-blog);
}

.page-title {
	width: 100%;
	padding: 0 2rem;
	max-width: var(--max-width-content);
	margin: 10px auto;
	margin-bottom: 6rem;
}

.page-title.blog {
	max-width: var(--max-width-blog);
}

.page-title.centered {
	text-align: center;
}

.blog-body {
	color: var(--text-grey);
	font-size: 17px;
	height: 100%;
	max-width: var(--max-width-blog);
}

.blog-body img {
	object-fit: contain;
	margin: 10px;
	height: calc(100% - 20px);
	width: calc(100% - 20px);
}

.blog-body img.small {
	width: 50%;
	margin: 10px auto;
}

.blog-body .image-title {
	margin: 0 10px 50px 10px;
}

.two-columns-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
}



.blog-data {
	flex-basis: 150px;
	flex-shrink: 0;
}

.image-title {
	display: block;
	font-weight: bold;
	font-style: italic;
	font-size: var(--font-size-small);
	margin-top: 10px;
	margin-bottom: 70px;
}

.blog-section-title {
	margin: 55px 0 45px 0;
}

.thin-section {
	font-size: 17px;
	height: 100%;
	max-width: var(--max-width-blog);
	margin: 0 auto 150px auto;
}

.policy {
	color: var(--text-grey);
}

.policy h4 {
	margin-top: 50px;
}

.policy ol {
	margin-left: 1.25rem;
}

section ul {
	margin-block-start: 0;
	margin-block-end: 0;
}
section li {
	margin-bottom: 17px;
}

.contact-form {
	margin: 50px auto;
}

.form-field {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	font-size: 20px;
}

.form-field:last-of-type {
	margin-bottom: 25px;
}

.form-field label {
	margin-bottom: 5px;
}

.form-field input {
	line-height: 28px;
	border-radius: 10px;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 0 10px;
	font-size: 18px;
}

.form-field input:focus {
	outline: 1px solid rgba(0,0,128,0.4);
}

.jdm-logo {
		width: 200px;
		margin: 50px 0px 20px calc(50% - 100px);
	}

.copyright {
	text-align: center;
	font-size: 14px;
}

.copyright span {
	opacity: 0.4;
}

.copyright a {
	opacity: 0.7;
	color: white;
	text-decoration: underline;
}
.copyright a:visited {
	color: white;
	text-decoration: underline;
}

.start-trial-form {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.form-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5em;
}

.form-item label {
	font-weight: 900;
	font-size: var(--font-size-medium);
	color: black;
	margin-bottom: 0.5em;
}

.form-item input {
	height: 2.4em;
	border-radius: 0.5em;
	border: 1px solid rgba(0,0,0,0.2);
}

.form-agreement {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.form-agreement label {
	margin-bottom: 0;
	font-weight: 100;
}

.form-message {
	font-size: var(--font-size-medium);
	margin-top: 2em;
}

.form-message.success {
	color: green;
}

.form-message.error {
	color: red;
}

.start-trial-btn {
	margin: 0 0 0 auto;
}

.contact-details {
	display: flex;
	flex-direction: column;
}

.contact-details .name {
	font-weight: bold;
}

.contact-details .email {
	text-decoration: underline;
}


/* Media for tablets */
@media (max-width: 65rem) {
	body {
		padding-top: 6em;
	}

	.page-title {
		margin-bottom: 4rem;
	}

	.carousel-content {
		height: 40em;
	}

	.carousel-item {
		flex-direction: column;
	}

	.carousel-item img {
		flex-basis: 100%;
		flex-shrink: 1;
		flex-grow: 1;
		max-width: 100%;
		height: 20em;
		max-height: 20em;
	}

	.carousel-item div {
		height: 20em;
		padding: 1em;
	}

	.info-text {
		max-width: unset;
	}

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.footer-content {
		grid-template-columns: auto auto;
	}

	.footer-content .btn {
		font-size: var(--font-size-medium);
	}

	.dropdown-content {
		right: 0;
		top: 2.1rem;
	}

	.solution-feature, .overview-blog-entry {
		flex-direction: column;
		column-gap: unset;
	}

	.solution-feature:nth-child(even) {
		flex-direction: column;
	}

	.solution-feature img, .overview-blog-entry img {
		width: 100%;
		margin-bottom: 2em;
	}

	.solution-feature-content, .overview-blog-info {
		width: 100%;
	}

	.solution-feature-content a, .overview-blog-info a {
		margin: 1em auto 0 auto;
	}

	.solution-feature-description, .overview-blog-content {
		text-align: justify;
		margin-bottom: 0;
	}

	.overview-blog-title {
		margin-bottom: unset;
	}

	.blog-container {
		flex-direction: column;
		column-gap: unset;
		row-gap: 3em;
	}

	.blog-body p {
		text-align: justify;
	}

	.blog-data {
		margin: auto;
	}

	.team .overview-blog-info {
		width: 100%;
	}

	.quote-line {
		flex-direction: column;
		column-gap: unset;
		row-gap: 2.25em;
		padding: 3em 5%;
		text-align: center;
	}

	.quote-line div {
		width: 100%;
	}

	.author-image {
		margin: 0 auto;
	}
}


/* Media for mobile */
@media (max-width: 48rem) {

	h1 {
		font-size: 28px;
	}

	h4 {
		font-size: 18px;
	}

	p {
		font-size: 14px;	
	}

	.overview-line.flexible {
		flex-wrap: wrap;
		row-gap: 1em;
	}

	.overview-item.news-events {
		flex-basis: 100%;
		min-height: 6.25em;
		height: 6.25em;
	}

	.overview-item.main-video {
		min-height: 18em;
	}

	.main-video video {
		height: 18em;
	}

	.nav-logo {
		width: 9em;
		background-size: 9em 60px;
	}

	.btn-play-video {
		font-size: 18px;
	}

	section {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

	.info-text {
		font-size: 0.8em;
	}

	header {
		padding-top: 0.5em;
		padding-left: 0.5em;
		padding-right: 1.0em;
	}

	section {
		padding-left: 0px;
		padding-right: 0px;
	}

	.coloured-btn {
		font-size: var(--font-size-medium);
		padding: 0px 20px;
	}

	.page-content, .page-title {
		padding-left: 0.0rem;
		padding-right: 0.0rem;
	}

	.overview-line.overview-column {
		flex-direction: column;
		row-gap: 2em;
	}

	.overview-item.headline {
		flex-basis: 100%;
		min-height: 4em;
		height: 4em;
		background: none;
	}

	.prev-item-btn {
		left: 0;
		transform: translate(4vw, -50%) rotate(180deg);
	}

	.next-item-btn {
		right: 0;
		transform: translate(-4vw, -50%);
	}

	.overview-item.start-trial {
		background: linear-gradient(180deg, var(--main-blue) 50%, #436695 100%);
		color: white;
	}

	.overview-item.start-trial .overlay {
		color: white;
	}

	.carousel-btn {
		top: 25rem;
	}

	html, header {
		background: white;
	}
}

/* Intermediate media to free some space in nav */
@media (max-width: 88rem) {
	.get-in-touch-opt {
		display: none;
	}
}