.elementor-4146 .elementor-element.elementor-element-ad98fb7{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4146 .elementor-element.elementor-element-fb9bca2{--display:flex;--position:absolute;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:36px;--z-index:99;}body:not(.rtl) .elementor-4146 .elementor-element.elementor-element-fb9bca2{left:0px;}body.rtl .elementor-4146 .elementor-element.elementor-element-fb9bca2{right:0px;}.elementor-4146 .elementor-element.elementor-element-11e61dd{--display:flex;--min-height:583px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4146 .elementor-element.elementor-element-11e61dd:not(.elementor-motion-effects-element-type-background), .elementor-4146 .elementor-element.elementor-element-11e61dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.charlotteexteriorservices.com/wp-content/uploads/2026/06/driveway.png");background-repeat:no-repeat;background-size:cover;}.elementor-4146 .elementor-element.elementor-element-11e61dd::before, .elementor-4146 .elementor-element.elementor-element-11e61dd > .elementor-background-video-container::before, .elementor-4146 .elementor-element.elementor-element-11e61dd > .e-con-inner > .elementor-background-video-container::before, .elementor-4146 .elementor-element.elementor-element-11e61dd > .elementor-background-slideshow::before, .elementor-4146 .elementor-element.elementor-element-11e61dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-4146 .elementor-element.elementor-element-11e61dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#333333;--background-overlay:'';}@media(max-width:767px){.elementor-4146 .elementor-element.elementor-element-ad98fb7{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}}/* Start custom CSS */.mega-sub-menu {
    background: #fff;
}

.dialog-close-button {
    outline:none !important;
}

@media (max-width: 767px) {
    .e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
        display:none;
    }
    
    .sub-menu{
        background-color: #0f2a44 !important;
    }
    
    .menu-item-391 .ast-menu-toggle {
        padding-right:10px;
    }
    
    .sub-menu .menu-link{
        text-transform: uppercase;
    }
}

.ast-above-header-bar {
    display: none;
}

.mega-menu-wrap,
.mega-menu-wrap * {
    font-family: "Lato", sans-serif !important;
}


@media only screen and (min-width: 769px) {
    #mega-menu-wrap-max_mega_menu_1 {
        background-color: #294283;
        border-radius: 7px;
        padding: 10px;
    }
}

.mega-menu-link:hover {
    background-color: #294283 !important;
}

.mega-menu-item .mega-menu-item-type-post_type .mega-menu-item-object-page .mega-menu-item-has-children .mega-menu-megamenu .mega-menu-grid .mega-align-bottom-left .mega-menu-item-3770 .mega-toggle-on {
    background-color: #294283;
}

.mega-sub-menu {
    border-radius: 0px 0px 10px 10px !important;
}

/*IMAGE CARDS*/

.mega-card {
    height: 170px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    background-size: cover;
    background-position: center;
    text-align: center;
    text-decoration: none;
}

.mega-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(50,50,70,.55);
    transition: .25s;
}

.mega-card:hover::before {
    background: rgba(0,35,90,.70);
}

.mega-card span {
    position: relative;
    z-index: 2;

    color: #fff;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.15;
}

.mega-card-cta {
    cursor: pointer;
}

/* ===========================
   CTA CARD
=========================== */

.mega-card-cta {
    height: 170px;               /* Same height as every other card */
    background: #21488f;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
    color: #fff;
}


.mega-card-cta::before {
    display: none;
}

.mega-card-cta h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    color: #fff !important;
    font-style: italic;
}

.mega-card-cta p {
    margin: 8px 0 16px;
    font-size: 18px;
    line-height: 1.2;
    font-style: italic;
}

.mega-card-btn {
    display: inline-block;
    padding: 10px 20px;

    background: #ff4f86;
    color: #fff !important;
    text-decoration: none;

    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;

    transition: .25s;
}

.mega-card-btn:hover {
    background: #e53f74;
    color: #fff;
}

@media (max-width: 921px) {

    .main-header-menu .ast-menu-toggle {
        width: 42px;
        height: 42px;
        padding: 0 !important;
        border: none;
        border-radius: 6px;
    }

    .main-header-menu .ast-menu-toggle .ast-icon{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    padding:0 !important;
}

.main-header-menu .ast-menu-toggle svg{
    width:16px;
    height:16px;
}

    .main-header-menu .ast-menu-toggle:focus,
    .main-header-menu .ast-menu-toggle:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }


}


.elementor-4146 .elementor-element.elementor-element-ad98fb7
 {
     display:none;
 }/* End custom CSS */