.elementor-1811 .elementor-element.elementor-element-a54b36f{width:100%;max-width:100%;align-self:center;--wd-brd-radius:0px;}.elementor-1811 .elementor-element.elementor-element-a54b36f > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-1811 .elementor-element.elementor-element-36407ae > .elementor-container{max-width:500px;}.elementor-1811 .elementor-element.elementor-element-36407ae{margin:-20px 0px 0px 0px;}.elementor-1811 .elementor-element.elementor-element-6493ee6{--spacer-size:100px;}.elementor-1811 .elementor-element.elementor-element-7dcdef9 > .elementor-container{max-width:1300px;}.elementor-1811 .elementor-element.elementor-element-07edd3c > .elementor-element-populated{margin:0px 0px 0px 35px;--e-column-margin-right:0px;--e-column-margin-left:35px;}.elementor-1811 .elementor-element.elementor-element-f2c87f1{--wd-gap:10px;}.elementor-1811 .elementor-element.elementor-element-46cbc79 > .elementor-element-populated{margin:0px 0px 0px 50px;--e-column-margin-right:0px;--e-column-margin-left:50px;}.elementor-1811 .elementor-element.elementor-element-36543d8{--spacer-size:100px;}@media(min-width:768px){.elementor-1811 .elementor-element.elementor-element-07edd3c{width:31.48%;}.elementor-1811 .elementor-element.elementor-element-46cbc79{width:68.129%;}}/* Start custom CSS for html, class: .elementor-element-14e2c48 *//* حالت اولیه */
.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-1483076 *//* حالت اولیه */
.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-4488026 *//* حالت اولیه */
.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-4aac38d *//* حالت اولیه */
.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 */