<!-- SECTION CONTENT START -->
<div class="section-full p-t80 p-b50">
    <div class="container">
        <!-- EVENTS AND WORKSHOPS BLOCK -->
        <div class="section-content m-b30">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="text-uppercase section-heading">Events and Workshops</h2>
                    <div class="wt-separator-outer m-b30">
                        <div class="wt-separator style-square">
                            <span class="separator-left site-bg-primary"></span>
                            <span class="separator-right site-bg-primary"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Event 1 -->
                <div class="col-md-4 col-sm-6 m-b30">
                    <div class="wt-box advanced-box">
                        <div class="wt-media">
                            <img src="https://inway.com.in/bake2bash/ui/images/event1.jpg" alt="Event 1" class="img-responsive">
                        </div>
                        <div class="wt-info">
                            <h4 class="wt-title">Digital Marketing Workshop</h4>
                            <p><strong>Date:</strong> January 25, 2024</p>
                            <p><strong>Location:</strong> Chennai, India</p>
                            <p>Learn the latest strategies and tools in digital marketing to grow your business.</p>
                            <a href="#" class="site-button">Learn More</a>
                        </div>
                    </div>
                </div>

                <!-- Event 2 -->
                <div class="col-md-4 col-sm-6 m-b30">
                    <div class="wt-box advanced-box">
                        <div class="wt-media">
                            <img src="https://inway.com.in/bake2bash/ui/images/event2.jpg" alt="Event 2" class="img-responsive">
                        </div>
                        <div class="wt-info">
                            <h4 class="wt-title">AI in Business Summit</h4>
                            <p><strong>Date:</strong> February 10, 2024</p>
                            <p><strong>Location:</strong> Dubai, UAE</p>
                            <p>Explore how AI is revolutionizing business processes and decision-making.</p>
                            <a href="#" class="site-button">Learn More</a>
                        </div>
                    </div>
                </div>

                <!-- Event 3 -->
                <div class="col-md-4 col-sm-6 m-b30">
                    <div class="wt-box advanced-box">
                        <div class="wt-media">
                            <img src="https://inway.com.in/bake2bash/ui/images/event3.jpg" alt="Event 3" class="img-responsive">
                        </div>
                        <div class="wt-info">
                            <h4 class="wt-title">Startup Growth Workshop</h4>
                            <p><strong>Date:</strong> March 5, 2024</p>
                            <p><strong>Location:</strong> Bangalore, India</p>
                            <p>A workshop focused on strategies for scaling and sustaining your startup.</p>
                            <a href="#" class="site-button">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- EVENTS AND WORKSHOPS BLOCK END -->
    </div>
</div>

<style>
/* General Section Styling */
.section-full {
    background-color: #f8f8f8;
    padding: 80px 0;
}

.section-heading {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Separator Styling */
.wt-separator.style-square .separator-left,
.wt-separator.style-square .separator-right {
    display: inline-block;
    width: 50px;
    height: 4px;
    background-color: #ED9E9D;
    margin: 0 10px;
    vertical-align: middle;
}

/* Advanced Box Styling */
.wt-box {
    height: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    background: linear-gradient(to bottom, #ffffff, #f7f7f7);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wt-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.wt-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-bottom: 4px solid black;
}

.wt-box:hover img {
    transform: scale(1.05);
}

.wt-info {
    padding: 20px;
    text-align: center;
}

.wt-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.site-button {
    background-color: #ED9E9D;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    display: inline-block;
    margin-top: 15px;
}

.site-button:hover {
    background-color: #d97706;
    transform: translateY(-3px);
}

/* Responsive Styling */
@media (max-width: 768px) {
    .section-heading {
        font-size: 24px;
    }
    .wt-box img {
        height: 180px;
    }
}
</style>
<!-- SECTION CONTENT END -->
