.perks-section {
    padding: clamp(34px, 5vw, 76px) 0 clamp(30px, 4.8vw, 68px);
}

.perks-content {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(12px, 2.2vw, 24px);
    text-align: center;
}

.perks-badge {
    display: inline-block;
    border-radius: 12px;

    color: #11e8e1;
    backdrop-filter: blur(10px);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.72rem 2.35rem;
    min-width: 170px;
    text-align: center;
}

.perks-title {
    margin: 0.95rem 0 0;
    color: #000;
    font-size: clamp(24px, 3vw, 42px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.2px;
}

.perks-subtext {
    margin: 0.85rem 0 0;
    color: rgba(0, 0, 0, 0.58);
    font-size: clamp(15px, 1.55vw, 20px);
    font-weight: 400;
    line-height: 1.45;
}

.perks-grid {
    margin-top: clamp(48px, 3.8vw, 106px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(18px, 2.2vw, 28px);
    row-gap: clamp(28px, 3.6vw, 42px);
}

.perk-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.perk-icon-box {
    width: min(100%, 78px);
    min-height: 78px;
    background: #2feae40f;
    border-radius: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

}

.perk-icon {
    width: 42px;
    height: 42px;
    background-color: #28c3be;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.perk-icon-gift {
    -webkit-mask-image: url('https://thetravelstory.net/assets/refer_earn/svg/gift-svgrepo-com.svg');
    mask-image: url('https://thetravelstory.net/assets/refer_earn/svg/gift-svgrepo-com.svg');
}

.perk-icon-shield {
    -webkit-mask-image: url('https://thetravelstory.net/assets/refer_earn/svg/heart-svgrepo-com.svg');
    mask-image: url('https://thetravelstory.net/assets/refer_earn/svg/heart-svgrepo-com.svg');
}

.perk-icon-globe {
    -webkit-mask-image: url('https://thetravelstory.net/assets/refer_earn/svg/correct-right-arrow-direction-left-down-up-svgrepo-com.svg');
    mask-image: url('https://thetravelstory.net/assets/refer_earn/svg/correct-right-arrow-direction-left-down-up-svgrepo-com.svg');
}

.perk-card-title {
    margin: 1.1rem 0 0;
    color: #111;
    font-size: clamp(19px, 1.9vw, 25px);
    font-weight: 700;
    line-height: 1.25;
}

.perk-card-subtext {
    margin: 0.62rem 0 0;
    color: rgba(0, 0, 0, 0.58);
    font-size: clamp(14px, 1.2vw, 16px);
    font-weight: 400;
    line-height: 1.45;
    max-width: 34ch;
}

@media (max-width: 991.98px) {
    .perks-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .perks-grid {
        grid-template-columns: 1fr;
    }

    .perk-icon-box {
        width: min(100%, 84px);
        min-height: 92px;
        border-radius: 16px;
    }

    .perk-icon {
        width: 44px;
        height: 44px;
    }
}