.elementor-1817 .elementor-element.elementor-element-1500b48{width:100%;max-width:100%;align-self:center;--wd-brd-radius:0px;}.elementor-1817 .elementor-element.elementor-element-1500b48 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-c13efb6 > .elementor-container{max-width:500px;}.elementor-1817 .elementor-element.elementor-element-c13efb6{margin:-20px 0px 0px 0px;}.elementor-1817 .elementor-element.elementor-element-9e42099{--spacer-size:100px;}.elementor-1817 .elementor-element.elementor-element-5271bf3 > .elementor-container{max-width:1300px;}.elementor-1817 .elementor-element.elementor-element-1ac7863 > .elementor-element-populated{margin:0px 0px 0px 35px;--e-column-margin-right:0px;--e-column-margin-left:35px;}.elementor-1817 .elementor-element.elementor-element-8d7bf0b{--wd-gap:10px;}.elementor-1817 .elementor-element.elementor-element-19cdbeb > .elementor-element-populated{margin:0px 0px 0px 50px;--e-column-margin-right:0px;--e-column-margin-left:50px;}.elementor-1817 .elementor-element.elementor-element-cb48ccf{--spacer-size:100px;}@media(min-width:768px){.elementor-1817 .elementor-element.elementor-element-1ac7863{width:31.48%;}.elementor-1817 .elementor-element.elementor-element-19cdbeb{width:68.129%;}}/* Start custom CSS for html, class: .elementor-element-612b5ef *//* حالت اولیه */
.icon-hover-effect .elementor-icon {
  background-color: #1a1a1a;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  transform-origin: top center;
}

/* هاور */
.icon-hover-effect:hover .elementor-icon {
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* stroke ها در هاور */
.icon-hover-effect:hover svg .st0,
.icon-hover-effect:hover svg .st1,
.icon-hover-effect:hover svg .st2,
.icon-hover-effect:hover svg .st4,
.icon-hover-effect:hover svg .st5,
.icon-hover-effect:hover svg .st7,
.icon-hover-effect:hover svg .st8,
.icon-hover-effect:hover svg .cls-1 {
  stroke: #000 !important;
  fill: none !important;
}

/* فیکس کردن آیکن‌هایی با fill مثل st3 و st6 */
.icon-hover-effect:hover svg .st3,
.icon-hover-effect:hover svg .st6 {
  fill: none !important;
  stroke: #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ffbc9a7 *//* حالت اولیه */
.icon-hover-effect .elementor-icon {
  background-color: #1a1a1a;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  transform-origin: top center;
}

/* هاور */
.icon-hover-effect:hover .elementor-icon {
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* stroke ها در هاور */
.icon-hover-effect:hover svg .st0,
.icon-hover-effect:hover svg .st1,
.icon-hover-effect:hover svg .st2,
.icon-hover-effect:hover svg .st4,
.icon-hover-effect:hover svg .st5,
.icon-hover-effect:hover svg .st7,
.icon-hover-effect:hover svg .st8,
.icon-hover-effect:hover svg .cls-1 {
  stroke: #000 !important;
  fill: none !important;
}

/* فیکس کردن آیکن‌هایی با fill مثل st3 و st6 */
.icon-hover-effect:hover svg .st3,
.icon-hover-effect:hover svg .st6 {
  fill: none !important;
  stroke: #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ffb88f *//* حالت اولیه */
.icon-hover-effect .elementor-icon {
  background-color: #1a1a1a;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  transform-origin: top center;
}

/* هاور */
.icon-hover-effect:hover .elementor-icon {
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* stroke ها در هاور */
.icon-hover-effect:hover svg .st0,
.icon-hover-effect:hover svg .st1,
.icon-hover-effect:hover svg .st2,
.icon-hover-effect:hover svg .st4,
.icon-hover-effect:hover svg .st5,
.icon-hover-effect:hover svg .st7,
.icon-hover-effect:hover svg .st8,
.icon-hover-effect:hover svg .cls-1 {
  stroke: #000 !important;
  fill: none !important;
}

/* فیکس کردن آیکن‌هایی با fill مثل st3 و st6 */
.icon-hover-effect:hover svg .st3,
.icon-hover-effect:hover svg .st6 {
  fill: none !important;
  stroke: #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-985cd41 *//* حالت اولیه */
.icon-hover-effect .elementor-icon {
  background-color: #1a1a1a;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  transform-origin: top center;
}

/* هاور */
.icon-hover-effect:hover .elementor-icon {
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* stroke ها در هاور */
.icon-hover-effect:hover svg .st0,
.icon-hover-effect:hover svg .st1,
.icon-hover-effect:hover svg .st2,
.icon-hover-effect:hover svg .st4,
.icon-hover-effect:hover svg .st5,
.icon-hover-effect:hover svg .st7,
.icon-hover-effect:hover svg .st8,
.icon-hover-effect:hover svg .cls-1 {
  stroke: #000 !important;
  fill: none !important;
}

/* فیکس کردن آیکن‌هایی با fill مثل st3 و st6 */
.icon-hover-effect:hover svg .st3,
.icon-hover-effect:hover svg .st6 {
  fill: none !important;
  stroke: #000 !important;
}/* End custom CSS */