.elementor-106 .elementor-element.elementor-element-835086c{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--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-106 .elementor-element.elementor-element-835086c:not(.elementor-motion-effects-element-type-background), .elementor-106 .elementor-element.elementor-element-835086c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0C0C0;background-image:url("https://bowieindustries.com/wp-content/uploads/2025/06/imperial-1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-106 .elementor-element.elementor-element-e2644e5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-106 .elementor-element.elementor-element-e2644e5:not(.elementor-motion-effects-element-type-background), .elementor-106 .elementor-element.elementor-element-e2644e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000085;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-106 .elementor-element.elementor-element-15a4271 .elementor-heading-title{font-family:"PT Serif", Sans-serif;font-size:50px;font-weight:400;line-height:29px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-106 .elementor-element.elementor-element-9ace152{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:400;line-height:45px;color:#FFFFFF;}.elementor-106 .elementor-element.elementor-element-99c176e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-106 .elementor-element.elementor-element-309b7f4{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-49cff9c{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-000cd0f{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-bcc546f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-106 .elementor-element.elementor-element-5341639{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-6662091{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-97528b4{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-3a63717{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-106 .elementor-element.elementor-element-c4ee2dd{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-106 .elementor-element.elementor-element-e9cb77f{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--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-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 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-106 .elementor-element.elementor-element-e2644e5{--width:50%;}.elementor-106 .elementor-element.elementor-element-99c176e{--content-width:1200px;}.elementor-106 .elementor-element.elementor-element-bcc546f{--content-width:1200px;}.elementor-106 .elementor-element.elementor-element-3a63717{--content-width:1200px;}.elementor-106 .elementor-element.elementor-element-c4ee2dd{--width:33%;}.elementor-106 .elementor-element.elementor-element-e9cb77f{--width:67%;}}@media(max-width:767px){.elementor-106 .elementor-element.elementor-element-835086c{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-106 .elementor-element.elementor-element-15a4271 .elementor-heading-title{line-height:51px;}}/* Start custom CSS for text-editor, class: .elementor-element-9ace152 */.elementor-106 .elementor-element.elementor-element-9ace152 a{
    color: black;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-309b7f4 *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-309b7f4 {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-imperial-3000-cat-front-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    width: 100%; /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-309b7f4::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-309b7f4' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-imperial-3000-cat-back-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-309b7f4:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-309b7f4:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-309b7f4s based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-309b7f4 > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-309b7f4 > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-309b7f4 > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49cff9c *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-49cff9c {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-imperial-1500-cat-front-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    width: 100%; /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-49cff9c::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-49cff9c' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-imperial-1500-back-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-49cff9c:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-49cff9c:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-49cff9cs based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-49cff9c > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-49cff9c > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-49cff9c > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-000cd0f *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-000cd0f {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-victor-1100-cat-front-1-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    width: 100%; /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-000cd0f::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-000cd0f' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-victor-1100-cat-front-1-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-000cd0f:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-000cd0f:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-000cd0fs based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-000cd0f > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-000cd0f > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-000cd0f > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5341639 *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-5341639 {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-victor-800-cat-front-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    width: 100%; /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-5341639::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-5341639' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-victor-800-cat-back-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-5341639:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-5341639:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-5341639s based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-5341639 > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-5341639 > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-5341639 > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6662091 *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-6662091 {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-victor-800-classic-front-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    width: 100%; /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-6662091::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-6662091' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-victor-800-classic-back-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-6662091:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-6662091:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-6662091s based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-6662091 > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-6662091 > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-6662091 > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97528b4 *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-97528b4 {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-lancer-600-cat-front-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    width: 100%; /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-97528b4::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-97528b4' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-lancer-600-cat-back-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-97528b4:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-97528b4:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-97528b4s based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-97528b4 > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-97528b4 > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-97528b4 > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4ee2dd *//* Base styles for the main container (e.g., Section, Column, or Widget) */
.elementor-106 .elementor-element.elementor-element-c4ee2dd {
    position: relative; /* Crucial for positioning the ::before pseudo-element */

    /* Default Background Image */
   background-image: url('/wp-content/uploads/2025/06/bowie-300-cat-front-1.jpg');
    background-size: cover; /* IMPORTANT: Maintain aspect ratio and cover element */
    background-position: bottom center; /* IMPORTANT: Position centrally for alignment */
    background-repeat: no-repeat; /* No tiling */

    /* Ensure the element has dimensions for the background to show */
    min-height: 400px; /* Adjust as needed for your content */
    /* Ensure it takes full width */

    /* Bottom Border (always present, but transparent by default) */
    border-bottom: 20px solid transparent; /* 5px solid, but initially invisible */

    /* Smooth transition for border color change */
    transition: border-color 0.3s ease-in-out; /* Controls how border color animates */
}

/* Pseudo-element for the Hover Background Image */
.elementor-106 .elementor-element.elementor-element-c4ee2dd::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to the parent '.elementor-106 .elementor-element.elementor-element-c4ee2dd' */
    top: 0;
    left: 0;
   
    height: 100%;

    /* Hover Background Image - MUST HAVE IDENTICAL background-size & background-position */
   
      background-image: url('/wp-content/uploads/2025/06/bowie-300-cat-back-1.jpg');
    background-size: cover; /* IMPORTANT: Match base image for perfect alignment */
    background-position: bottom center; /* IMPORTANT: Match base image for perfect alignment */
    background-repeat: no-repeat; /* No tiling */

    opacity: 0; /* Start invisible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition for crossfade */
    z-index: 1; /* Place above the main background, but below any actual content */
}

/* On hover of the main container, reveal the pseudo-element (hover image) */
.elementor-106 .elementor-element.elementor-element-c4ee2dd:hover::before {
    opacity: 1; /* Fade in the hover image */
}

/* On hover of the main container, change the border color */
.elementor-106 .elementor-element.elementor-element-c4ee2dd:hover {
    border-color: yellow; /* Change to yellow border on hover */
}

/* Ensure any actual content inside the container stays on top */
/* Adjust these child .elementor-106 .elementor-element.elementor-element-c4ee2dds based on your specific Elementor structure */
.elementor-106 .elementor-element.elementor-element-c4ee2dd > .elementor-container, /* For sections */
.elementor-106 .elementor-element.elementor-element-c4ee2dd > .elementor-widget-wrap, /* For columns */
.elementor-106 .elementor-element.elementor-element-c4ee2dd > .elementor-widget-container /* For general widgets */
{
    position: relative;
    z-index: 2; /* Make sure content is above the pseudo-element (z-index: 1) */
}/* End custom CSS */