.maincontent {
                    max-width: 100%;
                    margin: 0 auto;
                    padding: 0;
                    border: none;
        }

        .gutter-overview-global {
                    max-width: 98%;
                    width: 100%;
        margin: auto;
        }

        .gutter-overview-top {
                position: relative;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                gap: 5px;
                margin: 20px auto;
        }

        .h3-heading {
        text-align: center;
        margin: 7px auto;
        }
        .gutter-overview-top .gutter-top-left {
        flex-basis: 38%;
        max-width: 100%;
        width: 100%;
        margin: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        }

        .gutter-overview-top .gutter-service-img {
        max-width: 100%;
        width: 100%
        }

        .gutter-overview-top .gutter-service-img img {
        max-width: 100%;
        width: 100%
        }

        .gutter-overview-top .gutter-top-right {
        flex-basis: 59.5%;
        max-width: 100%;
        width: 100%;
        }

        .gutter-overview-top .why-list-wrapper {
            max-width: 100%;
            width: 100%;
            margin: auto;
        }

        .gutter-why-list {
        list-style: none;
        color: var(--accent-color);
        font-size: 1.4em;
        font-weight: 600;
        padding: 5px 10px;
        margin: 15px auto;
        text-align: start;
        }

        .gutter-why-list li {
        margin: 18px auto;
        }

        .gutter-why-list .material-symbols-outlined {
        font-size: 1.65em;
        vertical-align: middle;
        padding-right: 8px;
        }

   
        /* -- Services - Overview -- */

        .svc-overview-global {
            padding: 50px 0px;
            background-color: var(--accent-color);
            border-bottom: 3px solid var(--yellow-color);
        }
        .svc-overview-wrapper h2 {
            color: #fff;
        }
        .svc-overview-list {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin: 40px auto;
        width: 100%;
        }
        .gutter-overview-list{
            background-color: #f5f5f5;
            padding: 60px 0px;
            justify-content: center;
        }
        .svc-overview-card {
            position: relative;
            width: 73%;
            margin: 10px auto;
            color: #111;
        }

        .svc-overview-card-front,
        .svc-overview-card-back {
            width: 100%;
            height: 100%;
            transition: transform 1.33s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-clip-path: polygon(0 5%, 5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%);
            clip-path: polygon(0 5%, 5% 0, 100% 0, 100% 95%, 95% 100%, 0 100%);
        }

        .svc-overview-card-front {
            background-color: #eee;
            padding: 15px;
        }
        .svc-overview-card-front i {
            display: block;
            text-align: center;
            font-size: 2.5em;
            color: var(--accent-color);
            margin-top: 10px;
            border-radius: 50%;
        }
        .svc-overview-card-front h3 {
            color: var(--accent-color);
        }

        .svc-overview-card-back {
            position: absolute;
            top: 0;
            left: 0;
            background: #ccc;
            transform: rotateY(180deg);
            background-size: cover;
            background-position: center;
        }

        /***.svc-overview-card:hover .svc-overview-card-front {
            transform: rotateY(180deg);
        }
        .svc-overview-card:hover .svc-overview-card-back {
            transform: rotateY(0deg);
        }***/

        .svc-overview-back-inspections {
            background-image: url(/imageserver/UserMedia/statesman/svc_overview_repairs.jpg);
        }
        .svc-overview-back-installations {
            background-image: url(/imageserver/UserMedia/statesman/svc_overview_repairs.jpg);
        }
        .svc-overview-back-replacements {
            background-image: url(/imageserver/UserMedia/statesman/svc_overview_repairs.jpg);
        }
        .svc-overview-back-repairs {
            background-image: url(/imageserver/UserMedia/statesman/svc_overview_repairs.jpg);
        }
        .svc-overview-back-gutter-cleaning {
            background-image: url(/imageserver/UserMedia/statesman/svc_overview_repairs.jpg);
        }
        .svc-overview-back-gutter-repairs {
            background-image: url(/imageserver/UserMedia/statesman/gutter001.jpg);
        }

        .rc-text h2 {
            color: var(--yellow-color);
        }


        /* -- Services - Catalogs -- */

        .svc-catalog-global {
            padding: 50px 20px;
        }

        .svc-catalog-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            list-style: none;
            margin: 40px auto;
            padding: 0;
        }
        .svc-catalog-item {
            margin: 10px 1%;
            padding: 15px 15px 0;
            max-width: 400px;
            width: 100%;
            background-color: #fff;
            text-align: center;
        transition: 0.5s all ease;
        }

        .svc-catalog-item:hover {
        transform: translateY(-15px);
        }
        .svc-catalog-item a {
        text-decoration: none;
        color: #333333;
        max-width: 100%;
        width: 100%;
        height: 100%;
        }
        .svc-catalog-item img {
            max-width: 330px;
            width: 100%;
            height: auto;
            border-radius: 18%;
        }

        @media (max-width: 1024px) {
        .gutter-overview-top .gutter-top-left {
        flex-basis: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 20px auto;
        }

        .gutter-overview-top .gutter-service-img {
        flex-basis: 46.4%;
        max-width: 100%;
        width: 100%;
        margin: auto;
        }

        .gutter-overview-top .gutter-service-img img {
        max-width: 100%;
        width: 100%;
        margin: auto;
        }


        .gutter-overview-top .why-list-wrapper {
        flex-basis: 52%;
        max-width:100%;
        width: 100%;
        margin: auto;
        }

        .gutter-overview-top .why-list-wrapper ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
        }

        .gutter-overview-top .why-list-wrapper ul li {
        max-width: 100%;
        width: 100%;
        font-size: .85em;
        }

        .gutter-overview-top .gutter-top-right {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        }
    }

    
    @media (max-width: 862px) {

        .gutter-overview-top .gutter-service-img {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        margin: auto;
        }

        .gutter-overview-top .gutter-service-img img {
        max-width: 88%;
        width: 100%;
        margin: auto;
        }


        .gutter-overview-top .why-list-wrapper {
        flex-basis: 100%;
        max-width:100%;
        width: 100%;
        margin: auto;
        }

        .gutter-overview-top .why-list-wrapper ul {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
        }
    }