/* SVG Icon Styles */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.icon svg {
    width: 100%;
    height: 100%;
}

.icon-sm {
    width: 24px;
    height: 24px;
}

.icon-md {
    width: 32px;
    height: 32px;
}

.icon-lg {
    width: 48px;
    height: 48px;
}

.icon-xl {
    width: 64px;
    height: 64px;
}

/* Feature card icons */
.feature-icon {
    width: 56px;
    height: 56px;
    background: var(--primary-light);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.feature-icon svg {
    width: 28px;
    height: 28px;
    stroke: var(--primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Contact info icons */
.contact-info-card .icon {
    width: 56px;
    height: 56px;
    background: var(--primary-light);
    border-radius: 12px;
    margin: 0 auto 16px;
}

.contact-info-card .icon svg {
    width: 28px;
    height: 28px;
    stroke: var(--primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Logo icon */
.logo-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
}