.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: #000000;
    background-image: url("head-02.png");
    background-position: center center;
    background-size: cover;
}

.elementor-232 .elementor-element.elementor-element-cf7e7d9>.elementor-background-overlay {
    background-color: transparent;
    background-image: linear-gradient(90deg, #ff0000 0%, #ff0000 100%);
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-232 .elementor-element.elementor-element-cf7e7d9 {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 25px 0px;
}

.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: 99px;
}

.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>.elementor-widget-container {
    margin: 15px 0px 0px 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: #61CE70;
}

.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: #61CE70;
}

.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--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 {
    --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-nav-menu--dropdown a:hover,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-232 .elementor-element.elementor-element-d7a5a5f .elementor-nav-menu--dropdown a.highlighted {
    background-color: #02010100;
}

.elementor-232 .elementor-element.elementor-element-d7a5a5f>.elementor-widget-container {
    padding: 0px 0px 07px 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-726495a>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 0px;
}

.elementor-232 .elementor-element.elementor-element-726495a>.elementor-element-populated {
    margin: -9px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
}

.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: #000000;
    color: #000000;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFF38B 0%, #D89000 100%);
    border-radius: 30px 30px 30px 30px;
    padding: 10px 10px 10px 10px;
}

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

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

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

.elementor-232 .elementor-element.elementor-element-f21370e .elementor-button {
    font-family: "Kanit", Sans-serif;
    font-weight: 400;
    fill: #000000;
    color: #000000;
    background-color: transparent;
    background-image: linear-gradient(180deg, #8BE0FF 0%, #009DD8 100%);
    border-radius: 30px 30px 30px 30px;
    padding: 10px 10px 10px 10px;
}

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

.elementor-232 .elementor-element.elementor-element-8e8d3e1 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Kanit", Sans-serif;
    font-weight: 400;
}

@media(max-width:1024px) {

    .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-image: url("https://ideabet.live/theme/namo789/wp-content/uploads/2022/03/head03.png");
    }

    .elementor-232 .elementor-element.elementor-element-cf7e7d9 {
        padding: 0px 0px 20px 0px;
    }

    .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: 100px;
    }

    .elementor-232 .elementor-element.elementor-element-726495a>.elementor-element-populated {
        margin: 0px 0px 0px 0px;
        --e-column-margin-right: 0px;
        --e-column-margin-left: 0px;
        padding: 0% 37% 0% 0%;
    }
}

@media(max-width:767px) {

    .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-image: url("./head-01.png");
    }

    .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-748e99c {
        padding: 20px 0px 35px 0px;
    }

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

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

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

    .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: 70%;
    }

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

    .elementor-232 .elementor-element.elementor-element-726495a>.elementor-element-populated {
        margin: -10px 20px 0px 0px;
        --e-column-margin-right: 20px;
        --e-column-margin-left: 0px;
        padding: 0vw 17vw 0vw 0vw;
    }

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

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

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

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

    .elementor-232 .elementor-element.elementor-element-43edab3>.elementor-widget-container {
        margin: 0px 0px 0px 0px;
    }
}

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

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

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

@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: 55%;
    }
}

/* 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;
}

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

/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43edab3 */
.elementor-232 .elementor-element.elementor-element-43edab3 {
    width: auto;
    display: none;
    position: absolute;
    right: 0px
}

@media (max-width:1024px) {
    .elementor-232 .elementor-element.elementor-element-43edab3 {
        display: block;
    }
}

/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-726495a */
@media (max-width:410px) {
    .elementor-232 .elementor-element.elementor-element-726495a .elementor-widget-wrap {
        padding-right: 14vw !important;
    }
}

/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8e8d3e1 */
.elementor-232 .elementor-element.elementor-element-8e8d3e1 {
    position: absolute;
    bottom: -20px;
    width: 75.3%;
    right: 0;
    overflow: hidden;
}

.elementor-232 .elementor-element.elementor-element-8e8d3e1 .elementor-heading-title {
    animation: marquee 20s linear infinite;
    white-space: nowrap;

}

@media (max-width:1024px) {
    .elementor-232 .elementor-element.elementor-element-8e8d3e1 {
        position: absolute;
        bottom: -20px;
        width: 66%;

    }

    .elementor-232 .elementor-element.elementor-element-8e8d3e1 .elementor-heading-title {
        animation: marquee 15s linear infinite;
        white-space: nowrap;

    }

}

@media (max-width:767px) {
    .elementor-232 .elementor-element.elementor-element-8e8d3e1 {
        position: absolute;
        bottom: 5px;
        width: 60%;
    }

    .elementor-232 .elementor-element.elementor-element-8e8d3e1 .elementor-heading-title {
        animation: marquee 5s linear infinite;
        white-space: nowrap;
    }

}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cf7e7d9 */
.elementor-232 .elementor-element.elementor-element-cf7e7d9 {
    background-size: 100% 100% !important;
}

/* End custom CSS */