@charset "UTF-8";

		.top-main {
			background: linear-gradient(90deg, #01916d 0%, #014937 100%);
			padding: 140px 0 25px;
		}

		.top-main .hero-mc {
			position: absolute;
			top: 50px;
			left: 5%;
			z-index: 2;
		}

		.top-main .hero-mc span {
			background: #FFF;
			display: block;
			margin-bottom: 10px;
			font-size: 40px;
			line-height: 1.4em;
			padding: 0 10px;
			font-weight: 300;
		}

		.slider-container {
			width: 100%;
			overflow: hidden;
			padding: 0;
		}

		.slider-row {
			display: flex;
			width: 100%;
			position: relative;
		}

		.slider-row.row-2 {
			margin-left: -10vw;
		}

		.slider-track {
			display: flex;
			will-change: transform;
			transform: translate3d(0, 0, 0);
		}

		#track1 {
			animation-name: slide-left;
			animation-timing-function: linear;
			animation-iteration-count: infinite;
		}

		#track2 {
			animation-name: slide-right;
			animation-timing-function: linear;
			animation-iteration-count: infinite;
		}

		.slider-item {
			height: 20vw;
			width: auto;
			flex-shrink: 0;
			overflow: hidden;
			background-color: #ddd;
		}

		.slider-item img {
			width: auto;
			height: 100%;
			display: block;
		}

		@keyframes slide-left {
			0% {
				transform: translateX(0);
			}

			100% {
				transform: translateX(-50%);
			}
		}

		@keyframes slide-right {
			0% {
				transform: translateX(-50%);
			}

			100% {
				transform: translateX(0);
			}
		}

		@media (max-width: 768px) {

			.top-main {
				background: linear-gradient(90deg, #01916d 0%, #014937 100%);
				padding: 120px 0 25px;
			}

			.top-main .hero-mc {
				position: absolute;
				top: 70px;
				left: 5%;
				z-index: 2;
			}

			.top-main .hero-mc span {
				background: #FFF;
				display: block;
				margin-bottom: 5px;
				font-size: min(5.5vw, 30px);
				line-height: 1.4em;
				padding: 0 10px;
				font-weight: 300;
			}

			.slider-item {
				height: 30vw;
			}

			.top-message {
				padding: 50px 0 40px;
				background: none;
				background-size: cover;
			}

			.top-message .content .top-message-txt {
				padding: 0 3%;
			}


		}
