#content-and-media-1 {
     position: relative;
     
}
 @media screen and (max-width: 768px) {
     #content-and-media-1 {
         
         margin-top: 60px;

    }
}



#container-accordion-div-4 {
    margin-bottom: 80px;
}


.iclc-steps {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 900px;
}

.iclc-step {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.iclc-step-number {
    width: 90px;
    height: 90px;
    flex-shrink: 0;

    border-radius: 50%;
    border: 4px solid currentColor;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 4rem;
    font-weight: 800;
    line-height: 1;
}






.iclc-step p {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.35;
    color: #003865;
}

/* Fun colors */
.blue   { color: #0057b8; }
.green  { color: #2e7d32; } /* darker green */
.gold   { color: #8a6500; } /* darker gold/brown */
.purple { color: #7a42c2; }
.teal   { color: #1d6f86; }

@media (max-width: 768px) {
    
    .iclc-step {
        gap: 1rem;
    }

    .iclc-step-number {
        width: 70px;
        height: 70px;
        font-size: 3rem;
    }

    .iclc-step p {
        font-size: 1.1rem;
    }
}


.iclc-step-number {
    width: 48px;
    height: 48px;
    font-size: 2rem;
}

.iclc-step {
    gap: 1rem; /* was 1.5rem */
}