.elementor-6782 .elementor-element.elementor-element-2c8a939{--display:grid;--e-con-grid-template-columns:repeat(12, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:1s;}.elementor-6782 .elementor-element.elementor-element-2c8a939:hover{background-image:url("https://campbellsbusiness.com/wp-content/uploads/2026/08/Campbells-Timeline-Updated-12x40-1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-6782 .elementor-element.elementor-element-2f16af0 > .elementor-widget-container{margin:0px 70px 0px 0px;}.elementor-6782 .elementor-element.elementor-element-2f16af0{grid-column:span 12;text-align:center;}.elementor-6782 .elementor-element.elementor-element-2f16af0.elementor-element{--align-self:center;}.elementor-6782 .elementor-element.elementor-element-2f16af0 img{width:46%;transition-duration:0.5s;}.elementor-6782 .elementor-element.elementor-element-2f16af0:hover img{opacity:0;}.elementor-6782 .elementor-element.elementor-element-5906457{--display:grid;--min-height:357px;--e-con-grid-template-columns:repeat(12, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--background-transition:0.8s;border-style:none;--border-style:none;--border-radius:72px 72px 72px 72px;--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-6782 .elementor-element.elementor-element-5906457:not(.elementor-motion-effects-element-type-background), .elementor-6782 .elementor-element.elementor-element-5906457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6782 .elementor-element.elementor-element-5906457:hover{background-image:url("https://campbellsbusiness.com/wp-content/uploads/2026/07/Home-Page-images-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6782 .elementor-element.elementor-element-fd1cc04 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 30px;}.elementor-6782 .elementor-element.elementor-element-fd1cc04{grid-column:span 12;text-align:center;}.elementor-6782 .elementor-element.elementor-element-fd1cc04.elementor-element{--align-self:center;}.elementor-6782 .elementor-element.elementor-element-c58939c{--display:grid;--min-height:357px;--e-con-grid-template-columns:repeat(12, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--background-transition:0.8s;border-style:none;--border-style:none;--border-radius:72px 72px 72px 72px;--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-6782 .elementor-element.elementor-element-c58939c:not(.elementor-motion-effects-element-type-background), .elementor-6782 .elementor-element.elementor-element-c58939c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6782 .elementor-element.elementor-element-c58939c:hover{background-image:url("https://campbellsbusiness.com/wp-content/uploads/2026/07/Home-Page-images-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6782 .elementor-element.elementor-element-f6042bd{grid-column:span 10;}.elementor-6782 .elementor-element.elementor-element-f6042bd.elementor-element{--align-self:center;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--display:grid;--min-height:357px;--e-con-grid-template-columns:repeat(12, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--background-transition:0.8s;border-style:none;--border-style:none;--border-radius:72px 72px 72px 72px;--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-6782 .elementor-element.elementor-element-3f8c1ad:not(.elementor-motion-effects-element-type-background), .elementor-6782 .elementor-element.elementor-element-3f8c1ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad:hover{background-image:url("https://campbellsbusiness.com/wp-content/uploads/2026/07/Home-Page-images-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6782 .elementor-element.elementor-element-cb9d894 > .elementor-widget-container{padding:0px 0px 0px 32px;}.elementor-6782 .elementor-element.elementor-element-cb9d894{grid-column:span 10;}.elementor-6782 .elementor-element.elementor-element-cb9d894.elementor-element{--align-self:center;}.elementor-6782 .elementor-element.elementor-element-5282420{--display:grid;--min-height:357px;--e-con-grid-template-columns:repeat(12, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--background-transition:1.5s;border-style:none;--border-style:none;--border-radius:72px 72px 72px 72px;--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-6782 .elementor-element.elementor-element-5282420:not(.elementor-motion-effects-element-type-background), .elementor-6782 .elementor-element.elementor-element-5282420 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6782 .elementor-element.elementor-element-5282420:hover{background-image:url("https://campbellsbusiness.com/wp-content/uploads/2026/07/Home-Page-images-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6782 .elementor-element.elementor-element-e28f416{grid-column:span 10;}.elementor-6782 .elementor-element.elementor-element-e28f416.elementor-element{--align-self:center;}body.elementor-page-6782:not(.elementor-motion-effects-element-type-background), body.elementor-page-6782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-6782 .elementor-element.elementor-element-5906457{--content-width:1600px;}.elementor-6782 .elementor-element.elementor-element-c58939c{--content-width:1600px;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--content-width:1600px;}.elementor-6782 .elementor-element.elementor-element-5282420{--content-width:1600px;}}@media(max-width:1366px){.elementor-6782 .elementor-element.elementor-element-2c8a939{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5906457{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-c58939c{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5282420{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-6782 .elementor-element.elementor-element-2c8a939{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5906457{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-c58939c{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5282420{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-6782 .elementor-element.elementor-element-2c8a939{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5906457{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-c58939c{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5282420{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-6782 .elementor-element.elementor-element-2c8a939{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5906457{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-c58939c{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5282420{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6782 .elementor-element.elementor-element-2c8a939{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5906457{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-c58939c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-3f8c1ad{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6782 .elementor-element.elementor-element-5282420{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-2c8a939 *//* Smoothly fade out the image on container hover */
.elementor-6782 .elementor-element.elementor-element-2c8a939:hover img {
    opacity: 0;
    transition: opacity 0.5s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5906457 *//* When the container is hovered, find the image inside it and lower its opacity */
.elementor-6782 .elementor-element.elementor-element-5906457:hover img {
    opacity: 0.5; /* Adjust this number (0 to 1) to get the exact fade you want */
    transition: opacity 0.3s ease-in-out; /* Makes the fade smooth */
}

/* Ensure the image has a smooth transition when you stop hovering */
.elementor-6782 .elementor-element.elementor-element-5906457 img {
    transition: opacity 0.3s ease-in-out;
}
.elementor-6782 .elementor-element.elementor-element-5906457 {
    width: auto !important; /* Forces the grid to calculate its width based on both margins */
    margin-left: 50px;
    margin-right: 50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c58939c *//* When the container is hovered, find the image inside it and lower its opacity */
.elementor-6782 .elementor-element.elementor-element-c58939c:hover img {
    opacity: 0.5; /* Adjust this number (0 to 1) to get the exact fade you want */
    transition: opacity 0.3s ease-in-out; /* Makes the fade smooth */
}

/* Ensure the image has a smooth transition when you stop hovering */
.elementor-6782 .elementor-element.elementor-element-c58939c img {
    transition: opacity 0.3s ease-in-out;
}
.elementor-6782 .elementor-element.elementor-element-c58939c {
    width: auto !important; /* Forces the grid to calculate its width based on both margins */
    margin-left: 50px;
    margin-right: 50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f8c1ad *//* When the container is hovered, find the image inside it and lower its opacity */
.elementor-6782 .elementor-element.elementor-element-3f8c1ad:hover img {
    opacity: 0.5; /* Adjust this number (0 to 1) to get the exact fade you want */
    transition: opacity 0.3s ease-in-out; /* Makes the fade smooth */
}

/* Ensure the image has a smooth transition when you stop hovering */
.elementor-6782 .elementor-element.elementor-element-3f8c1ad img {
    transition: opacity 0.3s ease-in-out;
}
.elementor-6782 .elementor-element.elementor-element-3f8c1ad {
    width: auto !important; /* Forces the grid to calculate its width based on both margins */
    margin-left: 50px;
    margin-right: 50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5282420 *//* When the container is hovered, find the image inside it and lower its opacity */
.elementor-6782 .elementor-element.elementor-element-5282420:hover img {
    opacity: 0.3; /* Adjust this number (0 to 1) to get the exact fade you want */
    transition: opacity 0.3s ease-in-out; /* Makes the fade smooth */
}

/* Ensure the image has a smooth transition when you stop hovering */
.elementor-6782 .elementor-element.elementor-element-5282420 img {
    transition: opacity 0.3s ease-in-out;
}
.elementor-6782 .elementor-element.elementor-element-5282420 {
    width: auto; /* Forces the grid to calculate its width based on both margins */
    margin-left: 50px;
    margin-right: 50px;
}/* End custom CSS */