.btn-wrap {
	text-align: center;
	margin-top: 1rem;
}
.btn-wrap button {
	background-color: #e91f1f;
	color: #fff;
	font-weight: bold;
	font-size: calc(1rem + 0.5vw);
	padding: .5rem 1rem;
	border: none;
}
.btn-wrap button:hover {
	cursor: pointer;
	background-color: #af0c0c
}

.sharp {
	background-color: #30ce9b;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	padding: 0 .75rem;
	border-radius: 50%;
}
.sharp.invert {
	background-color: #fff;
	color: #30ce9b;
}

section h2 {
	text-align: center;
	font-size: calc(1.25rem + 1.25vw);
	margin: 1rem 0 2rem 0;
}

span.gradient-border {
	border-bottom: 10px solid;
	border-image-slice: 1;
	border-width: 0 0 5px 0;
	border-image-source: linear-gradient(to left, #16d1c6, #00eb68);
	display: inline-block;
	line-height: 0.7
}

h6 {
	margin-bottom: 1rem
}

.pm-container {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem
}
.pm-container.no-gutter {
	padding-left: 0;
	padding-right: 0
}

/*	table */
	.table {
		font-size: 0.5rem
	}
	.table thead th, .table thead td {
		padding: 0.25rem
	}
	.table thead th {
		background-color: #4fe3d3;
		font-weight: normal;
		text-align: center;
		border-bottom-width: 1px;
		vertical-align: middle;
	}
	.table tbody td {
		background-color: rgba(255,255,255,0.9);
		text-align: center;
	}

	@media (min-width: 576px) {
		.table caption {
			text-align: center;
		}
		.table {
			font-size: 1rem
		}
		.table thead th, .table thead td {
			padding: 0.75rem
		}
	}

/*	pm-banner */
	.pm-banner {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 600px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		position: relative;
	}
	.pm-banner h1 {
		font-size: calc(1.5rem + 1.5vw);
		font-weight: bold;
		background-image: linear-gradient(to left, #6cb15f, #417eb6, #e07aab);
		background-size: 100%;
	    background-color: #6cb15f;
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    -webkit-text-fill-color: transparent; 
	    -moz-text-fill-color: transparent;
		margin: 3rem 0 1rem 0
	}
	.pm-banner p {
		font-size: calc(0.5rem + 0.75vw);
		text-align: center;
	}

	.pm-banner-box {
		background-image: linear-gradient(135deg, #3785c1, #5ba37f);
		background-color: #3785c1;
		border-radius: 1rem;
		box-shadow: 2px 3px 7px #999;
		color: #fff;
		padding: 1rem;
		margin-bottom: 2rem
	}
	.pm-banner-box-cont h5 {
		border-bottom: solid 2px #fff;
		padding: .5rem 0;
		margin-bottom: .5rem
	}
	.pm-banner-box-cont ul {
		margin: 0;
		padding-left: 1.2rem
	}
	.pm-banner-box-cont.cont-1 ul {
		margin-bottom: 1rem
	}
	.pm-banner-box-cont.cont-2 ul {
		list-style: none;
		padding: 0;
		margin-bottom: 1rem
	}
	.pm-banner-box-cont li.s {
		font-weight: bold;
		font-size: 1.2rem
	}
	.pm-banner-box-cont ul span {
		color: #ebef89;
	}
	.pm-banner-box img {
		display: none;
	}

	@media (min-width: 576px) {
		.pm-banner {
			margin-bottom: 100px
		}
		.pm-banner-box {
			display: flex;
			position: absolute;
			bottom: -110px
		}
		.pm-banner-box img.i1 {
			display: block;
			position: absolute;
			top: -78px;
			height: 78px
		}
		.pm-banner-box img.i2 {
			display: block;
			position: absolute;
			top: -49px;
			height: 49px;
			right: 1rem
		}
		.pm-banner-box-cont.cont-2 > div {
			display: flex;
		}
		.pm-banner-box-cont.cont-1 {
			margin-right: 1rem
		}
		.pm-banner-box-cont.cont-2 ul {
			margin-left: 1rem
		}
		.pm-banner-box-cont.cont-2 h5 {
			text-align: center;
		}
	}

/*	covid-19 */
	.covid-19 {
		margin-top: 5rem;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom left;
		min-height: 600px;
		padding-bottom: 80px
	}

	.covid-19 .table tbody tr td:first-child {
		white-space: nowrap;
	}

	@media (min-width: 576px) {
		.covid-19 {
			text-align: center;
		}
	}

	.fa-check-circle {
		color: #3ab54a;
	}
	.fa-times-circle {
		color: #a7a9ac
	}

/*	pm-why */
	.pm-why {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 600px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 3rem 0
	}
	.pm-why .table {
		table-layout: fixed;
	}
	.pm-why .table thead th {
		vertical-align: top
	}

	.flag {
		height: 30px;
	}
	.flag img {
		height: 16px
	}

/*	pm-opportunity */
	.pm-opportunity {
		background-color: #f1f1f1;
		padding: 5rem 0
	}

	.pm-wave {
		background-image: url(/images/2021-summer-promotion/icon-wave.png);
		background-repeat: repeat-x;
		background-position: center;
		padding: 2rem;
		display: flex;
		justify-content: center;
	}
	.pm-wave span {
		color: #fff;
		background-color: #30ce9b;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		padding: .25rem;
		width: 200px;
		display: block;
		border-radius: 2rem
	}
	.pm-wave.pmw-2 {
		margin-top: 2rem;
		margin-bottom: 2rem;
		background-image: url(/images/2021-summer-promotion/icon-wave-2.png);
	}
	.pm-wave.pmw-2 span {
		background-color: #3895dd
	}

	h5.pm-country {
		text-align: center;
		margin-top: 3rem
	}

	.pm-card {
		background-color: #fff;
		box-shadow: 0 0 3px #ccc;
		text-align: center;
		padding: 1rem 0;
		margin-bottom: 2rem
	}
	.pm-card p {
		margin-bottom: .25rem;
		padding: 0 1rem;
	}
	.pm-card ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	.pm-card ul.card-bg {
		background-size: cover;
		background-position: center;
		min-height: 160px;
		margin: 1rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.pm-card ul.card-bg li {
		background-color: #fff;
		border-radius: 1rem;
		padding: 1rem;
		margin: 1rem;
		color: #30ce9b;
		font-weight: bold;
		position: relative;
	}
	.pm-card ul.card-bg li:not(:last-child):after {
		position: absolute;
		display: block;
		content: "\2192";
		top: 30%;
		right: -2rem;
		color: #fff;
		line-height: 1;
		font-weight: bold;
		font-size: 2rem;
	}
	.pm-card ul.card-bg p {
		color: #000;
		font-weight: normal;
	}
	.pm-card ul.card-list-1 li {
		padding: .25rem 1rem;
		text-align: left;
	}
	.pm-card ul.card-list-2 {
		display: flex;
		flex-wrap: wrap;
	}
	.pm-card ul.card-list-2 li {
		text-align: left;
		flex: 1 0 100%;
		padding-left: 2rem
	}
	.pm-card a:link,
	.pm-card a:visited {
		color: #3c8fff
	}
	.pm-card a:hover {
		color: #2B63AF
	}

	.pm-country-list {
		list-style: none;
		margin: 0;
		padding: 0
	}
	.pm-country-list li {
		background-color: #fff;
		box-shadow: 0 0 3px #ccc;
		text-align: left;
		padding: 1rem;
		margin: 0.75rem
	}
	.pm-country-list a:link,
	.pm-country-list a:visited {
		color: #3895dd
	}
	.pm-country-list h5 {
		margin-bottom: .5rem;
	}
	.pm-country-list p.location {
		font-size: small;
		color: #878787;
		margin-bottom: 0
	}
	.pm-country-list p.location i {
		margin-right: .25rem;
	}
	.pm-country-list p.tag {
		color: #555;
		margin-bottom: 0.5rem;
	}
	.pm-country-list p.rates {
		margin-bottom: 0
	}
	.pm-country-list p.rates span {
		color: #fff;
		font-size: small;
		background-color: #3895dd;
		padding: 0 .5rem;
	}

	@media (min-width: 576px) {
		.pm-opportunity {
			text-align: center;
		}
		.card ul.card-list-2 li {
			flex: 1 1 50%;
		}
		.pm-country-list {
			display: flex;
			flex-wrap: wrap;
		}
		.pm-country-list li {
			flex: 1 1 30%;
		}
		.pm-country-list.column-4 li {
			flex: 1 1 22%;
		}
	}

/*	pm-connect */
	.pm-connect {
		background-color: #05b6c8;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: bottom right;
		padding: 5rem 0;
	}

/*	pm-limited */
	.pm-limited {
		padding: 5rem 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.pm-limited .table {
		table-layout: fixed;
	}
	.pm-limited .table thead th {
		vertical-align: top
	}
	.pm-limited .table span {
		font-weight: bold;
		color: #30ce9b
	}
	.pm-limited .table strong {
		font-weight: normal;
		color: #f05b12
	}


/*	process */
	.process {
		background-color: #f3f3f3;
		padding: 60px 1rem;
	}

	.process .img-box {
		margin-bottom: 2rem
	}
	.process .img-box img {
		max-width: 100%;
	}
	.process .flex {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem 0;
	}

	ul.count {
		color: #6cb741;
		list-style: none;
		padding: 0;
		margin: 0 0 0 2rem
	}
	ul.count li {
		font-size: large;
		line-height: 1;
		padding: .25rem 0
	}
	ul.count li span.number {
		font-weight: bold;
		font-size: x-large;
	}

	.steps {
		display: flex;
		flex-wrap: wrap;
		margin: -0.5rem !important;;
	}
	.steps li {
		flex: 0 0 calc(50% - 1rem);
		margin: .5rem !important;
		min-height: 220px
	}
	.steps .step {
		display: inline-block;
		background-color: #30ce9b;
		color: #fff;
		line-height: 1;
		font-weight: bold;
		padding: .25rem;
	}
	.steps p.title {
		color: #30ce9b;
		font-weight: bold;
		font-size: large;
		margin: 0
	}
	.steps p.description {
		font-weight: bold;
		color: #000
	}
	.steps p.note {
	}

	.radius-box {
		margin: 1rem 0;
		background-color: #fff;
		border-radius: 1rem;
		padding: 1rem;
	}

	@media (min-width: 576px) {
		.process {
			padding: 60px
		}
	}

	@media (min-width: 768px) {
		.steps li {
			flex: 0 0 calc(33.33333% - 1rem);
		}
	}