body {
            background-color: #f0f2f5;
            font-family: 'Prompt', sans-serif;
            margin: 0;
            padding: 0;
            display: flex; /* เพิ่ม display: flex */
            flex-direction: column; /* เพิ่ม flex-direction: column */
            min-height: 100vh; /* เพิ่ม min-height: 100vh */
        }



            .plant-name {
                font-family: 'Prompt', sans-serif;
            }
            h1,h2,h3,p,span, .lead {
                font-family: 'Prompt', sans-serif;
            }

        .content-info {
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
            margin-top: 50px;
            margin-bottom: 50px;
            text-align: center;
            flex-grow: 1; /* เพิ่ม flex-grow: 1 */
        }
        .pdf-frame {
            width: 100%;
            height: 120vh;
            border: none;
            margin-top: 20px;
        }
        .main-heading {
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: #333;
        }
        .sub-heading {
            font-size: 1rem;
             font-family: 'Prompt', sans-serif;
            color: #666;
            margin-top: 0;
            margin-bottom: 2rem;
        }
        /* Style for the new footer
        .main-footer {
            background-color: #343a40;
            color: #ffffff;
            padding: 20px 0;
            text-align: center;
            margin-top: auto;
        }

        }  */


/* Styles for the new footer */
.main-footer {
    background-color: #f8f9fa;
    color: #575d63;
    padding: 30px 0;
   text-align: center;
    margin-top: auto;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

@media (min-width: 768px) {
    .footer-content {
        flex-direction: row;
    }
}

  .main-footer .logo {
            height: 100px;
            margin-bottom: 10px;

        }
        .main-footer p {

             font-family: 'Prompt', sans-serif;
            margin: 0;
            }
            .text-content{
 float:left;
            }
.text-count{
    color: #333;
}
.counter-display {
    font-size: 2.5rem;
    font-weight: 700;
    color: #28a745;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}



        .gallery-item { margin-bottom: 30px; }
        .gallery-item img {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 8px;
            border: 15px solid #ffffffff;
            /* box-shadow: 0 4px 8px rgba(0,0,0,0.1);  */
        }
        .plant-name { margin-top: 10px; font-weight: bold; text-align: center; }
        .card-body { padding: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
        .btn-container {
                font-family: 'Prompt', sans-serif; width: 100%; margin-top: 1rem; }
                .btn { width: 100%; }



.div2{float:left;}
.row1{min-height:100%;}
/* .sp1{float:left;} */
.sp2{
    padding-top: 15px;
    float:left;}
.sp1 {
    /* ในหน้าจอมือถือหรือหน้าจอขนาดเล็ก จะใช้การจัดกึ่งกลาง */
    text-align: center;
    float: none; /* ยกเลิก float เพื่อให้การจัดกึ่งกลางทำงาน */
}

@media (min-width: 768px) {
    .sp1 {
        /* บนหน้าจอขนาดใหญ่ (tablet และ desktop) จะใช้ float: left */
        float: left;
        text-align: left; /* ปรับให้ข้อความชิดซ้าย */
        margin-right: 15px;
    }
}

footer {
         background-image: url('http://dnp15.com/myLogin/myAdmin/main_web/bg-web/bg-pattern2.jpg');
         background-repeat: repeat;
     }