@font-face {
    font-family: "Niveau Grotesk Black";
    src: url("../fonts/NiveauGroteskBlack.woff2") format("woff2");
}
@font-face {
    font-family: "Niveau Grotesk Regular";
    src: url("../fonts/NiveauGroteskRegular.woff2") format("woff2");
}
@font-face {
    font-family: "Niveau Grotesk Bold";
    src: url("../fonts/NiveauGroteskBold.woff2") format("woff2");
}

@font-face {
    font-family: "Niveau Grotesk Light";
    src: url("../fonts/NiveauGroteskLight.woff2") format("woff2");
}


html {
  scroll-behavior: smooth;
}

.uk-text-lead {
    font-size: 24px;
}
.border-bottom {
    padding-bottom: 15px;
}

.uk-section{
    scroll-margin-top: 100px;
}

.services .uk-section{
    scroll-margin-top: 0px;
}

.header-links {
    display: none;
}

.header-links ul {
 list-style-type: none;
    display: flex;
    gap: 1.5rem
    
}
.header-links li {
    display: inline-block;
}

.header-links li a {
    text-decoration: none;
    font-size: 1.3rem
}

.uk-navbar-left {
    flex: 0 0 55%;
}

h1, H2, H3, H4, H5 {
font-family: "Niveau Grotesk Black";   

}

h2 {
    font-size: clamp(32px, 5vw, 60px);
    text-transform: uppercase;
}
h3 {
    font-size: 36px;
}
.p-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
}

.uk-section {
    scroll-padding-top: 200px;
}

.hero,
.hero h4 {
    font-size: clamp(20px, 5vw, 30px);
    line-height: 0.9;    
}

.h1-super {
    font-size: clamp(60px, 10vw, 150px);
    line-height: 0.9;
    margin-top: 30px;
}

.h2-super {
    font-size: clamp(18px, 4vw, 30px);
    line-height: 1.1;
}

.uk-button a {
	text-decoration: none
}

.what-we-do .uk-slider-items h3 {
    color: #fff;
	font-family: "Niveau Grotesk Black";
}

.what-we-do .uk-slider-items {
	line-height: 1.2
}

/*
.section-services .uk-slider-items > div:nth-child(1) img {
filter: grayscale(100%) sepia(100%) brightness(37%) hue-rotate(135deg) saturate(315%);
}

.section-services .uk-slider-items > div:nth-child(2) img {
filter: grayscale(100%) sepia(100%) brightness(37%) hue-rotate(335deg) saturate(315%);
}

.section-services .uk-slider-items > div:nth-child(3) img {
filter: grayscale(100%) sepia(100%) brightness(56%) hue-rotate(167deg) saturate(315%);
}
.section-services .uk-slider-items > div:nth-child(4) img {
filter: grayscale(100%) sepia(100%) brightness(56%) hue-rotate(360deg) saturate(315%);
}

.section-services .uk-slider-items > div:nth-child(5) img {
filter: grayscale(100%) sepia(100%) brightness(37%) hue-rotate(195deg) saturate(315%);
}
*/

#module-tm-3 {
    display: none!important;
}


.rainbow-header {
	text-align: center;
	background: linear-gradient(90deg, #5AC4BF 0%, #57BDFF 33%, #F4C14C 66%, #F0866E 100%); 
	color: #fff;
	padding: 10px;
	font-weight: bold;
} 

#values-list li {
color: #5ac4bf
}
.list-w-icons .el-item > .uk-grid img {
	width: 25px;
}
.uk-dropbar .uk-nav-primary a {
	font-weight: 600
}

.tm-header-mobile .uk-navbar-sticky {
	background: rgba(0, 0, 0, 0.8)
}

.tm-header-mobile .uk-navbar-toggle-icon {
	color: #fff
}

.about-job-title {
	color: #5AC4BF
}
@media screen and (min-width: 768px) {
	.header-links {
    	display: flex;
	}
	}
	
  @media only screen and (min-width: 0px) and (max-width: 450px)  {
	
	.home .hero > div,
	.about .hero > div,
	.services .hero > div,
	.groups-events .hero > div {
		        background-size: 185% auto  !important;
		        background-position-y: 0!important;
		        }
		        
	}

  @media only screen and (min-width: 451px) and (max-width: 550px)  {
	
	.home .hero > div,
	.about .hero > div,
	.services .hero > div,
	.groups-events .hero > div {
		        background-size: 150% auto  !important;
		        background-position-y: 0!important;
		        }
		        
	}
	
  @media only screen and (min-width: 551px) and (max-width: 767px)  {
	
	.home .hero > div,
	.about .hero > div,
	.services .hero > div,
	.groups-events .hero > div {
		        background-size: 150% auto  !important;
		        background-position-y: 0!important;
		        }
		        
	}	

  @media only screen and (min-width: 0px) and (max-width: 1200px)  {
.what-we-do .uk-slider-items .el-content {
	font-size: 15px

}

}
