.roof-repair-content {
        padding: 65px 0;
    }

    .roofing-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .roofing-image-col,
    .roofing-content-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .roof-repair-image {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        margin: 0;
        border: 2px solid transparent;
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
        transition:
            border-color 0.3s ease,
            box-shadow 0.3s ease;
    }

    .roof-repair-image img {
        width: 100%;
        height: 480px;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform 0.5s ease;
    }
    .roof-repair-image:hover {
        border-color: #ff5e14;
        box-shadow: 0 15px 40px rgba(227, 30, 36, 0.2);
    }

    .roof-repair-image:hover img {
        transform: scale(1.04);
    }

    /* Content */
    .roofing-text {
        padding-left: 30px;
    }

    .roofing-text .sub-title {
        display: inline-block;
        margin-bottom: 10px;
        color: #ff5e14;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
    }

    .roofing-text h2 {
        margin: 0 0 18px;
        font-size: 40px;
        line-height: 1.2;
        font-weight: 700;
    }

    .roofing-text p {
        margin: 0 0 14px;
        color: #555;
        font-size: 16px;
        line-height: 1.7;
    }

    .roofing-text p:last-child {
        margin-bottom: 18px;
    }

    .roofing-text strong {
        color: #333;
    }

    /* Tablet */
    @media (max-width: 991px) {
        .roof-repair-content {
            padding: 55px 0;
        }

        .roofing-image-col {
            margin-bottom: 35px;
        }

        .roof-repair-image img {
            height: 400px;
        }

        .roofing-text {
            padding-left: 0;
        }

        .roofing-text h2 {
            font-size: 34px;
        }
    }

    /* Mobile */
    @media (max-width: 767px) {
        .roof-repair-content {
            padding: 45px 0;
        }

        .roofing-image-col {
            margin-bottom: 25px;
        }

        .roof-repair-image {
            border-radius: 8px;
        }

        .roof-repair-image img {
            height: 280px;
        }

        .roofing-text h2 {
            font-size: 29px;
            margin-bottom: 15px;
        }

        .roofing-text p {
            font-size: 15px;
            line-height: 1.7;
            margin-bottom: 13px;
        }

        .roofing-text .sub-title {
            font-size: 14px;
        }
    }