.custom-padding01 {
    padding: 0 10px 0 30px;
    }
.paddingview {
padding : 15px 15px 15px 15px;
}         

.head-box-right {
    padding: 15px;
    margin: 15px;
    text-align: center; /* ใช้ text-align เพื่อจัดข้อความให้อยู่กลาง */
}



.top-box-main {
    background-color: #666; /* สีพื้นหลังเทา */
    padding-top: 10px;     /* ระยะห่างด้านบน 10px */
}
.custom-paddingsup1 {
    padding-left:29px;
}

.custom-padding-left {
    padding-left: 15px;
    text-align: center;
}

.padding-left {
    padding-left: 15px;
}

.padding-left25 {
    padding-left: 25px;
}

.text-center{
    padding: 5px;
    text-align: center;
}
.center-text {
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}

.overview-title {
    color: #FF9900;
    font-size: 1.2em; /* หรือปรับใช้ rem เช่น 1.5rem */
    font-weight: bold;
    text-align: left; /* ถ้าต้องการให้อยู่กึ่งกลางใช้ center */
    margin: 0;
    padding: 0;
}

.title-orther{
    color: blue;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding-left: 15px;
    padding-bottom: 10px;
}

.zone-contain{
    padding-top: 15px;
   }

.text-left-foot{
    text-align: left;
    }

.back-foot{
    padding: 30px;
    background-color: #015c95;
    }
.box-head-bg{
    background-color: #015c95;
    height: 35px;
    padding-left: 29px;
    padding-top: 9px;
    color: aliceblue;
    
}

.fit-image {
    width: 90%;
    height: 90%;
    object-fit: cover; /* ครอบรูปภาพให้เต็ม container โดยรักษาอัตราส่วน */
}

.certificate-title {
    text-align: center; /* จัดข้อความให้อยู่ตรงกลาง */
    color: #1E1819; /* กำหนดสีของตัวอักษร */
    font-weight: bold; /* ทำให้ตัวอักษรหนา */
}

.box-foot-bg{  
   
    background-color: #015c95; /* สีพื้นหลังเฉพาะส่วน */
    /*padding: 20px; /* เพิ่มช่องว่างภายใน */
    /*border-radius: 10px; /* มุมมน */
    
    
}

.outer-container {
    background-color: lightgray; /* พื้นหลังของชั้นนอก */
    padding: 20px; /* ระยะห่างภายใน */
    border-radius: 10px; /* มุมโค้ง */
}

.inner-container {
    background-color: white; /* พื้นหลังของชั้นใน */
    padding: 10px; /* ระยะห่างภายในชั้นใน */
    border: 1px solid #ccc; /* เส้นขอบ */
}

.custom-link {
    color: rgb(246, 246, 248); /* สีปกติของลิงก์ */
    text-decoration: none; /* ลบขีดเส้นใต้ */
    font-weight: bold; /* ทำให้ตัวอักษรหนา */
}

.text-white {
    color: #FFFFFF; /* สีขาว */
}

.text-yell{
    color: #FFFF00;
    font-weight: bold;
}
.ul-foot{
    color: #FFFFFF;
}