.elementor-2283 .elementor-element.elementor-element-488b3ea{--display:flex;}.elementor-2283 .elementor-element.elementor-element-d87795d{width:auto;max-width:auto;}.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-wrapper{--video-aspect-ratio:1.77777;}/* Start custom CSS for video, class: .elementor-element-d87795d *//* 1. Kill the giant 16:9 placeholder and wrapper spacing completely */
.elementor-2283 .elementor-element.elementor-element-d87795d, 
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-widget-container,
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-wrapper {
    width: max-content !important;
    height: auto !important;
    padding-bottom: 0 !important; 
    aspect-ratio: auto !important;
}

/* 2. Remove the fallback background entirely */
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-image-overlay {
    background: transparent !important;
    position: relative !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
}

.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-image-overlay img {
    display: none !important;
}

/* 3. Style the play icon into your inline pill button */
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-play {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    background-color: #9ccb65 !important;
    border: 1px solid #9ccb65 !important; 
    border-radius: 2.5em !important;      
    padding: 0.35em 1.2em  !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: none !important;
}

/* 4. Hide Elementor's native play icon */
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-play i,
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-play svg {
    display: none !important;
}

/* 5. Inject your custom SVG icon */
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-play::before {
    content: "";
    display: inline-block !important;
    width: 0.9rem !important;  
    height: 0.9rem !important; 
    background-image: url('/wp-content/uploads/2026/03/play.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 6. Inject the "Watch" text */
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-play::after {
    content: "Watch";
    color: #051923 !important;
    font-size: 0.8em !important; 
    font-weight: 500 !important;
}

/* 7. Hover effect */
.elementor-2283 .elementor-element.elementor-element-d87795d .elementor-custom-embed-play:hover {
    background-color: #8bb55a !important;
    cursor: pointer;
}/* End custom CSS */