/* Adding variables */
@import url("../../css/variables.css");

/* Partners Grid Block */
.partners-grid__main-container {
    display: flex;
    justify-content: center;
    width: var(--width);
    padding: var(--padding);
    margin: 0 auto;
}

.partners-grid__inner-container {
    display: flex;
    gap: var(--l-spacing);
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: var(--xxl-spacing) 0;
    margin: 0 auto;
}

.partners-grid__partner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--m-spacing);
    width: calc((100% - (var(--l-spacing)) * 2) / 3);
    max-width: 400px;
    background: var(--neowhite);
    padding: var(--m-spacing);
}

.partner-container__content {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
    min-height: 170px;
    font-size: var(--text);
    line-height: var(--lh-2);
}

.partner-container__content h3 {
    font-size: var(--alt-title);
    font-weight: var(--medium);
    line-height: var(--lh-2);
}

.partners-grid__partner-container img {
    width: 100%;
    max-width: 250px;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    margin: 0 auto;
}

/**********************************************/
/******************* Laptop *******************/
/**********************************************/
@media (max-width: 1366px) {
    .partners-grid__inner-container {
        gap: var(--m-spacing);
        padding: var(--xl-spacing) 0;
    }

    .partners-grid__partner-container {
        width: calc((100% - (var(--m-spacing)) * 2) / 3);
        max-width: 360px;
    }

    .partner-container__content {
        min-height: 360px;
    }

    .partners-grid__partner-container img {
        width: 220px;
        max-height: 80px;
    }
}

/**********************************************/
/******************* Tablet *******************/
/**********************************************/
@media (max-width: 1024px) {
    .partners-grid__inner-container {
        padding: var(--l-spacing) 0;
    }

    .partners-grid__partner-container {
        width: calc((100% - var(--m-spacing)) / 2);
        max-width: calc(50% - var(--m-spacing));
    }

    .partner-container__content {
        min-height: 320px;
    }

    .partners-grid__partner-container img {
        width: 200px;
        max-height: 80px;
    }
}

/**********************************************/
/******************* Mobile *******************/
/**********************************************/
@media (max-width: 767px) {
    .partners-grid__partner-container {
        width: var(--full);
        max-width: var(--full);
    }

    .partner-container__content {
        min-height: 260px;
    }

    .partners-grid__partner-container img {
        width: 250px;
        max-height: 90px;
    }
}