.elementor-6637 .elementor-element.elementor-element-5808b5b{--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-6637 .elementor-element.elementor-element-de40ec1{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -6px rgba(0,0,0,0.5);}.elementor-6637 .elementor-element.elementor-element-de40ec1:not(.elementor-motion-effects-element-type-background), .elementor-6637 .elementor-element.elementor-element-de40ec1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-6637 .elementor-element.elementor-element-e9ba0ad img{border-radius:20px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6637 .elementor-element.elementor-element-a1117b2 > .elementor-widget-container{background-color:#F0F0F0;padding:10px 20px 10px 20px;border-radius:10px 10px 10px 0px;}.elementor-6637 .elementor-element.elementor-element-a1117b2.elementor-element{--align-self:center;}.elementor-6637 .elementor-element.elementor-element-a1117b2{text-align:center;}.elementor-6637 .elementor-element.elementor-element-a1117b2 .elementor-heading-title{font-family:"IRANsansWEB", Sans-serif;font-size:16px;font-weight:600;color:#161616;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6637 .elementor-element.elementor-element-1021b18 > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-6637 .elementor-element.elementor-element-1021b18{text-align:center;font-family:"IRANsansWEB", Sans-serif;font-size:13px;font-weight:400;line-height:30px;color:#616161;}.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-6637 .elementor-element.elementor-element-8e17c70 .elementor-button{background-color:#D79D4B;font-family:"IRANsansWEB", Sans-serif;font-size:14px;font-weight:500;border-radius:5px 5px 5px 5px;}.elementor-6637 .elementor-element.elementor-element-8e17c70 > .elementor-widget-container{margin:-9px 0px 0px 0px;}/* Start custom CSS for heading, class: .elementor-element-a1117b2 */.elementor-6637 .elementor-element.elementor-element-a1117b2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e17c70 */.elementor-6637 .elementor-element.elementor-element-8e17c70{
     position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 20px);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de40ec1 */.box-wrapper{
     position: relative;
  overflow: hidden; 
}

.box-wrapper:hover{
    transform: translateY(-10px);
}

.box-wrapper:hover .view-more-button {
  transform: translate(-50%, 0);
  opacity: 1;
}


.mtn-box-project {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.box-wrapper:hover .mtn-box-project {
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5808b5b */.i-iran {
  position: relative;
  cursor: pointer;
}

.i-iran::after {
  content: "محصول ایرانی";
 
 position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #3A4654;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 100;
}

.i-iran:hover::after {
  opacity: 1;
}/* End custom CSS */