/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 18 2026 | 04:34:40 */
@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/2026/01/bgs-scaled.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.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;
}
#mega-menu-wrap-primary #mega-menu-primary {
	display: flex;
	justify-content: flex-end;
}
#mega-menu-wrap-primary #mega-menu-primary >li.mega-menu-item>a.mega-menu-link {
	font-weight: 700 !important;
	text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	margin: 0 0px 0 40px;
}
#mega-menu-wrap-primary #mega-menu-primary p,
#mega-menu-wrap-mobile #mega-menu-mobile p {
	margin-bottom: 0px ;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-weight: 500 !important;
}
.entry-content .stk-block, .stk-block{
	margin-bottom: 0px;
}
.dv-sub-menu {
	text-align: left;
	padding: 15px 10px;
}
.dv-sub-menu:hover {
	background: #a3f0ff;
	border-radius: 5px;
}
.dv-sub-txt-menu {
	display: grid;
	grid-template-columns: 45px 1fr;
	gap: 10px;
}
.dv-sub-txt-menu p {
	font-size: 15px;
}
.dv-sub-txt-menu p.txt-sub-menu {
	color: #9e9e9e;
	font-size: 12px !important;
}
.img-team {
	border-radius: 50px 0px 50px 0px;
	box-shadow: 0 0 10px #061e0675;
	border: 5px solid #fff;
	overflow: hidden;
}
.kt-inside-inner-col {
	gap: 5px;
}
/*------------------------HEAD BANNER PAGE-----------------------*/
header.page-header {
	background-image: url(/wp-content/uploads/2026/02/umg-banner.png);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-banner {
	background-color: #050d1cb0;
	min-height: 220px;
	margin-bottom: 0px;
}
.page-banner>div, .page-banner h1 {
	font-weight: 700;
}
/*------------------------PORTFOLIO-----------------------*/
.kb-filter-item {
	border-color: #bdb5b5;
	background: white;
	font-family: 'Noto Sans Thai', sans-serif;
	font-weight: 700;
}
.kb-filter-item.is-active,
.kb-filter-item:hover {
	border-color: #b2d0ff !important;
	background: #17449e;
	color: white !important;
}
/*------------------------CHAT-----------------------*/
/* #s-chat,
#s-chat-panel svg {
bottom: 20px;
right: 20px;
height: 50px;
width: 50px;
}
#s-chat svg {
height: 30px;
width: 30px;
}
#s-chat-panel {
right: 20px;
}
.c-desc{
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 500;
}
#s-chat-panel.active li {
height: 50px;
margin: 10px 0;
}
#s-chat-panel.active {
bottom: 80px;
}
#s-chat.-desc .c-desc,
.c-tip:hover .c-desc {
right: calc(100% + 10px);
} */
/*------------------------TABS-----------------------*/
ul.kt-tabs-title-list {
	margin: 0 -6px 0 -5px !important
}
li#tab- a {
	margin: 0 5px;
}
.kb-blocks-portfolio-grid-item {
	border-radius: 10px;
}