.elementor-2 .elementor-element.elementor-element-f257bbf:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2 .elementor-element.elementor-element-f257bbf > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#022E29F7;}.elementor-2 .elementor-element.elementor-element-f257bbf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2 .elementor-element.elementor-element-f257bbf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2 .elementor-element.elementor-element-58423b8c{--e-image-carousel-slides-to-show:1;}.elementor-2 .elementor-element.elementor-element-58423b8c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-a5c342d{background-color:#303030;border-radius:20px 20px 20px 20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-66c7e288{text-align:center;}.elementor-2 .elementor-element.elementor-element-66c7e288 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-6b25d11{text-align:center;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-379e4086 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-3b97b34b img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-16301d2a img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-236ccd51 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-35ab1da4 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-3a21a1cd img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-7b4a69d5 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-a2c02da img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-19a09f31 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-5593f3f5 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-dbb7626 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-180e64a7 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-32442bfd img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-66294980 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-43d8f51b img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-7e839b85 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-3c55e7eb img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-35f4d3be img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-5b29e0d1 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-1b0a4bdd img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-6c1af3cb img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-3407ccc1 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-5a8350fb img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-2be5b144 img{border-radius:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-6c37979{text-align:center;}.elementor-2 .elementor-element.elementor-element-6c37979 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-1b2e9d4{text-align:start;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-661afbb img{width:70%;}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-3c2ee0b5{width:50%;}.elementor-2 .elementor-element.elementor-element-30be2349{width:50%;}.elementor-2 .elementor-element.elementor-element-7ca09ee8{width:50%;}.elementor-2 .elementor-element.elementor-element-761830d{width:50%;}.elementor-2 .elementor-element.elementor-element-75356661{width:50%;}.elementor-2 .elementor-element.elementor-element-5c5826f2{width:50%;}.elementor-2 .elementor-element.elementor-element-135d0a73{width:50%;}.elementor-2 .elementor-element.elementor-element-50c387a0{width:50%;}.elementor-2 .elementor-element.elementor-element-c0cb4cf{width:50%;}.elementor-2 .elementor-element.elementor-element-70669737{width:50%;}.elementor-2 .elementor-element.elementor-element-3adb439{width:50%;}.elementor-2 .elementor-element.elementor-element-3a2c6858{width:50%;}.elementor-2 .elementor-element.elementor-element-632d3bf4{width:50%;}.elementor-2 .elementor-element.elementor-element-10901f95{width:50%;}.elementor-2 .elementor-element.elementor-element-6f3d895c{width:50%;}.elementor-2 .elementor-element.elementor-element-6d54eaa{width:50%;}.elementor-2 .elementor-element.elementor-element-677b30b{width:50%;}.elementor-2 .elementor-element.elementor-element-e77b7f6{width:50%;}.elementor-2 .elementor-element.elementor-element-1b348e0c{width:50%;}.elementor-2 .elementor-element.elementor-element-63ae6c23{width:50%;}.elementor-2 .elementor-element.elementor-element-43ce7504{width:50%;}.elementor-2 .elementor-element.elementor-element-40e48667{width:50%;}.elementor-2 .elementor-element.elementor-element-72cc8a73{width:50%;}.elementor-2 .elementor-element.elementor-element-29bef6fd{width:50%;}.elementor-2 .elementor-element.elementor-element-7992219c{width:50%;}.elementor-2 .elementor-element.elementor-element-9fd958d{width:50%;}.elementor-2 .elementor-element.elementor-element-4ec256dc{width:50%;}.elementor-2 .elementor-element.elementor-element-77a01061{width:50%;}}/* Start custom CSS for html, class: .elementor-element-c04f297 */<style>
/* =========================================================
   G2GMAJOR ARTICLE CSS
   Desktop / Tablet / Mobile
========================================================= */

#g2gmajor-article,
#g2gmajor-article * {
    box-sizing: border-box;
}


/* =========================================================
   MAIN ARTICLE BOX
========================================================= */

#g2gmajor-article {
    width: calc(100% - 24px);
    max-width: 1180px;

    margin: 24px auto;
    padding: 36px 38px 42px;

    position: relative;
    overflow: hidden;

    font-family: "Kanit", "Prompt", Tahoma, Arial, sans-serif;

    color: #f4fffc !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(0, 255, 180, .12),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #003d36 0%,
            #002c28 48%,
            #001d1b 100%
        );

    border: 1px solid rgba(36, 230, 174, .45);
    border-radius: 22px;

    box-shadow:
        0 18px 45px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.06);
}


/* =========================================================
   DECORATION
========================================================= */

#g2gmajor-article::before {
    content: "";

    position: absolute;

    top: -120px;
    right: -100px;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(31, 232, 174, .14),
            transparent 70%
        );

    pointer-events: none;
}

#g2gmajor-article::after {
    content: "";

    position: absolute;

    bottom: -150px;
    left: -110px;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(223, 185, 63, .10),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   FORCE TEXT COLOR
   แก้ปัญหาตัวหนังสือมืดแบบในรูป
========================================================= */

#g2gmajor-article p,
#g2gmajor-article span,
#g2gmajor-article div,
#g2gmajor-article li {
    color: #edf8f5;
}

#g2gmajor-article p {
    margin: 0 0 18px;

    font-size: 17px;
    line-height: 1.95;
    font-weight: 400;

    text-align: left;

    position: relative;
    z-index: 2;
}


/* =========================================================
   H1
========================================================= */

#g2gmajor-article h1 {
    margin: 0 0 25px;

    position: relative;
    z-index: 2;

    color: #ffffff !important;

    font-size: clamp(30px, 3.7vw, 46px);
    line-height: 1.3;
    font-weight: 800;

    text-align: center;

    text-shadow:
        0 3px 5px rgba(0,0,0,.50),
        0 0 20px rgba(0,255,190,.15);
}

#g2gmajor-article h1 strong {
    color: #27e5ae !important;
    font-weight: 900;
}


/* =========================================================
   H2
========================================================= */

#g2gmajor-article h2 {
    margin: 40px 0 18px;
    padding: 14px 18px 14px 20px;

    position: relative;
    z-index: 2;

    color: #ffffff !important;

    font-size: clamp(22px, 2.4vw, 31px);
    line-height: 1.4;
    font-weight: 800;

    background:
        linear-gradient(
            90deg,
            rgba(8, 186, 137, .27),
            rgba(8, 186, 137, .07)
        );

    border-left: 5px solid #20e1a8;
    border-radius: 0 13px 13px 0;

    text-shadow:
        0 2px 4px rgba(0,0,0,.35);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04);
}


/* =========================================================
   H3
========================================================= */

#g2gmajor-article h3 {
    margin: 27px 0 11px;

    position: relative;
    z-index: 2;

    color: #38e8b3 !important;

    font-size: clamp(18px, 1.8vw, 23px);
    line-height: 1.45;
    font-weight: 800;

    text-shadow:
        0 2px 3px rgba(0,0,0,.35);
}


/* =========================================================
   GREEN / GOLD WORD
========================================================= */

#g2gmajor-article .g2g-green {
    color: #2ce9b1 !important;
    font-weight: 800;
}

#g2gmajor-article .g2g-gold {
    color: #f1ce62 !important;
    font-weight: 800;
}

#g2gmajor-article strong {
    color: #ffffff !important;
    font-weight: 800;
}


/* =========================================================
   INTRO BOX
========================================================= */

#g2gmajor-article .g2g-intro {
    margin: 20px 0 30px;
    padding: 21px 24px;

    position: relative;
    z-index: 2;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 8px 20px rgba(0,0,0,.12);
}

#g2gmajor-article .g2g-intro p {
    margin: 0;

    color: #f4fffc !important;

    font-size: 17px;
    line-height: 1.9;

    text-align: center;
}


/* =========================================================
   INFO BOX
========================================================= */

#g2gmajor-article .g2g-info-box {
    margin: 27px 0;
    padding: 19px 22px;

    position: relative;
    z-index: 2;

    background:
        linear-gradient(
            135deg,
            rgba(0, 211, 153, .14),
            rgba(0, 68, 60, .32)
        );

    border: 1px solid rgba(38, 230, 175, .34);
    border-radius: 15px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04);
}

#g2gmajor-article .g2g-info-box p {
    margin: 0;
    color: #f0fbf8 !important;
}


/* =========================================================
   CTA AREA
========================================================= */

#g2gmajor-article .g2g-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 14px;

    margin: 30px 0 34px;
    padding: 22px 18px;

    position: relative;
    z-index: 3;

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,.27),
            rgba(0,255,180,.08)
        );

    border: 1px solid rgba(28, 229, 169, .23);
    border-radius: 17px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04);
}


/* =========================================================
   BUTTON
========================================================= */

#g2gmajor-article .g2g-btn {
    min-width: 220px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: relative;
    overflow: hidden;

    padding: 15px 28px;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;

    border-radius: 11px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}


/* REGISTER */

#g2gmajor-article .g2g-register {
    background:
        linear-gradient(
            135deg,
            #25e2aa 0%,
            #08aa7a 100%
        );

    border: 1px solid rgba(255,255,255,.28);

    box-shadow:
        0 8px 20px rgba(0,210,150,.25),
        inset 0 1px 0 rgba(255,255,255,.35);
}


/* LOGIN */

#g2gmajor-article .g2g-login {
    background:
        linear-gradient(
            135deg,
            #252525,
            #070707
        );

    border: 1px solid rgba(231,193,70,.72);

    box-shadow:
        0 8px 20px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.08);
}


/* =========================================================
   BUTTON SHINE
========================================================= */

#g2gmajor-article .g2g-btn::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -60%;

    width: 32%;
    height: 250%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );

    transform: rotate(20deg);

    transition: left .55s ease;
}


@media (hover:hover) {

    #g2gmajor-article .g2g-btn:hover {
        transform: translateY(-4px);

        filter: brightness(1.1);

        box-shadow:
            0 13px 28px rgba(0,0,0,.35),
            0 0 18px rgba(26,230,170,.22);
    }

    #g2gmajor-article .g2g-btn:hover::after {
        left: 130%;
    }
}

#g2gmajor-article .g2g-btn:active {
    transform: scale(.97);
}


/* =========================================================
   LINKS INSIDE ARTICLE
========================================================= */

#g2gmajor-article a:not(.g2g-btn) {
    color: #32eab5 !important;
    text-decoration: underline;

    text-underline-offset: 3px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    #g2gmajor-article {
        width: calc(100% - 22px);

        margin: 20px auto;

        padding: 30px 26px 35px;

        border-radius: 18px;
    }

    #g2gmajor-article h1 {
        font-size: 34px;
    }

    #g2gmajor-article h2 {
        margin-top: 34px;

        font-size: 25px;
    }

    #g2gmajor-article h3 {
        font-size: 20px;
    }

    #g2gmajor-article p {
        font-size: 16px;
        line-height: 1.9;
    }

    #g2gmajor-article .g2g-intro p {
        font-size: 16px;
    }

    #g2gmajor-article .g2g-btn {
        min-width: 190px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #g2gmajor-article {
        width: calc(100% - 14px);

        margin: 14px auto;

        padding: 23px 15px 28px;

        border-radius: 14px;
    }

    #g2gmajor-article h1 {
        margin-bottom: 18px;

        font-size: 27px;
        line-height: 1.4;

        text-align: left;
    }

    #g2gmajor-article h2 {
        margin-top: 30px;
        margin-bottom: 14px;

        padding: 11px 12px 11px 14px;

        font-size: 21px;
        line-height: 1.45;

        border-left-width: 4px;
    }

    #g2gmajor-article h3 {
        margin-top: 23px;

        font-size: 18px;
        line-height: 1.5;
    }

    #g2gmajor-article p {
        margin-bottom: 15px;

        font-size: 15.5px;
        line-height: 1.85;
    }

    #g2gmajor-article .g2g-intro {
        padding: 16px 15px;
    }

    #g2gmajor-article .g2g-intro p {
        font-size: 15.5px;
        line-height: 1.85;

        text-align: left;
    }

    #g2gmajor-article .g2g-info-box {
        padding: 16px 15px;
    }

    #g2gmajor-article .g2g-cta {
        display: grid;
        grid-template-columns: 1fr;

        gap: 10px;

        padding: 16px 13px;
    }

    #g2gmajor-article .g2g-btn {
        width: 100%;
        min-width: 0;

        padding: 14px 15px;

        font-size: 15px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    #g2gmajor-article {
        width: calc(100% - 10px);

        padding-left: 12px;
        padding-right: 12px;
    }

    #g2gmajor-article h1 {
        font-size: 24px;
    }

    #g2gmajor-article h2 {
        font-size: 19px;
    }

    #g2gmajor-article h3 {
        font-size: 17px;
    }

    #g2gmajor-article p,
    #g2gmajor-article .g2g-intro p {
        font-size: 15px;
    }
}
</style>/* End custom CSS */