/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 06:50:35 */
/* Header */
.menumain .elementor-item-active{
	border-top: 1px solid #8dc8e8;
    border-bottom: 1px solid #8dc8e8;
	font-weight: bold !important;
}
/* .menumain .sub-menu{ */
.menumain .elementor-nav-menu > li > .sub-menu{
    margin-top: 5px !important;
/*     margin-left: -6em !important; */
    padding: 0 5px !important;
    border-radius: 24px;
    min-width: 245px !important;
    max-width: 245px !important;
	
	left: 50% !important;
    right: 50%;
    transform: translateX(50%) !important;
}

/* ชั้นที่ 2 ขึ้นไป */
.menumain .elementor-nav-menu .sub-menu .sub-menu {
    margin-left: 245px !important;
    padding: 0 5px !important;
    border-radius: 24px;
    min-width: 245px !important;
    max-width: 245px !important;
}

.menumain.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item {
    margin: auto;
    left: 0;
    right: 0;
    justify-content: center;
	border: unset;
	
	white-space: normal !important;
    line-height: 1.4em !important;
    text-align: center;
}

.menumain .sub-menu .menu-item{
	margin-top:4px;
	margin-bottom:4px;
}

.menumain .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
.menumain .elementor-nav-menu--dropdown .elementor-item.highlighted, 
.menumain .elementor-nav-menu--dropdown .elementor-item:focus, 
.menumain .elementor-nav-menu--dropdown .elementor-item:hover, 
.menumain .elementor-sub-item.elementor-item-active, 
.menumain .elementor-sub-item.highlighted, 
.menumain .elementor-sub-item:focus, 
.menumain .elementor-sub-item:hover{
	background-color: rgba(141, 200, 232, 1);
	color: #fff;
    border-radius: 30px;
	font-weight: bold !important;
}

.menumain li.menu-item a{
	font-weight: 500 !important; 
	transition:0.3s;
}
.menumain li.menu-item a:hover{
	font-weight: 900 !important; 
	transition:0.3s;
}

/* Footer */
.footermain .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
.footermain .elementor-nav-menu--dropdown .elementor-item.highlighted, 
.footermain .elementor-nav-menu--dropdown .elementor-item:focus, 
.footermain .elementor-nav-menu--dropdown .elementor-item:hover, 
.footermain .elementor-sub-item.elementor-item-active, 
.footermain .elementor-sub-item.highlighted, 
.footermain .elementor-sub-item:focus, 
.footermain .elementor-sub-item:hover{
	background-color: rgba(141, 200, 232, 1);
	color: #fff;
    border-radius: 30px;
	font-weight: bold !important;
}


.footermain ul .sub-menu {
    border-radius: 30px;
	padding:4px 4px;
}

.footermain ul .sub-menu li ul {
    transform: translateX(5px);
}
.footermain ul .sub-menu li  {
    padding:3px 0px;
}


.footermain a.elementor-sub-item {
	display: flex;
    justify-content: center;
	white-space: normal;
	text-align: center;
	
}

/* .menumain .sub-menu{ */
.footermain .elementor-nav-menu > li > .sub-menu{

    min-width: 245px !important;
    max-width: 245px !important;
	
}
.footermain li.menu-item ul {
    transform: translateX(calc(-30%));
}
.footermain li.menu-item-1084 ul {
    transform: translateX(calc(-15%)) !important;
}
/* ชั้นที่ 2 ขึ้นไป */
.footermain .elementor-nav-menu .sub-menu .sub-menu {
/*     margin-left: 245px !important;
    padding: 0 5px !important; */
    border-radius: 24px;
    min-width: 245px !important;
}

/* ------------------ Home ----------------------- */



/* Slide */
/* one slide */
.one-slide .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
    object-fit: cover;
    height: 483px;
}
.one-slide .swiper-pagination-bullet {
    width: 40px !important;
	opacity: 0.2 !important;
	border-radius: 10px;
}
.one-slide .swiper-pagination-bullet-active{
	opacity: 1 !important;
}

/* Text fade Counter */
.countertext .elementor-counter-number-wrapper {
	position: relative; 
	display: inline-block;
	max-width: fit-content;
}
.countertext .elementor-counter-number-wrapper::after {
    content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #013865;
	opacity: 0.8;
}
.countertext.count50 .elementor-counter-number-wrapper::after {left: 50%;}
.countertext.count45 .elementor-counter-number-wrapper::after {left: 45%;}
.countertext.count60 .elementor-counter-number-wrapper::after {left: 60%;}

@media (max-width: 767px) {
	.one-slide img{
		height: 50vw !important;
	}
}

.tslide .swiper-pagination-bullet{
    width: 40px !important;
    opacity: 0.2 !important;
    border-radius: 10px;
}
.tslide .swiper-pagination-bullet-active {
    opacity: 1 !important;
}

.bg-full-gray{
  position: relative; 
  z-index: 1;
}

.bg-full-gray::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #FAFAFA;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1; 
}

.bg-full-w{
  position: relative; 
  z-index: 1;
}

.bg-full-w::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #ffffff;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1; 
}



.elementor-element-40c74b4::-webkit-scrollbar {
  width: 1px !important;
height: 8px;
}
.elementor-element-40c74b4::-webkit-scrollbar-track {
  background: #D9D9D9 !important;
}
.elementor-element-40c74b4::-webkit-scrollbar-thumb {
  background: #003865 !important;
  border-radius: 30px !important;
}
.elementor-element-40c74b4::-webkit-scrollbar-thumb:hover {
  background: #003865 !important;
}

/*  */
@media (max-width: 1220px) {
	#forminator-module-712{
	padding: 0 36px;
	}
	
	.trialhours{
		position:relative;
	}
	
	.form-contact-education-and-training .forminator-row-last {
		position: relative;
		float: left;
	}
	.form-contact-education-and-training #consent-1 {
		max-width: 100% !important;
	}
}

@media (min-width:767px){
    .slideopcb .elementor-swiper-button{
        display:none;
    }
}
/* .menupopupmobile .menu-item .highlighted, */
/* .menupopupmobile .current-menu-parent, */

/* .menupopupmobile li.current-menu-ancestor,
.menupopupmobile .menu-item:active,
.menupopupmobile .menu-item:focus, 
.menupopupmobile .menu-item:hover{
	border-top: 1px solid #8dc8e8;
    border-bottom: 1px solid #8dc8e8;
	border-width: 700;
} */
.menupopupmobile .sub-menu{
/* 	padding-left: 25px; */
/* 	text-indent: 25px; */
}


/* ====== Menu popup ====== */
.menupopupmobile .has-submenu{
	display: flex;
    justify-content: space-between;
}
.menupopupmobile li a {
    margin: 25px 0px;
	padding-top: 14px !important;
    padding-bottom: 14px!important;
}
/* --- line --- */
.menupopupmobile .elementor-nav-menu > li.current-menu-ancestor:before {
    content: "";
    position: absolute;
    background-color: #8DC8E8;
    height: 1px;
    width: calc(30%);
    top: 0px;
	z-index: 1;
}

/* --- line --not(.menu-item-has-children)- */
.menupopupmobile .menu-item:not(.menu-item-has-children):not(.current_page_item) a.elementor-item-active:before {
    content: "";
    position: absolute;
    background-color: #8DC8E8;
    height: 1px;
    width: calc(30%);
    top: 0px;
	z-index: 1;
}
.menupopupmobile .menu-item:not(.menu-item-has-children):not(.current_page_item) a.elementor-item-active:after {
    content: "";
    position: absolute;
    background-color: #8DC8E8;
    height: 1px;
    width: calc(30%);
    bottom: 0px;
	z-index: 1;
}
/* --- line Fit -- */
.menupopupmobile .menu-item-has-children .sub-menu:not(.sub-menu .sub-menu)  {
	border-bottom: solid 1px #8DC8E8;
}

/* --- line -active 100%-- */
.menupopupmobile .elementor-nav-menu > li.current-menu-ancestor .highlighted:not(.elementor-sub-item):before {
    content: "";
    position: absolute;
    background-color: #8DC8E8;
    height: 1px;
    width: calc(100%);
    top: 0px;
	z-index: 1;
}
.menupopupmobile .elementor-nav-menu > li.current-menu-ancestor:not(.highlighted):not(.elementor-sub-item):after{
	 content: "";
    position: absolute;
    background-color: #8DC8E8;
    height: 1px;
    width: calc(30%);
    bottom: 0px;
}


/* --- blue box border radius --- */
.menupopupmobile .menu-item:not(.menu-item-has-children) .elementor-item-active {
	background-color: #8DC8E8 !important;
    border-radius: 100px;
	padding-left: 16px !important;
}

.menupopupmobile .menu-item .sub-menu .elementor-item-active {
	background-color: #8DC8E8 !important;
    border-radius: 100px;
}
.menupopupmobile .menu-item .elementor-item {

	padding-left: 16px !important;
}


/* --- blue box border radius padding when not have child--- */
.menupopupmobile .current-menu-parent .sub-menu:not(.sub-menu .sub-menu) li:last-child.current_page_item {
	padding-bottom: 2px !important;
}
/* ====== scrollbar ====== */
ul#menu-2-d683e29 {
  max-height: 60vh;
/*   overflow-y: scroll; */
  scrollbar-color: #8DC8E8 #FFFFFF33 ! Important;
  scrollbar-width: thin;
}
::-webkit-scrollbar{
    background: #FFFFFF33;
	border-radius: 100px;
	width: 4px;
}
::-webkit-scrollbar-thumb{
    background: -webkit-linear-gradient(#8DC8E8,#8DC8E8);
    background: linear-gradient(#8DC8E8,#8DC8E8);
    border-radius: 100px;
}






@media (min-width: 1441px) {
 a.dialog-close-button {	
	transform: translate(-390px, -5px) !important;
    right: calc(50% - 940px) !important;
}
}

@media (max-width: 767px) {
 .elementor-lightbox .elementor-lightbox-item {
        padding: 0px 36px !important;
        height: 252px !important;
	}
 a.dialog-close-button{
    	background: #8DC8E833 !important;
		transform: translate(-30px, 170px) !important;
        right: calc(0% - 0px) !important;
	}
}

.ApplicationForm #upload-2.file-attached .forminator-label,
.ApplicationForm #upload-3.file-attached .forminator-label{
	margin-bottom: 20px;
}

.ApplicationForm .file-attached .forminator-label{
	display:block !important;
	color: #888;
    font-size: 16px;
}
.ApplicationForm .file-attached .forminator-field::before{
	content:unset;
}