/* ELEMENTS */
h3 { color: var(--tertiary-clr); margin: 0 0 15px }
table { border-collapse: collapse; background: #FFF; width: 100% }
td, th { text-align: left }
th { border-left: 1px solid var(--neutral-dark-clr); background: var(--primary-clr); color: #FFF; padding: .25em .5em }
th:first-of-type { border-left-color: var(--primary-clr) }
td { border: 1px solid var(--neutral-dark-clr); font-size: calc(var(--body-fs) - .1rem); padding: .198em .5em }
tr:nth-child(even) { background-color: #d1d2d4}

/* BANNER */
.banner { background: var(--neutral-clr) }
.banner .container { width: 100%; max-width: 1310px; padding: 0 }
.banner a { display: inline-block }
.banner-slider > .tns-item { text-align: center }
.tns-outer { position: relative }
.tns-nav { font-size: 0; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%) }
.tns-nav button { border: 0; border-radius: 50%; width: 15px; height: 15px; margin: 0 4px; background: #FFF }
.tns-nav .tns-nav-active { background: #6DCEB1 }

/* MAIN */
.section-title { font-size: 24px; font-weight: 700; line-height: 1.18; color: var(--primary-clr); text-align: center; margin: 0 0 30px }

/* INTRO */
.intro .container { display: flex; flex-direction: column; align-items: center; gap: 25px }
.intro .image { width: 75%; max-width: 455px }

/* BENEFITS */
.benefits-box { background: #FFF; color: var(--secondary-clr); border-radius: 20px; padding: 0 15px; display: flex; flex-direction: column }
.benefits-box .item { padding: 25px 0; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center }
.benefits-box .item:not(:first-of-type):before { content: ''; border-top: 2px solid var(--lightteal-clr); width: 60%; position: absolute; left: 50%; top: 0; transform: translateX(-50%) }
.benefits-box .icon { width: 75px; height: 75px; margin-bottom: 20px; background: var(--primary-clr); border-radius: 50%; display: flex; justify-content: center; align-items: center }
.benefits-box img { width: 50px }
.benefits-box p { font-size: 16px; line-height: 1.362 }

/* SIGN */
.sign-boxes { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 30px }
.sign-boxes .item { max-width: 419px; width: 90%; border-radius: 20px; background: var(--neutral-clr); overflow: hidden; box-shadow: 0 14px 14px -3px rgba(14, 102, 95, .29); transition: all .5s ease }
.sign-boxes .button { margin: 15px auto; border-radius: 10px; font-size: 16px; font-weight: 700; color: #FFF; padding: 8.5px 30px; width: 80%; max-width: 265px; display: block; text-align: center }
.sign-boxes .item:hover,
.sign-boxes .item:focus { text-decoration: none; transform: scale(1.01) }

/* THE PROGRAM */
.program .section {
	padding-bottom: calc(var(--paragraph-mb)*2)!important
}
.program .awards { display: flex; flex-direction: column; align-items: center; gap: 20px }
.program .awards .image { width: 70%; max-width: 292px }
.products { margin-bottom: 15px; display: flex; flex-direction: column; gap: 15px }
.products .item { color: #FFF; padding: 22px 18px; text-align: center; background: var(--tertiary-clr); box-shadow: 0px 4px 4px rgba(0, 0, 0, .25); border-radius: 10px }
.products .title { color: var(--highlight-clr); font-size: 18px; margin: 0 0 10px }


/*Gallery*/
.rewards-program {
	padding: 0;
}
	.rewards-program .col-md-7, .rewards-program .col-md-5 {
		padding: 0;
	}

	.rewards-program .col-md-5 {
		display: flex;
		height: 300px;
		align-items: center
	}
/*Gallery Override*/
.gallery-container {
	height:500px!important;
}

	


@media only screen and (min-width:768px) {
	/* ELEMENTS */
	h3 { font-size: 20px }

	/* INTRO */
	.intro .container { flex-direction: row }
	.intro .text,
	.intro .section-title { text-align: right }
	.intro .image { width: 218% }

	/* BENEFITS */
	.benefits .section-title { width: 75%; margin-left: auto; margin-right: auto }
	.benefits-box { padding-bottom: 20px; flex-direction: row }
	.benefits .section-title::after { content: ''; display: block; height: 25px }
	.benefits-box .item { width: 33.3%; padding: 0 10px 15px }
	.benefits-box .item:not(:first-of-type):before { border-top: 0; border-left: 2px solid var(--lightteal-clr); width: auto; height: 78%; left: 0; top: auto; bottom: 0 }
	.benefits-box .icon { margin-top: -25px }

	/* SIGN */
	.sign-boxes { justify-content: space-evenly; gap: 0 }
	.sign-boxes .item { width: 40% }

	/* THE PROGRAM */
	.program .awards { flex-direction: row }
	.program .awards .image { width: 170% }
	.products { flex-direction: row }
	.products .item { width: 33.3%; border-radius: 17px }
}

@media only screen and (min-width:992px) {
	/* ELEMENTS */
	h3 { font-size: 24px; margin-bottom: 20px }

	/* MAIN */
	.section-title { font-size: 30px; margin-bottom: 40px }

	/* BENEFITS */
	.benefits-box { border-radius: 40px; padding-bottom: 40px; flex-direction: row }
	.benefits-box .item { padding: 0 25px 22px }
	.benefits-box .icon { width: 100px; height: 100px; margin-bottom: 25px }
	.benefits-box img { width: auto }
	.benefits-box p { font-size: 20px }

	/* SIGN */
	.sign-boxes .button { font-size: 18px; margin: 25px auto 30px }

	/* THE PROGRAM */
	.program .awards { gap: 35px }
	.products { margin-bottom: 20px }
	.products .item { padding: 28px 19px }
	.products .title { font-size: 20px; margin-bottom: 15px }
}

@media only screen and (min-width:1200px) {
	/* ELEMENTS */
	h3 { font-size: 34px; margin-bottom: 30px }

	/* MAIN */
	.section-title { font-size: 40px; margin-bottom: 50px }

	/* INTRO */
	.intro .container { gap: 50px }
	.intro .section-title { margin-bottom: 25px }

	/* BENEFITS */
	.benefits .section-title { width: 90%; margin: 0 auto 70px }

	/* THE PROGRAM */
	.program { padding-bottom: 0 }
	.program .container { width: 1040px }
	.prizes .container { width: 1080px }
	.products { margin-bottom: 30px; gap: 25px }
	.products .title { font-size: 23px; margin-bottom: 20px }
}

@media only screen and (min-width:1310px) {
	/* BANNER */
	.banner .container { max-width: 1310px; padding: 0 15px }
}