.mp-partners {
    background-color: var(--brown);
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    z-index: -2;
}

.mp-partners::before {
    position: absolute;
    top: -71%;
    right: 0;
    left: 0;
    height: 140%;
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
    content: "";
    pointer-events: none;
}

.mp-partners__fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 2.5%;
}

.mp-partners h3 {
    text-align: center;
    z-index: 1;
    margin: 0 auto calc(var(--gap) * 3);
}

.mp-partners__container {
    position: relative;
    display: flex;
    gap: calc(var(--gap) * 3);
}

.mp-partners__list {
    background: transparent;
    position: relative;
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, 180px);
    gap: 3rem;
}

.mp-partners__list ._title {
    grid-column: 1/4;
    grid-row: 1/3;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 30px;
    margin-bottom: 0;
}

.mp-partners__item {
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--gap);
    box-sizing: border-box;
    aspect-ratio: 1;
    border-radius: 4rem;
    border-radius: 50%;
    transition: var(--transition);
}

.mp-partners__item {
    position: relative;
    /* box-shadow: inset 0 0 0 1px #c9c9c9, inset 0 1px 2px rgba(255, 255, 255, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5); */
    background: conic-gradient(#d7d7d7, #c3c3c3, #cccccc, #c6c6c6, #d3d3d3, #d8d8d8, #d5d5d5, #d8d8d8, #d3d3d3, #c5c5c5, #c0c0c0, #bfbfbf, #d0d0d0, #d9d9d9, #d1d1d1, #c5c5c5, #c8c8c8, #d7d7d7, #d5d5d5, #cdcdcd, #c4c4c4, #d9d9d9, #cecece, #c5c5c5, #c5c5c5, #cdcdcd, #d8d8d8, #d9d9d9, #d7d7d7) content-box;
    background: conic-gradient(#4B433F, #FEFEFE, #C4C4C4, #878787, #9EA28C) content-box;
    background: conic-gradient(#8A8681, #707070 11deg, #F9FFFF 33deg, #B4B5AA 80deg, #CBCBCB 90deg, #DFCCD3 142deg, #B4B4B4 165deg, #7C847D 190deg, #7C847D 260deg, #7C847D 295deg, #41473F 325deg, #8A8681 355deg);
    box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.mp-partners__item::before {
    content: "";
    top: 10px;
    left: 10px;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: inherit;
    background: rgb(217, 209, 205);
    background: linear-gradient(51deg, rgba(217, 209, 205, 1) 7%, rgba(168, 166, 169, 1) 90%);
    border: 1px solid #d3d3d3;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transition: all .15s linear 0s;
    background: conic-gradient(#d7d7d7, #c3c3c3, #cccccc, #c6c6c6, #d3d3d3, #d8d8d8, #d5d5d5, #d8d8d8, #d3d3d3, #c5c5c5, #c0c0c0, #bfbfbf, #d0d0d0, #d9d9d9, #d1d1d1, #c5c5c5, #c8c8c8, #d7d7d7, #d5d5d5, #cdcdcd, #c4c4c4, #d9d9d9, #cecece, #c5c5c5, #c5c5c5, #cdcdcd, #d8d8d8, #d9d9d9, #d7d7d7) content-box, linear-gradient(#d4d4d4, #d4d4d4) padding-box, radial-gradient(rgba(120, 120, 120, 0.9), rgba(120, 120, 120, 0) 70%) 50% bottom / 80% 0.46875em no-repeat border-box;
}

.mp-partners__item::after {
    content: "";
    top: 14px;
    left: 14px;
    position: absolute;
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    border-radius: inherit;
    background: transparent;
    border: 5px solid #8ad100;
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.5), inset 10px 10px 15px rgba(70, 70, 70, 0.12);
    transition: all .15s linear 0s;
}

.mp-partners__item:hover {
    /* box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 0.5), inset 10px 10px 15px rgba(70, 70, 70, 0.12); */
    /* transform: translateY(5px); */
    box-shadow: inset 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
}

.mp-partners__item:hover .mp-partners__item::after {
    /*box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
}


.mp-partners__item:hover::after {
    border-color: #8ad100;
    box-shadow: inset 0 0 10px #8ad100;
}

.mp-partners__item > span {
    color: #808080;
    text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
    z-index: 3;
    font-weight: 500;
    transition: all .15s linear 0s;
}

.mp-partners__item:hover > span {
    color: #8ad100;
}


.mp-partners__item:nth-child(odd) {
    /*background-color: #ffffff3a;*/
}


.mp-partners__item:nth-last-child(-n+2) {

}

@media (max-width: 1024px) {
    .mp-partners__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .mp-partners__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .mp-partners__item:nth-child(even) {
        /*background-color: #d7b78985;*/
        border: 1px solid #d7b78985;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .mp-partners__item:nth-child(4n+2),
    .mp-partners__item:nth-child(4n+3) {
        border: 1px solid #d7b78985;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .mp-partners__item:nth-child(even) {
        border: 1px solid #d7b78985;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
    }
}


@media (max-width: 480px) {
    .mp-partners__list {
        grid-template-columns: 1fr;
    }
}