@font-face {
	font-family: 'SukhumvitSet';
	src: url('SukhumvitSet-Medium.ttf');
}
body {
	font-family: 'Poppins', 'SukhumvitSet', sans-serif;
}

.top-logo{
	width: 15%;
	height: auto;
}

.sec23-img{
	width: 100%;
	height: auto;
	margin-top: 70px;
	margin-bottom: 0px;
}
.sec23-custom-margin{
	margin-bottom: 20px;
}

.sec-color-1{
	background-color: #e9cdbf;
	padding-bottom: 20px;
}

.sec-color-2{
	background-color: #f7eee5;
	padding-bottom: 20px;
}

.sec1-h-style{
	font-size: 22px;
	font-weight: bold;
	color:#5E5750;
}

.sec1-p-style{
	font-size: 20px;
	color:#5E5750;
}

ul {
	list-style: none;
	padding-left: 0;
	font-size: 20px;
	color: #5E5750;
	line-height: 3.5rem;
	margin-bottom: -10px;
}
li {
	position: relative;
	padding-left: 1.5em;  /* space to preserve indentation on wrap */
}
li:before {
	content: '✓';  /* placeholder for the SVG */
	position: absolute;
	left: 0;  /* place the SVG at the start of the padding */
	font-weight: bold;
	width: 1em;
	height: 1em;
}

.btn-order-now{
	width: 180px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-top-text{
	margin-top: 40px;
}

.margin-top-img{
	margin-top: 20px;
}

.sec4-h-style{
	font-size: 70px;
	font-weight: bold;
	color:#5E5750;
}

.sec4-p-style{
	font-size: 45px;
	color:#5E5750;
}
.sec4-img-L-style{
	width: 70%;
	height: auto;
	margin-top: 40px;
	margin-left: -12px;
}
.sec4-img-R-style{
	width: 100%;
	height: auto;
	margin-top: 40px;
}

.margin-collapsible {
	margin-top: 70px;
}

hr.sec4 {
	border-top: 3px solid #A08C81FF;
}

.collapsible {
	background: initial;
	color: #5E5750;
	cursor: pointer;
	padding: 5px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 30px;
}

.content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
}

.p-content{
	font-size: 20px;
	color: #5E5750;
}

.sec5-top-style{
	margin-top: 30px;
	font-size: 25px;
	font-weight: bold;
	color:#5E5750;
}

.sec5-h-style{
	margin-top: 10px;
	font-size: 17px;
	font-weight: bold;
	color:#5E5750;
}

.sec5-p-style{
	font-size: 17px;
	color:#5E5750;
}

.sec5-img-style{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.sec5-radius-style{
	margin-top: 35px;
	background-color: white;
	border-radius: 200px;
}

hr.sec5 {
	border-top: 3px solid #A08C81FF;
	margin-top: 3px;
}

.sec5-show-desktop{
	display: block;
}

.sec5-show-mobile{
	display: none;
}

@media only screen and (max-width: 700px) {
	.top-logo{
		width: 25%;
		height: auto;
	}
	.sec23-img{
		width: 100%;
		height: auto;
		margin-top: 50px;
		margin-bottom: 0px;
		margin-left: -33px;
	}
	.sec23-custom-margin{
		margin-bottom: 15px;
	}

	.sec1-h-style{
		font-size: 18px;
		font-weight: bold;
		color:#5E5750;
	}
	.sec1-p-style{
		font-size: 16px;
		color:#5E5750;
	}

	ul {
		list-style: none;
		padding-left: 0;
		margin-top: -10px;
		margin-bottom: -10px;
		font-size: 14px;
		color: #5E5750;
		line-height: 2rem;
	}
	.margin-top-text{
		margin-top: 15px;
	}
	.btn-order-now{
		width: 140px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.margin-top-img{
		margin-top: 70px;
	}

	.sec4-h-style{
		font-size: 32px;
		font-weight: bold;
		color:#5E5750;
		margin-top: -10px;
	}
	.sec4-p-style{
		font-size: 20px;
		color:#5E5750;
		margin-top: -5px;
	}
	.sec4-img-L-style{
		width: 80%;
		height: auto;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: -3px;
	}
	.sec4-img-R-style{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.margin-collapsible {
		margin-top: 20px;
	}

	hr.sec4 {
		border-top: 1px solid #A08C81FF;
		margin-top: -1px;
		margin-bottom: -1px;
	}

	.collapsible {
		background: initial;
		color: #5E5750;
		cursor: pointer;
		padding: 5px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 20px;
	}

	.content {
		padding: 0 18px;
		display: none;
		overflow: hidden;
	}

	.p-content{
		font-size: 16px;
		color: #5E5750;
	}

	.sec5-top-style{
		margin-top: 10px;
		margin-bottom: -5px;
		font-size: 22px;
		font-weight: bold;
		color:#5E5750;
	}

	.sec5-h-style{
		margin-top: 20px;
		font-size: 18px;
		font-weight: bold;
		color:#5E5750;
	}

	.sec5-p-style{
		font-size: 18px;
		color:#5E5750;
		margin-top: -5px;
		margin-bottom: 3px;
	}

	.sec5-img-style{
		width: 80%;
		height: auto;
		margin-top: -15px;
		margin-bottom: 0px;
	}

	.sec5-radius-style{
		margin-top: 35px;
		background-color: white;
		border-radius: 50px;
	}

	hr.sec5 {
		border-top: 1px solid #A08C81FF;
		margin-top: 0px;
	}

	.sec5-img-margin-bottom{
		margin-bottom: 15px;
	}

	.sec5-show-desktop{
		display: none;
	}

	.sec5-show-mobile{
		display: block;
	}


}

@media only screen and (max-width: 400px) {
	.top-logo{
		width: 25%;
		height: auto;
	}
	.sec23-img{
		width: 136%;
		height: auto;
		margin-top: 30px;
		margin-bottom: 0px;
		margin-left: -33px;
	}
	.sec23-custom-margin{
		margin-bottom: 15px;
	}

	.sec1-h-style{
		font-size: 10px;
		font-weight: bold;
		color:#5E5750;
	}
	.sec1-p-style{
		font-size: 9px;
		color:#5E5750;
	}

	ul {
		list-style: none;
		padding-left: 0;
		margin-top: -10px;
		margin-bottom: -10px;
		font-size: 8px;
		color: #5E5750;
		line-height: 1.1rem;
	}
	.margin-top-text{
		margin-top: 15px;
	}
	.btn-order-now{
		width: 80px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.margin-top-img{
		margin-top: 70px;
	}

	.sec4-h-style{
		font-size: 16px;
		font-weight: bold;
		color:#5E5750;
		margin-top: -10px;
	}
	.sec4-p-style{
		font-size: 12px;
		color:#5E5750;
		margin-top: -5px;
	}
	.sec4-img-L-style{
		width: 100%;
		height: auto;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: -3px;
	}
	.sec4-img-R-style{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.margin-collapsible {
		margin-top: 20px;
	}

	hr.sec4 {
		border-top: 1px solid #A08C81FF;
		margin-top: -1px;
		margin-bottom: -1px;
	}

	.collapsible {
		background: initial;
		color: #5E5750;
		cursor: pointer;
		padding: 5px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 12px;
	}

	.content {
		padding: 0 18px;
		display: none;
		overflow: hidden;
	}

	.p-content{
		font-size: 10px;
		color: #5E5750;
	}

	.sec5-top-style{
		margin-top: 10px;
		margin-bottom: -5px;
		font-size: 11px;
		font-weight: bold;
		color:#5E5750;
	}

	.sec5-h-style{
		margin-top: 15px;
		font-size: 8px;
		font-weight: bold;
		color:#5E5750;
	}

	.sec5-p-style{
		font-size: 8px;
		color:#5E5750;
		margin-top: -5px;
		margin-bottom: 3px;
	}

	.sec5-img-style{
		width: 100%;
		height: auto;
		margin-top: -15px;
		margin-bottom: 0px;
	}

	.sec5-radius-style{
		margin-top: 35px;
		background-color: white;
		border-radius: 50px;
	}

	hr.sec5 {
		border-top: 1px solid #A08C81FF;
		margin-top: 0px;
	}

	.sec5-img-margin-bottom{
		margin-bottom: 15px;
	}

	.sec5-show-desktop{
		display: none;
	}

	.sec5-show-mobile{
		display: block;
	}


}