/* ===== What You Receive Section ===== */
.whatReceiveSection {
    padding: var(--section-bg-py) 0;
}

.whatReceiveSection .sectionHeadwrap {
    text-align: left;
}

/* ===== Grid wrapper — card style ===== */
.whatReceiveSection .secWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    border: 1px solid #EBE8F4;
    box-shadow: 0px 0px 19.5px 0px #F0EEFF;
    border-radius: 30px;
    padding: 0 50px;
    margin-top: var(--section-wraper-py);
    overflow: hidden;
}

/* ===== Feature Row Item ===== */
.receiveItem {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 40px 30px 40px 0;
    position: relative;
    transition: transform 0.25s ease;
}

/* Bottom divider via ::after */
.receiveItem::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 95%;
    height: 1px;
    background: #EBE8F4;
    transition: background 0.25s ease;
}

/* Remove bottom border from last two items */
.receiveItem:nth-last-child(-n+2)::after {
    display: none;
}

/* Vertical divider between left and right columns */
.receiveItem:nth-child(odd) {
    padding-right: 28px;
    border-right: 1px solid #EBE8F4;
}
.receiveItem:nth-child(even)::after{
 content: '';
    position: absolute;
    bottom: 0;
    left: unset;
    right: 0;
        width: 95%;
    height: 1px;
    background: #EBE8F4;
}
.receiveItem:nth-child(even) {
    padding-left: 28px;
    padding-right: 0;
}

.receiveItem:hover {
    transform: translateY(-2px);
}

/* ===== Hover effects ===== */
.receiveItem:hover .receiveIcon {
    background: var(--color-primary);
    box-shadow: 0 6px 18px rgba(104, 90, 219, 0.35);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.receiveItem:hover .receiveIcon::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572M22 4L12 14.01L9 11.01' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.receiveItem:hover .receiveContent h3 {
    color: var(--color-primary);
    transition: color 0.25s ease;
}

.receiveItem:hover::after {
    background: var(--color-primary);
}

/* ===== Icon — gradient rounded square ===== */
.receiveIcon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: linear-gradient(112.29deg, #F5F2FA 14.54%, #EFEDF7 97.38%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.receiveIcon::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572M22 4L12 14.01L9 11.01' stroke='%23685ADB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    line-height: 0;
}

/* ===== Content ===== */
.receiveContent {
    flex: 1;
    min-width: 0;
}

.receiveContent h3 {
    font-family: var(--font-primary);
    font-size: 17px;
    font-weight: 700;
    line-height: var(--lh-heading);
    color: var(--color-heading);
    margin-bottom: 12px;
    transition: color 0.25s ease;
}

.receiveDesc,
.receiveDesc p {
    font-family: var(--font-primary);
    font-size: var(--fs-sm);
    font-weight: var(--fw-regular);
    line-height: var(--lh-relaxed);
    color: var(--color-text);
    margin: 0;
}

/* ===== Micro Copy ===== */
.whatReceiveSection .microCopy {
    text-align: center;
    margin-top: 40px;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .whatReceiveSection .secWrapper {
        padding: 0 30px;
    }

    .receiveItem:nth-child(odd) {
        padding-right: 16px;
    }

    .receiveItem:nth-child(even) {
        padding-left: 16px;
    }
}

@media (max-width: 768px) {
    .whatReceiveSection .secWrapper {
        grid-template-columns: 1fr;
        padding: 0 24px;
        border-radius: 24px;
    }

    .receiveItem {
        padding: 28px 0;
        border-right: none !important;
    }

    /* Reset even item ::after to left-aligned like odd */
    .receiveItem:nth-child(even)::after {
        left: 0;
        right: 0;
        width: 95%;
    }

    /* Re-enable divider for all items in single column */
    .receiveItem::after {
        display: block;
    }

    /* Only hide on last item */
    .receiveItem:nth-last-child(-n+2)::after {
        display: block;
    }

    .receiveItem:last-child::after {
        display: none;
    }

    .receiveItem:nth-child(odd),
    .receiveItem:nth-child(even) {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 575px) {
    .whatReceiveSection .secWrapper {
        padding: 0 16px;
        border-radius: 20px;
    }

    .receiveItem {
        padding: 24px 0;
        gap: 14px;
    }

    .receiveIcon {
        width: 44px;
        height: 44px;
    }

    .receiveContent h3 {
        font-size: 15px;
        margin-bottom: 8px;
    }
}