<!-- Partners Section -->
<section class="partners-section">
<div class="container">
<h2 class="section-title">Our Partners</h2>
<!-- Hospital Partners -->

<div class="partner-logos"><img alt="" src="/uploads/editor/files/%E8%87%BA%E5%A4%A7%E9%86%AB%E9%99%A2%E5%9C%96%E5%BE%BD(1).png" style="width: 130px; height: 128px;" /><br />
<img alt="" src="/uploads/editor/files/%E5%8C%97%E9%86%AB(2).png" style="width: 128px; height: 129px;" /><br />
<br />
<br />
<br />
<br />
<br />
<img alt="" src="/uploads/editor/files/%E5%B8%82%E7%AB%8B%E8%81%AF%E5%90%88%E9%86%AB%E9%99%A2.png" style="width: 125px; height: 128px;" /><br />
<br />
<br />
<img alt="" src="/uploads/editor/files/%E8%90%AC%E8%8A%B3.png" style="width: 128px; height: 128px;" /><img alt="" src="/uploads/editor/files/%E6%88%90%E5%A4%A7%E9%86%AB%E9%99%A2logo.png" style="width: 128px; height: 128px;" /><img alt="" src="/uploads/editor/files/%E9%AB%98%E9%86%AB%20logo.png" style="width: 128px; height: 128px;" /><img alt="" src="/uploads/editor/files/%E5%B0%8F%E6%B8%AF%E9%86%AB%E9%99%A2logo.png" style="width: 128px; height: 128px;" /><img alt="" src="/uploads/editor/files/%E4%B8%89%E7%B8%BDlogo.png" style="width: 128px; height: 40px;" /><img alt="" src="/uploads/editor/files/%E5%A4%A7%E6%9E%97%E6%85%88%E6%BF%9F.png" style="width: 128px; height: 31px;" /><img alt="" src="/uploads/editor/files/%E5%85%89%E7%94%B0%E7%B6%9C%E5%90%88%E9%86%AB%E9%99%A2logo.png" style="width: 128px; height: 26px;" /><br />
<!-- Add more logos as needed --></div>
</div>
<!-- Industry Partners -->

<div class="partner-category">
<h3 class="category-title">Industry Partners</h3>
<div class="partner-logos"><img alt="" src="/uploads/editor/files/%E5%B8%86%E5%AE%A3logo.png" style="width: 128px; height: 91px;" /><img alt="" src="/uploads/editor/files/%E5%AE%89%E5%8B%A4LOGO_%E5%A4%A7.jpg" style="width: 128px; height: 50px;" /><img alt="" src="/uploads/editor/files/%E7%B3%BB%E7%B5%B1%E9%9B%BB%E5%AD%90.png" style="width: 128px; height: 127px;" /><img alt="" src="/uploads/editor/files/%E5%85%83%E5%A4%A7%E9%87%91%E6%8E%A7.png" style="width: 128px; height: 46px;" /><br />
<!-- Add more logos as needed --></div>
</div>
</div>
</section>
<style type="text/css">.partners-section {
    padding: 50px 5%; /* Added left and right spacing */
}

.section-title {
    font-size: 2rem;
    font-weight: bold;
    color: #003366;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 20px;
}

.category-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #003366;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 20px;
}

.partner-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* Fixed spacing between images */
    align-items: center;
    justify-content: center;
}

.partner-logo {
    width: 120px;
    height: auto;
    transition: transform 0.3s ease;
}

.partner-logo:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .partner-logos {
        flex-direction: column;
        align-items: center;
    }
}
</style>