.elementor-2608 .elementor-element.elementor-element-36c9e48{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2608 .elementor-element.elementor-element-36c9e48:not(.elementor-motion-effects-element-type-background), .elementor-2608 .elementor-element.elementor-element-36c9e48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2608 .elementor-element.elementor-element-3452eaf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2608 .elementor-element.elementor-element-f723880{--display:flex;}.elementor-2608 .elementor-element.elementor-element-155cc08{--spacer-size:50px;}@media(max-width:1024px){.elementor-2608 .elementor-element.elementor-element-3452eaf{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2608 .elementor-element.elementor-element-3452eaf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-a01788f *//* Target standard WordPress/WooCommerce Image Widget Captions */
.wp-caption .wp-caption-text, 
.widget_media_image figcaption,
.wp-block-image figcaption {
    font-weight: 900 !important; /* Extra Bold */
    color: #000000 !important;  /* Pure Black */
    font-size: 14px !important;  /* Adjust size as needed */
    text-transform: uppercase !important; /* Matches your form style */
    padding: 10px 0 !important;
    line-height: 1.4 !important;
    text-align: center; /* Optional: centers the text under the image */
}

/* Optional: If you want a slight border under the caption to match the forms */
.wp-caption-text {
    border-top: 1px solid #000;
    margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36c9e48 *//* 1. Neutralize the Parent's internal variables */
.elementor-2608 .elementor-element.elementor-element-36c9e48 {
    --padding-left: 20px !important; /* This is your requested 20px outside gap */
    --padding-right: 20px !important;
    --content-width: 100% !important;
}

/* 2. Target the 'Inner Shell' that actually holds the grid */
.elementor-2608 .elementor-element.elementor-element-36c9e48 > .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 3. Handle the 1, 2, 3 numbering logic */
.elementor-2608 .elementor-element.elementor-element-36c9e48 {
    counter-reset: grid-rank;
}

/* Target the items inside the widget */
.elementor-2608 .elementor-element.elementor-element-36c9e48 .elementor-post, 
.elementor-2608 .elementor-element.elementor-element-36c9e48 .premium-blog-post-outer-container,
.elementor-2608 .elementor-element.elementor-element-36c9e48 .elementor-product,
.elementor-2608 .elementor-element.elementor-element-36c9e48 .product {
    counter-increment: grid-rank;
    position: relative !important;
}

/* Styling the number badge */
.elementor-2608 .elementor-element.elementor-element-36c9e48 .elementor-post::before, 
.elementor-2608 .elementor-element.elementor-element-36c9e48 .premium-blog-post-outer-container::before,
.elementor-2608 .elementor-element.elementor-element-36c9e48 .elementor-product::before,
.elementor-2608 .elementor-element.elementor-element-36c9e48 .product::before {
    content: counter(grid-rank);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    background-color: #128c18;
    color: white;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid white;
}/* End custom CSS */