.events__main{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3%;
}
.events__registry {
    padding: 1rem;
    box-shadow: -1px 1px 20px 6px rgba(204, 204, 204, 0.5);
}

@media (min-width: 1024px) {
    .events__registry {
        height: 400px;
        width: 500px;
    }
}

.heading {
    line-height: 1.4;
}

.list__items {
    margin-top: 15px;
}

.list__items > li {
    border-bottom: 1px dotted #d1d5db;
    transition: transform 300ms ease-in-out;
    cursor: pointer;
}

.list__items > li:not(:last-child) {
    margin-bottom: 15px;
}

.list__items > li:hover {
    color: #6366f1;
    transform: translateX(20px)
}

.list__items a.active {
  color: #6366f1;
}


.content {
    display: none;
}

    @media (min-width: 1024px) {
        .content {
            width: 400px;
        }
    }

.margin {
    margin-top: 30px;
}

.content > :nth-child(2) {
    margin-top: 8px;
}

.content > h5  {
    margin-top: 20px;
}

.sub__heading {
    margin-top: 8px;
}


@media (max-width: 768px) {
    .events__main {
        grid-template-columns: 1fr; 
    }
}

@media (max-width: 480px) {
    .events__main {
        grid-template-columns: 1fr; 
        gap: 2%; 
    }
}

@media (max-width: 480px) {
    .events__registry {
        height: auto;
    }
}