.elementor-6986 .elementor-element.elementor-element-3f42391{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-6986 .elementor-element.elementor-element-3f42391:not(.elementor-motion-effects-element-type-background), .elementor-6986 .elementor-element.elementor-element-3f42391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://13.236.6.39/wp-content/uploads/2024/12/Products-4.png");background-position:center center;background-size:cover;}.elementor-6986 .elementor-element.elementor-element-3f42391.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6986 .elementor-element.elementor-element-69dd375{--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;--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 );}.elementor-6986 .elementor-element.elementor-element-b8895fd img{width:100%;}.elementor-6986 .elementor-element.elementor-element-779cb14{--display:flex;--position:absolute;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-6986 .elementor-element.elementor-element-779cb14{left:0px;}body.rtl .elementor-6986 .elementor-element.elementor-element-779cb14{right:0px;}.elementor-6986 .elementor-element.elementor-element-4805d50 img{width:100%;}.elementor-6986 .elementor-element.elementor-element-a72e4b3{--display:flex;--position:absolute;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-6986 .elementor-element.elementor-element-a72e4b3{left:0px;}body.rtl .elementor-6986 .elementor-element.elementor-element-a72e4b3{right:0px;}.elementor-6986 .elementor-element.elementor-element-a1da6c9 img{width:100%;}.elementor-6986 .elementor-element.elementor-element-b417e36{--display:flex;--position:absolute;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-6986 .elementor-element.elementor-element-b417e36{left:0px;}body.rtl .elementor-6986 .elementor-element.elementor-element-b417e36{right:0px;}.elementor-6986 .elementor-element.elementor-element-84c2f72{--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:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-6986 .elementor-element.elementor-element-84c2f72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6986 .elementor-element.elementor-element-0c50a47 .elementor-button{background-color:#FFFFFF;font-family:"DINPro-Bold", Sans-serif;font-weight:500;fill:#000000;color:#000000;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.11);border-radius:35px 35px 35px 35px;padding:15px 15px 15px 15px;}.elementor-6986 .elementor-element.elementor-element-0c50a47 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6986 .elementor-element.elementor-element-ab54e1b > .elementor-widget-container{margin:-120% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-6986 .elementor-element.elementor-element-ab54e1b{z-index:4;}.elementor-6986 .elementor-element.elementor-element-ab54e1b img{width:100%;}@media(max-width:767px){.elementor-6986 .elementor-element.elementor-element-ab54e1b img{width:88%;}}@media(min-width:768px){.elementor-6986 .elementor-element.elementor-element-3f42391{--width:99.938%;}.elementor-6986 .elementor-element.elementor-element-69dd375{--width:100%;}.elementor-6986 .elementor-element.elementor-element-779cb14{--width:100%;}.elementor-6986 .elementor-element.elementor-element-a72e4b3{--width:100%;}.elementor-6986 .elementor-element.elementor-element-84c2f72{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-3f42391 *//* Main container */
.hover-trigger {
    position: relative;
    overflow: hidden;
}

/* First circle (initially small) */
.circular-overlay-c22-1 {
    transition: clip-path 0.7s ease-in-out;
    clip-path: circle(0% at 5% 90%); /* Small circle, centered at 30% 30% */
    z-index: 2;
}

/* Second circle (initially small) */
.circular-overlay-c22-2 {
    transition: clip-path 1s ease-in-out;
    clip-path: circle(0% at 40% 40%); /* Small circle, centered at 70% 70% */
    z-index: 2;
}

/* Third circle (initially small) */
.circular-overlay-c22-3 {
    transition: clip-path 0.9s ease-in-out;
    clip-path: circle(0% at 80% 80%); /* Small circle, centered at 50% 50% */
    z-index: 2;
}

/* On hover, expand the first circle */
.hover-trigger:hover .circular-overlay-c22-1 {
    clip-path: circle(100% at 5% 90%); /* Expands the first circle to 50% size */
}

/* On hover, expand the second circle */
.hover-trigger:hover .circular-overlay-c22-2 {
    clip-path: circle(100% at 40% 40%); /* Expands the second circle to 70% size */
}

.hover-trigger:hover .circular-overlay-c22-3 {
    clip-path: circle(100% at 80% 80%);
}


.button-cont {
    position: absolute;
    bottom: -20px;
    opacity: 0; /* Invisible */
    transition: bottom 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index: 3; 
}

.hover-trigger:hover .button-cont {
    bottom: 0px; 
    opacity: 1; 
}

/* Image rotation, scale, and position on hover */
.c22 {
    transition: transform 0.4s ease-in-out;
}

.hover-trigger:hover .c22 {
    transform: scale(0.8) translate(0%, 10%);
}/* End custom CSS */