@charset "UTF-8";

/*
Theme Name: Mats
Theme URI: 
Author: Pelc Consult GmbH
Author URI: https://pelc-consult.com
Description: MATS Landing Page
Version: 1.0
License: Copyrighted
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	display: block;
	/* overflow-x: hidden; */
}
/* 
body::-webkit-scrollbar {
	width: 0px;
	height: 0px;
} */

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	/* overflow-y: scroll; */
	scroll-snap-type: y mandatory;
}

section {
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
/**
 *Render header
 */

 header {
	width: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: position 10s;
	-ms-transition: position 10s;
	-o-transition: position 10s;
	transition: all 0.5s ease;
 }

 .lang-item {
	list-style: none;
  }

.publisher-body {
	padding: 140px 177px 300px 169px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 48px;
}

.publisher-body-1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 24px;
}

.publisher-body-2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 12px;
}

.publisher-body-1-title {
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 44px;
	line-height: 56px;
	display: flex;
	align-items: center;
	text-transform: capitalize;
	color: #0C0F0F;
}

.publisher-body-2-title {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 34px;
	line-height: 43px;
	display: flex;
	align-items: center;
	color: #0C0F0F;
}

.publisher-body-content {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #6D6F6F;
	/* margin-top: 12px; */
}

.privacy-body {
	padding: 140px 177px 300px 169px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 48px;
}

.privacy-body-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.privacy-body-content-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-size: 44px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	word-break: break-word;
}

.privacy-body-content-p-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-size: 34px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	word-break: break-word;
}

.privacy-body-content-p {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-size: 24px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	word-break: break-word;
}

.privacy-body-border {
	border: 1px solid black;
	padding: 10px;
}

.privacy-body-list {
	margin-bottom: 48px;
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-size: 24px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	word-break: break-word;
}

#menu-dropdown {
	display: none;
	position: fixed;
	width: 360px;
	right: 0;
	top: 85px;
	z-index: 11;
	background-color: #f1f1f1;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius: 5px 0 5px 10px;
	flex-direction: column;
	box-sizing: border-box;
	gap: 0;
}

.menu-dropdown-item {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 27px;
	padding: 20px;
	box-sizing: border-box;
}

.menu-dropdown-item:hover {
	background-color: black;
	color: white;
}
 .site-header-1 {
	height: 85px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-left: 172px;
	padding-right: 172px;
	background: #FFFFFF;
	box-shadow: inset 0px -0.5px 0px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
 }

 .display-none {
	display: none !important;
 }

 .header-nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 766px;
	height: 22.85px;
 }

 .header-nav-item-0 {
	height: 22px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #6D6F6F;
 }

 .header-nav-item-1 {
	height: 22px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #6D6F6F;
 }

 .header-nav-item-2 {
	height: 22px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #6D6F6F;
	transform: rotate(0.33deg);
 }

 .header-nav-item-3 {
	height: 22px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #6D6F6F;
 }

 .header-nav-item-4 {
	height: 22px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #6D6F6F;
 }

.site-logo {
	height: 61px;
	width: 60px;
}

.site-branding {
	position: relative;
	width: 59.82px;
	height: 60.97px;
	left: 0px;
	right: 0px;
	background-image:url(./assets/images/header-logo-1.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.header-login {
	display: flex;
	flex-direction: row;
/* 	width: 198px; */
	gap: 48px;
	align-items: center;
}

.header-login-item {
	background-color: #D2EAEC;
	border-radius: 6px;
/* 	width: 118px; */
	padding: 12px 24px;
/* 	height: 46px; */
	border: none;
	text-align: center;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #1A7A81;
}

.header-language {
	width: 32px;
	height: 32px;
}

#language-switch-button-2 {
	margin: 20px;
}

.menu-icon {
	display: none;
	width: 24px;
	height: 24px;
	background-image:url(./assets/images/menu-icon.svg);
}

.pre-home-1 {
	position: relative;
	height: 939px;
	background: linear-gradient(0.82deg, #F5F5F5 0.23%, rgba(255, 255, 255, 0) 83.53%), #FFFFFF;
	box-sizing: border-box;
	margin: 0;
}

.pre-home-1-l {
	position: relative;
	left: 173.99px;
	top: 274px;
	width: 687px;
	height: 390px;
	padding: 0;
	border: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 20px;
/* 	justify-content: space-around; */
	margin: 0;
	box-sizing: border-box;
}

.pre-home-1-video {
	position: absolute;
	width: 677px;
	height: 754px;
	right: 32px;
	bottom: 92px;
	border-radius: 12px;
	filter: drop-shadow(-20px -12px 60px rgba(0, 0, 0, 0.15));
	background-image: url(./assets/images/home-video.svg);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
	padding: 0;
	border: 0;
	margin: 0;
	box-sizing: border-box;
}

#video-player {
	width: 677px;
	height: 754px;
	display: none;
	/* min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	overflow: hidden; */
}

.pre-home-1-video-image {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: drop-shadow(-20px -12px 60px rgba(0, 0, 0, 0.15));
	background-image: url(./assets/images/home-video.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 0;
	border: 0;
}

.pre-home-1-video:hover {
	transform: scale(1.02);
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 81px;
	height: 81px;
	background-image: url(./assets/images/play-button.svg);
	z-index: 5;
}

.pre-home-1-l-text-1 {
	margin: 0;
	padding: 0;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 64px;
	line-height: 73px;
	text-transform: uppercase;
	color: #0C0F0F;
	box-sizing: border-box;
}

@keyframes slide-in {
	0% {
	  transform: translateX(-100%);
	}
	100% {
	  transform: translateX(0);
	}
  }

@keyframes slide-in-from-bottom {
	0% {
	  transform: translateY(100%);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0);
	  opacity: 1;
	}
  }

  .hidden {
	visibility: hidden;
  }

.pre-home-1-l-text-2 {
	margin: 0;
	padding: 0;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 64px;
	line-height: 73px;
	text-transform: uppercase;
	background: linear-gradient(71.8deg, #9055FF 1.98%, #2098A1 97.81%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	box-sizing: border-box;
}

.pre-home-1-l-text-3 {
	position: relative;
	max-width: 621.18px;
	margin: 0;
	padding: 0;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #6D6F6F;
	box-sizing: border-box;
}

.pre-home-1-l-last {
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.pre-home-1-l-button-a {
	width: 100%;
}

.join-button {
	cursor: pointer;
}

.pre-home-1-l-button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 65px;
	background: #2098A1;
	border-radius: 6px;
	box-sizing: border-box;
}

.pre-home-1-l-button-letter {
	max-width: 176px;
	height: 28px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: #FFFFFF;
	flex: none;
	order: 0;
	flex-grow: 0;
	box-sizing: border-box;
}

.pre-home-1-l-text-4 {
/* 	position: relative;
	max-width: 254px;
	height: 14px;
	top: 15px;
	margin: auto; */
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;	
	text-transform: uppercase;	
	color: #0C0F0F;
	align-items: center;
	box-sizing: border-box;
	text-align: center;

}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 1000;
	animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

#masthead{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pre-home-1-r {
	position: absolute;
	bottom: 0;
	right: 0;
	background: linear-gradient(209.75deg, #9055FF -16.89%, #2098A1 100%);
	width: 601px;
	height: 541px;
}

.pre-home-2 {
	margin-top: 200px;
	box-sizing: border-box;
}

.pre-home-2-1 {
/* 	position: relative;
	height: 152px; */
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 120px;
	line-height: 152px;
	text-align: center;
	text-transform: uppercase;	
	color: #0C0F0F;
}

.pre-home-2-2 {
/* 	position: relative;
	height: 56px; */
	left: 0px;
	top: 12px;	
	font-style: italic;
	font-weight: 700;
	font-size: 44px;
	line-height: 56px;	
	text-align: center;
	text-transform: capitalize;	
	color: #0C0F0F;
}

.home-athletes-coaches {
	position: relative;
	margin-left: auto;
	padding-top: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	align-items: center;
	box-sizing: border-box;
	background-color: white;
}

.home-athletes-coaches-title {
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 44px;
	line-height: 56px;
	text-align: center;
	text-transform: capitalize;
	color: #0C0F0F;	
}

.home-athletes-coaches-subtitle {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	color: #0C0F0F;
}

.home-athletes-coaches-content {
	position: relative;
	margin-top: 170px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 33px;
	box-sizing: border-box;
}

.home-athletes {
	position: relative;
	width: 674px;
	height: 605px;
	border-radius: 12px;
	background: #135B61;
}

.home-athletes-content {
	position: relative;
	margin-left: 64px;
	margin-top: 108.5px;
	width: calc(100% - 120px);
	height: 400px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 48px;
}

.home-athletes-content-title {
	position: relative;
	width: 100%;
	height: 92px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.home-athletes-content-title-main {
	position: relative;
	width: calc(100% - 46px);
	height: 56px;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 44px;
	line-height: 56px;
	text-transform: capitalize;
	color: #FFFFFF;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.home-athletes-content-title-sub {
	position: relative;
	width: calc(100% - 46px);
	height: 30px;
	margin-top: 6px;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #A6D6D9;
	flex: none;
	order: 1;
	flex-grow: 0;
}

.home-athletes-content-desc {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 12px;
	width: 100%;
	height: 180px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.home-athletes-content-desc-1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 12px;
	width: 100%;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	/* opacity: 0;
	transform: translateX(-100%);
	transition: opacity 1s ease-in-out, transform 1s ease-in-out; */
}
/* 
.home-athletes-content-desc-1.show {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 12px;
	width: 100%;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	opacity: 1;
	transform: translateX(0);
} */

.home-athletes-content-desc-1-icon {
	width: 48px;
	height: 48px;	
	flex: none;
	order: 0;
	flex-grow: 0;
}

.home-athletes-content-desc-1-icon-image {
	position: relative;
	width: 26px;
	height: 19px;
	top: 14.5px;
	left: 11px;
	background-image: url(./assets/images/check-icon.png);
	background-repeat: no-repeat;
}

.home-athletes-content-desc-1-spec {
	width: calc(100% - 46px);
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	flex: none;
	order: 1;
	flex-grow: 0;
}

.home-athletes-content-desc-2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 12px;
	width: 100%;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}

.home-athletes-content-desc-2-spec {
	width: calc(100% - 46px);
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	flex: none;
	order: 1;
	flex-grow: 0;
}

.home-athletes-content-more {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 0px;
	gap: 12px;
	width: 189px;
	height: 32px;	
	flex: none;
	order: 2;
	flex-grow: 0;
}

.home-athletes-contnet-more-string {
	width: 161px;
	height: 25px;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	color: #3EDED4;
	flex: none;
	order: 0;
	flex-grow: 0;
}

.home-athletes-contnet-more-icon {
	width: 32px;
	height: 32px;
	background-image: url(./assets/images/right-arrow.svg);	
	flex: none;
	order: 1;
	flex-grow: 0;
}

.home-athletes-icon {
	position: absolute;
	margin-top: 30px;
	right: 30px;
	width: 216px;
	height: 196px;
	background-image: url(./assets/images/athletes-icon.svg);
}

.home-coaches-icon {
	position: absolute;
	margin-top: 30px;
	right: 30px;
	width: 271px;
	height: 161px;
	background-image: url(./assets/images/coaches-icon.svg);
}

.home-coaches {
	position: relative;
	width: 675px;
	height: 605px;
	border-radius: 12px;
	background: #0D3D40;
}

.home-compatible-services-title {
	margin: auto;
	padding-top: 200px;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 44px;
	line-height: 56px;
	align-items: center;
	text-align: center;
	text-transform: capitalize;
}

.home-compatible-services-content-1 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.home-compatible-services-content-2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-gap: 48px;
	gap: 48px;
	-webkit-align-items: center;
	align-items:  center;
}

.home-compatible-services-content-container {
	margin: auto;
	width: 1263px;
	padding-top: 100px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	gap: 48px;
}

.home-start-for-free {
	position: relative;
	margin-top: 200px;
	padding: 147px 173px 154px;
	background: linear-gradient(71.8deg, #9055FF 1.98%, #2098A1 97.81%);
	background-repeat: no-repeat, no-repeat;
	overflow: hidden;
}

.home-start-for-free-back {
	position: absolute;
	bottom: 0;
	right: 148px;
	width: 791px;
	height: 201px;
	background: rgba(255, 255, 255, 0.10);
	border-radius: 12px;
}

.home-start-for-free-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.home-start-for-free-image {
	position: absolute;
	top: 126px;
	left: 994px;
	width: 1366px;
	height: 809px;
}

.home-start-for-free-content-title {
	position: relative;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 64px;
	line-height: 73px;	
	text-transform: uppercase;	
	color: #FFFFFF;	
}

.home-start-for-free-content-desc {
	width: 572px;
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #E7E7E7;	
}

.home-start-for-free-button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 392px;
	height: 62px;
	text-align: center;
	background-color: #3EDED4;
	border-radius: 6px;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	color: #0C0F0F;
	border: none;
}

.home-start-for-free-button-text {
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 400;
}

.site-footer {
	position: relative;
	padding: 100px 178px 100px 178px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	background: #0C0F0F;
	box-sizing: border-box;
}

.site-footer-flex-1 {
	display: flex;
	flex-direction: column;
	gap: 48px;
/* 	justify-content: space-between;
	height: 300.66px; */
}

.site-footer-flex-1-0 {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 22px;
	color: #D8D9D9;
}

.site-footer-branding {
	position: relative;
	width: 59.82px;
	height: 60.97px;
	left: 0px;
	right: 0px;
	background-image:url(./assets/images/footer-logo.svg);
}

.site-footer-flex-2 {
	display: flex;
	flex-direction: column;
	gap: 48px;
/* 	justify-content: space-between;
	height: 162px; */
}

.site-footer-flex-3 {
	display: flex;
	flex-direction: column;
	gap: 48px;
/* 	justify-content: space-between;
	height: 162px; */
}

.site-footer-flex-4 {
	display: flex;
	flex-direction: column;
	gap: 48px;
/* 	justify-content: space-between;
	height: 264px; */
}

.site-footer-flex-4-item {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.site-footer-flex-4-item-0 {
	width: 30px;
	height: 30px;
	background-image: url(./assets/images/pre-launch-home-instagram.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.site-footer-flex-4-item-1 {
	width: 30px;
	height: 30px;
	background-image: url(./assets/images/pre-launch-home-facebook.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.site-footer-flex-4-item-2 {
	width: 30px;
	height: 30px;
	background-image: url(./assets/images/pre-launch-home-twitter.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.site-footer-flex-4-item-3 {
	width: 30px;
	height: 30px;
	background-image: url(./assets/images/pre-launch-home-linkedin.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.site-footer-flex-5 {
	height: 138px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.site-footer-flex-5-0 {
	width: 144px;
	height: 52.4px;
	background-image:url(./assets/images/app-store-black.svg);
}

.site-footer-flex-5-1 {
	width: 144px;
	height: 54px;
	background-image:url(./assets/images/google-play-black.svg);
}

.site-footer-group {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 65%;
}

.site-footer-group-flex-1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 48px;
}

.site-footer-group-flex-2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 48px;
}

.site-footer-group-flex-3 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 48px;
}

.site-footer-group-flex-4 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 48px;
}

#colophon1 {
	display: none;
}
  
.maintained-state {
	opacity: 1;
}

.home-carousel-container {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.desktop-carousel {
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.laptop-carousel {
	display: none;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.tablet-carousel {
	display: none;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.mobile-carousel {
	display: none;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.home-phone {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-64%, 0);
	height: 69vw;
	width: 45vw;
	background-image: url(./assets/images/desktop-carousel-phone-border.svg);
	background-size: contain;
	z-index: 2;
}

.desktop-phone-content {
	position: relative;
	top: 13%;
	left: 42%;
	width: 19.02vw;
	height: 41.44vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.desktop-phone-content-de {
	position: relative;
	top: 13%;
	left: 42%;
	width: 19.02vw;
	height: 41.44vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.desktop-phone-content:nth-child(1) {
	background-image: url(./assets/images/desktop-carousel-phone-content-1.svg);
}

.desktop-phone-content:nth-child(2) {
	background-image: url(./assets/images/desktop-carousel-phone-content-2.svg);
}

.desktop-phone-content:nth-child(3) {
	background-image: url(./assets/images/desktop-carousel-phone-content-3.svg);
}

.desktop-phone-content-de:nth-child(1) {
	background-image: url(./assets/images/desktop-carousel-phone-content-de-1.svg);
}

.desktop-phone-content-de:nth-child(2) {
	background-image: url(./assets/images/desktop-carousel-phone-content-de-2.svg);
}

.desktop-phone-content-de:nth-child(3) {
	background-image: url(./assets/images/desktop-carousel-phone-content-de-3.svg);
}

.laptop-phone {
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 57.71vw;
	width: 51.75vw;
	background-image: url(./assets/images/laptop-carousel-phone-border.svg);
	background-size: contain;
	z-index: 2;
}

.laptop-phone-content {
	position: relative;
	top: 22%;
	left: 14.3%;
	width: 32.32vw;
	height: 48vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.laptop-phone-content-de {
	position: relative;
	top: 22%;
	left: 14.3%;
	width: 32.32vw;
	height: 48vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.laptop-phone-content:nth-child(1) {
	background-image: url(./assets/images/laptop-carousel-phone-1.svg);
}

.laptop-phone-content:nth-child(2) {
	background-image: url(./assets/images/laptop-carousel-phone-2.png);
}

.laptop-phone-content:nth-child(3) {
	background-image: url(./assets/images/laptop-carousel-phone-3.png);
}

.laptop-phone-content-de:nth-child(1) {
	background-image: url(./assets/images/laptop-carousel-phone-de-1.svg);
}

.laptop-phone-content-de:nth-child(2) {
	background-image: url(./assets/images/laptop-carousel-phone-de-2.svg);
}

.laptop-phone-content-de:nth-child(3) {
	background-image: url(./assets/images/laptop-carousel-phone-de-3.svg);
}

.tablet-phone {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 35.41vw;
	height: 90.49vw;
	background-image: url(./assets/images/tablet-carousel-phone-border.svg);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.tablet-phone-content {
	position: absolute;
	top: 16.2%;
	left: -9%;
	width: 30.59vw;
	height: 66.01vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.tablet-phone-content-de {
	position: absolute;
	top: 16.2%;
	left: -9%;
	width: 30.59vw;
	height: 66.01vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.tablet-phone-content:nth-child(1) {
	background-image: url(./assets/images/tablet-carousel-phone-1.svg);
}

.tablet-phone-content:nth-child(2) {
	background-image: url(./assets/images/tablet-carousel-phone-2.png);
}

.tablet-phone-content:nth-child(3) {
	background-image: url(./assets/images/tablet-carousel-phone-3.png);
}

.tablet-phone-content-de:nth-child(1) {
	background-image: url(./assets/images/tablet-carousel-phone-de-1.svg);
}

.tablet-phone-content-de:nth-child(2) {
	background-image: url(./assets/images/tablet-carousel-phone-de-2.svg);
	left: -18%;
}

.tablet-phone-content-de:nth-child(3) {
	background-image: url(./assets/images/tablet-carousel-phone-de-3.svg);
	left: -18%;
}

.mobile-phone {
	position: absolute;
	bottom: -35.55vw;
	left: 0;
	width: 54.66vw;
	height: 225.86vw;
	background-image: url(./assets/images/mobile-carousel-phone-border.svg);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.mobile-phone-content {
	position: absolute;
	top: 13.3%;
	left: 0%;
	width: 31.46vw;
	height: 135.46vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.mobile-phone-content-de {
	position: absolute;
	top: 13.3%;
	left: 0%;
	width: 31.46vw;
	height: 135.46vw;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

.mobile-phone-content:nth-child(1) {
	background-image: url(./assets/images/mobile-carousel-phone-1.png);
}

.mobile-phone-content:nth-child(2) {
	background-image: url(./assets/images/mobile-carousel-phone-2.png);
}

.mobile-phone-content:nth-child(3) {
	background-image: url(./assets/images/mobile-carousel-phone-3.png);
}

.mobile-phone-content-de:nth-child(1) {
	background-image: url(./assets/images/mobile-carousel-phone-de-1.svg);
}

.mobile-phone-content-de:nth-child(2) {
	background-image: url(./assets/images/mobile-carousel-phone-de-2.svg);
}

.mobile-phone-content-de:nth-child(3) {
	background-image: url(./assets/images/mobile-carousel-phone-de-3.svg);
}

.desktop-carousel-background {
	margin-top: 18vw;
	width: 100%;
	height: 45.95vw;
	display: flex;
	transition: transform 1s ease-in-out;
}

.desktop-carousel-background-item {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}

.desktop-carousel-background-item-de {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
}

.desktop-carousel-background-item:nth-child(1) {
	background-image: url(./assets/images/desktop-carousel-background-1.svg);
}

.desktop-carousel-background-item:nth-child(2) {
	background-image: url(./assets/images/desktop-carousel-background-2.svg);
}

.desktop-carousel-background-item:nth-child(3) {
	background-image: url(./assets/images/desktop-carousel-background-3.svg);
}

.desktop-carousel-background-item-de:nth-child(1) {
	background-image: url(./assets/images/desktop-carousel-background-de-1.svg);
}

.desktop-carousel-background-item-de:nth-child(2) {
	background-image: url(./assets/images/desktop-carousel-background-de-2.svg);
}

.desktop-carousel-background-item-de:nth-child(3) {
	background-image: url(./assets/images/desktop-carousel-background-de-3.svg);
}

.laptop-carousel-background {
	margin-top: 80px;
	width: 100%;
	height: 74.6vw;
	display: flex;
	transition: transform 1s ease-in-out;
}

.laptop-carousel-background-item {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.laptop-carousel-background-item-de {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.laptop-carousel-background-item:nth-child(1) {
	background-image: url(./assets/images/laptop-carousel-background-1.svg);
}

.laptop-carousel-background-item:nth-child(2) {
	background-image: url(./assets/images/laptop-carousel-background-2.svg);
}

.laptop-carousel-background-item:nth-child(3) {
	background-image: url(./assets/images/laptop-carousel-background-3.svg);
}

.laptop-carousel-background-item-de:nth-child(1) {
	background-image: url(./assets/images/laptop-carousel-background-1-de.svg);
}

.laptop-carousel-background-item-de:nth-child(2) {
	background-image: url(./assets/images/laptop-carousel-background-2-de.svg);
}

.laptop-carousel-background-item-de:nth-child(3) {
	background-image: url(./assets/images/laptop-carousel-background-3-de.svg);
}

.tablet-carousel-background {
	margin-top: 80px;
	width: 100%;
	height: 132.9vw;
	display: flex;
	transition: transform 1s ease-in-out;
}

.tablet-carousel-background-item {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.tablet-carousel-background-item-de {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.tablet-carousel-background-item:nth-child(1) {
	background-image: url(./assets/images/tablet-carousel-background-1.svg);
}

.tablet-carousel-background-item:nth-child(2) {
	background-image: url(./assets/images/tablet-carousel-background-2.svg);
}

.tablet-carousel-background-item:nth-child(3) {
	background-image: url(./assets/images/tablet-carousel-background-3.svg);
}

.tablet-carousel-background-item-de:nth-child(1) {
	background-image: url(./assets/images/tablet-carousel-background-de-1.svg);
}

.tablet-carousel-background-item-de:nth-child(2) {
	background-image: url(./assets/images/tablet-carousel-background-de-2.svg);
}

.tablet-carousel-background-item-de:nth-child(3) {
	background-image: url(./assets/images/tablet-carousel-background-de-3.svg);
}

.mobile-carousel-background {
	margin-top: 40px;
	width: 100%;
	height: 272.53vw;
	display: flex;
	transition: transform 1s ease-in-out;
}

.mobile-carousel-background-item {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mobile-carousel-background-item-de {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mobile-carousel-background-item:nth-child(1) {
	background-image: url(./assets/images/mobile-carousel-background-1.svg);
}

.mobile-carousel-background-item:nth-child(2) {
	background-image: url(./assets/images/mobile-carousel-background-2.svg);
}

.mobile-carousel-background-item:nth-child(3) {
	background-image: url(./assets/images/mobile-carousel-background-3.svg);
}

.mobile-carousel-background-item-de:nth-child(1) {
	background-image: url(./assets/images/mobile-carousel-background-de-1.svg);
}

.mobile-carousel-background-item-de:nth-child(2) {
	background-image: url(./assets/images/mobile-carousel-background-de-2.svg);
}

.mobile-carousel-background-item-de:nth-child(3) {
	background-image: url(./assets/images/mobile-carousel-background-de-3.svg);
}

.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
  }
  
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  .prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
  }
  
  .dot {
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	z-index: 1000;
  }
  
  .active, .dot:hover {
	background-color: #717171;
  }
  
  .fade {
	animation-name: fade;
	animation-duration: 1s;
  }
  
  @keyframes fade {
	from {opacity: 0.4}
	to {opacity: 1}
  }

.desktop-carousel-background-1-text {
	position: relative;
	width: 395px;
	top: 250px;
	left: 162px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.desktop-carousel-background-2-text {
	position: relative;
	width: 395px;
	top: 250px;
	left: 162px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.desktop-carousel-background-3-text {
	position: relative;
	width: 395px;
	top: 233px;
	left: 162px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.desktop-carousel-background-1-text-1 {
	color: var(--white, #FFF);
	font-size: 44px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
}

.desktop-carousel-background-1-text-2 {
	color: var(--white, #FFF);
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	line-height: 30px;
}

.laptop-carousel-background-1-text {
	position: relative;
	width: 80.46vw;
	top: 5vw;
	left: 9vw;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.laptop-carousel-background-1-text-1 {
	color: var(--white, #FFF);
	font-size: 24px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
}

.laptop-carousel-background-1-text-2 {
	color: var(--white, #FFF);
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	line-height: 30px;
}

.tablet-carousel-background-1-text {
	position: relative;
	width: 78.51vw;
	top: 7.8vw;
	left: 10vw;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.tablet-carousel-background-1-text-1 {
	color: var(--white, #FFF);
	font-size: 24px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
}

.tablet-carousel-background-1-text-2 {
	color: var(--white, #FFF);
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	line-height: 30px;
}

.mobile-carousel-background-1-text {
	position: relative;
	width: 91.46vw;
	top: 15vw;
	left: 4vw;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.mobile-carousel-background-1-text-1 {
	color: var(--white, #FFF);
	font-size: 24px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
}

.mobile-carousel-background-1-text-2 {
	color: var(--white, #FFF);
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	line-height: 30px;
}

.dot-indicator  {
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align:center; 
	margin-top: 5px; 
	z-index: 1000; 
	position: relative;
	background-color: white;
}

.home-athletes-coaches-menu {
	display: none;
	position: relative;
	margin-top: 70px;
	height: 58px;
	background-color: #135B61;
}

.home-athletes-coaches-menu-tab {
	position: relative;
	width: 300px;
	height: 46px;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 0;
	align-items: center;
	margin: auto;
}

.home-athletes-coaches-menu-tab-athletes {
	position: relative;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	gap: 10px;
}

.home-athletes-coaches-menu-tab-athletes-str {
	position: relative;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	margin-top: 30px;
	background-color: #135B61;
	border: none;
	color: #32B2AA;
}

.home-athletes-coaches-menu-tab-athletes-str.active {
	position: relative;
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	margin-top: 30px;
	background-color: #135B61;
	border: none;
	color: white;
}

.home-athletes-coaches-menu-tab-athletes-subline {
	position: relative;
	width: 100%;
	height: 0;
	border: 2px solid #135B61;
}

.feedback-carousel-container {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.feedback-carousel {
	display: flex;
	transition: transform 1s ease-in-out;
}

.feedback {
	flex: 0 0 100%;
	padding: 100px 173px 109px 173px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
}

.feedback-title {
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 700;
	font-size: 44px;
	line-height: 56px;
	text-transform: capitalize;
}

.feedback-content {
	max-width: 816px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.feedback-content-desc {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 34px;
	line-height: 43px;	
	color: #3D3F3F;
}

.feedback-profile {
	display: flex;
	flex-direction: row;
	gap: 24px;
	height: 63px;
}

.profile-image {
	width: 62px;
	background-image: url(./assets/images/Avatar.svg);
}

.profile-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.profile-content-name {
	font-family: 'Overpass';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
}

.profile-content-title {
	font-family: 'Overpass';
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
}


a {
    text-decoration: none;
	color: inherit !important;
}

.knowledge-hub-head {
	width: 100%;
	padding: 100px 173px 100px 173px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start !important;
	gap: 32px;
}

.knowledge-hub-head-1 {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 534px;
}

.knowledge-hub-head-1-1 {
	padding: 0;
	margin: 0;
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-size: 44px;
	line-height: 44px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;	
	width: inherit;
}

.knowledge-hub-head-1-2 {
	padding: 0;
	margin: 0;
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	line-height: 30px;
	width: inherit;
}

.knowledge-hub-head-2 {
	flex-grow: 2;
}

.knowledge-hub-head-2-content {
	margin: 0;
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-size: 20px;
	font-family: Overpass;
	font-style: italic;
	line-height: 30px;
}

.knowledge-hub-post {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 60px;
	padding: 50px 172px;
}

.knowledge-hub-post-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	overflow: hidden;
}

.knowledge-hub-post-header-search {
	display: flex;
	height: 50px;
	padding: 12px 16px;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 8px;
	border: 1px solid var(--light-uimats-black-80-white-cecfcf, #CECFCF);
}

.knowledge-hub-post-header-search-input {
	border: none;
	width: calc(100vw - 1000px);
}

.switcher-carousel {
	display: flex;
	width: 100%;
}

.switcher {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 704px;
	padding: 6px;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 100px;
	border: 1px solid #2098A1;
	background: rgba(32, 152, 161, 0.1);
}

.switcher-mats.active {
	display: flex;
	width: 173px;
	padding: 12px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 100px;
	border: 0.5px solid rgba(0, 0, 0, 0.04);
	background: #2098A1;
	box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
}

.switcher-mats {
	display: flex;
	width: 173px;
	padding: 12px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 100px;
}

.knowledge-hub-sort-bar {
	display: flex;
	align-items: flex-start;
	gap: 48px;
}

.knowledge-hub-sort-bar-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.knowledge-hub-sort-bar-item-letter {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-size: 15px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.knowledge-hub-sort-bar-item-letter.sort-active {
	color: var(--light-uimats-green-primary-2098-a-1, #2098A1);
	font-size: 15px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.knowledge-hub-sort-bar-item-line-1 {
	display: block;
	width: 83px;
	height: 2px;
}

.knowledge-hub-sort-bar-item-line-2 {
	display: block;
	width: 88px;
	height: 2px;
}

.knowledge-hub-sort-bar-item-line-3 {
	display: block;
	width: 32px;
	height: 2px;
}

.knowledge-hub-sort-bar-item-line-4 {
	display: block;
	width: 32px;
	height: 2px;
}

.knowledge-hub-sort-bar-item-line-active {
	background: #2098A1;
}

.post-container {
	position: relative;
	box-sizing: border-box;
	padding-top: 24px;
	/* padding: 24px 174px 100px 174px; */
	width: 100%;
}

.post-top {
	position: relative;
	box-sizing: border-box;
	padding: 24px 174px 0px 174px;
	width: 100%;
}

.hub-link {
	display: flex;
	flex-direction: row;
	gap: 12px;
}
.hub-link-icon {
	width: 12px;
	height: 12px;
	background-image: url(./assets/images/hub-link-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.hub-link-content {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.post-main {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.post-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 44px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}

.post-main-left {
	width: calc(100% - 566px);
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
}

.post-category {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 17px;
	font-style: italic;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 63px;
}

.hkb-article__title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 44px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-top: 24px;
}

.post-main-content {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	padding-bottom: 24px;
}

.post-main-right {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 534px;
}

.post-main-right-icons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 29px;
}

.post-main-right-icons-1 {
	display: flex;
	flex-direction: row;
	gap: 32px;
}

.post-main-right-share-icon {
	width: 24px;
	height: 24px;
	/* background-image: url(./assets/images/post-share-icon.svg); */
}

.post-main-right-whatsapp-icon {
	width: 24px;
	height: 24px;
	background-image: url(./assets/images/post-whatsapp-icon.svg);
}

.post-main-right-instagram-icon {
	width: 24px;
	height: 24px;
	background-image: url(./assets/images/post-instagram-icon.svg);
}

.post-main-right-linkedin-icon {
	width: 24px;
	height: 24px;
	background-image: url(./assets/images/post-linkedin-icon.svg);
}

.post-main-right-facebook-icon {
	width: 24px;
	height: 24px;
	background-image: url(./assets/images/post-facebook-icon.svg);
}

.post-main-right-twitter-icon {
	width: 24px;
	height: 24px;
	background-image: url(./assets/images/post-twitter-icon.svg);
}

.post-main-right-icons-2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
}

.post-main-right-favorite-icon {
	width: 24px;
	height: 24px;
	background-image: url(./assets/images/post-favorite-icon.svg);
}

.post-main-right-favorite-number {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.post-main-right-favorite-number-text {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
}

.post-main-right-image {
	width: 100%;
	height: 700px;
	background-image: url(./assets/images/post-main-right-image.svg);
	background-repeat: no-repeat;
}

.post-main-content-highlight {
	padding: 32px;
	display: flex;
	flex-direction: row;
	gap: 32px;
}

.post-main-content-highlight-1 {
	width: 4px;
	height: inherit;
	background: #2098A1;
}

.post-main-content-highlight-2 {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-content-header-2 {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-content-header-3 {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-register-button {
	margin-top: 48px;
	width: 533px;
	box-sizing: border-box;
	display: flex;
	padding: 18px 60px;
	align-items: center;
	border-radius: 6px;
	background: var(--light-uimats-green-primary-2098-a-1, #2098A1);
	gap: 9px;
}

.post-register-button-text-1 {
	color: var(--white, #FFF);
	font-family: Overpass;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-register-button-text-2 {
	color: var(--light-uimats-black-96-white-f-5-f-5-f-5, #F5F5F5);
	font-family: Overpass;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
}

.post-deep-dive {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.post-deep-dive-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-deep-dive-1 {
	display: flex;
	flex-direction: row;
	gap: 48px;
}

.post-deep-dive-1-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.post-deep-dive-1-left-text {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-deep-dive-1-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.post-deep-dive-1-right-1 {
	color: #0C0F0F;
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.post-deep-dive-1-right-2 {
	color: #59C4BD;
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

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

.post-similar-articles-title {
	margin-top: 100px;
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-similar-articles {
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 32px;
	transition: transform 0.3s ease;
	padding-bottom: 40px;
}

.post-similar-articles-1 {
	margin-top: 24px;
	display: flex;
	width: 100%;
	gap: 32px;
}

.post-similar-article {
	padding: 48px 24px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	border-radius: 12px;
	background: var(--light-uimats-black-96-white-f-5-f-5-f-5, #F5F5F5);
	flex: 30%;
	min-width: 258px;
}

.post-similar-article:hover {
	background: var(--light-uimats-green-80-white-d-2-eaec, #D2EAEC);
}

.post-similar-article-1 {
	padding: 48px 24px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	border-radius: 12px;
	background: var(--light-uimats-black-96-white-f-5-f-5-f-5, #F5F5F5);
	min-width: 258px;
}

.post-similar-article-1:hover {
	background: var(--light-uimats-green-80-white-d-2-eaec, #D2EAEC);
}

.post-similar-article-category {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

.post-similar-article-main {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.post-similar-article-main-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.post-similar-article-main-content {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.post-similar-article-favorite {
	display: flex;
	flex-direction: row;
	gap: 6px;
}

.post-similar-article-favorite-icon {
	width: 12px;
	height: 12px;
	background-image: url(./assets/images/post-favorite-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.post-similar-article-favorite-text {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.post-main-image {
	display: none;
	margin: auto;
}

.grabbing {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

.post-similar-articles-container {
	display: none;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.post-top-icons {
	height: 42px;
	display: none;
	justify-content: space-between;
}

.post-top-icons-left {
	width: 30px;
	padding: 10px 9px;
}

.post-top-favorite {
	display: flex;
	gap: 6px;
	align-items: center;
}

.post-top-favorite-text {
	color: var(--light-uimats-green-primary-2098-a-1, #2098A1);
	font-family: Overpass;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
}

.post-top-icons-right {
	width: 156px;
	padding: 10px 9px;
	display: flex;
	flex-direction: row;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
}

#post-icons-column {
	display: none;
}

.help-title {
	padding-top: 100px;
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	text-align: center;
	font-family: Overpass;
	font-size: 44px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}

.help-subtitle {
	padding-top: 24px;
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	text-align: center;
	font-family: Overpass;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
}

.help-search {
	margin: auto;
	margin-top: 50px;
	padding: 12px 16px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	box-sizing: border-box;
	width: 534px;
	border-radius: 8px;
	border: 1px solid var(--light-uimats-black-80-white-cecfcf, #CECFCF);
}

.help-search-input {
	width: 468px;
	border: none;
}

.help-faqs {
	margin: auto;
	margin-top: 100px;
	max-width: 1580px;
	padding: 0px 100px 0px 100px;
}

.help-footer {
	margin: auto;
	margin-top: 200px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1580px;
	padding: 0px 100px 200px 100px;
}

.help-footer-1 {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 534px;
}

.help-contact-us-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 44px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}

.help-contact-us-content {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 30px;
}

.help-footer-2 {
	display: flex;
	flex-direction: row;
	gap: 178px;
	max-width: 811px;
}

.help-footer-2-email {
	display: flex;
	flex-direction: column;
	gap: 48px;
	width: 250px;
}

.help-foter-2-email-icon {
	width: 48px;
	height: 48px;
}

.help-footer-2-email-support {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.help-footer-2-email-support-1 {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.help-footer-2-email-support-2 {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.help-footer-2-position {
	display: flex;
	flex-direction: column;
	gap: 48px;
	width: 383px;
}

.help-footer-2-position-icon {
	width: 48px;
	height: 48px;
}

.help-footer-2-position-address {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.help-footer-2-position-address-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.help-footer-2-position-address-content {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.help-accordions {
	padding: 100px 141px 0px 141px;
}

.help-accordion-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 41px;
}

.help-accordion-subtitle {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.help-accordion-content {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.knowledge-hub-post-content {
	margin-top: 60px;
}

.knowledge-hub-post-item {
  flex-basis: calc(33.33% - 10px);
  margin-bottom: 40px;
  border-radius: 12px;
  background: var(--light-uimats-black-96-white-f-5-f-5-f-5, #F5F5F5);
  color: white;
  width: 100px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;	
}

.knowledge-base-article-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.knowledge-base-article-item {
	flex-basis: calc(33.33% - 32px);
}

.knowledge-base-article {
	margin-bottom: 60px;
	background-color: #ebebeb;
	padding: 48px 24px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	border-radius: 12px;
	background: var(--light-uimats-black-96-white-f-5-f-5-f-5, #F5F5F5);
}

.knowledge-base-article:hover {
	background: var(--light-uimats-green-80-white-d-2-eaec, #D2EAEC);
}

.knowledge-base-article-category {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

.knowledge-base-article-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.knowledge-base-article-excerpt {
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	font-family: Overpass;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.knowledge-base-article-load-more {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
}

.knowledge-base-article-load-more-text {
	padding: 12px 24px;
	border-radius: 6px;
	background: var(--light-uimats-green-80-white-d-2-eaec, #D2EAEC);
	display: inline-block;
	color: var(--light-uimats-green-20-black-1-a-7-a-81, #1A7A81);
	font-family: Overpass;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.knowledge-hub-sort-bar-container {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.knowledge-hub-sort-bar-line {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #9E9F9F;
	z-index: -1;
}

.knowledge-base-article-rating-container {
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: center;
}

.post-voting-icons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 29px;
}

#ht-voting-upvote {
	background: none !important;
}

.knowledge-base-relative-article-title {
	color: var(--light-uimats-black-primary-0-c-0-f-0-f, #0C0F0F);
	font-family: Overpass;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.subscribe-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
/* 	padding-top: 157px; */
}

.subscribe-confirm {
	display: flex;
	flex-direction: column;
	gap: 48px;
	align-items: center;
	max-width: 534px;
}

.subscribe-title {
	color: var(--light-uimats-black-20-white-3-d-3-f-3-f, #3D3F3F);
	text-align: center;
	font-size: 28px;
	font-family: Overpass;
	font-style: italic;
	font-weight: 700;
	line-height: 34px;
	padding: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.subscribe-content {
	padding: 20px;
	color: var(--light-uimats-black-40-white-6-d-6-f-6-f, #6D6F6F);
	text-align: center;
	font-size: 17px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	padding: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.subscribe-button {
	border-radius: 6px;
	background: var(--light-uimats-green-primary-2098-a-1, #2098A1);
	backdrop-filter: blur(40px);
	max-width: 400px;
	height: 60px;
	padding: 12px 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.subscribe-email {
	color: var(--light-uimats-green-primary-2098-a-1, #2098A1);
	text-align: center;
	font-size: 17px;
	font-family: Overpass;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	padding: 0;
}

@media screen and (min-width: 2040px) {

	.home-carousel-knowledge-hub {
		top: 14vw;
		left: 73.9vw
	}
}

@media screen and (min-width: 1872px) {

	.home-carousel-training-calendar {
		top: 24.9vw;
	}

	.home-carousel-strength-core {
		top: 20.8vw;
	}

	.home-carousel-knowledge-hub {
		top: 13.9vw;
		left: 73.6vw;
	}

	.home-carousel-analysis {
		top: 8.2vw;
	}
}

@media screen and (min-width: 1728px) {
	.owl-carousel-2 {
		background-size: contain;
	}


}

@media screen and (max-width: 1728px) {
	.home-carousel-item-curve-1 {
		background-size: contain;
	}
}

/* @media screen and (max-width: 1679px) {
	.home-start-for-free-image {
		width: 835px;
		height: 495px;
	}
} */

@media screen and (max-width: 1620px) {

	.home-carousel-remote-diagnostic {
		top: 23.1vw;
	}

	.home-carousel-training-calendar {
		top: 25.8vw;
	}

	.home-carousel-communication {
		left: 87vw;
		top: 20.3vw;
	}

}

@media screen and (max-width: 1586px) {

	.home-carousel-remote-diagnostic {
		top: 23.15vw;
	}

	.home-start-for-free-image {
		/* background-image: url(./assets/images/home-start-for-free-image-laptop.svg);
		width: 558px; */
		width: 816px;
		height: 519px;
		left: 828px;
	}

	.home-start-for-free-back {
		right: 0px;
		width: 687px;
		height: 292px;
	}
}

@media screen and (max-width: 1574px) {

	.home-carousel-remote-diagnostic {
		top: 23.2vw;
	}

	.pre-home-1-l {left: 96px;}

	.home-carousel-analysis {
		top: 8.7vw;
	}

	.home-carousel-training-plans {
		left: 84.5vw;
		top: 14.7vw;
	}
}

@media screen and (max-width: 1530px) {
	.home-carousel-communication {
		left: 86.7vw;
		top: 20.6vw;
	}
}

@media screen and (max-width: 1500px) {

	.home-carousel-remote-diagnostic {
		top: 23.3vw;
	}

	.pre-home-1 {
		height: 704px;
	}

	.pre-home-1-l {
		top: 157px;
	}

	.pre-home-1-l-text-1 {
		font-size: 44px;
		line-height: 55.7px;
	}
	.pre-home-1-l-text-2 {
		font-size: 44px;
		line-height: 55.7px;
	}

	.pre-home-1-l-text-3 {
		font-size: 20px;
		line-height: 30px;
	}
	
	.pre-home-1-r {
		position: absolute;
		width: 417.98px;
		height: 704px;
		right: 0px;
		bottom: 0px;
		background: linear-gradient(209.75deg, #9055FF -16.89%, #2098A1 100%);
	}

	.pre-home-1-video {
		width: 493px;
		height: 629px;
		bottom: 38px;
		right: 13px;
	}

	#video-player {
		width: 493px;
		height: 629px;
	}

	.pre-home-1-video-image {
		background-image: url(./assets/images/video-laptop.svg);
	}

	.pre-home-2 {
		margin-top: 100px;
	}
	.pre-home-2-1 {
/* 		height: 73px; */
		font-size: 64px;
		line-height: 73px;
	}
	
	.pre-home-2-2 {
/* 		height: 30px; */
		font-size: 24px;
		line-height: 30px;
		top: 6px;
	}

	.home-carousel-item-text-1 {
		left: 100px;
		top: 150px;
	}
}

@media screen and (max-width: 1472px) {

	.desktop-carousel-background-1-text {
		top: 150px;
		left: 62px;
	}

	.home-carousel-training-calendar {
		top: 26vw;
	}

	.home-carousel-remote-diagnostic {
		top: 23.3vw;
	}

	.home-carousel-strength-core {
		top: 20.8vw;
	}

	.feedback {
		padding: 100px 97.5px 100px 97.5px;
	}

}

@media screen and (max-width: 1460px) {


	.home-carousel-remote-diagnostic {
		top: 23.4vw;
	}

	.site-header-1 {
		padding-left: 102px;
		padding-right: 102px;
	 }

	 .header-nav {
		width: 666px;
	 }

	 .header-login {
		gap: 24px;
	 }
	
	 .site-logo {
		width: 41px;
		height: 41px;
	}

	 .site-branding {
		width: 41px;
		height: 41px;
		background-image:url(./assets/images/header-logo-2.svg);
	}

	.site-header-1 {
		height: 65px;
	}
	
	#menu-dropdown {
		top: 65px;
	}
	.home-athletes {
		width: 485px;
		height: 571px;
	}

	.home-coaches {
		width: 485px;
		height: 571px;
	}

	.home-athletes-coaches-content {
		gap: 19px;
		margin-top: 80px;
	}

	.home-athletes-content {
		margin-left: 48px;
		margin-top: 100px;
		width: calc(100% - 96px);
	}

	.home-coaches-content {
		margin-left: 48px;
		margin-top: 100px;
		width: calc(100% - 96px);
	}

	.home-athletes-content-title-main {
		height: 30px;
		font-size: 24px;
		line-height: 30px;
	}

	.home-athletes-content-title-sub {
		height: 30px;
		font-size: 20px;
		line-height: 30px;
	}

	.home-athletes-content-desc-1-spec {
		font-size: 20px;
		line-height: 25px;
	}

	.home-athletes-content-desc-2-spec {
		font-size: 20px;
		line-height: 25px;
	}

	.help-footer-2 {
		gap: 78px;
	}
}

@media screen and (max-width: 1420px) {

	.home-carousel-remote-diagnostic {
		left: 63.6vw;
		top: 23.6vw;
	}

}

@media screen and (max-width: 1390px) {
	.pre-home-1-video {right: 12px;}
}

@media screen and (max-width: 1340px) {

	.home-carousel-item-text-1 {
		left: 50px;
		top: 70px;
	}

	.post-main-left {
		width: 100%;
	}

	.post-main-right {
		display: none;
	}
	
	.post-main-right-icons {
		position: fixed;
		top: 220px;
		right: 16px;
		flex-direction: column;
	}
	
	.post-main-right-icons-1 {
		flex-direction: column;
	}
	
	.post-main-right-icons-2 {
		flex-direction: column;
	}

	.post-main-image {
		display: block;
	}

	/* .post-container {
		padding: 24px 108px 100px 100px;
	} */

	.post-top {
		padding: 24px 108px 0px 100px;
	}

	.post-main {
		flex-direction: column;
	}

	.post-similar-articles {
		gap: 24px;
	}

	.post-similar-articles-1 {
		gap: 24px;
	}
	
	#post-icons-column {
		display: flex;
	}

	.help-footer {
		justify-content: center;
		gap: 48px;
	}

	.help-footer-2 {
		flex-direction: column;
		gap: 70px;
	}

	.help-footer-2-position {
		width: 320px;
	}

	.help-footer-1 {
		width: 456px;
	}

	.help-search {
		margin-top: 26px;
	}	
	.knowledge-hub-post-header {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 50px;
	}
	
	.knowledge-hub-post-header-search-input {
		width: 100%;
	}
		
	.knowledge-hub-head {
		padding: 100px 100px 0px 100px;
		flex-direction: column;
		gap: 50px;
	}
	
	.knowledge-hub-post {
		gap: 50px;
		padding: 50px 100px;
	}
	
	.knowledge-hub-post-header-searchbox {
		width: 100% !important;
	}
}

@media screen and (max-width: 1268px) {

	#colophon {
		display: none;
	}

	#colophon1 {
		display: flex;
	}
	
	.site-footer {
		padding: 97px 110px 61px 94px;
	}

	.home-start-for-free {
		margin-top: 100px;
		padding: 123px 102px 170px;
	}

	.home-start-for-free-content {
		justify-content: space-between;
	}

	.home-start-for-free-content-title {
		font-size: 46px;
		line-height: 68px;
	}
	
	.home-start-for-free-content-desc {
		width: 420px;
	}

	.home-start-for-free-image {
		left: 620px;
	}

	.site-header-1 {
		padding-left: 16px;
		padding-right: 16px;
	}

	.header-login {
		gap: 24px;
/* 		width: 184px; */
	}

	.home-compatible-services-title {
		padding-top: 100px;
		font-size: 24px;
		line-height: 30px;
	}

	.home-compatible-services-content-container {
		padding-top: 50px;
		width: 897px;
		gap: 24px;
	}

	.home-compatible-services-apple {
		width: 219px;
		height: 75px;
	}

	.home-compatible-services-zwift {
		width: 191px;
		height: 44px;
	}

	.home-compatible-services-garmin {
		width: 222px;
		height: 56px;
	}
	
	.home-compatible-services-wahoo {
		width: 193px;
		height: 48px;
	}
	
	.home-compatible-services-strava {
		width: 174px;
		height: 37px;
	}

	.home-compatible-services-suunto {
		width: 179px;
		height: 54px;
	}
	
	.home-compatible-services-coros {
		width: 250px;
		height: 63px;
	}
	
	.home-compatible-services-polar {
		width: 185px;
		height: 31px;
	}
	
	.home-compatible-services-whoop {
		width: 170px;
		height: 28px;
	}
	
	.home-compatible-services-hammerhead {
		width: 369px;
		height: 82px;
	}
	
	.home-compatible-services-qura {
		width: 120px;
		height: 37.5px;
	}
	
	.home-compatible-services-core {
		width: 130px;
		height: 48.5px;
	}
	
	.home-compatible-services-moxy {
		width: 163.4px;
		height: 45.7px;
	}

	.knowledge-hub-head-1 {
		max-width: 534px;
	}
}

@media screen and (max-width: 1200px) {

	.pre-home-1-l-last {
		width: 100%;
	}
	
	.desktop-carousel-background-1-text {
		top: 70px;
		left: 20px;
	}

	.pre-home-1-l {
		width: 407px;
		height: 510px;
		top: 96px;
	}

	.feedback-title {
		width: 35%;
		font-size: 24px;
		line-height: 30px;
	}
	
	.feedback-content {
		width: 65%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		gap: 40px;
	}
	
	.feedback-content-desc {
		font-weight: 400;
		font-size: 24px;
		line-height: 30px;	
	}
	
	.feedback-profile {
		gap: 20px;
		align-items: center;
	}

	.profile-image {
		height: 62px;
	}

	.profile-content {
		height: 40px;
		justify-content: space-between;
	}

	.profile-content-name {
		font-size: 12px;
		line-height: 20px;
	}
	
	.profile-content-title {
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
	}
}

@media screen and (max-width: 1024px) {
	
	.desktop-carousel {
		display: none;
	}
		
	.laptop-carousel {
		display: block;
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}

	.site-footer-flex-5 {
		width: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.site-logo {
		width: auto;
	}

	.header-login-item {
		display: none;
	}

	.header-login {
		width: 53px;
	 }

	.home-athletes-coaches {
		padding-top: 100px;
		gap: 6px;
	}

	.home-athletes-coaches-title {
		height: 35px;
		font-size: 24px;
		line-height: 30px;
	}

	.home-athletes-coaches-subtitle {
		font-size: 20px;
		line-height: 25px;
	}

	.post-similar-articles-container {
		display: block;
	}

	.post-similar-articles {
		display: none;
	}
}

@media screen and (max-width: 1016px) {
	.pre-home-1-l {
		left: 16px;
	}
	
	.privacy-body {
		padding: 140px 72px 300px 72px;
	}
		
	.knowledge-hub-head {
		padding: 100px 79px 0px 79px;
	}
	
	.knowledge-hub-post {
		padding: 50px 79px;
	}

	.knowledge-base-article-item {
		flex-basis: calc(50% - 12px);
	}
}

@media screen and (max-width: 948px) {

	.home-start-for-free-content-desc {
		width: 100%;
/* 		width: 600px; */
	}
		
	.home-start-for-free-button {
		width: 100%;
	}
	
	.home-athletes-coaches-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 33px;
	}
	
	.home-start-for-free {
		margin: auto;
		margin-top: 100px;
		padding: 123px 76px 269px 82px;
	}

	.home-compatible-services-content-container {
		width: 608px;
		padding-top: 24px;
	}

	.home-compatible-services-apple {
		width: 148px;
		height: 50px;
	}

	.home-compatible-services-zwift {
		width: 130px;
		height: 30px;
	}

	.home-compatible-services-garmin {
		width: 150px;
		height: 38px;
	}
	
	.home-compatible-services-wahoo {
		width: 131px;
		height: 33px;
	}
	
	.home-compatible-services-strava {
		width: 118px;
		height: 25px;
	}

	.home-compatible-services-suunto {
		width: 121px;
		height: 37px;
	}
	
	.home-compatible-services-coros {
		width: 169px;
		height: 43px;
	}
	
	.home-compatible-services-polar {
		width: 126px;
		height: 21px;
	}
	
	.home-compatible-services-whoop {
		width: 115px;
		height: 19px;
	}
	
	.home-compatible-services-hammerhead {
		width: 246px;
		height: 55px;
	}
	
	.home-compatible-services-qura {
		width: 85px;
		height: 26.5px;
	}
	
	.home-compatible-services-core {
		width: 93px;
		height: 34px;
	}
	
	.home-compatible-services-moxy {
		width: 123px;
		height: 34.5px;
	}

	.site-footer {
		flex-direction: column;
		padding: 50px 76px 50px 76px;
		gap: 60px;
	}

	.site-footer-group {
		width: 100%;
	}

	.site-footer-flex-5 {
		flex-direction: row;
		gap: 32px;
	}

	.home-start-for-free-image {
		/* background-image: url(./assets/images/home-start-for-free-image-tablet.svg); */
		/* background-position: center; */
		width: 602px;
		height: 383px;
		left: 50%;
		transform: translateX(-50%);
		top: 400px;
	}
	
	.home-start-for-free-back {
		right: 2%;
		bottom: 96px;
		width: 96%;
		height: 200px;
	}
}

@media screen and (max-width: 934px) {
	.pre-home-1 {
		height: 960px;
		padding: 0;
	}

	.pre-home-1-l {
		width: 607px;
		height: 372px;
		left: calc(50vw - 303px);
		top: 554px;
	}
	
	.pre-home-1-video {
		width: 100%;
		height: 480px;
		top: 0;
		right: 0;
		bottom: auto;
		border-radius: 0;
	}

	#video-player {
		width: 100%;
		height: 480px;
	}

	.pre-home-1-video-image {
		height: 480px;
		border-radius: 0;
		background-image: url(./assets/images/video-tablet.svg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.pre-home-1-r {
		display: none;
	}
}
@media screen and (max-width: 908px) {


}

@media screen and (max-width: 874px) {

	.menu-icon {
		display: block;
	}
		
	#language-switch-button-1 {
		display: none;
	}

	.header-login {
		width: 24px;
	}

	.header-nav {
		display: none;
	}
	
	.publisher-body {
		padding: 140px 72px 300px 72px;
	}
}

@media screen and (max-width: 840px) {
	.laptop-carousel {
		display: none;
	}

	.tablet-carousel {
		display: block;
	}

	/* .post-container {
		padding: 24px 76px 100px 76px;
	} */

	.post-top {
		padding: 24px 76px 0px 76px;
	}
	
	.switcher {
		width: 610px;
	}
	
	.switcher-mats {
		width: 150px;
	}
}

@media screen and (max-width: 800px) {
	.privacy-body {
		padding: 140px 22px 300px 22px;
	}

	.privacy-body-list {
		width: calc(100vw - 150px);
	}
}

@media screen and (max-width: 798px) {
	.help-footer {
		padding: 0 79px 100px 79px;
	}

	.help-faqs {
		padding: 0 79px 0px 79px;
	}
	
	.help-footer-2 {
		gap: 61px;
	}

	.help-footer-2-position {
		width: 297px;
	}
}

@media screen and (max-width: 778px) {
	.feedback {
		padding: 100px 79px 100px 79px;
		flex-direction: column;
		gap: 48px;
	}
	
	.feedback-title {
		width: 100%;
	}
	
	.feedback-content {
		width: 90%;
	}
	
	.feedback-content-desc {
		font-weight: 400;
		font-size: 24px;
		line-height: 30px;	
	}
	
	.feedback-profile {
		gap: 20px;
		align-items: center;
	}

	.profile-content {
		height: 40px;
		justify-content: space-between;
	}

	.profile-content-name {
		font-size: 12px;
		line-height: 20px;
	}
	
	.profile-content-title {
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
	}

	.switcher-carousel {
		display: flex;
	}
	
	#switcher {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.feedback-content {
		gap: 40px;
	}

	.knowledge-hub-head {
		padding: 100px 79px 50px 79px;
	}
		
	.knowledge-hub-head-1 {
		width: 463px;
	}
	
	.privacy-body-table {
		width: 500px;
	}

	.privacy-body-content-title {
		font-size: 28px;
	}

	.privacy-body-content-p-title {
		font-size: 24px;
	}

	.privacy-body-content-p {
		font-size: 18px;
	}

	.privacy-body-list {
		margin-top: 36px;
		font-size: 18px;
	}
}

@media screen and (max-width: 714px) {
	.help-footer {
		padding: 0 16px 100px 16px;
	}
	
	.help-faqs {
		padding: 0 16px 0px 16px;
	}
	
	.knowledge-hub-head {
		padding: 16px 16px 0px 16px;
		gap: 24px;
	}
	
	.knowledge-hub-post {
		padding: 24px 16px;
		gap: 24px;
	}
}

@media screen and (max-width: 678px) {
	.home-start-for-free-image {
		/* background-size: contain; */
		width: 350px;
		height: 207px;
		top: 476px;
		/* background-image: url(./assets/images/home-start-for-free-image-mobile.svg); */
		/* bottom: -84px; */
		/* left: 50%; */
		/* transform: translateX(-50%); */
	}

	.home-start-for-free {
		padding: 123px 100px 209px 124px;
	}

	.home-start-for-free-back {
		bottom: 0;
		right: 0;
		width: 100%;
		height: 187px;
		border-radius: 0px;
	}

	.home-start-for-free-content-title {
		font-size: 44px;
		letter-spacing: -2px;
	}

	.post-similar-articles-container {
		display: none;
	}

	.post-similar-articles {
		display: flex;
		flex-direction: column;
	}

	/* .post-container {
		padding: 16px 16px 179px;
	} */

	.post-top {
		padding: 16px 16px 0px;
	}
	
	.post-main-right-icons {
		display: none;
	}
	
	#post-icons-column {
		display: none;
	}

	.post-top-icons {
		display: flex;
	}
}

@media screen and (max-width: 658px) {

	.home-compatible-services-content-container {
		width: 260px;
	}

	.home-compatible-services-content-1 {
		-webkit-flex-direction: column;	
		flex-direction: column;	
		-webkit-gap: 24px;
		gap: 24px;
	}

	.home-compatible-services-content-2 {
		-webkit-flex-direction: column;	
		flex-direction: column;	
		-webkit-gap: 24px;
		gap: 24px;
	}

	.home-compatible-services-apple {
		width: 129px;
		height: 43px;
	}

	.home-compatible-services-zwift {
		width: 130px;
		height: 30px;
	}

	.home-compatible-services-garmin {
		width: 125px;
		height: 32px;
	}
	
	.home-compatible-services-wahoo {
		width: 131px;
		height: 33px;
	}
	
	.home-compatible-services-strava {
		width: 124px;
		height: 26px;
	}

	.home-compatible-services-suunto {
		width: 121px;
		height: 37px;
	}
	
	.home-compatible-services-coros {
		width: 134px;
		height: 34px;
	}
	
	.home-compatible-services-polar {
		width: 127px;
		height: 21px;
	}
	
	.home-compatible-services-whoop {
		width: 124px;
		height: 21px;
	}
}

@media screen and (max-width: 640px) {
	.privacy-body-table {
		width: 400px;
	}
	
	.site-footer-group {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}
	.site-footer-group-flex-1 {
		align-items: center;
		gap: 24px;
	}
	.site-footer-group-flex-2 {
		align-items: center;
		gap: 24px;
	}
	.site-footer-group-flex-3 {
		align-items: center;
		gap: 24px;
	}
	.site-footer-group-flex-4 {
		margin-top: 60px;
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		width: 90%;
	}

	.site-footer {
		gap: 60px;
		align-items: center;
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.publisher-body {
		padding: 140px 22px 300px 22px;
	}
	
	.publisher-body-1-title {
		font-size: 28px;
	}
	
	.publisher-body-2-title {
		font-size: 24px;
	}

	.publisher-body-content {
		font-size: 18px;
	}
}

@media screen and (max-width: 608px) {
	.pre-home-1-l {
		width: 500px;
		height: 372px;
		left: calc(50vw - 250px);
		top: 554px;
	}
	.pre-home-1-l-text-1 {
		width: calc(100vw - 80px);
	}
	.pre-home-1-l-text-2 {
		width: calc(100vw - 80px);
	}
	.pre-home-1-l-text-3 {
		width: calc(100vw - 80px);
	}
	.pre-home-1-l-button {
		width: calc(100vw - 80px);
	}

	.tablet-carousel-background-1-text {
		width: 95vw;
		top: 4vw;
		left: 3vw;
		gap: 20px;
	}
}

@media screen and (max-width: 598px) {
	.help-footer {
		flex-direction: column;
		align-items: center;
	}

	.help-contact-us-title {
		text-align: center;
	}

	.help-contact-us-content {
		text-align: center;
	}
}

@media screen and (max-width: 574px) {
	.post-register-button {
		width: 343px;
		margin: auto;
		margin-top: 48px;
		flex-direction: column;
		padding: 18px 24px;
		justify-content: center;
		gap: 0;
	}

	.home-start-for-free {
		padding: 123px 16px 209px 16px;
	}
}

@media screen and (max-width: 566px) {
	.help-search {
		width: calc(100vw - 32px);
	}
	
	.help-search-input {
		width: calc(100vw - 100px);
	}
	.help-footer-1 {
		width: 343px;
	}

	.help-title {
		font-size: 34px;
		line-height: 41px;
	}

	.help-contact-us-title {
		font-size: 34px;
		line-height: 41px;
	}

	.help-footer-2 {
		gap: 55px;
	}
	
	.knowledge-base-article-item {
		flex-basis: 100%;
	}

}

@media screen and (max-width: 556px) {
	.pre-home-1 {
		height: 824px;
	}
	
	.pre-home-1-video {
		height: 382px;
	}
	
	#video-player {
		height: 382px;
	}

	.pre-home-1-video-image {
		height: 382px;
		background-image: url(./assets/images/video-mobile.svg);
	}

	.pre-home-1-l {
		width: 343px;
		height: 311px;
		left: calc(50vw - 170px);
		top: 417px;
	}

	.pre-home-1-l-text-1 {
		width: 100%;
		font-size: 28px;
		line-height: 34px;
	}
	
	.pre-home-1-l-text-2 {
		width: 100%;
		font-size: 28px;
		line-height: 34px;
	}
	
	.pre-home-1-l-text-3 {
		width: 100%;
	}
	
	.pre-home-1-l-button {
		width: 100%;
	}
	
	.pre-home-2 {
		margin-top: 50px;
	}
	
	.pre-home-2-1 {
		font-size: 34px;
		line-height: 41px;
	}

	.knowledge-hub-head {
		padding: 16px 16px 24px 16px;
	}
		
	.knowledge-hub-head-1 {
		width: auto;
	}
	
	.knowledge-hub-head-1-1 {
		font-size: 28px;
	}
}

@media screen and (max-width: 546px) {
	.tablet-carousel {
		display: none;
	}

	.mobile-carousel {
		display: block;
	}

	.home-athletes-coaches {
		padding-top: 50px;
		z-index: 4;
	}
}

@media screen and (max-width: 532px) {
	.feedback {
		padding: 50px 16px 50px 16px;
		gap: 48px;
	}
	
	.feedback-title {
		width: 100%;
	}
	
	.feedback-content {
		width: 100%;
		gap: 40px;
	}
	
	.feedback-content-desc {
		font-weight: 400;
		font-size: 24px;
		line-height: 30px;	
	}
	
	.feedback-profile {
		gap: 20px;
		align-items: center;
	}

	.profile-content {
		height: 40px;
		justify-content: space-between;
	}

	.profile-content-name {
		font-size: 12px;
		line-height: 20px;
	}
	
	.profile-content-title {
		font-weight: 300;
		font-size: 12px;
		line-height: 20px;
	}
}

@media screen and (max-width: 520px) {
	.privacy-body-table {
		width: 350px;
	}
}

@media screen and (max-width: 510px) {

	.home-athletes {
		width: 100%;
		border-radius: 0px;
	}

	.home-coaches {
		width: 100%;
		border-radius: 0px;
	}

	.home-athletes-content {
		margin-left: 16px;
		width: calc(100% - 30px);
	}

	.home-athletes-content-desc {
		gap: 12px;
	}
	.home-athletes-coaches-menu {
		display: block;
	}

	.home-athletes-coaches-content {
		gap: 0;
		margin-top: 50px;
	}

	.home-athletes-content-more {
		margin-top: 40px;
	}

	#athletesButton {
		color: white;
	}

	#athletesSubline {
		border: 2px solid white;
	}
	
	.feedback-content {
		width: 290px;
	}

	.home-compatible-services-title {
		padding-top: 50px;
	}

	.home-compatible-services-content {
		padding-top: 24px;
	}
}

@media screen and (max-width: 476px) {
	
	.privacy-body-table {
		width: 300px;
	}

	.post-voting-icons {
		gap: 20px;
	}
	
	.ht-voting-likes-text {
		display: none;
	}
}

@media screen and (max-width: 426px) {

	.privacy-body-table {
		width: 240px;
	}
	
	.knowledge-hub-sort-bar {
		gap: 24px;
	}
}

@media screen and (max-width: 400px) {
	.pre-home-1-l {
		left: calc(50vw - 171.5px);
	}

}

@media screen and (max-width: 375px) {

	.site-logo {
		width: 24px;
		height: 24px;
	}

	 .site-branding {
		width: 24px;
		height: 24px;
		background-image:url(./assets/images/header-logo-3.svg);
	}

	.site-header-1 {
		height: 48px;
	}
	
	#menu-dropdown {
		top: 48px;
	}
}