ul {
    list-style: none; 
    margin-left: 0;
}

li {
    /* margin:0; */
    /* margin-top:30px; */
    font: 400 15px/1.33 "figtree", sans-serif;
}

.advertisingSection, .quizSection{
    margin-top: 30px;
}

.teammates {
    margin-left:0;
    padding:0;
}

.mainContainer {
    width: 100%;
    min-height: 100vh;
    display: flex; 
    gap: auto;
    flex-direction: column;
    position:relative;
    justify-items:flex-start;
    align-items:flex-start;
}

img {
    border-radius: 15px;
}

h1 {
    padding:0;
    margin:0;
}

h2 {
    padding:0;
    margin-top: 15px; /* Add space between the image and text */
}

p {
    margin:10px 0;
    padding:0;
}

.content {
    display:flex;
    flex-direction:column;
    gap: 25px; /* Apply gap between items */
    position: relative;
    width: 100%; /* Use percentage for better responsiveness */
    max-width: 100vw; /* Ensure it doesn't overflow */
    padding-bottom:50px;
}

.digital-activations, .quiz, .end {
    display: flex;
    justify-content: space-between;
    /* flex-direction: row; */
    /* align-items: stretch; */
}

.digital-activations > img, .quiz > img, .end > img  {
    /* flex: 100% 20% 280%;  */
    flex: 1 1 auto; 
    max-width: 25%; 
}

#image-8 {
    flex:auto;
}



.context
{
    margin:0;
}


.teammates {
    list-style-type: none;
}

.links {
    margin:-8px 0 auto 0;
}


#links p {
    font: 700 15px/1.33 "figtree", sans-serif;
    color: #7A820A;
}

@media (max-width:575.98px) {

    .digital-activations, .quiz, .end {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .digital-activations > img, .quiz > img, .end > img {
        max-width:100%;
        gap:10px;
        margin-bottom: 20px;
    }

    main {
        padding-top:0;
        padding-left: 6%;
        padding-right:6%;
    }
    
}