.elementor-kit-124 {
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #FFFFFF;
    --e-global-color-accent: #EFD400;
    --e-global-typography-primary-font-family: "Kanit";
    --e-global-typography-primary-font-weight: 400;
    --e-global-typography-secondary-font-family: "Kanit";
    --e-global-typography-secondary-font-weight: 300;
    --e-global-typography-text-font-family: "Kanit";
    --e-global-typography-text-font-weight: 200;
    --e-global-typography-accent-font-family: "Kanit";
    --e-global-typography-accent-font-weight: 300;
    font-family: "Kanit", Sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.elementor-kit-124 a {
    color: #F5DFAC;
    font-family: "Kanit", Sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.elementor-kit-124 a:hover {
    color: #FFDC00;
    font-family: "Kanit", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: ;
    color: #060606;
}

.elementor-kit-124 h1 {
    color: #F5DFAC;
    font-family: "Kanit", Sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.elementor-kit-124 h2 {
    color: #F5DFAC;
    font-family: "Kanit", Sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.elementor-kit-124 h3 {
    color: #F5DFAC;
    font-family: "Kanit", Sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.elementor-kit-124 h4 {
    color: #F5DFAC;
    font-family: "Kanit", Sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.elementor-kit-124 h5 {
    color: #F5DFAC;
}

.elementor-kit-124 h6 {
    color: #F5DFAC;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
}

.e-container {
    --container-max-width: 1140px;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}

.elementor-element {
    --widgets-spacing: 20px;
}

{
}

h1.entry-title {
    display: var(--page-title-display);
}

.elementor-kit-124 e-page-transition {
    background-color: #FFDC00;
}

@media(max-width: 1024px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width:1024px;
    }

    .e-container {
        --container-max-width: 1024px;
    }
}

@media(max-width: 767px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width:767px;
    }

    .e-container {
        --container-max-width: 767px;
    }
}