.elementor-1695 .elementor-element.elementor-element-3304b4d9{--display:flex;--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;--margin-top:-106px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1695 .elementor-element.elementor-element-3304b4d9:not(.elementor-motion-effects-element-type-background), .elementor-1695 .elementor-element.elementor-element-3304b4d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000DB 0%, var( --e-global-color-50b2a21 ) 100%);}.elementor-1695 .elementor-element.elementor-element-20d907e{--display:flex;--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1695 .elementor-element.elementor-element-6ab1707 img{width:100%;border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}/* Start custom CSS */.elementor-widget-post-comments, 
.elementor-widget-post-title,
#respond {
    justify-items: anchor-center;
    max-width: 1140px; /* Ensures it doesn't overflow the screen */
    margin-bottom: 50px;
}

/* 3. REPLACE "LEAVE A REPLY" WITH "LEAVE A COMMENT" */
/* We hide the original text by setting font-size to 0 and inject new text */
#reply-title {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block;
}

#reply-title::before {
    content: "Leave a Comment";
    font-size: 32px !important; /* Adjust size to match your design */
    line-height: 1.2em !important;
    color: #006837 !important; /* Dark Green */
    font-weight: 700;
    visibility: visible;
    
    
}

/* 4. FIX LAYOUT & SPACING */
/* Adds breathing room between the logo/header and the content */
.elementor-widget-post-comments {
    margin-top: 50px !important;
    padding: 20px;
    
}

/* Fix the "Logged in as" or "Required fields" text alignment */
.comment-notes, .logged-in-as {
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 20px !important;
}/* End custom CSS */