.elementor-3817 .elementor-element.elementor-element-85da82a:not(.elementor-motion-effects-element-type-background), .elementor-3817 .elementor-element.elementor-element-85da82a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://owj.marketing/wp-content/uploads/2024/05/lifeofpix-rawpixelcom1624-307114.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-3817 .elementor-element.elementor-element-85da82a > .elementor-background-overlay{background-color:#072727;opacity:0.69;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3817 .elementor-element.elementor-element-85da82a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:200px 0px 100px 0px;}.elementor-3817 .elementor-element.elementor-element-5d77526 > .elementor-element-populated{margin:200px 100px 0px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-3817 .elementor-element.elementor-element-8f707c1{width:var( --container-widget-width, 69.998% );max-width:69.998%;--container-widget-width:69.998%;--container-widget-flex-grow:0;align-self:center;text-align:center;font-size:16px;font-weight:800;}.elementor-3817 .elementor-element.elementor-element-8f707c1 > .elementor-widget-container{background-color:#10A04721;margin:0px 0px 10px 0px;padding:20px 0px 20px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:15px 12px 10px 0px rgba(0,0,0,0.5);}.elementor-3817 .elementor-element.elementor-element-c2a212a > .elementor-element-populated{margin:0px 100px 10px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-3817 .elementor-element.elementor-element-93b3f78{width:var( --container-widget-width, 69.998% );max-width:69.998%;--container-widget-width:69.998%;--container-widget-flex-grow:0;align-self:center;text-align:center;font-size:16px;font-weight:800;}.elementor-3817 .elementor-element.elementor-element-93b3f78 > .elementor-widget-container{background-color:#10A04721;margin:0px 0px 10px 0px;padding:20px 0px 20px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:15px 12px 10px 0px rgba(0,0,0,0.5);}.elementor-3817 .elementor-element.elementor-element-a00dffb > .elementor-element-populated{margin:0px 100px 0px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-3817 .elementor-element.elementor-element-53f5f3f{width:var( --container-widget-width, 69.998% );max-width:69.998%;--container-widget-width:69.998%;--container-widget-flex-grow:0;align-self:center;text-align:center;font-size:16px;font-weight:800;}.elementor-3817 .elementor-element.elementor-element-53f5f3f > .elementor-widget-container{background-color:#10A04721;margin:0px 0px 10px 0px;padding:20px 0px 20px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:15px 12px 10px 0px rgba(0,0,0,0.5);}.elementor-3817 .elementor-element.elementor-element-b94baaa > .elementor-element-populated{margin:200px 100px 10px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-3817 .elementor-element.elementor-element-5582212{width:var( --container-widget-width, 69.998% );max-width:69.998%;--container-widget-width:69.998%;--container-widget-flex-grow:0;align-self:center;text-align:center;font-size:16px;font-weight:800;}.elementor-3817 .elementor-element.elementor-element-5582212 > .elementor-widget-container{background-color:#10A04721;margin:0px 0px 10px 0px;padding:20px 0px 20px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:15px 12px 10px 0px rgba(0,0,0,0.5);}.elementor-3817 .elementor-element.elementor-element-c623f98 > .elementor-element-populated{margin:0px 100px 10px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-3817 .elementor-element.elementor-element-0626a8d{width:var( --container-widget-width, 69.998% );max-width:69.998%;--container-widget-width:69.998%;--container-widget-flex-grow:0;align-self:center;text-align:center;font-size:16px;font-weight:800;}.elementor-3817 .elementor-element.elementor-element-0626a8d > .elementor-widget-container{background-color:#10A04721;margin:0px 0px 10px 0px;padding:20px 0px 20px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:15px 12px 10px 0px rgba(0,0,0,0.5);}.elementor-3817 .elementor-element.elementor-element-80ab548 > .elementor-element-populated{margin:0px 100px 0px 0px;--e-column-margin-right:100px;--e-column-margin-left:0px;}.elementor-3817 .elementor-element.elementor-element-f3e7ccc{width:var( --container-widget-width, 69.998% );max-width:69.998%;--container-widget-width:69.998%;--container-widget-flex-grow:0;align-self:center;text-align:center;font-size:16px;font-weight:800;}.elementor-3817 .elementor-element.elementor-element-f3e7ccc > .elementor-widget-container{background-color:#10A04721;margin:0px 0px 10px 0px;padding:20px 0px 20px 0px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:15px 12px 10px 0px rgba(0,0,0,0.5);}.elementor-3817 .elementor-element.elementor-element-8862396{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3817 .elementor-element.elementor-element-5b918fc{--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;--flex-wrap:wrap;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3817 .elementor-element.elementor-element-fce7447{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3817 .elementor-element.elementor-element-fce7447 .elementor-icon-wrapper{text-align:center;}.elementor-3817 .elementor-element.elementor-element-ed5bfdb{width:100%;max-width:100%;}.elementor-3817 .elementor-element.elementor-element-ed5bfdb .elementor-heading-title{font-size:17px;font-weight:900;}.elementor-3817 .elementor-element.elementor-element-590ab3b{width:100%;max-width:100%;z-index:99;text-align:center;}.elementor-3817 .elementor-element.elementor-element-a2011ae{--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-3817 .elementor-element.elementor-element-0cfa49e{--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-3817 .elementor-element.elementor-element-3e50752{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3817 .elementor-element.elementor-element-80df8b2{width:34.02%;}.elementor-3817 .elementor-element.elementor-element-2cf9f3c{width:32.293%;}.elementor-3817 .elementor-element.elementor-element-5b918fc{--width:25%;}.elementor-3817 .elementor-element.elementor-element-a2011ae{--width:25%;}.elementor-3817 .elementor-element.elementor-element-0cfa49e{--width:25%;}.elementor-3817 .elementor-element.elementor-element-3e50752{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-5b918fc *//* استایل کلی باکس خدمات */
.service-box {
   
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    
}

/* لایه برای ایجاد افکت بنفش */
.service-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
 
    width: 100%;
    height: 100%;
    background-color: rgba(128, 0, 128, 0.9); /* رنگ بنفش با شفافیت */
    z-index: 0;
    transition: transform 0.5s ease; /* زمان و افکت تغییر */
    transform-origin: bottom right; /* شروع افکت از گوشه پایین سمت راست */
    transform: scale(0); /* در حالت اولیه کوچک */
    border-radius: 10px; /* برای تطبیق با باکس */
}

/* محتوای داخل باکس بالای لایه بنفش */
.service-box .icon,
.service-box .service-title,
.service-box .service-description {
    position: relative;
    z-index: 2;
}

/* هاور: فعال شدن لایه بنفش */
.service-box:hover::before {
    transform: scale(1); /* گسترش بنفش به تمام باکس */
}

/* تغییر رنگ محتوا در حالت هاور */
.service-box:hover .icon,
.service-box:hover .service-title,
.service-box:hover .service-description {
    color: white; /* تغییر رنگ متن به سفید */
}/* End custom CSS */