.elementor-140 .elementor-element.elementor-element-efc34e4{--display:flex;--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;--align-items:center;}.elementor-140 .elementor-element.elementor-element-4ed6e77{--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:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-140 .elementor-element.elementor-element-5a4ffe5{--display:flex;--min-height:380px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-140 .elementor-element.elementor-element-5a4ffe5.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-2f48957{--display:flex;--min-height:0px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-140 .elementor-element.elementor-element-2f48957.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-d39f2da{--display:flex;--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;--align-items:center;}.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-140 .elementor-element.elementor-element-c9728b7{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-140 .elementor-element.elementor-element-c9728b7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-c9728b7 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-c9728b7 img{border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-c9728b7 .widget-image-caption{color:#FFFFFF;font-family:"Share Tech Mono", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0.3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-140 .elementor-element.elementor-element-1c019bc{--display:flex;--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;--align-items:center;}.elementor-140 .elementor-element.elementor-element-d839078{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-140 .elementor-element.elementor-element-d839078.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-d839078 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-d839078 img{border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-d839078 .widget-image-caption{color:#FFFFFF;font-family:"Share Tech Mono", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0.3px;}.elementor-140 .elementor-element.elementor-element-3f95119{--display:flex;--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;--align-items:center;}.elementor-140 .elementor-element.elementor-element-169cb90{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-140 .elementor-element.elementor-element-169cb90.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-169cb90 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-169cb90 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-169cb90 .widget-image-caption{color:#FFFFFF;font-family:"Share Tech Mono", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0.3px;}.elementor-140 .elementor-element.elementor-element-39a5625{--display:flex;--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;--align-items:center;}.elementor-140 .elementor-element.elementor-element-a641f6d{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-140 .elementor-element.elementor-element-a641f6d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-a641f6d > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-a641f6d img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-a641f6d .widget-image-caption{color:#FFFFFF;font-family:"Share Tech Mono", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0.3px;}.elementor-140 .elementor-element.elementor-element-dfd9022{--display:flex;--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;--align-items:center;}.elementor-140 .elementor-element.elementor-element-1f830ab{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-140 .elementor-element.elementor-element-1f830ab.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-1f830ab > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-1f830ab img{border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-1f830ab .widget-image-caption{color:#FFFFFF;font-family:"Share Tech Mono", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0.3px;}.elementor-140 .elementor-element.elementor-element-cc49981{--display:flex;--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;--align-items:center;}.elementor-140 .elementor-element.elementor-element-f293ccb{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-140 .elementor-element.elementor-element-f293ccb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-f293ccb > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-f293ccb img{border-radius:20px 20px 20px 20px;}.elementor-140 .elementor-element.elementor-element-f293ccb .widget-image-caption{color:#FFFFFF;font-family:"Share Tech Mono", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0.3px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-140 .elementor-element.elementor-element-5a4ffe5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-140 .elementor-element.elementor-element-5a4ffe5.e-con{--align-self:center;}.elementor-140 .elementor-element.elementor-element-2f48957{--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-140 .elementor-element.elementor-element-d39f2da{--width:500px;}}@media(min-width:768px){.elementor-140 .elementor-element.elementor-element-5a4ffe5{--width:66.766%;}.elementor-140 .elementor-element.elementor-element-2f48957{--width:100%;}.elementor-140 .elementor-element.elementor-element-d39f2da{--width:33%;}.elementor-140 .elementor-element.elementor-element-1c019bc{--width:33.3333%;}.elementor-140 .elementor-element.elementor-element-3f95119{--width:33.3333%;}.elementor-140 .elementor-element.elementor-element-39a5625{--width:33.3333%;}.elementor-140 .elementor-element.elementor-element-dfd9022{--width:33.3333%;}.elementor-140 .elementor-element.elementor-element-cc49981{--width:33.3333%;}}/* Start custom CSS for image, class: .elementor-element-c9728b7 *//* Custom CSS for Image Widget - Caption Overlay on Hover (Fade Effect) */

/* Make the image widget container relative for absolute positioning */
.category-image-hover-effect {
    position: relative;
    overflow: hidden; 
    display: inline-block;
    vertical-align: top; 
}

/* Style and position the custom caption */
.category-image-hover-effect .widget-image-caption {
    position: absolute;   
    top: 50%;             
    left: 50%;            
    transform: translate(-50%, -50%); 
    width: 100%;          
    padding: 0 15px;      
    margin: 0;            
    
    color: #fff;          
    font-size: 28px;      
    font-family: 'Your Custom Font', sans-serif; 
    font-weight: bold;    

    text-align: center;   
    opacity: 0;           
    transition: opacity 0.3s ease; 
    z-index: 2;           
    pointer-events: none; 
    box-sizing: border-box; 
}

/* Create the semi-transparent overlay */
.category-image-hover-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* **رنگ و شفافیت هاله مشکی** */
    opacity: 0; 
    transition: opacity 0.3s ease; 
    z-index: 1; 
    border-radius: 20px; /* **اضافه شد: گردی گوشه‌های هاله مشکی به اندازه 20px** */
}

/* On hover, show the caption and overlay */
.category-image-hover-effect:hover .widget-image-caption,
.category-image-hover-effect:hover:after {
    opacity: 1; 
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d839078 *//* Custom CSS for Image Widget - Caption Overlay on Hover (Fade Effect) */

/* Make the image widget container relative for absolute positioning */
.category-image-hover-effect {
    position: relative;
    overflow: hidden; 
    display: inline-block;
    vertical-align: top; 
}

/* Style and position the custom caption */
.category-image-hover-effect .widget-image-caption {
    position: absolute;   
    top: 50%;             
    left: 50%;            
    transform: translate(-50%, -50%); 
    width: 100%;          
    padding: 0px;      
    margin: 0;            
    
    color: #fff;          
    font-size: 28px;      
    font-family: 'Your Custom Font', sans-serif; 
    font-weight: bold;    

    text-align: center;   
    opacity: 0;           
    transition: opacity 0.3s ease; 
    z-index: 2;           
    pointer-events: none; 
    box-sizing: border-box; 
}

/* Create the semi-transparent overlay */
.category-image-hover-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* **رنگ و شفافیت هاله مشکی** */
    opacity: 0; 
    transition: opacity 0.3s ease; 
    z-index: 1; 
    border-radius: 20px; /* **اضافه شد: گردی گوشه‌های هاله مشکی به اندازه 20px** */
}

/* On hover, show the caption and overlay */
.category-image-hover-effect:hover .widget-image-caption,
.category-image-hover-effect:hover:after {
    opacity: 1; 
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-169cb90 *//* Custom CSS for Image Widget - Caption Overlay on Hover (Fade Effect) */

/* Make the image widget container relative for absolute positioning */
.category-image-hover-effect {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

/* Style and position the custom caption */
.category-image-hover-effect .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0px;
    margin: 0;

    color: #fff;
    font-size: 15px; /* اصلاح شد: از 15pxpx به 15px */
    font-family: 'Your Custom Font', sans-serif;
    font-weight: bold;

    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: none;
    box-sizing: border-box;
    /* اضافه شد: برای اطمینان از شکست خط در صورت وجود <br> و تراز عمودی بهتر */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Create the semi-transparent overlay */
.category-image-hover-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* **رنگ و شفافیت هاله مشکی** */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 20px; /* **اضافه شد: گردی گوشه‌های هاله مشکی به اندازه 20px** */
}

/* On hover, show the caption and overlay */
.category-image-hover-effect:hover .widget-image-caption,
.category-image-hover-effect:hover:after {
    opacity: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a641f6d *//* Custom CSS for Image Widget - Caption Overlay on Hover (Fade Effect) */

/* Make the image widget container relative for absolute positioning */
.category-image-hover-effect {
    position: relative;
    overflow: hidden; 
    display: inline-block;
    vertical-align: top; 
}

/* Style and position the custom caption */
.category-image-hover-effect .widget-image-caption {
    position: absolute;   
    top: 50%;             
    left: 50%;            
    transform: translate(-50%, -50%); 
    width: 100%;          
    padding: 0 15px;      
    margin: 0;            
    
    color: #fff;          
    font-size: 15pxpx;      
    font-family: 'Your Custom Font', sans-serif; 
    font-weight: bold;    

    text-align: center;   
    opacity: 0;           
    transition: opacity 0.3s ease; 
    z-index: 2;           
    pointer-events: none; 
    box-sizing: border-box; 
}

/* Create the semi-transparent overlay */
.category-image-hover-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* **رنگ و شفافیت هاله مشکی** */
    opacity: 0; 
    transition: opacity 0.3s ease; 
    z-index: 1; 
    border-radius: 20px; /* **اضافه شد: گردی گوشه‌های هاله مشکی به اندازه 20px** */
}

/* On hover, show the caption and overlay */
.category-image-hover-effect:hover .widget-image-caption,
.category-image-hover-effect:hover:after {
    opacity: 1; 
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1f830ab *//* Custom CSS for Image Widget - Caption Overlay on Hover (Fade Effect) */

/* Make the image widget container relative for absolute positioning */
.category-image-hover-effect {
    position: relative;
    overflow: hidden; 
    display: inline-block;
    vertical-align: top; 
}

/* Style and position the custom caption */
.category-image-hover-effect .widget-image-caption {
    position: absolute;   
    top: 50%;             
    left: 50%;            
    transform: translate(-50%, -50%); 
    width: 100%;          
    padding: 0 15px;      
    margin: 0;            
    
    color: #fff;          
    font-size: 28px;      
    font-family: 'Your Custom Font', sans-serif; 
    font-weight: bold;    

    text-align: center;   
    opacity: 0;           
    transition: opacity 0.3s ease; 
    z-index: 2;           
    pointer-events: none; 
    box-sizing: border-box; 
}

/* Create the semi-transparent overlay */
.category-image-hover-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* **رنگ و شفافیت هاله مشکی** */
    opacity: 0; 
    transition: opacity 0.3s ease; 
    z-index: 1; 
    border-radius: 20px; /* **اضافه شد: گردی گوشه‌های هاله مشکی به اندازه 20px** */
}

/* On hover, show the caption and overlay */
.category-image-hover-effect:hover .widget-image-caption,
.category-image-hover-effect:hover:after {
    opacity: 1; 
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f293ccb *//* Custom CSS for Image Widget - Caption Overlay on Hover (Fade Effect) */

/* Make the image widget container relative for absolute positioning */
.category-image-hover-effect {
    position: relative;
    overflow: hidden; 
    display: inline-block;
    vertical-align: top; 
}

/* Style and position the custom caption */
.category-image-hover-effect .widget-image-caption {
    position: absolute;   
    top: 50%;             
    left: 50%;            
    transform: translate(-50%, -50%); 
    width: 100%;          
    padding: 0 15px;      
    margin: 0;            
    
    color: #fff;          
    font-size: 28px;      
    font-family: 'Your Custom Font', sans-serif; 
    font-weight: bold;    

    text-align: center;   
    opacity: 0;           
    transition: opacity 0.3s ease; 
    z-index: 2;           
    pointer-events: none; 
    box-sizing: border-box; 
}

/* Create the semi-transparent overlay */
.category-image-hover-effect:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* **رنگ و شفافیت هاله مشکی** */
    opacity: 0; 
    transition: opacity 0.3s ease; 
    z-index: 1; 
    border-radius: 20px; /* **اضافه شد: گردی گوشه‌های هاله مشکی به اندازه 20px** */
}

/* On hover, show the caption and overlay */
.category-image-hover-effect:hover .widget-image-caption,
.category-image-hover-effect:hover:after {
    opacity: 1; 
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a4ffe5 */@media (max-width: 600px) {
  .category-box {
    width: calc(50% - 1px);
  }

  .category-box img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Share Tech Mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://artudio.ir/wp-content/uploads/2025/07/ShareTechMono-Regular.woff2') format('woff2'),
		url('https://artudio.ir/wp-content/uploads/2025/07/ShareTechMono-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */