/* ==========================================
   Partners
========================================== */

.partners {

    background: var(--clr-surface, #F5F5F5);

}

.partners .container {

    display: flex;

    flex-direction: column;

    gap: var(--space-section);

}

/* ==========================================
   Layout
========================================== */

.partner {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-areas: "image content";

    gap: var(--space-section);

    align-items: center;

}

.partner--reverse {

    grid-template-areas: "content image";

}

.partner__media {

    grid-area: image;

}

.partner__content {

    grid-area: content;

}

/* ==========================================
   Content
========================================== */

.partner__content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: var(--space-lg);

}

.partner__content p {

    line-height: 1.8;

    max-width: 560px;

}

/* ==========================================
   List
========================================== */

.partner-list {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: var(--space-md);

}

.partner-list li {

    display: flex;

    align-items: center;

    gap: var(--space-md);

    padding-bottom: var(--space-sm);

    border-bottom: 1px solid rgba(0,0,0,.08);

    color: var(--clr-body);

}

.partner-list svg {

    width: 18px;

    height: 18px;

    color: var(--clr-accent);

    flex-shrink: 0;

}

/* ==========================================
   Images
========================================== */

.partner__media {

    min-height: 420px;
    height: 85%;

    border-radius: var(--radius-card);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

}

.partner__media:last-child {
    transform: scale(1.5);
}

/* ==========================================
   Background Images
========================================== */

.partner__media--ib {

    background-image: url("../../../images/sections/Introducing\ brokers.webp");

}

.partner__media--manager {

    background-image: url("../../../images/sections/money-manager.webp");

}

.partner__media--label {

    background-image: url("../../../images/sections/white-label.webp");

}

.partner__media--academy {

    background-image: url("../../../images/sections/academies.webp");

}