.content-col-text-image .content-wrapper .col-text h2 { font-family: "dazzedtrial-bold",sans-serif !important; }
.content-col-text-image .content-wrapper .col-text h2 span.italic {line-height: 1.25;}
.content-col-text-image .content-wrapper .col-text h2 span.rotate {padding: 0.35rem 1.5rem;}
.content-col-text-image .content-wrapper .col-text h2 span {padding: 0.25rem 2.5rem;}
.content-col-text-image .content-wrapper .col-text h2.custom-lineheight span {line-height: 1;}
footer .border-line { border-bottom: 0.0714285714rem solid !important;}

ul.slick-dots { display: table; list-style: none; padding: 0; margin: 0 auto;}
ul.slick-dots li { display:table-cell; }
ul.slick-dots li button {font-size: 0; padding: 5px; border-radius: 50%; background-color: transparent; border: 1px solid #376844; margin: 0 5px;}
ul.slick-dots li.slick-active button { background-color: #376844; }

.content-col-text-image .content-wrapper .col-image .image-banner .image { object-fit: contain; height:auto; }
.content-col-text-image .content-wrapper .col-text>div {padding:3.5714285714rem !important;}
.content-col-text-image .content-wrapper .col-image .image-banner {padding:0;}

footer .logo-footer {
    max-width: 12rem;
}
footer .footer-logo img {
    max-width: 12rem;
	margin:0 auto;
}
@media only screen and (min-width: 1025px) {
	.content-col-text-image .content-wrapper .col-text {
	    min-width:30%;
	}
	.content-col-text-image .content-wrapper .col-text>div {
		padding: 3rem 1rem !important;
	}
	.fs-37 {
		font-size: 1.8rem !important;
	}
}
@media only screen and (min-width: 1369px) {
	.content-col-text-image .content-wrapper .col-text {
	    min-width: 32.1428571429rem;
	}
	.fs-37 {
		font-size: 2.6428571429rem !important;
	}
}
@media only screen and (max-width: 1024px) {
	.content-contact-map .card-row .col-map {
	   padding-top: 0;
	}
}
@media only screen and (max-width: 767px) {
footer .logo-footer {
    max-width: 10rem;
}
footer .footer-logo img {
    max-width: 10rem;
}
}
@media only screen and (max-width: 480px) {
	.content-col-text-image .content-wrapper .col-text>div {
		padding: 3.5714285714rem 2rem !important;	
	}
	.content-col-text-image .content-wrapper .col-text h2 span {
		padding: 0.25rem 2rem;
	}
}

/* 20251024 apply grayscale ให้กับทั้ง website */
html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* สำหรับ browser เก่า */
}