#events-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Four equal columns */
    gap: 15px; /* Adjust spacing between items */
}

#masonrytile {
    width: 100%;
    max-width: 250px; /* Adjust card width */
}

#masonry-tile .visual-wrapper img {
    max-width: 100%;
    height: auto;
    object-fit: cover; /* Ensure images fit neatly */
}

#copy-wrapper {
    padding: 10px; /* Reduce padding inside the card */
}



/* Main Container */
#the-container {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    /* background: white; */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Title */
#thetitle {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
}

/* Subtheme Grid */
.subthemes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* Subtheme Category Box */
.subtheme-category {
    background: #040724;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.subtheme-category:hover {
    transform: translateY(-5px);
}

/* Subtheme Category Heading */
.subtheme-category h2 {
    font-size: 20px;
    color: #007acc;
    margin-bottom: 10px;
}

/* Subtheme List */
.subtheme-category ul {
    list-style: none;
    padding: 0;
    
}

.subtheme-category ul li {
    background: #2f4459;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    transition: background 0.3s ease-in-out;
    border-left: 4px solid #D4007F;
}

.subtheme-category ul li:hover {
    background: #cce5ff;
}

/* Responsive Design */
@media (max-width: 768px) {
    .subthemes-grid {
        grid-template-columns: 1fr;
    }
}



 /* Global Styles */
:root {
    --primary-blue: #007ACC;
    --accent-pink: #E91E63;
    --white: #FFFFFF;
    --black: #000000;
    --light-gray: #f8f8f8;
}



#conference-container {
            max-width: 1200px;
            margin: auto;
            padding: 20px;
            text-align: center;
        }

        #conference-title {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
        }

        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }

        .conference-card {
            background: #162447;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-in-out;
        }

        .conference-card:hover {
            transform: translateY(-5px);
        }

        .conference-card h2 {
            font-size: 20px;
            color: #D4007F;
            margin-bottom: 10px;
        }

        .timeline {
            list-style: none;
            padding: 0;
        }

        .timeline li {
            background: #1F4068;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 5px;
            font-size: 14px;
            transition: background 0.3s ease-in-out;
            border-left: 4px solid #D4007F;
            text-align: left;
        }

        .timeline li:hover {
            background: #cce5ff;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        table, th, td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center;
        }

        th {
            background-color: #333;
            color: white;
        }

        @media (max-width: 768px) {
            .grid-container {
                grid-template-columns: 1fr;
            }
        }
 
        #submission-container {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            max-width: 1000px;
            margin: auto;
            padding: 20px;
            background: #162447;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
    
        .submission-wrapper {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
    
        .submission-details h2{
            color: #D4007F;
            width: 60%;
        }
    
        .enquiry-section {
            width: 35%;
            background: #040724;
            color: white;
            padding: 15px;
            border-radius: 8px;
        }
    
        .enquiry-section h3 {
            color: #007acc;
        }
    
        .contact-list {
            list-style: none;
            padding: 0;
        }
    
        .contact-list li {
            padding: 5px 0;
        }
    
        @media (max-width: 768px) {
            .submission-wrapper {
                flex-direction: column;
            }
    
            .submission-details, .enquiry-section {
                width: 100%;
                margin-bottom: 15px;
            }
        }
   

.newsletter-form.transparent .mktoButtonWrap.mktoMinimal .mktoButton:hover{
background-image: linear-gradient(93.35deg,#e800e8 9.74%,#2b48d8 61.61%,#0993d9 103.98%)!important;

}