/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 28 2025 | 02:02:16 */
@media only screen and (min-width: 1025px) and (max-width: 3000px) {
}
div#content,
footer#colophon {
	z-index: 0;
}
body {
	background-image: url(/wp-content/uploads/2025/04/bg.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #fff;
}
.s-container {
	margin-right: initial !important;
	margin-left: initial !important;
	padding-right: initial !important;
	padding-left: initial !important;
	max-width: inherit !important;
}
.dv-width-all-post-css,
.dv-width-page-post-css,
.s-sec.single-related.alignfull>.s-container {
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	max-width: 1230px !important;
}
.content-area-blog {
	padding: 70px 0;
}
.site-action {
	display: block;
	padding-left: 0px;
	padding-right: 0;
}
#mega-menu-wrap-primary #mega-menu-primary {
	display: flex;
	justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary >li.mega-menu-item>a.mega-menu-link {
	font-family: 'Kanit', sans-serif !important;
	font-weight: 500 !important;
	text-align: center;
}
.entry-content .stk-block, .stk-block, .stk-block-column__content>* {
	margin-bottom: 0px !important;
}
.page-title {
	margin-bottom: 50px;
	color: #ffd500;
	text-align: left;
	font-weight: 600;
}
.dv-width-all-post-css {
	padding: 100px 0;
}
.site-footer {
	margin-top: 0px;
}
.gall-css-center ul {
	display: flex;
	justify-content: center;
}
/*------------------------ACC-------------------------------*/
button.kt-blocks-accordion-header {
	font-family: 'Kanit', sans-serif !important;
	font-size: 17px;
	line-height: 23px;
}
.wp-block-kadence-pane.kt-accordion-pane {
	border-radius: 10px;
	overflow: hidden;
}
/*-------------------Css Blog---------------*/
.s-content h2 a,
.s-content:hover h2 a {
	color: #0088f3;
}
.s-paging {
	margin-bottom: 0px;
}
.s-paging .current {
	background-color: #0088f3;
	border-radius: 5px;
	border: 1px solid #0088f3;
	color: white;
}
.s-paging span, .s-paging a {
	background: white;
	margin: 0 3px;
	border-radius: 5px;
}
.dv-width-page-post-css {
	padding: 0px 0 50px 0;
}
figure,
.page-content,
.single-content {
	margin: 0px;
}
.s-sec.single-related.alignfull {
	margin-bottom: -50px;
}
/*----------In Blog------------------*/
.entry-info-headline .title {
	font-size: 40px;
	text-shadow: 0 0 10px black;
}
.entry-info-headline .posted-on {
	font-size: 17px;
}
.s-title-headline .entry-pic {
	padding-top: 200px;
	filter: blur(5px);
}
.entry-info-headline {
	max-width: 1230px;
	padding: 0 15px;
}
/*-------------------Css Font---------------*/
body,h1,h2,h3,h4,h5,p,ol, ul,
.h1,.h2,.h3,.h4,.h5, a,
.entry-content, .entry-summary {
	margin: 0px;
	font-family: 'Kanit', sans-serif !important;
}
h1,h2,h3,h4,h5 {
	font-weight: 500;
}
h1, .h1 {
	font-size: 33px;
	line-height: 33px;
}
h2,.h2 {
	font-size: 28px;
	line-height: 32px;
}
h3,.h3 {
	font-size: 21px;
	line-height: 26px;
}
body,p, ol, ul {
	font-size: 17px;
	line-height: 23px;
}
h5,.h5 {
	font-size: 14px;
	line-height: 20px;
}
ol, ul {
	padding-left: 25px;
	margin: 0px !important;
}
b, strong {
	font-weight: 600 !important;
}
a {
    color: #fffc01;
}
a:hover {
    color: #fffe90;
}
.stk-block-heading__text img {
	margin-bottom: -10px;
}
.txt-gar,
.txt-gar b,
.txt-gar strong{
	background: linear-gradient(180deg, #bb871a 30%, #fef1a2, #bb871a 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.dv-border-bg {
	border: 3px solid transparent;
	background: linear-gradient(to right, black, black), linear-gradient(180deg, #c4952c , #f7e593, #c4952c);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
table {
	margin-bottom: 0px;
}
p.stk-block-text__text img {
	margin-bottom: 5px;
}
.pum-container.pum-responsive img {
	margin-bottom: -6px;
}
.stk-block .stk-button {
	font-weight: 600 !important;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
	padding-right: 0px !important;
}
@media only screen and (max-width: 1023px){
	h1 {
		font-size: 30px;
		line-height: 35px;
	}
	h2 {
		font-size: 23px;
		line-height: 28px;
	}
	h3 {
		font-size: 20px;
		line-height: 24px;
	}
	body, p, ol, ul {
		font-size: 17px;
		line-height: 21px;
	}
}
.c-desc {
	font-weight: 500;
	font-family: 'Kanit', sans-serif !important;
}
.dv-ov-h {
	overflow: hidden;
}
.img-zoom {
	transition: transform .5s;
}
.img-zoom:hover {
	transform: scale(1.05);
	cursor: pointer;
}
/*-------------------------------------------------------*/
a#s-chat,
ul#s-chat-panel {
	right: 10px;
	margin-bottom: 70px !important;
}
/*-------------------------------------------------------*/
.dv-stk-css {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: white;
}
.dv-l {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
/*-------------------------------------------------------*/
.css-list-mt ul {
    display: grid !important;
    gap: 20px !important;
}
/*-------------------------------------------------------*/
.kt-blocks-post-grid-item-inner .entry-content {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
h2.text-center {
    margin-bottom: 20px;
}
.s-content h2 a, .s-content:hover h2 a {
    color: #fffc01;
}