.iconbox-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(16px, 3vw, 32px);
}
.iconbox-grid .iconbox-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f9f8ff;
    border-radius: 1rem;
    padding: clamp(18px, 2vw, 24px);
    border: 1px solid #D7D7D7;
    text-align: center;
    gap: 8px;
}
.iconbox-grid .iconbox-item img {
    width: clamp(60px, 6vw, 72px);
    height: clamp(60px, 6vw, 72px);
    background: var(--color1);
    border-radius: 50%;
    padding: 12px;
    margin-bottom: clamp(10px, 2vw, 16px);
}
.iconbox-grid .iconbox-item p {
    font-size: clamp(14px, 2vw, 20px);
    font-family: var(--Medium);
}
.iconbox-grid .iconbox-item span {
    font-size: clamp(14px, 2vw, 16px);
    color: #606060;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
/** Design 2 **/
.iconbox-grid-2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(16px, 3vw, 32px);
}
.iconbox-item-2 {
    background: #F3F3F3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: clamp(24px, 4vw, 48px);
    border-radius: 1rem;
    border: 1px solid #D7D7D7;
    text-align: center;
}
.iconbox-item-2 img {
    width: clamp(60px, 6vw, 72px);
    height: clamp(60px, 6vw, 72px);
    border: 1px solid var(--color1);
    padding: 12px;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .iconbox-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .iconbox-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .iconbox-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .iconbox-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .iconbox-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .iconbox-grid-2 {
        grid-template-columns: repeat(3, 1fr);
    }
}