/* extracted verbatim from the reference page <head><style> block */

        .install-container {
            margin-top: -6px !important;
        }

        .install-container {
            background-color: #363636;
            /* พื้นหลังสีน้ำเงินเข้ม */
            color: #fff;
            /* สีตัวอักษรขาว */
            padding: 10px;
            width: 100%;
            /* ให้เต็มหน้าจอในหน้าจอขนาดเล็ก */
            max-width: 100%;
            /* ให้เต็มหน้าจอในหน้าจอขนาดเล็ก */
            margin: 0 auto;
            /* จัดกึ่งกลาง */
        }

        /* สำหรับหน้าจอ Desktop (min-width: 1024px) */
        @media (min-width: 700px) {
            .install-container {
                max-width: 650px;
                /* กำหนดขนาด 650px สำหรับ Desktop */
            }
        }

        /* ปรับขนาดและ padding ในหน้าจอเล็ก */
        @media (max-width: 768px) {
            .install-container {
                padding: 2px 0px;
            }

            .app-install-btn {
                padding: 0.4rem 0.8rem;
                font-size: 0.9rem;
            }

        }
		/* สำหรับ Android Modal Header */
		/* สำหรับ Android Modal Header */
		.modal-header-Android {
		  background-color: #28a745;
		  /* พื้นหลังสีเขียว */
		  color: white;
		  /* สีข้อความขาว */
		  padding: 20px 30px;
		  /* เพิ่ม padding */
		  border-top-left-radius: 10px;
		  /* ทำให้มุมด้านซ้ายบนโค้งมน */
		  border-top-right-radius: 10px;
		  /* ทำให้มุมด้านขวาบนโค้งมน */
		}

		.modal-title-Android {
		  font-size: 1.5rem;
		  /* ขยายขนาดตัวอักษร */
		  font-weight: bold;
		  /* เพิ่มน้ำหนักของตัวอักษร */
		  margin: 0;
		  /* ตั้ง margin ให้ 0 เพื่อจัดแนว */
		  color: white;
		  /* ตั้งค่าสีข้อความ */
		}

		/* สำหรับ iOS Modal Header */
		.modal-header-IOS {
		  background-color: #007bff;
		  /* พื้นหลังสีฟ้า */
		  color: white;
		  /* สีข้อความขาว */
		  padding: 20px 30px;
		  /* เพิ่ม padding */
		  border-top-left-radius: 10px;
		  /* ทำให้มุมด้านซ้ายบนโค้งมน */
		  border-top-right-radius: 10px;
		  /* ทำให้มุมด้านขวาบนโค้งมน */
		}

		.modal-title-IOS {
		  font-size: 1.5rem;
		  /* ขยายขนาดตัวอักษร */
		  font-weight: bold;
		  /* เพิ่มน้ำหนักของตัวอักษร */
		  margin: 0;
		  /* ตั้ง margin ให้ 0 เพื่อจัดแนว */
		  color: white;
		  /* ตั้งค่าสีข้อความ */
		}

		/* ปรับการจัดการสำหรับ modal body และ footer */
		.modal-body2 {
		  background-color: white;
		  padding: 20px 30px;
		  /* เพิ่ม padding ในเนื้อหา */
		  font-size: 1rem;
		  /* ขนาดตัวอักษร */
		  color: #333;
		  /* สีข้อความเข้มเพื่อให้อ่านง่าย */
		  line-height: 1.6;
		}

		.modal-footer2 {
		  background-color: white;
		  padding: 10px 30px;
		  /* เพิ่ม padding ใน footer */
		  display: flex;
		  justify-content: center;
		  /* จัดปุ่มให้อยู่ตรงกลาง */
		  border-top: 1px solid #dee2e6;
		  /* เพิ่มเส้นขอบด้านบนเพื่อแยกจากเนื้อหา */
		}

		/* ปรับการจัดวางไอคอน */
		.icon-container {
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  gap: 10px;
		  /* ช่องว่างระหว่างไอคอน */
		  margin-top: 20px;
		}

		.icon-container img {
		  width: 50px;
		  margin: 10px;
		}

		/* การจัดรายการและข้อความใน modal body */
		.modal-body2 ol {
		  padding-left: 20px;
		  /* เพิ่มระยะห่างด้านซ้ายของรายการ */
		}

		.modal-body2 p,
		.modal-body2 ol {
		  font-size: 1rem;
		  /* ขนาดตัวอักษร */
		}
    
