/* FIFTEENTH SECTION */

.partners_section {
    background: no-repeat center center/cover;
    padding-top: 130px;
    padding-bottom: 307px;
    overflow: hidden;
}

.partners_section .heading_secondary {
    color: var(--black);
}

.partners_section-box {
    display: flex;
    gap: 200px;
}

.partners_heading-box {
    max-width: 810px;
}

.partners_heading-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.partners_heading-caption {
    font-size: 16px;
    color: var(--black);
    font-family: 'Helvetica Neue', sans-serif;
    text-align: right;
    max-width: 204px;
    margin-bottom: -35px;
}

.partner {
    background-color: var(--black);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    padding: 20px;
    transform: scale(0.5);
    transition: transform 0.5s, opacity 0.5s;
    opacity: 0;
    margin: 10px;
  }
  
  .partner_overlay {
    background-color: var(--primary-yellow);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    aspect-ratio: 1 / 1;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  .partners .circle {
    display: block;
    overflow: visible;
    width: 100%;
    font-family: 'Impact Cyr';
    font-weight: normal;
    fill: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .circle path {
    fill: none;
  }
  
  .partner:hover .partner_overlay,
  .partner:focus .partner_overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  
  @keyframes hoverEffect {
    0% {
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
    }
    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
  }
  
  .hovered .partner_overlay {
    animation: hoverEffect 1s ease-in-out;
  }

.partners {
    margin-top: 50px;
}

.partners_row {
    display: flex;
}

.partner_img {
    max-width: 70%;
    max-height: 70%;
}

.partners_row:nth-child(1) .partner:nth-child(1) {
    max-width: 420px;
    margin-right: 78px;
}

.partners_row:nth-child(1) .partner:nth-child(2) {
    max-width: 506px;
    margin-right: 32px;
    margin-top: 76px;
}

.partners_row:nth-child(1) .partner:nth-child(3),
.partners_row:nth-child(1) .partner:nth-child(4),
.partners_row:nth-child(2) .partner:nth-child(2),
.partners_row:nth-child(2) .partner:nth-child(4) {
    max-width: 394px;
}

.partners_row:nth-child(1) .partner:nth-child(3) {
    margin-top: 7px;
}

.partners_row:nth-child(1) .partner:nth-child(4) {
    margin-top: 186px;
}

.partners_row:nth-child(2) .partner:nth-child(1) {
    max-width: 506px;
    margin-right: 20px;
    margin-top: 24px;
    margin-left: 31px;
}

.partners_row:nth-child(2) .partner:nth-child(2) {
    margin-top: 194px;
}

.partners_row:nth-child(2) .partner:nth-child(3) {
    max-width: 472px;
}

.partners_row:nth-child(2) {
    margin-top: -160px;
}

.partners_row:nth-child(2) .partner:nth-child(4)  {
    margin-top: 198px;
}

.partners.tablet,
.partners.mobile {
    display: none;
}

@media (max-width: 1919px) {
    .partners_section {
        padding-top: 74px;
        padding-bottom: 156px;
    }

    .partners_heading-box .heading_secondary {
        line-height: 100%;
    }

    .partners_heading-caption {
        margin-bottom: 0px;
        font-size: 14px;
        max-width: 168px;
    }

    .partners_heading-row {
        justify-content: flex-start;
        gap: 60px;
    }

    .partners {
        margin-top: 37px;
    }

    .partners_row:nth-child(1) .partner:nth-child(1) {
        max-width: 289px;
        margin-right: 52px;
    }
    
    .partners_row:nth-child(1) .partner:nth-child(2) {
        max-width: 340px;
        margin-right: 21px;
        margin-top: 50px;
    }
    
    .partners_row:nth-child(1) .partner:nth-child(3) {
        margin-top: 5px;
        max-width: 265px;
    }
    
    .partners_row:nth-child(1) .partner:nth-child(4) {
        max-width: 265px;
        margin-top: 124px;
    }
    
    .partners_row:nth-child(2) .partner:nth-child(1) {
        max-width: 340px;
        margin-right: 14px;
        margin-top: 16px;
        margin-left: 33px;
    }
    
    .partners_row:nth-child(2) .partner:nth-child(2) {
        max-width: 265px;
        margin-top: 90px;
    }
    
    .partners_row:nth-child(2) .partner:nth-child(3) {
        max-width: 317px;
    }
    
    .partners_row:nth-child(2) {
        margin-top: -107px;
    }
    
    .partners_row:nth-child(2) .partner:nth-child(4)  {
        margin-top: 122px;
        max-width: 265px;
    }
}

@media(max-width: 1280px) {
        .partners {
            display: none;
        }

        .partners.tablet {
            display: block;
        }

        .partners_section {
            padding-bottom: 62px;
        }

        .partners_row {
            justify-content: center;
        }

        .partners_row:nth-child(1) .partner:nth-child(1) {
            max-width: 212px;
            margin-right: 5px;
            margin-top: 14px;
        }

        .partners_row:nth-child(1) .partner:nth-child(2) {
            max-width: 262px;
            margin-right: 5px;
            margin-top: 22px;
        }

        .partners_row:nth-child(1) .partner:nth-child(3) {
            max-width: 242px;
            margin-top: 0px;
        }

        .partners_row:nth-child(2) .partner:nth-child(1)  {
           margin-left: 0px;
           max-width: 269px;
           margin-top: 0px;
           margin-right: 6px;
        }

        .partners_row:nth-child(2) .partner:nth-child(2) {
            max-width: 184px;
            margin-top: 46px;
            margin-right: 7px;
        }

        .partners_row:nth-child(2) .partner:nth-child(3) {
            max-width: 241px;
            margin-top: 15px;
        }

        .partners_row:nth-child(3) .partner:nth-child(1) {
            max-width: 206px;
            margin-right: 15px;
            margin-top: 29px;
        }

        .partners_row:nth-child(3) .partner:nth-child(2) {
            max-width: 206px;
            margin-top: 0px;
        }

        .partners_row:nth-child(2) {
            margin-top: -40px;
        }

        .partners_row:nth-child(3) {
            margin-top: -40px;
        }

        .partners_heading-box {
            max-width: 497px;
        }

        .partners_heading-caption {
            font-size: 16px;
            max-width: 148px;
            margin-bottom: -52px;
        }

        .partners_section-box {
            justify-content: center;
        }
    }

@media(max-width: 767px) {
    .partners_section {
      padding-bottom: 30px;
    }

    .partners_section .heading_secondary {
        letter-spacing: -0.04em;
    }

    .partners_heading-row {
       flex-direction: column;
       align-items: flex-start;
       gap: 45px;
    }

    .partners_heading-caption {
        font-size: 14px;
        max-width: 167px;
        align-self: flex-end;
    }

    .partners.mobile {
        display: block;
    }

    .partners.tablet {
        display: none;
    }

    .partners_row:nth-child(1) .partner:nth-child(1) {
       width: 220px;
       min-width: 220px;
       margin-right: 0px;
       margin-top: 0px;
    }

    .partners_row:nth-child(1) .partner:nth-child(2) {
        width: 207px;
        min-width: 207px;
        margin-top: 67px;
        margin-right: 0px;
        margin-left: -5px;
    }

    .partners_row:nth-child(2) {
        margin-top: -60px;
    }

    .partners_row:nth-child(2) .partner:nth-child(1) {
        width: 220px;
        min-width: 220px;
        margin-right: 0px;
        margin-left: 30px;
    }

    .partners_row:nth-child(2) .partner:nth-child(2) {
        width: 134px;
        min-width: 134px;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 59px;
    }

    .partners_row:nth-child(3) {
        margin-top: -31px;
    }

    .partners_row:nth-child(3) .partner:nth-child(1) {
        width: 127px;
        min-width: 127px;
        margin-top: 34px;
        margin-right: 0px;
        margin-left: 20px;
    }

    .partners_row:nth-child(3) .partner:nth-child(2) {
        width: 237px;
        min-width: 237px;
        margin-left: 0px;
        margin-right: -10px;
    }

    .partners_row:nth-child(4) {
        margin-top: -90px;
    }

    .partners_row:nth-child(4) .partner:nth-child(1) {
        width: 195px;
        min-width: 195px;
    }

    .partners_row:nth-child(4) .partner:nth-child(2) {
        width: 189px;
        min-width: 189px;
        margin-top: 82px;
        margin-left: -12px;
    }
}