.elementor-46022 .elementor-element.elementor-element-00e9249{--display:flex;--min-height:1046px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:72px;--padding-bottom:124px;--padding-left:121px;--padding-right:121px;}.elementor-46022 .elementor-element.elementor-element-00e9249:not(.elementor-motion-effects-element-type-background), .elementor-46022 .elementor-element.elementor-element-00e9249 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tradexfrancemotors.com/wp-content/uploads/2024/08/Rectangle-10-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-46022 .elementor-element.elementor-element-fd0c02e img{width:258px;}.elementor-46022 .elementor-element.elementor-element-cd27786{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-6b7e2c5{--display:flex;--min-height:1046px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:72px;--padding-bottom:124px;--padding-left:121px;--padding-right:121px;}.elementor-46022 .elementor-element.elementor-element-6b7e2c5:not(.elementor-motion-effects-element-type-background), .elementor-46022 .elementor-element.elementor-element-6b7e2c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tradexfrancemotors.com/wp-content/uploads/2024/08/Rectangle-10-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-46022 .elementor-element.elementor-element-4b846f4 img{width:258px;}.elementor-46022 .elementor-element.elementor-element-53ff20b{--display:flex;--min-height:537px;--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:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 0px 0px;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46022 .elementor-element.elementor-element-afda976{--display:flex;--min-height:537px;--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:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 0px 0px;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46022 .elementor-element.elementor-element-4057e69 img{width:1000px;height:537px;}.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-46022 .elementor-element.elementor-element-4565fe4{width:var( --container-widget-width, 553px );max-width:553px;--container-widget-width:553px;--container-widget-flex-grow:0;text-align:center;}.elementor-46022 .elementor-element.elementor-element-4565fe4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46022 .elementor-element.elementor-element-4565fe4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46022 .elementor-element.elementor-element-4565fe4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:73px;font-weight:900;color:rgba(255,255,255,1);}.elementor-46022 .elementor-element.elementor-element-68d9d08{--display:flex;--min-height:537px;--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:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 0px 0px;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46022 .elementor-element.elementor-element-511df6c img{width:1000px;height:537px;}.elementor-46022 .elementor-element.elementor-element-cc53dfe{width:var( --container-widget-width, 698px );max-width:698px;--container-widget-width:698px;--container-widget-flex-grow:0;text-align:center;}.elementor-46022 .elementor-element.elementor-element-cc53dfe > .elementor-widget-container{margin:0px 0px 0px -47px;}.elementor-46022 .elementor-element.elementor-element-cc53dfe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46022 .elementor-element.elementor-element-cc53dfe .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:73px;font-weight:900;color:rgba(255,255,255,1);}.elementor-46022 .elementor-element.elementor-element-1f81772{--display:grid;--min-height:89px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46022 .elementor-element.elementor-element-80bb5b7{width:var( --container-widget-width, 553px );max-width:553px;--container-widget-width:553px;--container-widget-flex-grow:0;text-align:center;}.elementor-46022 .elementor-element.elementor-element-80bb5b7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46022 .elementor-element.elementor-element-80bb5b7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46022 .elementor-element.elementor-element-80bb5b7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:73px;font-weight:900;color:rgba(255,255,255,1);}.elementor-46022 .elementor-element.elementor-element-b88cd44{width:var( --container-widget-width, 698px );max-width:698px;--container-widget-width:698px;--container-widget-flex-grow:0;text-align:center;}.elementor-46022 .elementor-element.elementor-element-b88cd44 > .elementor-widget-container{margin:0px 0px 0px -47px;}.elementor-46022 .elementor-element.elementor-element-b88cd44.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46022 .elementor-element.elementor-element-b88cd44 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:73px;font-weight:900;color:rgba(255,255,255,1);}.elementor-46022 .elementor-element.elementor-element-67786b9{--display:flex;--min-height:1046px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:72px;--padding-bottom:124px;--padding-left:121px;--padding-right:121px;}.elementor-46022 .elementor-element.elementor-element-67786b9:not(.elementor-motion-effects-element-type-background), .elementor-46022 .elementor-element.elementor-element-67786b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tradexfrancemotors.com/wp-content/uploads/2024/08/Rectangle-10-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-46022 .elementor-element.elementor-element-b35762b img{width:258px;}.elementor-46022 .elementor-element.elementor-element-73ec874{--display:flex;--min-height:537px;--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:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 0px 0px;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46022 .elementor-element.elementor-element-2b6757d{--display:flex;--min-height:537px;--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:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 0px 0px;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46022 .elementor-element.elementor-element-bee1d44{width:var( --container-widget-width, 553px );max-width:553px;--container-widget-width:553px;--container-widget-flex-grow:0;text-align:center;}.elementor-46022 .elementor-element.elementor-element-bee1d44 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46022 .elementor-element.elementor-element-bee1d44.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46022 .elementor-element.elementor-element-bee1d44 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;color:rgba(255,255,255,1);}.elementor-46022 .elementor-element.elementor-element-69af343{width:var( --container-widget-width, 553px );max-width:553px;--container-widget-width:553px;--container-widget-flex-grow:0;text-align:center;}.elementor-46022 .elementor-element.elementor-element-69af343 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46022 .elementor-element.elementor-element-69af343.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-46022 .elementor-element.elementor-element-69af343 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;color:rgba(255,255,255,1);}@media(max-width:1024px){.elementor-46022 .elementor-element.elementor-element-00e9249{--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-46022 .elementor-element.elementor-element-6b7e2c5{--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-46022 .elementor-element.elementor-element-1f81772{--grid-auto-flow:row;}.elementor-46022 .elementor-element.elementor-element-67786b9{--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-46022 .elementor-element.elementor-element-73ec874{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-2b6757d{--min-height:370px;--justify-content:center;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-46022 .elementor-element.elementor-element-00e9249{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-46022 .elementor-element.elementor-element-6b7e2c5{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-46022 .elementor-element.elementor-element-53ff20b{--min-height:375px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-afda976{--min-height:0px;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-4057e69 img{max-width:100%;height:100%;}.elementor-46022 .elementor-element.elementor-element-4565fe4{width:100%;max-width:100%;}.elementor-46022 .elementor-element.elementor-element-4565fe4 .elementor-heading-title{font-size:34px;}.elementor-46022 .elementor-element.elementor-element-68d9d08{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-511df6c img{height:100%;}.elementor-46022 .elementor-element.elementor-element-cc53dfe{width:100%;max-width:100%;}.elementor-46022 .elementor-element.elementor-element-cc53dfe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46022 .elementor-element.elementor-element-cc53dfe .elementor-heading-title{font-size:34px;}.elementor-46022 .elementor-element.elementor-element-1f81772{--content-width:100%;--min-height:80px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-46022 .elementor-element.elementor-element-80bb5b7{width:100%;max-width:100%;}.elementor-46022 .elementor-element.elementor-element-80bb5b7 .elementor-heading-title{font-size:44px;}.elementor-46022 .elementor-element.elementor-element-b88cd44{width:100%;max-width:100%;}.elementor-46022 .elementor-element.elementor-element-b88cd44 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46022 .elementor-element.elementor-element-b88cd44 .elementor-heading-title{font-size:44px;}.elementor-46022 .elementor-element.elementor-element-67786b9{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-46022 .elementor-element.elementor-element-b35762b{text-align:center;}.elementor-46022 .elementor-element.elementor-element-b35762b img{width:53%;}.elementor-46022 .elementor-element.elementor-element-73ec874{--width:100%;--min-height:478px;--gap:2px 1px;--row-gap:2px;--column-gap:1px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-2b6757d{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-46022 .elementor-element.elementor-element-b06255d img{width:100%;height:100%;}.elementor-46022 .elementor-element.elementor-element-bee1d44 .elementor-heading-title{font-size:25px;}.elementor-46022 .elementor-element.elementor-element-cec9f38 img{width:100%;height:100%;}.elementor-46022 .elementor-element.elementor-element-69af343 .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-46022 .elementor-element.elementor-element-00e9249{--width:100%;}.elementor-46022 .elementor-element.elementor-element-6b7e2c5{--width:100%;}.elementor-46022 .elementor-element.elementor-element-53ff20b{--width:1276px;}.elementor-46022 .elementor-element.elementor-element-afda976{--width:1486px;}.elementor-46022 .elementor-element.elementor-element-68d9d08{--width:1486px;}.elementor-46022 .elementor-element.elementor-element-67786b9{--width:100%;}.elementor-46022 .elementor-element.elementor-element-73ec874{--width:1276px;}.elementor-46022 .elementor-element.elementor-element-2b6757d{--width:1486px;}}@media(max-width:1024px) and (min-width:768px){.elementor-46022 .elementor-element.elementor-element-73ec874{--width:100%;}.elementor-46022 .elementor-element.elementor-element-2b6757d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-338f780 *//* Container styling */
.welcome-page-grid {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 20px; /* Maintain consistent gap of 20px */
    padding: 20px; /* Add padding around the grid */
    flex-wrap: wrap; /* Enable wrapping for responsiveness */
}

/* General styling for images and titles */
.welcome-page-image img, .welcome-page-title-spare-parts p, .welcome-page-title-cars p {
    transition: all 0.3s ease-in-out;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px; /* Larger font size for titles */
    font-weight: bold; /* Make titles bold */
    color: #000; /* Titles default to black */
    width: 100%; /* Make images responsive */
    max-width: 100%; /* Ensure images scale dynamically */
    height: auto; /* Maintain aspect ratio */
}

/* Add gap between images and titles */
.welcome-page-title-spare-parts, .welcome-page-title-cars {
    margin-top: 15px; /* Larger gap between image and title */
}

/* Grouping image and title for hover effect */
.welcome-page-item {
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
    position: relative;
    flex: 1 1 calc(50% - 20px); /* Adjust flex basis to match grid gap */
    box-sizing: border-box; /* Include padding and borders in size */
    max-width: 500px; /* Prevent items from becoming too large */
}

/* Zoom effect and highlight on hover */
.welcome-page-item:hover {
    z-index: 2; /* Ensure the hovered element appears above */
}

.welcome-page-item:hover .welcome-page-image img,
.welcome-page-item:hover .welcome-page-title-spare-parts p,
.welcome-page-item:hover .welcome-page-title-cars p {
    transform: scale(1.1); /* Ensure image zooms */
    filter: brightness(1); /* Brighten hovered image and title */
    color: #fff; /* Brighten the title on hover */
}

/* Dim other images and titles when one is hovered */
.welcome-page-item:not(:hover) .welcome-page-image img,
.welcome-page-item:not(:hover) .welcome-page-title-spare-parts p,
.welcome-page-item:not(:hover) .welcome-page-title-cars p {
    filter: brightness(0.3); /* Dim the non-hovered elements */
    color: #000; /* Ensure non-hovered titles remain black */
}

/* Maintain organization and scaling on larger screens */
@media (min-width: 1024px) {
    .welcome-page-grid {
        gap: 20px; /* Maintain consistent gap */
        padding: 30px; /* Increase padding for larger screens */
    }

    .welcome-page-item {
        flex: 1 1 calc(33.333% - 20px); /* Adjust flex basis for larger screens */
    }

    .welcome-page-image img {
        max-width: 600px; /* Increase image size for larger screens */
    }

    .welcome-page-title-spare-parts p, .welcome-page-title-cars p {
        font-size: 28px; /* Larger font size for titles */
    }
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
    .welcome-page-item {
        flex: 1 1 100%; /* Stack items vertically on small screens */
    }

    .welcome-page-grid {
        gap: 20px; /* Maintain consistent gap */
    }

    .welcome-page-image img {
        max-width: 100%; /* Ensure images take full width on smaller screens */
    }

    .welcome-page-title-spare-parts p, .welcome-page-title-cars p {
        font-size: 20px; /* Adjust font size for smaller screens */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afda976 *//*.elementor-46022 .elementor-element.elementor-element-afda976 {*/
    width: 50%; /* Initial width */
    height: 100%; /* Maintain the full height */
    transition: width 0.5s ease-in-out; /* Smooth transition */
/*}*/

/*.elementor-46022 .elementor-element.elementor-element-afda976:hover {*/
    width: 90%; /* Width after hover */
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68d9d08 *//*.elementor-46022 .elementor-element.elementor-element-68d9d08 {*/
    width: 50%; /* Initial width */
    height: 100%; /* Maintain the full height */
    transition: width 0.5s ease-in-out, transform 0.5s ease-in-out; /* Smooth transition for width and position */
    transform-origin: left; /* Set the origin of transformation to the left */
/*}*/

/*.elementor-46022 .elementor-element.elementor-element-68d9d08:hover {*/
    width: 90%; /* Expand width to cover 2/3 of the container */
    transform: scaleX(1); /* Scale the width to 2/3 of the container */
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b7e2c5 *//* Initial state for titles */
.left-title, .right-title {
    opacity: 1; /* Fully visible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition */
}

/* Hide the right section's title when the left section is hovered */
.left-section:hover ~ .right-section .right-title {
    opacity: 0; /* Hide the title */
}

/* Hide the left section's title when the right section is hovered */
.right-section:hover ~ .left-section .left-title {
    opacity: 0; /* Hide the title */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67786b9 *//* Initial state for titles */
.left-title, .right-title {
    opacity: 1; /* Fully visible */
    transition: opacity 0.5s ease-in-out; /* Smooth transition */
}

/* Hide the right section's title when the left section is hovered */
.left-section:hover ~ .right-section .right-title {
    opacity: 0; /* Hide the title */
}

/* Hide the left section's title when the right section is hovered */
.right-section:hover ~ .left-section .left-title {
    opacity: 0; /* Hide the title */
}/* End custom CSS */