@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html {
    font-family: "Poppins", serif;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", serif;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    font-family: "Poppins", serif;
}

body {
	background-color: #08413B;
}
img#logo-svg {
	height: 200px;
	width: auto;
}
.tm-header, .tm-header-mobile {
    position: relative;
}
.uk-sticky-fixed {
    margin: 0!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.uk-sticky {
    position: relative;
    z-index: 980;
    box-sizing: border-box;
}
* {
    --uk-inverse: initial;
}
div {
    display: block;
    unicode-bidi: isolate;
}
.uk-section-primary {
    --uk-inverse: light;
    background: #08413B;
}
.uk-sticky-below .uk-navbar-transparent {
    background-color: rgba(0, 0, 0, 0.4);
}

#our-vision {
	background-color: #003D31;
	background-image: url("../images/bg-our-vision.png");
	background-size: contain;
}

#products {
	background-color: #003D31;
	background-image: url("../images/bg-our-vision.png");
	background-size: contain;
}

.uk-text-lead {
	color: rgba(255,255,255,1.0);
	font-weight: 200;
}

div.uk-text-lead.uk-dark {
	color: #000000;
}

.uk-text-emphasis, .uk-light .uk-text-emphasis, .tm-orange, uk-link, a {
	color: #FF9202;
}

link:hover, a:hover {
    color: #d67c04;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4 {
	font-weight: 500;
	text-transform: uppercase;
}
div#core-values-grid div {
	height: 396px;
}
div#cv-1-ico img,
div#cv-2-ico img,
div#cv-3-ico img,
div#cv-4-ico img {
	width: 35%;
}
div#cv-1-bg {
	position: relative;
	left: 30px;
	top: 0px;
	z-index: 0;
}
div#cv-2-bg {
	position: relative;
	left: 60px;
	top: 0px;
	z-index: 0;
}
div#cv-3-bg {
	position: relative;
	left: 60px;
	top: 0px;
	z-index: 0;
}
div#cv-4-bg {
	position: relative;
	left: 50px;
	top: 0px;
	z-index: 0;
}
div#cv-1-ico {
	position: relative;
	left: -80px;
	top: -290px;
	z-index: 1;
}
div#cv-2-ico {
	position: relative;
	left: -80px;
	top: -290px;
	z-index: 1;
}
div#cv-3-ico {
	position: relative;
	left: -80px;
	top: -290px;
	z-index: 1;
}
div#cv-4-ico {
	position: relative;
	left: -80px;
	top: -290px;
	z-index: 1;
}
div#cv-1-txt {
	position: relative;
	left: -90px;
	top: -500px;
	z-index: 2;
}
div#cv-2-txt {
	position: relative;
	left: -90px;
	top: -500px;
	z-index: 2;
}
div#cv-3-txt {
	position: relative;
	left: -90px;
	top: -500px;
	z-index: 2;
}
div#cv-4-txt {
	position: relative;
	left: -90px;
	top: -500px;
	z-index: 2;
}


@media (min-width: 640px) {
	div#core-values-grid div {
		height: 396px;
	}
	div#cv-1-ico img,
	div#cv-2-ico img,
	div#cv-3-ico img,
	div#cv-4-ico img {
		width: 50%;
	}
	div#cv-1-bg {
		position: relative;
		left: 50px;
		top: 0px;
		z-index: 0;
	}
	div#cv-2-bg {
		position: relative;
		left: 80px;
		top: 0px;
		z-index: 0;
	}
	div#cv-3-bg {
		position: relative;
		left: 70px;
		top: 0px;
		z-index: 0;
	}
	div#cv-4-bg {
		position: relative;
		left: 50px;
		top: 0px;
		z-index: 0;
	}
	div#cv-1-ico {
		position: relative;
		left: -80px;
		top: -290px;
		z-index: 1;
	}
	div#cv-2-ico {
		position: relative;
		left: -60px;
		top: -290px;
		z-index: 1;
	}
	div#cv-3-ico {
		position: relative;
		left: -80px;
		top: -290px;
		z-index: 1;
	}
	div#cv-4-ico {
		position: relative;
		left: -60px;
		top: -290px;
		z-index: 1;
	}
	div#cv-1-txt {
		position: relative;
		left: -90px;
		top: -470px;
		z-index: 2;
	}
	div#cv-2-txt {
		position: relative;
		left: -70px;
		top: -470px;
		z-index: 2;
	}
	div#cv-3-txt {
		position: relative;
		left: -90px;
		top: -470px;
		z-index: 2;
	}
	div#cv-4-txt {
		position: relative;
		left: -70px;
		top: -470px;
		z-index: 2;
	}
}
@media (min-width: 960px) {
	div#core-values-grid div {
		height: auto;
	}
	div#cv-1-ico img,
	div#cv-2-ico img,
	div#cv-3-ico img,
	div#cv-4-ico img {
		width: 70%;
	}
	div#cv-1-bg {
		position: relative;
		left: 50px;
		top: 0px;
		z-index: 0;
	}
	div#cv-2-bg {
		position: relative;
		left: 80px;
		top: 0px;
		z-index: 0;
	}
	div#cv-3-bg {
		position: relative;
		left: 70px;
		top: 0px;
		z-index: 0;
	}
	div#cv-4-bg {
		position: relative;
		left: 50px;
		top: 0px;
		z-index: 0;
	}
	div#cv-1-ico {
		position: relative;
		left: -30px;
		top: -150px;
		z-index: 1;
	}
	div#cv-2-ico {
		position: relative;
		left: 0px;
		top: -150px;
		z-index: 1;
	}
	div#cv-3-ico {
		position: relative;
		left: -10px;
		top: -150px;
		z-index: 1;
	}
	div#cv-4-ico {
		position: relative;
		left: -30px;
		top: -150px;
		z-index: 1;
	}
	div#cv-1-txt {
		position: relative;
		left: -30px;
		top: -130px;
		z-index: 2;
	}
	div#cv-2-txt {
		position: relative;
		left: 0px;
		top: -130px;
		z-index: 2;
	}
	div#cv-3-txt {
		position: relative;
		left: -10px;
		top: -130px;
		z-index: 2;
	}
	div#cv-4-txt {
		position: relative;
		left: -30px;
		top: -130px;
		z-index: 2;
	}
}


.poppins-thin {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", serif;
  font-weight: 900;
  font-style: italic;
}