.elementor-28287 .elementor-element.elementor-element-69aedbe{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;--gap:0px 2px;--row-gap:0px;--column-gap:2px;}.elementor-28287 .elementor-element.elementor-element-69aedbe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28287 .elementor-element.elementor-element-6160ee6{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:solid;--border-style:solid;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);}.elementor-28287 .elementor-element.elementor-element-6160ee6:not(.elementor-motion-effects-element-type-background), .elementor-28287 .elementor-element.elementor-element-6160ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chapchat.ir/wp-content/uploads/2025/11/نمونه-کارت-ویزیت-طرح-4-2-1.avif");}.elementor-28287 .elementor-element.elementor-element-0f3f6a0{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:solid;--border-style:solid;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);}.elementor-28287 .elementor-element.elementor-element-0f3f6a0:not(.elementor-motion-effects-element-type-background), .elementor-28287 .elementor-element.elementor-element-0f3f6a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chapchat.ir/wp-content/uploads/2025/11/نمونه-کارت-ویزیت-طرح-۳.avif");}.elementor-28287 .elementor-element.elementor-element-87420e8{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:solid;--border-style:solid;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);}.elementor-28287 .elementor-element.elementor-element-87420e8:not(.elementor-motion-effects-element-type-background), .elementor-28287 .elementor-element.elementor-element-87420e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chapchat.ir/wp-content/uploads/2025/11/نمونه-کارت-ویزیت-طرح-2-2.avif");}.elementor-28287 .elementor-element.elementor-element-c70ed12{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;border-style:solid;--border-style:solid;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);}.elementor-28287 .elementor-element.elementor-element-c70ed12:not(.elementor-motion-effects-element-type-background), .elementor-28287 .elementor-element.elementor-element-c70ed12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chapchat.ir/wp-content/uploads/2025/11/نمونه-کارت-ویزیت-طرح-1-2.avif");}/* Start custom CSS for container, class: .elementor-element-6160ee6 */.elementor-28287 .elementor-element.elementor-element-6160ee6 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.elementor-28287 .elementor-element.elementor-element-6160ee6::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.5s ease;
}

.elementor-28287 .elementor-element.elementor-element-6160ee6:hover::after {
  left: 100%;
}
.elementor-28287 .elementor-element.elementor-element-6160ee6 {
  width: 200px; /* عرض اولیه */
  height: 400px; /* ارتفاع ثابت */
  transition: width 0.4s ease; /* انیمیشن نرم برای عرض */
  overflow: hidden;
  cursor: pointer;
}

.elementor-28287 .elementor-element.elementor-element-6160ee6:hover {
  width: 600px; /* عرض باز شده هنگام هاور */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f3f6a0 */.elementor-28287 .elementor-element.elementor-element-0f3f6a0 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.elementor-28287 .elementor-element.elementor-element-0f3f6a0::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.5s ease;
}

.elementor-28287 .elementor-element.elementor-element-0f3f6a0:hover::after {
  left: 100%;
}
.elementor-28287 .elementor-element.elementor-element-0f3f6a0 {
  width: 200px; /* عرض اولیه */
  height: 400px; /* ارتفاع ثابت */
  transition: width 0.4s ease; /* انیمیشن نرم برای عرض */
  overflow: hidden;
  cursor: pointer;
}

.elementor-28287 .elementor-element.elementor-element-0f3f6a0:hover {
  width: 600px; /* عرض باز شده هنگام هاور */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87420e8 */.elementor-28287 .elementor-element.elementor-element-87420e8 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.elementor-28287 .elementor-element.elementor-element-87420e8::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.5s ease;
}

.elementor-28287 .elementor-element.elementor-element-87420e8:hover::after {
  left: 100%;
}
.elementor-28287 .elementor-element.elementor-element-87420e8 {
  width: 200px; /* عرض اولیه */
  height: 400px; /* ارتفاع ثابت */
  transition: width 0.4s ease; /* انیمیشن نرم برای عرض */
  overflow: hidden;
  cursor: pointer;
}

.elementor-28287 .elementor-element.elementor-element-87420e8:hover {
  width: 600px; /* عرض باز شده هنگام هاور */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c70ed12 */.elementor-28287 .elementor-element.elementor-element-c70ed12 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.elementor-28287 .elementor-element.elementor-element-c70ed12::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.5s ease;
}

.elementor-28287 .elementor-element.elementor-element-c70ed12:hover::after {
  left: 100%;
}
.elementor-28287 .elementor-element.elementor-element-c70ed12 {
  width: 200px; /* عرض اولیه */
  height: 400px; /* ارتفاع ثابت */
  transition: width 0.4s ease; /* انیمیشن نرم برای عرض */
  overflow: hidden;
  cursor: pointer;
}

.elementor-28287 .elementor-element.elementor-element-c70ed12:hover {
  width: 600px; /* عرض باز شده هنگام هاور */
}/* End custom CSS */