.elementor-2036 .elementor-element.elementor-element-aac86d6{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2036 .elementor-element.elementor-element-32fdfc5{--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;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;}.elementor-2036 .elementor-element.elementor-element-32fdfc5.e-con{--order:99999 /* order end hack */;}.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-2036 .elementor-element.elementor-element-241deb7 img{border-radius:10px 10px 10px 10px;}.elementor-2036 .elementor-element.elementor-element-2dfc927{--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-2036 .elementor-element.elementor-element-a51ece8{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2036 .elementor-element.elementor-element-7f5048c{--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;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;}.elementor-2036 .elementor-element.elementor-element-5c14e30 img{border-radius:10px 10px 10px 10px;}.elementor-2036 .elementor-element.elementor-element-0026424{--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-2036 .elementor-element.elementor-element-0026424.e-con{--align-self:center;}.elementor-2036 .elementor-element.elementor-element-905adef{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2036 .elementor-element.elementor-element-21edb39{--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;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;}.elementor-2036 .elementor-element.elementor-element-21edb39.e-con{--order:99999 /* order end hack */;}.elementor-2036 .elementor-element.elementor-element-5803bfd img{border-radius:10px 10px 10px 10px;}.elementor-2036 .elementor-element.elementor-element-9c82abc{--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-2036 .elementor-element.elementor-element-4db58bb{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2036 .elementor-element.elementor-element-72c8475{--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;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;}.elementor-2036 .elementor-element.elementor-element-72c8475.e-con{--align-self:center;}.elementor-2036 .elementor-element.elementor-element-0cf5866 img{border-radius:10px 10px 10px 10px;}.elementor-2036 .elementor-element.elementor-element-059fe6f{--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-2036 .elementor-element.elementor-element-8d93cd4{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2036 .elementor-element.elementor-element-2bd4630{--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;border-style:none;--border-style:none;--border-radius:5px 5px 5px 5px;}.elementor-2036 .elementor-element.elementor-element-2bd4630.e-con{--order:99999 /* order end hack */;}.elementor-2036 .elementor-element.elementor-element-015bd74 img{border-radius:10px 10px 10px 10px;}.elementor-2036 .elementor-element.elementor-element-15a65e7{--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;}:root{--page-title-display:none;}body.elementor-page-2036:not(.elementor-motion-effects-element-type-background), body.elementor-page-2036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfeb797 );}@media(min-width:768px){.elementor-2036 .elementor-element.elementor-element-32fdfc5{--width:30%;}.elementor-2036 .elementor-element.elementor-element-2dfc927{--width:70%;}.elementor-2036 .elementor-element.elementor-element-7f5048c{--width:30%;}.elementor-2036 .elementor-element.elementor-element-0026424{--width:70%;}.elementor-2036 .elementor-element.elementor-element-21edb39{--width:30%;}.elementor-2036 .elementor-element.elementor-element-9c82abc{--width:70%;}.elementor-2036 .elementor-element.elementor-element-72c8475{--width:30%;}.elementor-2036 .elementor-element.elementor-element-059fe6f{--width:70%;}.elementor-2036 .elementor-element.elementor-element-2bd4630{--width:30%;}.elementor-2036 .elementor-element.elementor-element-15a65e7{--width:70%;}}/* Start custom CSS for html, class: .elementor-element-5fd4aaa */.notification2 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 100%;
  max-width: 48rem;
  height: auto;
  background: #29292c;
  border-radius: 1.2rem;
  overflow: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 16px;
  --gradient: linear-gradient(to bottom, #6293C8, #6EC1E4, #89EAE1);
  --color: #89EAE1;
}

.notification2:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #111628;
  z-index: 2;
}

.notification2:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}
.notiglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 3; /* خیلی مهمه */
}

.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 1;
}

.notification2:hover .notiglow {
  opacity: 0.3;
}

.notification2:hover .notiborderglow {
  opacity: 0.3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97e5639 */.notification3 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 100%;
  max-width: 48rem;
  height: auto;
  background: #29292c;
  border-radius: 1.2rem;
  overflow: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 16px;
  --gradient: linear-gradient(to bottom, #6293C8, #6EC1E4, #89EAE1);
  --color: #89EAE1;
}

.notification3:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #111628;
  z-index: 2;
}

.notification3:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}
.notiglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 3; /* خیلی مهمه */
}

.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 1;
}

.notification3:hover .notiglow {
  opacity: 0.3;
}

.notification3:hover .notiborderglow {
  opacity: 0.3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-001ced8 */.notification4 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 100%;
  max-width: 48rem;
  height: auto;
  background: #29292c;
  border-radius: 1.2rem;
  overflow: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 16px;
  --gradient: linear-gradient(to bottom, #6293C8, #6EC1E4, #89EAE1);
  --color: #89EAE1;
}

.notification4:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #111628;
  z-index: 2;
}

.notification4:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}

.notiglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 3;
}

.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 1;
}

.notification4:hover .notiglow {
  opacity: 0.3;
}

.notification4:hover .notiborderglow {
  opacity: 0.3;
}

/* 👇 این بخش باعث میشه متن‌ها دوباره دیده بشن */
.notititle, 
.notibody {
  position: relative;
  z-index: 5;
  color: #fff;
}

/* کمی فاصله برای ظاهر تمیزتر (اختیاری) */
.notititle {
  color: var(--color);
  padding: 0.65rem 1rem 0.4rem 1.25rem;
  font-weight: 500;
  font-size: 1.1rem;
}

.notibody {
  color: #99999d;
  padding: 0 1.55rem 1rem 1.55rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c3a1c0 */.notification5 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 100%;
  max-width: 48rem;
  height: auto;
  background: #29292c;
  border-radius: 1.2rem;
  overflow: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 16px;
  --gradient: linear-gradient(to bottom, #6293C8, #6EC1E4, #89EAE1);
  --color: #89EAE1;
}

.notification5:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #111628;
  z-index: 2;
}

.notification5:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}
.notiglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 3; /* خیلی مهمه */
}

.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 1;
}

.notification5:hover .notiglow {
  opacity: 0.3;
}

.notification5:hover .notiborderglow {
  opacity: 0.3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9592d32 */.notification6 {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  width: 100%;
  max-width: 48rem;
  height: auto;
  background: #29292c;
  border-radius: 1.2rem;
  overflow: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 16px;
  --gradient: linear-gradient(to bottom, #6293C8, #6EC1E4, #89EAE1);
  --color: #89EAE1;
}

.notification6:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #111628;
  z-index: 2;
}

.notification6:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}
.notiglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 3; /* خیلی مهمه */
}

.notiborderglow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle closest-side at center, white, transparent);
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 1;
}

.notification6:hover .notiglow {
  opacity: 0.3;
}

.notification6:hover .notiborderglow {
  opacity: 0.3;
}/* End custom CSS */