/* -----------------------------------

		   Data Privacy CSS

----------------------------------- */

.privacy_area {

	background: url("../../images/bg-img/lightgreen-half-square.png") right bottom no-repeat;

	background-size: auto;

}

.privacy_area .main_title h1 {

	margin-bottom: 0;
	font-weight: 600;
	font-family: "Sarabun";

}

.bg-lightbrown {

  background-color: #f6efe8;

}

.privacyContent { }

.privacyContent h5 {

	color: brown;

	letter-spacing: 0.2px;

	margin: 30px 0 7px 0;

	word-wrap: break-word;

}

.privacyContent h5::before {

	content: "\f505";

	font-family: "Font Awesome 6 Free";

	font-weight: 900;

	color: brown;

	margin-right: 10px;

}

.privacyContent p {

	font-size: 17px;

	font-family: "Sarabun";

	color: #4d4d4d;

	text-indent: 38px;

	margin: 0 0 5px 0;

	word-wrap: break-word;

}



ul.dataprivacy {

	padding: 5px 0 0 0;

	margin: 0 0 0 70px;

	list-style-position: outside;

}

ul.dataprivacy li {

	color: #4d4d4d;

	margin-bottom: 8px;

	padding-left: 3px;

}

ul.dataprivacy li:last-child {

	margin: 0 0 30px 0;

}

@media (max-width:767px){

	ul.dataprivacy {

		margin: 0 0 0 63px;

	}

}



.addr { }

.addr .card {

	height: 404px;

	padding: 2rem;

	border-radius: 10px;

	background: url("../../images/bg-img/bg-polygon.jpg") center center no-repeat;

	background-size: cover;

}

.addr .card .card-body {

	padding: 0;

	word-wrap: break-word;

}

.addr .card .card-title {

	color: currentColor;

	font-size: 20px;

}

.addr .card .card-text {

	text-indent: 0;

	margin: 0;

}

.addr .card i {

	font-size: 90px;

	color: darkgreen;

	margin-bottom: 20px;

}

@media (max-width: 767px){

	.privacyContent .col-md-2 {

		display: none;

	}

	.addr .card i {

  		font-size: 50px;

	}

}

@media (max-width: 1200px){

	.addr .card .card-text br {

		display: none;

	}

	.addr .card {

		height: auto;

	}

}







/* -----------------------------------

		   Blog Cards CSS

----------------------------------- */

.publicData { }

.publicData .card-group,

.bannerCookies {

	margin: 30px 0;

}

.publicData .card {

	border-radius: 8px;

	padding: 15px;

}

.publicData .card-body h6::after {

	content: "";

	background-color: #1bbcad;

	width: 35px;

	height: 3px;

	border-radius: 50px;

	margin: 8px auto;

	display: block;

}

.publicData .card-body img {

	margin: 15px 0;

}

.publicData .card-title {

	margin: 0;

	font-size: 18px;

	color: #1bbcad;

}

.publicData .card-text {

	text-indent: 0;

}



.personalData { }

.personalData ul {

	padding: 0 0 0 70px;

	margin: 0;

	list-style-position: outside;

}

.personalData ul li {

	color: #4d4d4d;

	margin: 5px 0 20px 0;

	padding-left: 3px;

	font-family: "Sarabun";

	line-height: 28px;

}

.personalData ul li::marker,

.personalData ul li:last-child {

	color: black;

}

.personalData ul li > span {

	margin: 0;

	display: inline-block;

	font-weight: 600;

	letter-spacing: 0.5px;

	color: black;

	width: 100%;

}

.bannerCookies {

	display: flex;

	flex-wrap: wrap;

	background: url("../../images/core-img/bottom-shadow.png") bottom center no-repeat;

	background-size: contain;

}

.bannerCookies .col-md-6:first-child {

	padding: 40px 0;

}

.bannerCookies span {

	color: brown;

	font-size: 21px;

	font-weight: 500;

	line-height: 1.5;

	letter-spacing: 0.35px;

}

.bannerCookies p {

	text-indent: 0;

	margin: 15px 0;

}

.cookieIcon {

	display: block;

	float: left;

	margin-right: 20px;

	width: 70px;

}



@media (max-width: 767px){

	.publicData .card {

  		padding: 0;

	}

	.bannerCookies {

		display: block;

	}

	.bannerCookies .col-md-6:first-child {

		padding: 0;

	}

}

@media (min-width: 767px) and (max-width: 991px){

	.cookieIcon {

	  	width: 35px;

	}

}

@media (max-width: 991px){

	.bannerCookies span > br {

		display: none;

	}

}







/* -----------------------------------

	     PDPA's Contact CSS

----------------------------------- */

.pdpaContact { }







/* -----------------------------------

	      Bottom Line CSS

----------------------------------- */

.bottom-line {

  	margin: 50px 0;

  	height: 7px;

  	background-image: url("../../images/core-img/bottom-shadow.png");

  	background-repeat: no-repeat;

  	background-position: bottom;

	background-size: contain;

}

@media (max-width: 767px){

	.bottom-line {

		display: none;

	}

}