.intro{
  width: 100%;
  height: 100%;
  position: fixed;
}
.loader-container {
    display: flex;
    flex-direction: column; /* ทำให้ข้อความอยู่ด้านล่างของ loader */
    justify-content: center; /* จัดกึ่งกลางแนวนอน */
    align-items: center;     /* จัดกึ่งกลางแนวตั้ง */
    height: 100vh;           /* ทำให้ container สูงเท่ากับความสูงของหน้าจอ */
    background-color: #cde8fb54; /* สีพื้นหลังเพื่อให้เห็น loader ชัดเจน */
}

/* Style for the pulse loader */
.pulse-loader {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #3498db;
    animation: pulse 1.5s infinite ease-in-out;
}

/* Style for the loader text */
.loader-text {
    margin-top: 10px; /* ระยะห่างระหว่าง loader และข้อความ */
    font-size: 14px;
    color: #333;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}