/* ---- Original component styles ---- */
        .about-content {
            border-bottom: 4px solid #ab2522;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .about-content:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
        }

        .feature-box {
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .feature-box:hover {
            background-color: #f9e6e6 !important;
            transform: scale(1.05);
        }

        .about-img:hover img {
            transform: scale(1.05);
            transition: transform 0.3s ease;
        }

        .btn-primary {
            background-color: #ab2522;
            border-color: #ab2522;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .btn-primary:hover {
            background-color: #951f1d;
            border-color: #951f1d;
            transform: scale(1.03);
        }

        /* ---- Styles extracted from inline attributes ---- */
        .hero-banner {
            background-image: url('../img/epoxy-flooring-manufacturer/banner11.webp');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 350px;
        }

        .overlay-dark {
            opacity: 0.6;
        }

        .z-index-2 {
            z-index: 2;
        }

        .divider-bar-sm {
            width: 60px;
            height: 3px;
        }

        .label-spaced {
            letter-spacing: 1px;
            font-size: 0.875rem;
        }

        .label-spaced-white {
            color: #fffdfdff;
            letter-spacing: 1px;
            font-size: 0.875rem;
        }

        .hero-title {
            font-size: 2.5rem;
        }

        .about {
            background: linear-gradient(135deg, #ffffff 0%, #f4f6f9 100%);
        }

        .heading-blue {
            color: blue;
        }

        .heading-navy {
            color: #1a2b3c;
        }

        .text-accent {
            color: #ab2522;
        }

        .section-divider {
            width: 60px;
            height: 4px;
            background-color: #ab2522;
            border-radius: 2px;
        }

        .lead-slate {
            color: #34495e;
            font-size: 1.1rem;
        }

        .fs-110 {
            font-size: 1.1rem;
        }

        .fs-90 {
            font-size: 0.9rem;
        }

        .about-img-cover {
            height: 400px;
            object-fit: cover;
        }

        .mission-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        }

        .value-card {
            transition: transform 0.3s ease;
        }

        .card-top-bar {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #ab2522, #c82333);
        }

        .icon-circle {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .card-heading {
            color: #333;
            letter-spacing: 1px;
        }

        .card-text-custom {
            line-height: 1.9;
            color: #555;
            font-size: 1rem;
        }

        .value-divider {
            border-bottom: 1px solid #eee;
        }

        .value-dot {
            width: 8px;
            height: 8px;
            min-width: 8px;
        }

        .value-label {
            color: #ab2522;
            font-size: 0.9rem;
        }

        .value-desc {
            color: #666;
            font-size: 0.85rem;
            line-height: 1.6;
        }

        .why-heading {
            color: #333;
        }

        .bullet-dot {
            width: 12px;
            height: 12px;
            min-width: 12px;
        }

        .bullet-text {
            color: #333;
            line-height: 1.6;
        }

        .svg-icon {
            display: inline-block;
            vertical-align: -0.125em;
        }