:root {
  --primary: #002041;
  --secondary: #00B4B4;
}
::selection {
	background-color: var(--secondary) !important;
}
html {
	font-family: 'IBM Plex Sans';
	font-weight: 400;
	color: var(--primary);
}
body {
	overflow-x: hidden;
	font-size: 17px;
}
h1 {
	font-family: 'IBM Plex Serif';
	font-size: 60px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--primary);
	hyphens: auto;
}
h2 {
	font-family: 'IBM Plex Serif';
	font-size: 50px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--primary);
	hyphens: auto;
}
h3 {
	font-family: 'IBM Plex Serif';
	font-size: 40px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--primary);
}
h4 {
	color: var(--primary);
}
h5 {
	color: var(--primary);
}
h6 {
	color: var(--primary);
}
a {
	color: var(--secondary);
}
img.border-radius {
	border-radius: 8px;
}
.copy {
	font-size: 1.25rem;
	font-weight: 300;
}
.copy-small {
	font-size: 1.15rem;
	font-weight: 300;
}
.btn {
	font-size: 1.15rem;
	font-weight: 600;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 8px;
	background-color: #fff;
	color: #fff !important;
	text-decoration: none !important;
	transition: 0.2s ease all;
}
.btn:hover {
	opacity: 0.8;
	padding-left: 20px;
	padding-right: 40px;
}
.btn.primary {
	background-color: var(--primary);
}
.btn.secondary {
	background-color: var(--secondary);
}
nav {
	background-color: rgba(255,255,255,0.4);
	backdrop-filter: blur(10px);
}
.uk-logo {
	color: var(--primary);
}
.uk-navbar-nav>li>a {
	font-weight: 600;
	font-size: 1.2rem;
	text-transform: none;
	color: var(--primary);
	transition: 0.2s ease all;
}
.uk-navbar-nav>li>a:hover {
	color: var(--secondary);
}
.uk-navbar-nav>li.uk-active>a {
	color: var(--secondary);
}
.bg-primary {
	background-color: var(--primary);
	color: #fff;
}
.bg-secondary {
	background-color: var(--secondary);
}
.img-cover {
	background-color: #ddd;
	border-radius: 8px;
	object-fit: cover;
}
.img-contain {
	background-color: #ddd;
	border-radius: 8px;
	object-fit: contain;
	object-position: 50% 50%;
}
.num {
	font-size: 40px;
	font-weight: 400;
	color: var(--secondary);
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #6a7590;
}
.bg-light {
	background-color: #EBF0F5;
}
.uk-list li {
	display: flex;
}
.uk-list li::before {
	content: '';
	background-image: url('../img/done-all.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	width: 40px;
	min-width: 40px;
	height: 30px;
}
.uk-offcanvas-bar {
	background-color: #fff;
}
.uk-offcanvas-bar .uk-nav-primary>li>a {
	color: var(--primary);
	transition: 0.2s ease all;
}
.uk-offcanvas-bar .uk-nav-primary>li>a:hover {
	color: var(--secondary);
}
.uk-offcanvas-close {
	right: 10px;
	top: 25px;
	color: var(--primary) !important;
}
footer a {
	color: var(--primary) !important;
	transition: 0.2s ease all;
}
footer a:hover {
	color: var(--secondary) !important;
}
.uk-accordion-title {
	color: var(--primary);
	font-size: 1.5rem;
	font-weight: 600;
	transition: 0.2s ease all;
}
.uk-accordion-title:hover {
	color: var(--secondary);
}
.uk-accordion-content {
	padding-bottom: 20px;
}
.img-why {
	aspect-ratio: 1/1;
}


@media (max-width: 959px) {
	h1 {
		font-size: 40px;
	}
	h2 {
		font-size: 35px;
	}
	h3 {
		font-size: 28px;
	}
	.num {
		font-size: 30px;
	}
	.img-why {
		aspect-ratio: 2/1;
	}
}
@media (max-width: 639px) {
	h1 {
		font-size: 33px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 25px;
	}
	.num {
		font-size: 25px;
	}
	.uk-accordion-title {
		font-size: 1.3rem;
	}
	.copy {
		font-size: 1.15rem;
	}
}