.elementor-15255 .elementor-element.elementor-element-5236f761{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;--z-index:999;}.elementor-15255 .elementor-element.elementor-element-5236f761:not(.elementor-motion-effects-element-type-background), .elementor-15255 .elementor-element.elementor-element-5236f761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E1015;}.elementor-15255 .elementor-element.elementor-element-5236f761.e-con{--align-self:center;}.elementor-15255 .elementor-element.elementor-element-7c55e339{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#23262D;--border-color:#23262D;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15255 .elementor-element.elementor-element-7c55e339.e-con{--align-self:center;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-header--offcanvas--icon{display:block;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf--elementor--menu{justify-content:center;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul.dp-menu{background-color:#FFFFFF;}.elementor-15255 .elementor-element.elementor-element-42962f17 .mean-container .mean-nav ul li a.mean-expand{background-color:#FFFFFF;}.elementor-15255 .elementor-element.elementor-element-42962f17{width:100%;max-width:100%;}.elementor-15255 .elementor-element.elementor-element-42962f17.elementor-element{--align-self:center;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout{padding:10px 30px 10px 30px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__others .item::after{display:block;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__others::before{display:block;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__others .shape-img{display:block;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__logo::after{display:block;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__logo .shape-img{display:block;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__logo img{width:120px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul li a{color:#FFFFFF;fill:#FFFFFF;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul li{color:#FFFFFF;fill:#FFFFFF;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul li a, .elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul li{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;line-height:1.47em;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul > li a{padding:30px 30px 30px 30px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul li a:hover{color:#12BC93;fill:#12BC93;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul li.active a{color:#12BC93;fill:#12BC93;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul.dp-menu li a{color:#121212;fill:#121212;padding:10px 0px 10px 0px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul.dp-menu li{color:#121212;}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul.dp-menu li a, .elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul.dp-menu li{font-size:16px;font-weight:400;text-transform:capitalize;line-height:1.5em;}.elementor-15255 .elementor-element.elementor-element-42962f17 .mean-container .mean-nav ul li a{color:#121212 !important;}.elementor-15255 .elementor-element.elementor-element-42962f17 .more-actions .item.cart{display:flex;}.elementor-15255 .elementor-element.elementor-element-42962f17 .more-actions .item.search{display:flex;}.elementor-15255 .elementor-element.elementor-element-42962f17 .search-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-15255 .elementor-element.elementor-element-42962f17 .search-close{color:var( --e-global-color-primary );}.elementor-15255 .elementor-element.elementor-element-42962f17 .info--search-btn{color:var( --e-global-color-primary );}.elementor-15255 .elementor-element.elementor-element-42962f17 .info--search input{color:var( --e-global-color-primary );}.elementor-15255 .elementor-element.elementor-element-42962f17 .info--search input::-webkit-input-placeholder{color:var( --e-global-color-primary );}.elementor-15255 .elementor-element.elementor-element-42962f17 .info--search input::-moz-placeholder{color:var( --e-global-color-primary );}.elementor-15255 .elementor-element.elementor-element-42962f17 .info--search input::-ms-input-placeholder{color:var( --e-global-color-primary );}@media(max-width:1366px){.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout ul > li a{padding:20px 20px 20px 20px;}}@media(max-width:1200px){.elementor-15255 .elementor-element.elementor-element-42962f17 .header__inner{gap:0px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__logo::after{--gap:-0px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__others::before{--gap:-0px;}}@media(max-width:1024px){.elementor-15255 .elementor-element.elementor-element-5236f761{--padding-top:15px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-15255 .elementor-element.elementor-element-7c55e339{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout{padding:20px 20px 20px 20px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .offcanvas__menu-area{margin:0px 0px 40px 0px !important;}.elementor-15255 .elementor-element.elementor-element-42962f17 .mean-container .mean-nav ul li a.mean-expand{height:42px !important;}}@media(max-width:767px){.elementor-15255 .elementor-element.elementor-element-42962f17 .wcf-default-header-layout{padding:15px 15px 15px 15px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .header__logo img{width:100px;}.elementor-15255 .elementor-element.elementor-element-42962f17 .offcanvas__menu-area{margin:0px 15px 30px 15px !important;}}@media(min-width:768px){.elementor-15255 .elementor-element.elementor-element-5236f761{--width:1920px;}.elementor-15255 .elementor-element.elementor-element-7c55e339{--width:1570px;}}@media(max-width:1366px) and (min-width:768px){.elementor-15255 .elementor-element.elementor-element-5236f761{--width:100%;}.elementor-15255 .elementor-element.elementor-element-7c55e339{--width:100%;}}/* Start custom CSS for wcf--header-preset, class: .elementor-element-42962f17 */.main-menu ul .wcf--blog {
    position: relative !important;
}

@media (min-width: 1200px) {

    .wcf--demos .dp-menu {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        top: 100px;
        left: 0;
        padding: 0;
    }

    .wcf--inner .dp-menu {
        width: 45%;
        left: 20% !important;
        grid-template-columns: 1fr 1fr;
        display: grid;
        top: 100px;
        padding: 0;
    }
	
	  .wcf--inner.service .dp-menu {
        left: 28% !important;
    }
	
	.wcf--inner.others .dp-menu {
        left: 35% !important;
    }

    .main-menu ul li:hover ul {
        top: 80px;
    }

    .dp-menu {
        position: relative;
    }

    .dp-menu::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: #333337;
        left: 0;
        top: 70px;
    }

    .wcf--blog .dp-menu::after {
        display: none;
    }

    .wcf--menu-line {
        position: relative;
    }

    .wcf--menu-line::before {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        background: #ddd;
        top: 0;
				left: 0;
    }

		.wcf--demos .wcf--menu-line.line-1::before {
			left: 25%;
		}

		.wcf--inner .wcf--menu-line.line-1::before,
		.wcf--demos .wcf--menu-line.line-2::before {
			left: 50%;
		}

			.wcf--demos .wcf--menu-line.line-3::before {
			left: 75%;
		}
    .main-menu .dp-menu ul {
        position: static;
        grid-template-columns: 1fr;
        width: auto;
        opacity: 1;
    }
	
		.main-menu .dp-menu li {
			padding: 0;
	}
	
		.wcf--menu-item {
			padding-left: 30px !important;
		}

    .wcf--menu-item>a {
        color: #fff !important;
        text-transform: uppercase !important;
        padding-bottom: 20px !important;
    }

	.wcf--blog .dp-menu {
  	  padding-left: 25px !important;
	}
	
	.wcf--blog .dp-menu {
    top: 80px !important;
    left: 0 !important;
	}
	
	.wcf--blog .dp-menu:hover ul {
    left: 0 !important;
	}
	.main-menu ul .wcf--blog:hover ul {
		top: 60px !important;
	}
   .wcf--menu-item>a {
    color: #000 !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
    padding-top: 24px !important;
}
	 

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5236f761 */@media (min-width: 1200px) {
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15617>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15616>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15615>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15536>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15439>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15416>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15459>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15462>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15463>a,
    .elementor-15255 .elementor-element.elementor-element-5236f761 li#menu-item-15438>a {
    color: #121212;
    text-transform: uppercase;
    }
  
    .elementor-15255 .elementor-element.elementor-element-5236f761 .dp-menu::after,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15463::before,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15557::before,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15615::before,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15536::before,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15416::before,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15459::before,
    .elementor-15255 .elementor-element.elementor-element-5236f761 .menu-item-15439::before {
    background: #ddd;
    }
    
    .main-menu ul ul {
        top: 100px;
    }
    
    .main-menu ul li:hover ul {
        top: 80px !important;
    }
    
    li#menu-item-15537 li:hover ul {
        top: 50px;
    }


}/* End custom CSS */