.elementor-232 .elementor-element.elementor-element-cf7e7d9:not(.elementor-motion-effects-element-type-background),
.elementor-232 .elementor-element.elementor-element-cf7e7d9>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(170deg, #1A1A40 0%, #02061e 46%)
}

.elementor-232 .elementor-element.elementor-element-cf7e7d9 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 5px 5px 5px 5px;
}

.elementor-232 .elementor-element.elementor-element-cf7e7d9>.elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-232 .elementor-element.elementor-element-ae15989>.elementor-element-populated {
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 3px 3px 3px 3px;
}

.elementor-232 .elementor-element.elementor-element-ae15989 {
    z-index: 10;
}

.elementor-232 .elementor-element.elementor-element-c061b50 .hfe-site-logo-container,
.elementor-232 .elementor-element.elementor-element-c061b50 .hfe-caption-width figcaption {
    text-align: center;
}

.elementor-232 .elementor-element.elementor-element-c061b50 .hfe-site-logo .hfe-site-logo-container img {
    width: 160px;
}

.elementor-232 .elementor-element.elementor-element-c061b50 .hfe-site-logo-container .hfe-site-logo-img {
    border-style: none;
}

.elementor-232 .elementor-element.elementor-element-c061b50 .widget-image-caption {
    margin-top: 0px;
    margin-bottom: 0px;
}

.elementor-232 .elementor-element.elementor-element-c061b50 {
    z-index: 1;
}

.elementor-bc-flex-widget .elementor-232 .elementor-element.elementor-element-20c1968.elementor-column .elementor-widget-wrap {
    align-items: center;
}

.elementor-232 .elementor-element.elementor-element-20c1968.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-232 .elementor-element.elementor-element-20c1968>.elementor-element-populated {
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 0px 0px;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu .elementor-item {
    font-family: "Kanit", Sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main .elementor-item {
    color: #FFFFFF;
    fill: #FFFFFF;
    padding-left: 6px;
    padding-right: 6px;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main .elementor-item:hover,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main .elementor-item:focus {
    color: #FCD822;
    fill: #FCD822;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #FCD822;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed .elementor-item:before,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed .elementor-item:after {
    border-color: #FCD822;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #FCD822;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
    background-color: #FCD822;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed .elementor-item.elementor-item-active:before,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed .elementor-item.elementor-item-active:after {
    border-color: #FCD822;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f {
    --e-nav-menu-horizontal-menu-item-margin: calc(0px / 2);
    z-index: 9;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu>li:not(:last-child) {
    margin-bottom: 0px;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--dropdown a,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-menu-toggle {
    color: #F0F0F0;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--dropdown {
    background-color: #000000;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f>.elementor-widget-container {
    padding: 15px 0px 15px 30px;
}

.elementor-bc-flex-widget .elementor-232 .elementor-element.elementor-element-726495a.elementor-column .elementor-widget-wrap {
    align-items: center;
}

.elementor-232 .elementor-element.elementor-element-726495a.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-232 .elementor-element.elementor-element-726495a.elementor-column>.elementor-widget-wrap {
    justify-content: flex-end;
}

.elementor-232 .elementor-element.elementor-element-bea988e .elementor-button .elementor-align-icon-right {
    margin-left: 6px;
}

.elementor-232 .elementor-element.elementor-element-bea988e .elementor-button .elementor-align-icon-left {
    margin-right: 6px;
}

.elementor-232 .elementor-element.elementor-element-bea988e .elementor-button {
    font-family: "Kanit", Sans-serif;
    font-weight: 400;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FF0000 0%, #860000 100%);
    border-radius: 30px 30px 30px 30px;
    padding: 10px 20px 10px 20px;
}

.elementor-232 .elementor-element.elementor-element-bea988e>.elementor-widget-container {
    margin: 0px 10px 0px 0px;
}

.elementor-232 .elementor-element.elementor-element-e115767 .elementor-button .elementor-align-icon-right {
    margin-left: 6px;
}

.elementor-232 .elementor-element.elementor-element-e115767 .elementor-button .elementor-align-icon-left {
    margin-right: 6px;
}

.elementor-232 .elementor-element.elementor-element-e115767 .elementor-button {
    font-family: "Kanit", Sans-serif;
    font-weight: 400;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #44FF45 0%, #00C87A 100%);
    border-radius: 30px 30px 30px 30px;
    padding: 10px 20px 10px 20px;
}

.elementor-232 .elementor-element.elementor-element-e115767>.elementor-widget-container {
    margin: 0px 10px 0px 0px;
}

@media(max-width:1024px) {
    .elementor-232 .elementor-element.elementor-element-748e99c {
        padding: 20px 0px 20px 0px;
    }

    .elementor-232 .elementor-element.elementor-element-c061b50 .hfe-site-logo-container,
    .elementor-232 .elementor-element.elementor-element-c061b50 .hfe-caption-width figcaption {
        text-align: left;
    }

    .elementor-232 .elementor-element.elementor-element-c061b50 .hfe-site-logo .hfe-site-logo-container img {
        width: 125px;
    }

    .elementor-232 .elementor-element.elementor-element-c061b50>.elementor-widget-container {
        margin: 0px 0px 0px 60px;
    }
}

@media(max-width:767px) {
    .elementor-232 .elementor-element.elementor-element-cf7e7d9 {
        padding: 0px 0px 0px 0px;
    }

    .elementor-232 .elementor-element.elementor-element-13d0d98>.elementor-element-populated {
        margin: 0px 0px 0px 0px;
        --e-column-margin-right: 0px;
        --e-column-margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }

    .elementor-232 .elementor-element.elementor-element-ae15989 {
        width: 20%;
    }

    .elementor-232 .elementor-element.elementor-element-c061b50 .hfe-site-logo .hfe-site-logo-container img {
        width: 125px;
    }

    .elementor-232 .elementor-element.elementor-element-c061b50>.elementor-widget-container {
        margin: 0px 0px 0px 30px;
    }

    .elementor-232 .elementor-element.elementor-element-20c1968 {
        width: 5%;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu .elementor-item {
        font-size: 17px;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed .elementor-item:before {
        border-width: 0px;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed.e--animation-draw .elementor-item:before {
        border-width: 0 0 0px 0px;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed.e--animation-draw .elementor-item:after {
        border-width: 0px 0px 0 0;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed.e--animation-corners .elementor-item:before {
        border-width: 0px 0 0 0px;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-framed.e--animation-corners .elementor-item:after {
        border-width: 0 0px 0px 0;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-underline .elementor-item:after,
    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-overline .elementor-item:before,
    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-double-line .elementor-item:before,
    .elementor-232 .elementor-element.elementor-element-d7a5a5f .e--pointer-double-line .elementor-item:after {
        height: 0px;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f>.elementor-widget-container {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .elementor-232 .elementor-element.elementor-element-726495a {
        width: 80%;
    }

    .elementor-232 .elementor-element.elementor-element-bea988e .elementor-button {
        font-size: 14px;
        padding: 10px 7px 10px 7px;
    }

    .elementor-232 .elementor-element.elementor-element-bea988e>.elementor-widget-container {
        margin: 0px 05px 0px 0px;
    }

    .elementor-232 .elementor-element.elementor-element-e115767 .elementor-button {
        font-size: 14px;
        padding: 10px 7px 10px 7px;
    }

    .elementor-232 .elementor-element.elementor-element-e115767>.elementor-widget-container {
        margin: 0px 05px 0px 0px;
    }
}

@media(min-width:768px) {
    .elementor-232 .elementor-element.elementor-element-ae15989 {
        width: 10.891%;
    }

    .elementor-232 .elementor-element.elementor-element-20c1968 {
        width: 58.338%;
    }

    .elementor-232 .elementor-element.elementor-element-726495a {
        width: 30.437%;
    }
}

@media(max-width:1024px) and (min-width:768px) {
    .elementor-232 .elementor-element.elementor-element-ae15989 {
        width: 45%;
    }

    .elementor-232 .elementor-element.elementor-element-20c1968 {
        width: 5%;
    }

    .elementor-232 .elementor-element.elementor-element-726495a {
        width: 50%;
    }
}

/* Start custom CSS for site-logo, class: .elementor-element-c061b50 */
.elementor-232 .elementor-element.elementor-element-c061b50 img {
    ;
    max-width: none !important;
}

.elementor-232 .elementor-element.elementor-element-c061b50 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width:1024px) {
    .elementor-232 .elementor-element.elementor-element-c061b50 {}
}

/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d7a5a5f */
@media (max-width:767px) {
    .elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;

    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu .elementor-item {
        padding: 10px 5px;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        background: linear-gradient(to bottom, rgba(243, 206, 115, 1) 0%, rgba(198, 163, 82, 1) 41%, rgba(141, 107, 44, 1) 100%);
        color: black !important;
    }

    .elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 0.5px solid #7b6123;
    }
}

@media (max-width:450px) {
    .elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu .elementor-item {
        font-size: 13px;
    }
}

@media (max-width:1024px) {
    .elementor-232 .elementor-element.elementor-element-d7a5a5f {
        display: none;
    }
}

/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-20c1968 */
@media (max-width:1024px) {
    .elementor-232 .elementor-element.elementor-element-20c1968 {
        display: none;
    }
}

/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bea988e */
.elementor-232 .elementor-element.elementor-element-bea988e {
    width: max-content;
    margin-bottom: 0;
}

.elementor-232 .elementor-element.elementor-element-bea988e a {
    width: 100%;
    position: relative;
    z-index: 0;
}

.elementor-232 .elementor-element.elementor-element-bea988e .elementor-button span {
    text-decoration: inherit;
    z-index: 1;
}

.elementor-232 .elementor-element.elementor-element-bea988e .elementor-button-wrapper a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 2px solid transparent;
    border-radius: 50px;
    background-image: linear-gradient(180deg, #1A1A40, #232353), linear-gradient(180deg, #ffd257 -30%, #f2d7a9 22%, #975a22 72%, #f1bb73 112%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e115767 */
.elementor-232 .elementor-element.elementor-element-e115767 {
    width: max-content;
    margin-bottom: 0;
}

.elementor-232 .elementor-element.elementor-element-e115767 a {
    width: 100%;
    position: relative;
    z-index: 0;
}

.elementor-232 .elementor-element.elementor-element-e115767 .elementor-button span {
    text-decoration: inherit;
    z-index: 1;
}

.elementor-232 .elementor-element.elementor-element-e115767 .elementor-button-wrapper a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 2px solid transparent;
    border-radius: 50px;
    background-image: linear-gradient(180deg, #E6E6FA, #0400ff), linear-gradient(180deg, #ffd257 -30%, #f2d7a9 22%, #adff00 72%, #f1bb73 112%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

/* End custom CSS */