.elementor-32354 .elementor-element.elementor-element-9a066e9{--display:flex;}.elementor-32354 .elementor-element.elementor-element-36245c3{--display:flex;--min-height:32px;}.elementor-32354 .elementor-element.elementor-element-ee14804{text-align:center;}.elementor-32354 .elementor-element.elementor-element-ee14804 .elementor-heading-title{font-weight:bold;color:#EB0000;}.elementor-32354 .elementor-element.elementor-element-8356be5{--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;}.elementor-32354 .elementor-element.elementor-element-f8c0973{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32354 .elementor-element.elementor-element-1be8edf{--display:flex;--min-height:257px;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;}.elementor-32354 .elementor-element.elementor-element-1be8edf::before, .elementor-32354 .elementor-element.elementor-element-1be8edf > .elementor-background-video-container::before, .elementor-32354 .elementor-element.elementor-element-1be8edf > .e-con-inner > .elementor-background-video-container::before, .elementor-32354 .elementor-element.elementor-element-1be8edf > .elementor-background-slideshow::before, .elementor-32354 .elementor-element.elementor-element-1be8edf > .e-con-inner > .elementor-background-slideshow::before, .elementor-32354 .elementor-element.elementor-element-1be8edf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FC0202;--background-overlay:'';}.elementor-32354 .elementor-element.elementor-element-7dcf73a{text-align:justify;color:#FFFFFF;}.elementor-32354 .elementor-element.elementor-element-be0a0ee{--display:flex;--min-height:257px;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;}.elementor-32354 .elementor-element.elementor-element-be0a0ee::before, .elementor-32354 .elementor-element.elementor-element-be0a0ee > .elementor-background-video-container::before, .elementor-32354 .elementor-element.elementor-element-be0a0ee > .e-con-inner > .elementor-background-video-container::before, .elementor-32354 .elementor-element.elementor-element-be0a0ee > .elementor-background-slideshow::before, .elementor-32354 .elementor-element.elementor-element-be0a0ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-32354 .elementor-element.elementor-element-be0a0ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FC020200;--background-overlay:'';}.elementor-32354 .elementor-element.elementor-element-7c30297{--lottie-container-width:67%;}.elementor-32354 .elementor-element.elementor-element-32d8ec5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-32354 .elementor-element.elementor-element-9c5f523{--display:flex;}@media(min-width:768px){.elementor-32354 .elementor-element.elementor-element-f8c0973{--width:42%;}.elementor-32354 .elementor-element.elementor-element-32d8ec5{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-9a066e9 *//* 1. ตั้งค่าพื้นหลังหลัก (ไล่สีฟ้าสว่าง) และซ่อนส่วนที่ล้น */
.elementor-32354 .elementor-element.elementor-element-9a066e9 {
    background: linear-gradient(135deg, #f0f7ff 0%, #cce3fa 100%);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

/* 2. ดันเลเยอร์เนื้อหา (Text/Image) ให้อยู่เหนือวงกลม */
.elementor-32354 .elementor-element.elementor-element-9a066e9 > * {
    position: relative;
    z-index: 2;
}

/* 3. สร้างวงกลมที่ 1 (สีฟ้าสว่าง) */
.elementor-32354 .elementor-element.elementor-element-9a066e9::before {
    content: "";
    position: absolute;
    top: -10%;
    left: -10%;
    width: 50vw;
    height: 50vw;
    max-width: 500px;
    max-height: 500px;
    /* ไล่สีวงกลมให้ขอบฟุ้งเนียนไปกับพื้นหลัง */
    background: radial-gradient(circle, rgba(91, 180, 255, 0.6) 0%, rgba(91, 180, 255, 0) 70%);
    border-radius: 50%;
    z-index: 1;
    animation: floatCircle1 12s infinite alternate ease-in-out;
}

/* 4. สร้างวงกลมที่ 2 (สีน้ำเงินพรีเมียม) */
.elementor-32354 .elementor-element.elementor-element-9a066e9::after {
    content: "";
    position: absolute;
    bottom: -15%;
    right: -10%;
    width: 60vw;
    height: 60vw;
    max-width: 600px;
    max-height: 600px;
    background: radial-gradient(circle, rgba(43, 106, 255, 0.5) 0%, rgba(43, 106, 255, 0) 70%);
    border-radius: 50%;
    z-index: 1;
    animation: floatCircle2 15s infinite alternate ease-in-out;
}

/* 5. ชุดคำสั่งแอนิเมชันสำหรับวงกลมที่ 1 */
@keyframes floatCircle1 {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(15%, 20%) scale(1.1); }
    100% { transform: translate(30%, 5%) scale(0.9); }
}

/* 6. ชุดคำสั่งแอนิเมชันสำหรับวงกลมที่ 2 */
@keyframes floatCircle2 {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-20%, -15%) scale(1.15); }
    100% { transform: translate(-35%, -30%) scale(0.95); }
}/* End custom CSS */