.elementor-762 .elementor-element.elementor-element-6b5ee2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-762 .elementor-element.elementor-element-6b5ee2f:not(.elementor-motion-effects-element-type-background), .elementor-762 .elementor-element.elementor-element-6b5ee2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://edit.stonabilities.com/wp-content/uploads/2025/02/Hero-Area.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-762 .elementor-element.elementor-element-f19673d{text-align:center;}.elementor-762 .elementor-element.elementor-element-f19673d.elementor-widget-heading .elementor-heading-title, .elementor-762 .elementor-element.elementor-element-f19673d.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:var( --e-global-color-primary );}.elementor-762 .elementor-element.elementor-element-9ae678a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-762 .elementor-element.elementor-element-9ae678a:not(.elementor-motion-effects-element-type-background), .elementor-762 .elementor-element.elementor-element-9ae678a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://edit.stonabilities.com/wp-content/uploads/2025/02/Our-Carftsmanship-in-Action-background.png");}.elementor-762 .elementor-element.elementor-element-f3f9dd4{--display:flex;}.elementor-762 .elementor-element.elementor-element-d7fc8cf{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-762 .elementor-element.elementor-element-e5d64b9{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-762 .elementor-element.elementor-element-66297a9{text-align:center;}.elementor-762 .elementor-element.elementor-element-54f8994{--display:flex;}.elementor-762 .elementor-element.elementor-element-69149bb .gallery-item .gallery-caption{display:none;}.elementor-762 .elementor-element.elementor-element-69149bb .gallery-item{padding:0 30px 30px 0;}.elementor-762 .elementor-element.elementor-element-69149bb .gallery{margin:0 -30px -30px 0;}.elementor-762 .elementor-element.elementor-element-333cbb5{--display:flex;}.elementor-762 .elementor-element.elementor-element-9dac4f0 .swiper-pagination-bullet{background:var( --e-global-color-primary );}.elementor-762 .elementor-element.elementor-element-50d8dae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-762 .elementor-element.elementor-element-50d8dae:not(.elementor-motion-effects-element-type-background), .elementor-762 .elementor-element.elementor-element-50d8dae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-762 .elementor-element.elementor-element-46e367d{--display:flex;--background-transition:1.03s;--border-radius:200px 200px 200px 200px;--padding-top:80px;--padding-bottom:80px;--padding-left:190px;--padding-right:190px;}.elementor-762 .elementor-element.elementor-element-46e367d:not(.elementor-motion-effects-element-type-background), .elementor-762 .elementor-element.elementor-element-46e367d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4db64e8 );}.elementor-762 .elementor-element.elementor-element-46e367d:hover{background-image:url("https://edit.stonabilities.com/wp-content/uploads/2025/02/Global-CTA-Hover-Image.png");}.elementor-762 .elementor-element.elementor-element-2a572b5{--display:flex;--border-radius:100px 100px 100px 100px;}.elementor-762 .elementor-element.elementor-element-6b85d80{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-762 .elementor-element.elementor-element-b3102fe{width:100%;max-width:100%;text-align:center;}.elementor-762 .elementor-element.elementor-element-b3102fe.elementor-element{--align-self:center;}.elementor-762 .elementor-element.elementor-element-10ade39{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-9af89da-font-family ), DynaPuff;font-size:var( --e-global-typography-9af89da-font-size );font-weight:var( --e-global-typography-9af89da-font-weight );line-height:var( --e-global-typography-9af89da-line-height );color:var( --e-global-color-9fdca98 );}.elementor-762 .elementor-element.elementor-element-10ade39.elementor-element{--align-self:center;}.elementor-762 .elementor-element.elementor-element-86794e4{--display:flex;--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:center;--align-items:center;}.elementor-762 .elementor-element.elementor-element-c46c80a.elementor-element{--align-self:stretch;}.elementor-762 .elementor-element.elementor-element-c46c80a .elementor-button{font-family:var( --e-global-typography-f9e3175-font-family ), DynaPuff;font-size:var( --e-global-typography-f9e3175-font-size );font-weight:var( --e-global-typography-f9e3175-font-weight );line-height:var( --e-global-typography-f9e3175-line-height );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );padding:17px 41px 17px 41px;}@media(max-width:1366px){.elementor-762 .elementor-element.elementor-element-10ade39{font-size:var( --e-global-typography-9af89da-font-size );line-height:var( --e-global-typography-9af89da-line-height );}.elementor-762 .elementor-element.elementor-element-c46c80a .elementor-button{font-size:var( --e-global-typography-f9e3175-font-size );line-height:var( --e-global-typography-f9e3175-line-height );}}@media(max-width:1200px){.elementor-762 .elementor-element.elementor-element-10ade39{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}@media(max-width:1024px){.elementor-762 .elementor-element.elementor-element-e5d64b9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-762 .elementor-element.elementor-element-46e367d{--padding-top:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-762 .elementor-element.elementor-element-10ade39{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:var( --e-global-typography-9af89da-font-size );line-height:var( --e-global-typography-9af89da-line-height );}.elementor-762 .elementor-element.elementor-element-c46c80a .elementor-button{font-size:var( --e-global-typography-f9e3175-font-size );line-height:var( --e-global-typography-f9e3175-line-height );}}@media(max-width:880px){.elementor-762 .elementor-element.elementor-element-b3102fe{width:100%;max-width:100%;}.elementor-762 .elementor-element.elementor-element-10ade39{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-762 .elementor-element.elementor-element-9ae678a{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-762 .elementor-element.elementor-element-46e367d{--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-762 .elementor-element.elementor-element-b3102fe{width:100%;max-width:100%;}.elementor-762 .elementor-element.elementor-element-10ade39{width:100%;max-width:100%;font-size:var( --e-global-typography-9af89da-font-size );line-height:var( --e-global-typography-9af89da-line-height );}.elementor-762 .elementor-element.elementor-element-86794e4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-762 .elementor-element.elementor-element-c46c80a{width:100%;max-width:100%;}.elementor-762 .elementor-element.elementor-element-c46c80a .elementor-button{font-size:var( --e-global-typography-f9e3175-font-size );line-height:var( --e-global-typography-f9e3175-line-height );}}@media(min-width:2400px){.elementor-762 .elementor-element.elementor-element-10ade39{font-size:var( --e-global-typography-9af89da-font-size );line-height:var( --e-global-typography-9af89da-line-height );}.elementor-762 .elementor-element.elementor-element-c46c80a .elementor-button{font-size:var( --e-global-typography-f9e3175-font-size );line-height:var( --e-global-typography-f9e3175-line-height );}}/* Start custom CSS for container, class: .elementor-element-46e367d *//* Change text and button styles on hover */

/* When the .container is hovered, change the text color of <p> elements to white */
.container:hover p {
    color: white;
    transition: color 0.3s ease-in-out; /* Smooth transition effect for color change */
}

/* When the .container is hovered, change the text color of <h2> elements to white */
.container:hover h2 {
    color: white;
    transition: color 0.3s ease-in-out; /* Smooth transition effect for color change */
}

/* 
   When the .container is hovered, change the background and text color 
   of the first button (.elementor-button) inside the container 
*/
.container:hover .elementor-button.elementor-button-link.elementor-size-sm {
    background: white !important; /* Change the background to white */
    color: black !important; /* Change text color to black */
    border: 2px solid transparent !important; /* Remove the border */
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; /* Smooth transition */
}

/* 
   When the .container is hovered, change the styles of the second button (.button2)
   inside the container 
*/
.container:hover .button2 .elementor-button.elementor-button-link.elementor-size-sm {
    background: transparent !important; /* Make the background transparent */
    color: white !important; /* Change text color to white */
    border: 2px solid white !important; /* Add a white border */
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; /* Smooth transition */
}

/* 
   When any button inside .container is hovered, change its background, text color, and border 
   (Applies to both primary button and .button2 button)
*/
.container .elementor-button.elementor-button-link.elementor-size-sm:hover,
.container .button2 .elementor-button.elementor-button-link.elementor-size-sm:hover {
    background-color: #4e0d0d !important; /* Dark red background */
    color: white !important; /* White text */
    border: 2px solid #4e0d0d !important; /* Dark red border */
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; /* Smooth transition */
}/* End custom CSS */