.partners .highlightItalic {
    position: relative;
}

.partners .highlightItalic::after {
    content: '';
    background: url("https://storage.googleapis.com/clevertap-assets/paper-lp/homepage/closingcta-title-highlight.svg") no-repeat;
    background-size: 180px;
    background-position: center;
    position: absolute;
    width: 150%;
    height: 150%;
    bottom: -45%;
    left: -22%;
}

.partners__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    overflow: hidden;
    position: relative;
    border-radius: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%232FADEC' stroke-width='1' stroke-dasharray='6 6' stroke-dashoffset='0' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.partners__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    position: relative;
}

.partners__item:not(:nth-child(6n))::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-image: linear-gradient(to bottom, #2FADEC66 50%, transparent 50%);
    background-size: 1px 10px;
    background-repeat: repeat-y;
}

.partners__item:not(:nth-last-child(-n+6))::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-image: linear-gradient(to right, #2FADEC66 50%, transparent 50%);
    background-size: 10px 1px;
    background-repeat: repeat-x;
}

.partners__visa {
    width: 93px;
}

.partners__mastercard {
    width: 85px;
}

.partners__jcb {
    width: 71px;
}

.partners__amex {
    width: 142px;
}

.partners__bca {
    width: 128px;
}

.partners__mandiri {
    width: 154px;
}

.partners__bri {
    width: 106px;
}

.partners__bni {
    width: 118px;
}

.partners__uob {
    width: 132px;
}

.partners__digibank {
    width: 146px;
}

.partners__kb {
    width: 118px;
}

.partners__ocbc {
    width: 138px;
}

.partners__xendit {
    width: 135px;
}

.partners__doku {
    width: 51px;
}

.partners__dana {
    width: 140px;
}

.partners__ovo {
    width: 107px;
}

.partners__shopeepay {
    width: 99px;
}

.partners__blibli {
    width: 115px;
}

.partners__security {
    margin-top: 3rem;
}

.partners__security p {
    margin-bottom: 1rem;
}

.partners__security-logo {
    gap: 2rem;
    flex-wrap: wrap;
}

.partners__security-logo img {
    height: 50px;
}

.logo__bi {
    width: 150px;
    vertical-align: middle;
    margin: 0 8px 8px;
}

.logo__ojk {
    width: 85px;
    vertical-align: text-bottom;
    margin: 0 8px;
}

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

    .partners__item::after,
    .partners__item::before {
        display: none;
    }

    .partners__item:not(:nth-child(3n))::after {
        display: block;
    }

    .partners__item:not(:nth-last-child(-n+3))::before {
        display: block;
    }

    .partners__item:nth-last-child(n+4)::before {
        display: block;
    }

    .partners__item:nth-child(n+13):nth-child(-n+15)::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-image: linear-gradient(to right, #2FADEC66 50%, transparent 50%);
        background-size: 10px 1px;
        background-repeat: repeat-x;
    }

    .partners__item {
        min-height: 70px;
    }

    .partners__visa {
        width: calc(93px * 0.7);
    }

    .partners__mastercard {
        width: calc(85px * 0.7);
    }

    .partners__jcb {
        width: calc(71px * 0.7);
    }

    .partners__amex {
        width: calc(142px * 0.7);
    }

    .partners__bca {
        width: calc(128px * 0.7);
    }

    .partners__mandiri {
        width: calc(154px * 0.7);
    }

    .partners__bri {
        width: calc(106px * 0.7);
    }

    .partners__bni {
        width: calc(118px * 0.7);
    }

    .partners__uob {
        width: calc(132px * 0.7);
    }

    .partners__digibank {
        width: calc(146px * 0.7);
    }

    .partners__kb {
        width: calc(118px * 0.7);
    }

    .partners__ocbc {
        width: calc(138px * 0.7);
    }

    .partners__xendit {
        width: calc(135px * 0.7);
    }

    .partners__doku {
        width: calc(51px * 0.7);
    }

    .partners__dana {
        width: calc(140px * 0.7);
    }

    .partners__ovo {
        width: calc(107px * 0.7);
    }

    .partners__shopeepay {
        width: calc(99px * 0.7);
    }

    .partners__blibli {
        width: calc(115px * 0.7);
    }

    .logo__bi {
        width: calc(150px * 0.7);
    }

    .logo__ojk {
        width: calc(85px * 0.7);
    }

    .partners__security-logo img {
        height: calc(50px * 0.7);
    }
}

@media (max-width: 820px) {
    .partners__security {
        flex-direction: column;
        gap: 1.5rem;
    }

    .partners__security-logo {
        justify-content: flex-start;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .partners__visa {
        width: calc(93px * 0.6);
    }

    .partners__mastercard {
        width: calc(85px * 0.6);
    }

    .partners__jcb {
        width: calc(71px * 0.6);
    }

    .partners__amex {
        width: calc(142px * 0.6);
    }

    .partners__bca {
        width: calc(128px * 0.6);
    }

    .partners__mandiri {
        width: calc(154px * 0.6);
    }

    .partners__bri {
        width: calc(106px * 0.6);
    }

    .partners__bni {
        width: calc(118px * 0.6);
    }

    .partners__uob {
        width: calc(132px * 0.6);
    }

    .partners__digibank {
        width: calc(146px * 0.6);
    }

    .partners__kb {
        width: calc(118px * 0.6);
    }

    .partners__ocbc {
        width: calc(138px * 0.6);
    }

    .partners__xendit {
        width: calc(135px * 0.6);
    }

    .partners__doku {
        width: calc(51px * 0.6);
    }

    .partners__dana {
        width: calc(140px * 0.6);
    }

    .partners__ovo {
        width: calc(107px * 0.6);
    }

    .partners__shopeepay {
        width: calc(99px * 0.6);
    }

    .partners__blibli {
        width: calc(115px * 0.6);
    }

    .logo__bi {
        width: calc(150px * 0.6);
    }

    .logo__ojk {
        width: calc(85px * 0.6);
    }

    .partners__security-logo img {
        height: calc(50px * 0.6);
    }
}

@media (max-width: 575px) {
    .partners .highlightItalic::after {
        background-size: 160px;
    }

    .partners__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .partners__item:not(:nth-child(3n))::after {
        display: none;
    }

    .partners__item:not(:nth-child(2n))::after {
        display: block;
    }

    .partners__item:not(:nth-last-child(-n+2))::before {
        display: block;
    }

    .partners__item:nth-child(n+13):nth-child(-n+16)::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-image: linear-gradient(to right, #2FADEC66 50%, transparent 50%);
        background-size: 10px 1px;
        background-repeat: repeat-x;
    }
}

@media (max-width: 480px) {
    .partners .highlightItalic::after {
        background-size: 140px;
    }
}