.organisation-section {   
}
.organisation-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    list-style: none;
    gap: 1.5rem;
    width: 100%;
    z-index: 3;
}

.partner-card {
    border-radius: 16px;
    aspect-ratio: 441 / 294 !important;
    padding: 1rem 1.75rem;
    background-color: #ffffff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.partner-card:hover {
    box-shadow: 0px 5px 10px #509E9C80;
    cursor: url(../assets/icons/link-cursor.svg) 24 24, pointer;
}

.partner-card img {
    max-width: 100%;
    max-height: 100%;
}
.partner-modal-container {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #35696780 0% 0% no-repeat padding-box;
    display: none;
    padding: 1.25rem;
    justify-content: center;
    align-items: center;
    overflow: scroll;
    min-height: 100vh;
}

.partner-modal-details {
    width: 100%;
    border-radius: 16px;
    padding: 1rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.partner-modal-details h2{
    margin-top: 0;
}
.partner-modal-container.show {
    display: flex;
}
.modal-close-btn {
    outline: 0;
    border: 0;
    border-radius: 50%;
    background-color: var(--color-quarternary);
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    align-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
}

.modal-close-btn svg {
    width: 50%;
}
.modal-partner-description {
    display: block;
    margin-bottom: 2rem;
    padding-right: 3rem;
}

.partner-modal-details h2{
    margin-bottom: 0;
}
.partner-modal-details.video-modal {
    padding-left: 1rem;
    padding-bottom: 1rem;
}
.video-modal video {
    margin-top: 1.5rem;
}
.modal-partner-description p{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48rem) {
    .organisation-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }

    .modal-partner-description {
        padding-right: 4rem;
    }

    .modal-close-btn {
        width: 3.25rem;
        height: 3.25rem;
    }

    .partner-modal-details {
        padding: 2rem;
        padding-bottom: 4rem;
        padding-left: 4rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: flex;
        flex-direction: column;
    }
    .partner-modal-details.video-modal {
        padding-left: 2rem;
        padding-bottom: 2rem;
    }
}



@media only screen and (min-width: 62rem) {
    .organisation-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .partner-modal-details {

        padding: 2rem;
        padding-bottom: 8rem;
        padding-left: 8rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: flex;
        flex-direction: column;
    }
    .partner-modal-details.video-modal {
        padding-left: 2rem;
        padding-bottom: 2rem;
        max-height: calc(100vh);
    }
    .modal-close-btn {
        width: 3.75rem;
        height: 3.75rem;
    }

    .modal-partner-description {
        padding-right: 5rem;
    }
}