.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-container{max-width:1600px;}.elementor-3526 .elementor-element.elementor-element-61286ac:not(.elementor-motion-effects-element-type-background), .elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom right, #3A6DC9 0%, #17315F 61%);}.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-background-overlay{background-image:url("https://qorpico.com/wp-content/uploads/2026/07/شش.png");background-position:center right;background-repeat:no-repeat;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3526 .elementor-element.elementor-element-61286ac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-shape-top svg{width:calc(113% + 1.3px);height:78px;}.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:57px;}.elementor-3526 .elementor-element.elementor-element-5bec55a{--spacer-size:50px;}.elementor-3526 .elementor-element.elementor-element-8edd836{text-align:right;z-index:1;}.elementor-3526 .elementor-element.elementor-element-8edd836 .elementor-heading-title{color:#FFFFFF;font-family:"IRANYekanX", Sans-serif;font-size:31px;font-weight:600;}.elementor-3526 .elementor-element.elementor-element-fec92bd{color:#FFFFFF;}.elementor-3526 .elementor-element.elementor-element-c01cb8d{--icon-box-icon-margin:15px;}.elementor-3526 .elementor-element.elementor-element-c01cb8d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-c01cb8d.elementor-view-framed .elementor-icon, .elementor-3526 .elementor-element.elementor-element-c01cb8d.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-c01cb8d .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-c01cb8d .elementor-icon-box-description{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-577eec4{--icon-box-icon-margin:15px;}.elementor-3526 .elementor-element.elementor-element-577eec4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-577eec4.elementor-view-framed .elementor-icon, .elementor-3526 .elementor-element.elementor-element-577eec4.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-577eec4 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-577eec4 .elementor-icon-box-description{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-7cae529{--icon-box-icon-margin:15px;}.elementor-3526 .elementor-element.elementor-element-7cae529.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-7cae529.elementor-view-framed .elementor-icon, .elementor-3526 .elementor-element.elementor-element-7cae529.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-7cae529 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-7cae529 .elementor-icon-box-description{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-01c3ae4{--icon-box-icon-margin:15px;}.elementor-3526 .elementor-element.elementor-element-01c3ae4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-01c3ae4.elementor-view-framed .elementor-icon, .elementor-3526 .elementor-element.elementor-element-01c3ae4.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-01c3ae4 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-01c3ae4 .elementor-icon-box-description{color:var( --e-global-color-secondary );}.elementor-3526 .elementor-element.elementor-element-4d4ec47{--spacer-size:10px;}.elementor-3526 .elementor-element.elementor-element-9d4bf24{color:#FFFFFF;}.elementor-3526 .elementor-element.elementor-element-18a92c6 .elementor-button .elementor-align-icon-right{margin-left:5px;}.elementor-3526 .elementor-element.elementor-element-18a92c6 .elementor-button .elementor-align-icon-left{margin-right:5px;}.elementor-3526 .elementor-element.elementor-element-18a92c6 .elementor-button{background-color:#42C890;box-shadow:9px 9px 21px 7px rgba(0,0,0,0.5);}.elementor-3526 .elementor-element.elementor-element-a3edb31{--spacer-size:10px;}.elementor-3526 .elementor-element.elementor-element-bccb22d{--spacer-size:50px;}@media(max-width:1024px){.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-shape-top svg{width:calc(140% + 1.3px);height:93px;}.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:0px;}.elementor-3526 .elementor-element.elementor-element-8edd836{text-align:center;}.elementor-3526 .elementor-element.elementor-element-8edd836 .elementor-heading-title{font-size:26px;}}@media(max-width:767px){.elementor-3526 .elementor-element.elementor-element-61286ac > .elementor-shape-bottom svg{height:75px;}.elementor-3526 .elementor-element.elementor-element-8edd836{text-align:center;}.elementor-3526 .elementor-element.elementor-element-8edd836 .elementor-heading-title{font-size:21px;}.elementor-3526 .elementor-element.elementor-element-fec92bd{text-align:center;}.elementor-3526 .elementor-element.elementor-element-9d4bf24{text-align:center;}}/* Start custom CSS for button, class: .elementor-element-18a92c6 *//* ======================================================
   Qorpico CTA Banner Button
   Class: qorpico-cta-banner-btn
====================================================== */

.qorpico-cta-banner .qorpico-cta-banner-btn,
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button,
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-link {
  position: relative !important;
  overflow: hidden !important;

  min-height: 52px !important;

  padding: 13px 28px !important;

  border-radius: 16px !important;

  background: #42C890 !important;
  color: #17315F !important;

  border: 1px solid rgba(66, 200, 144, 0.90) !important;

  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    0 16px 34px rgba(66, 200, 144, 0.26),
    0 6px 14px rgba(0, 0, 0, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;

  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease !important;
}

/* نور عبوری روی دکمه */
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button::before,
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-link::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255, 255, 255, 0.32) 45%,
      transparent 72%
    );

  transform: translateX(120%);
  transition: transform 0.65s ease;

  pointer-events: none;
  z-index: 1;
}

.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button:hover,
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-link:hover {
  transform: translateY(-3px) !important;

  background: #17315F !important;
  color: #42C890 !important;

  border-color: rgba(23, 49, 95, 0.95) !important;

  box-shadow:
    0 20px 42px rgba(23, 49, 95, 0.24),
    0 10px 24px rgba(66, 200, 144, 0.18) !important;
}

.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button:hover::before,
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-link:hover::before {
  transform: translateX(-120%);
}

/* متن و آیکون داخل دکمه */
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 9px !important;
  flex-direction: row !important;
}

.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-icon {
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
}

.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-icon i,
.qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-icon svg {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {

  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button,
  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-link {
    min-height: 50px !important;
    padding: 12px 24px !important;

    border-radius: 15px !important;

    font-size: 14px !important;
  }

  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-content-wrapper {
    gap: 8px !important;
  }

}

/* Mobile */
@media (max-width: 767px) {

  .qorpico-cta-banner .qorpico-cta-banner-btn,
  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-wrapper {
    width: 100% !important;
    justify-content: center !important;
  }

  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button,
  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-link {
    width: auto !important;
    max-width: 100% !important;

    min-height: 48px !important;

    padding: 12px 20px !important;

    border-radius: 14px !important;

    font-size: 13.5px !important;
  }

  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-content-wrapper {
    gap: 7px !important;
  }

  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-icon i,
  .qorpico-cta-banner .qorpico-cta-banner-btn .elementor-button-icon svg {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-61286ac *//* ======================================================
   Qorpico RiskLab Future Banner
   Optimized Final CSS
   Content 70% / Visual 30%
   Cards 2x2 / No laptop glass / Phone 40% smaller
====================================================== */

.qorpico-future-banner,
.qorpico-future-banner * {
  box-sizing: border-box !important;
}

.qorpico-future-banner {
  position: relative !important;
  overflow: hidden !important;

  min-height: 540px !important;
  padding: 38px 18px 46px !important;

  direction: rtl !important;
}

/* Soft overlay only; main background remains unchanged */
.qorpico-future-banner::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 82% 45%, rgba(66, 200, 144, 0.14), transparent 32%),
    radial-gradient(circle at 72% 62%, rgba(36, 150, 255, 0.16), transparent 36%),
    linear-gradient(90deg, rgba(5, 18, 46, 0.18), transparent 52%, rgba(5, 18, 46, 0.06));

  pointer-events: none;
  z-index: 1;
}

.qorpico-future-banner::after {
  content: "";
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);

  background-size: 72px 72px;
  opacity: 0.22;

  pointer-events: none;
  z-index: 1;
}

/* Main layout */
.qorpico-future-banner > .elementor-container {
  position: relative !important;
  z-index: 3 !important;

  max-width: 1280px !important;
  min-height: 460px !important;

  margin: 0 auto !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 18px !important;
  direction: ltr !important;
}

/* ======================================================
   Content Column - 70%
====================================================== */

.qorpico-future-content {
  order: 1 !important;

  width: 70% !important;
  max-width: 70% !important;
  flex: 0 0 70% !important;

  direction: rtl !important;
}

.qorpico-future-content .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;

  align-items: stretch !important;
  justify-content: center !important;

  padding: 0 8px 0 18px !important;

  text-align: center !important;
  direction: rtl !important;
}

/* Title, subtitle, CTA should be full-width */
.qorpico-future-content .elementor-widget-wrap > .elementor-element:not(.qorpico-future-item),
.qorpico-future-cta {
  grid-column: 1 / -1 !important;
}

/* Main title */
.qorpico-future-banner h1,
.qorpico-future-banner h2,
.qorpico-future-banner h3,
.qorpico-future-banner .elementor-heading-title {
  color: #ffffff !important;

  font-size: clamp(28px, 2.2vw, 42px) !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.7px !important;

  text-align: center !important;

  margin: 0 0 10px !important;

  text-shadow:
    0 0 28px rgba(66, 200, 255, 0.24),
    0 10px 26px rgba(0, 0, 0, 0.24) !important;
}

/* General text */
.qorpico-future-banner p,
.qorpico-future-banner .elementor-widget-text-editor,
.qorpico-future-banner .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.92) !important;

  font-size: 13.6px !important;
  font-weight: 650 !important;
  line-height: 1.8 !important;

  text-align: center !important;

  margin: 0 !important;
}

/* ======================================================
   Feature Cards
====================================================== */

.qorpico-future-item {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
}

.qorpico-future-item > .elementor-widget-container {
  position: relative !important;
  overflow: hidden !important;

  height: 100% !important;
  min-height: 96px !important;

  padding: 10px 12px !important;

  border-radius: 16px !important;

  background:
    linear-gradient(
      135deg,
      rgba(10, 34, 77, 0.50),
      rgba(10, 58, 116, 0.16)
    ) !important;

  border: 1px solid rgba(66, 200, 144, 0.15) !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease !important;
}

.qorpico-future-item > .elementor-widget-container::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(66, 200, 144, 0.09) 46%,
      transparent 74%
    );

  transform: translateX(120%);
  transition: transform 0.72s ease;

  pointer-events: none;
}

.qorpico-future-item:hover > .elementor-widget-container {
  transform: translateY(-3px) !important;

  border-color: rgba(66, 200, 144, 0.34) !important;

  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.18),
    0 0 16px rgba(66, 200, 144, 0.08) !important;
}

.qorpico-future-item:hover > .elementor-widget-container::before {
  transform: translateX(-120%);
}

/* Card icon */
.qorpico-future-item .elementor-icon,
.qorpico-future-item i,
.qorpico-future-item svg {
  color: #42C890 !important;
  fill: #42C890 !important;
  filter: drop-shadow(0 0 12px rgba(66, 200, 144, 0.42)) !important;
}

.qorpico-future-item .elementor-icon {
  font-size: 24px !important;
  margin-bottom: 4px !important;
}

/* Card title */
.qorpico-future-item .elementor-icon-box-title,
.qorpico-future-item .elementor-icon-box-title span,
.qorpico-future-item .elementor-heading-title {
  color: #42C890 !important;

  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;

  margin: 0 0 3px !important;

  text-align: center !important;
}

/* Card description */
.qorpico-future-item .elementor-icon-box-description,
.qorpico-future-item p,
.qorpico-future-item .elementor-widget-text-editor p {
  color: rgba(124, 255, 206, 0.86) !important;

  font-size: 11.2px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;

  text-align: center !important;

  margin: 0 !important;
}

/* ======================================================
   Visual Column - 30%
====================================================== */

.qorpico-future-visual {
  order: 2 !important;

  width: 30% !important;
  max-width: 30% !important;
  flex: 0 0 30% !important;

  direction: rtl !important;
}

.qorpico-future-visual .elementor-widget-wrap {
  position: relative !important;

  min-height: 360px !important;

  display: block !important;

  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove all glass / square / platform effects */
.qorpico-future-visual .elementor-widget-wrap::before,
.qorpico-future-visual .elementor-widget-wrap::after,
.qorpico-future-laptop::before,
.qorpico-future-laptop::after,
.qorpico-future-laptop > .elementor-widget-container::before,
.qorpico-future-laptop > .elementor-widget-container::after,
.qorpico-future-laptop .elementor-widget-container::before,
.qorpico-future-laptop .elementor-widget-container::after {
  display: none !important;
  content: none !important;
}

/* Clean image wrappers */
.qorpico-future-phone,
.qorpico-future-laptop,
.qorpico-future-phone *,
.qorpico-future-laptop *,
.qorpico-future-phone > .elementor-widget-container,
.qorpico-future-laptop > .elementor-widget-container,
.qorpico-future-phone .elementor-widget-container,
.qorpico-future-laptop .elementor-widget-container,
.qorpico-future-phone figure,
.qorpico-future-laptop figure,
.qorpico-future-phone a,
.qorpico-future-laptop a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  outline: none !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* Laptop */
.qorpico-future-laptop {
  position: absolute !important;

  width: 345px !important;
  max-width: 345px !important;

  right: 42px !important;
  bottom: 34px !important;

  z-index: 4 !important;

  transform: rotate(0deg) !important;

  animation: qorpicoLaptopFloat 4.8s ease-in-out infinite !important;
}

/* Phone: 40% smaller than previous 96px and slightly higher */
.qorpico-future-phone {
  position: absolute !important;

  width: 58px !important;
  max-width: 58px !important;

  right: 12px !important;
  bottom: 82px !important;

  z-index: 8 !important;

  transform: rotate(-2deg) !important;

  animation: qorpicoPhoneFloat 4.2s ease-in-out infinite !important;
}

.qorpico-future-phone img,
.qorpico-future-laptop img {
  width: 100% !important;
  height: auto !important;

  display: block !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  filter:
    drop-shadow(0 20px 30px rgba(0, 0, 0, 0.34))
    drop-shadow(0 0 20px rgba(66, 200, 255, 0.12)) !important;
}

.qorpico-future-phone img {
  filter:
    drop-shadow(0 22px 34px rgba(0, 0, 0, 0.38))
    drop-shadow(0 0 18px rgba(66, 200, 255, 0.16)) !important;
}

.qorpico-future-laptop:hover {
  transform: translateY(-6px) scale(1.012) !important;
}

.qorpico-future-phone:hover {
  transform: rotate(-2deg) translateY(-7px) scale(1.03) !important;
}

/* Floating animation */
@keyframes qorpicoLaptopFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@keyframes qorpicoPhoneFloat {
  0%, 100% {
    transform: rotate(-2deg) translateY(0);
  }
  50% {
    transform: rotate(-2deg) translateY(-7px);
  }
}

/* ======================================================
   CTA Button
====================================================== */

.qorpico-future-cta {
  margin-top: 8px !important;
  text-align: center !important;
}

.qorpico-future-cta .elementor-button,
.qorpico-future-cta .elementor-button-link {
  position: relative !important;
  overflow: hidden !important;

  min-height: 44px !important;

  padding: 10px 20px !important;

  border-radius: 13px !important;

  background: #42C890 !important;
  color: #17315F !important;

  border: 1px solid rgba(66, 200, 144, 0.95) !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;

  box-shadow:
    0 14px 30px rgba(66, 200, 144, 0.24),
    0 6px 16px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;

  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    background 0.24s ease,
    color 0.24s ease !important;
}

.qorpico-future-cta .elementor-button::before,
.qorpico-future-cta .elementor-button-link::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255, 255, 255, 0.30) 46%,
      transparent 74%
    );

  transform: translateX(120%);
  transition: transform 0.65s ease;

  pointer-events: none;
  z-index: 1;
}

.qorpico-future-cta .elementor-button:hover,
.qorpico-future-cta .elementor-button-link:hover {
  transform: translateY(-3px) !important;

  background: #17315F !important;
  color: #42C890 !important;

  box-shadow:
    0 20px 42px rgba(23, 49, 95, 0.26),
    0 8px 22px rgba(66, 200, 144, 0.18) !important;
}

.qorpico-future-cta .elementor-button:hover::before,
.qorpico-future-cta .elementor-button-link:hover::before {
  transform: translateX(-120%);
}

.qorpico-future-cta .elementor-button-content-wrapper {
  position: relative !important;
  z-index: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;
}

/* ======================================================
   Tablet
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .qorpico-future-banner {
    min-height: auto !important;
    padding: 34px 18px 70px !important;
  }

  .qorpico-future-banner > .elementor-container {
    max-width: 900px !important;
    min-height: unset !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 24px !important;
    direction: rtl !important;
  }

  .qorpico-future-content,
  .qorpico-future-visual {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .qorpico-future-content .elementor-widget-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;

    padding: 0 !important;
  }

  .qorpico-future-content .elementor-widget-wrap > .elementor-element:not(.qorpico-future-item),
  .qorpico-future-cta {
    grid-column: 1 / -1 !important;
  }

  .qorpico-future-banner h1,
  .qorpico-future-banner h2,
  .qorpico-future-banner h3,
  .qorpico-future-banner .elementor-heading-title {
    font-size: 31px !important;
    line-height: 1.52 !important;
  }

  .qorpico-future-item > .elementor-widget-container {
    min-height: 92px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  .qorpico-future-item .elementor-icon {
    font-size: 22px !important;
  }

  .qorpico-future-item .elementor-icon-box-title,
  .qorpico-future-item .elementor-heading-title {
    font-size: 14px !important;
  }

  .qorpico-future-item .elementor-icon-box-description,
  .qorpico-future-item p {
    font-size: 10.8px !important;
  }

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 300px !important;
  }

  .qorpico-future-laptop {
    width: 285px !important;
    max-width: 285px !important;

    right: calc(50% - 170px) !important;
    bottom: 24px !important;
  }

  .qorpico-future-phone {
    width: 50px !important;
    max-width: 50px !important;

    right: calc(50% + 90px) !important;
    bottom: 70px !important;
  }

}

/* ======================================================
   Mobile
====================================================== */

@media (max-width: 767px) {

  .qorpico-future-banner {
    min-height: auto !important;
    padding: 28px 12px 110px !important;
  }

  .qorpico-future-banner > .elementor-container {
    min-height: unset !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 22px !important;
    direction: rtl !important;
  }

  .qorpico-future-content,
  .qorpico-future-visual {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .qorpico-future-content .elementor-widget-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    padding: 0 !important;
  }

  .qorpico-future-content .elementor-widget-wrap > .elementor-element {
    grid-column: 1 / -1 !important;
  }

  .qorpico-future-banner h1,
  .qorpico-future-banner h2,
  .qorpico-future-banner h3,
  .qorpico-future-banner .elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.58 !important;
    margin-bottom: 10px !important;
  }

  .qorpico-future-banner p,
  .qorpico-future-banner .elementor-widget-text-editor,
  .qorpico-future-banner .elementor-widget-text-editor p {
    font-size: 12.4px !important;
    line-height: 1.75 !important;
  }

  .qorpico-future-item > .elementor-widget-container {
    min-height: auto !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  .qorpico-future-item .elementor-icon {
    font-size: 24px !important;
  }

  .qorpico-future-item .elementor-icon-box-title,
  .qorpico-future-item .elementor-heading-title {
    font-size: 14.5px !important;
  }

  .qorpico-future-item .elementor-icon-box-description,
  .qorpico-future-item p {
    font-size: 11px !important;
  }

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 245px !important;
  }

  .qorpico-future-laptop {
    width: 230px !important;
    max-width: 230px !important;

    right: calc(50% - 138px) !important;
    bottom: 20px !important;
  }

  .qorpico-future-phone {
    width: 43px !important;
    max-width: 43px !important;

    right: calc(50% + 76px) !important;
    bottom: 58px !important;
  }

  .qorpico-future-cta .elementor-button,
  .qorpico-future-cta .elementor-button-link {
    min-height: 42px !important;
    padding: 10px 16px !important;
    font-size: 12.5px !important;
  }

}

/* ======================================================
   Small Mobile
====================================================== */

@media (max-width: 380px) {

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 225px !important;
  }

  .qorpico-future-laptop {
    width: 210px !important;
    max-width: 210px !important;

    right: calc(50% - 126px) !important;
    bottom: 18px !important;
  }

  .qorpico-future-phone {
    width: 39px !important;
    max-width: 39px !important;

    right: calc(50% + 68px) !important;
    bottom: 54px !important;
  }

}

/* ======================================================
   Qorpico Future Banner - Icon Beside Text + Mobile Fix
   Add this at the END of current CSS
====================================================== */


/* ======================================================
   Feature Cards: icon beside paragraph/text
====================================================== */

.qorpico-future-item > .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Elementor Icon Box structure */
.qorpico-future-item .elementor-icon-box-wrapper {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 12px !important;

  direction: rtl !important;
  text-align: right !important;
}

/* آیکون سمت راست متن */
.qorpico-future-item .elementor-icon-box-icon {
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* محتوای متنی کنار آیکون */
.qorpico-future-item .elementor-icon-box-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;

  text-align: right !important;
  direction: rtl !important;
}

/* آیکون کوچک‌تر و مناسب حالت افقی */
.qorpico-future-item .elementor-icon {
  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  border-radius: 14px !important;

  background: rgba(66, 200, 144, 0.12) !important;
  border: 1px solid rgba(66, 200, 144, 0.24) !important;

  color: #42C890 !important;
  fill: #42C890 !important;

  filter: drop-shadow(0 0 12px rgba(66, 200, 144, 0.34)) !important;
}

.qorpico-future-item .elementor-icon i,
.qorpico-future-item .elementor-icon svg {
  font-size: 21px !important;
  width: 21px !important;
  height: 21px !important;

  color: #42C890 !important;
  fill: #42C890 !important;
}

/* تیتر کارت کنار آیکون */
.qorpico-future-item .elementor-icon-box-title,
.qorpico-future-item .elementor-icon-box-title span,
.qorpico-future-item .elementor-heading-title {
  text-align: right !important;

  font-size: 14.6px !important;
  line-height: 1.45 !important;

  margin: 0 0 3px !important;
}

/* پاراگراف کارت کنار آیکون */
.qorpico-future-item .elementor-icon-box-description,
.qorpico-future-item p,
.qorpico-future-item .elementor-widget-text-editor p {
  text-align: right !important;

  font-size: 11.1px !important;
  line-height: 1.65 !important;

  margin: 0 !important;
}

/* ارتفاع کارت‌ها بعد از افقی شدن کمتر شود */
.qorpico-future-item > .elementor-widget-container {
  min-height: 84px !important;
  padding: 10px 12px !important;
}


/* ======================================================
   Desktop visual adjustment
====================================================== */

@media (min-width: 1025px) {

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 340px !important;
  }

  .qorpico-future-laptop {
    width: 340px !important;
    max-width: 340px !important;

    right: 42px !important;
    bottom: 28px !important;
  }

  /* گوشی کوچک، ولی خواناتر و کمی بالاتر */
  .qorpico-future-phone {
    width: 62px !important;
    max-width: 62px !important;

    right: 10px !important;
    bottom: 84px !important;
  }

}


/* ======================================================
   Tablet responsive
====================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .qorpico-future-banner {
    padding: 32px 18px 76px !important;
  }

  .qorpico-future-content .elementor-widget-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .qorpico-future-item > .elementor-widget-container {
    min-height: 82px !important;
    padding: 10px 12px !important;
  }

  .qorpico-future-item .elementor-icon-box-wrapper {
    gap: 10px !important;
  }

  .qorpico-future-item .elementor-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    border-radius: 13px !important;
  }

  .qorpico-future-item .elementor-icon i,
  .qorpico-future-item .elementor-icon svg {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  .qorpico-future-item .elementor-icon-box-title,
  .qorpico-future-item .elementor-heading-title {
    font-size: 13.7px !important;
    line-height: 1.45 !important;
  }

  .qorpico-future-item .elementor-icon-box-description,
  .qorpico-future-item p {
    font-size: 10.6px !important;
    line-height: 1.6 !important;
  }

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 290px !important;
  }

  .qorpico-future-laptop {
    width: 280px !important;
    max-width: 280px !important;

    right: calc(50% - 168px) !important;
    bottom: 20px !important;
  }

  .qorpico-future-phone {
    width: 54px !important;
    max-width: 54px !important;

    right: calc(50% + 86px) !important;
    bottom: 66px !important;
  }

}


/* ======================================================
   Mobile responsive
====================================================== */

@media (max-width: 767px) {

  .qorpico-future-banner {
    padding: 26px 12px 108px !important;
  }

  .qorpico-future-content .elementor-widget-wrap {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .qorpico-future-item > .elementor-widget-container {
    min-height: 76px !important;
    padding: 10px 11px !important;
    border-radius: 15px !important;
  }

  .qorpico-future-item .elementor-icon-box-wrapper {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;

    text-align: right !important;
  }

  .qorpico-future-item .elementor-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    border-radius: 12px !important;
  }

  .qorpico-future-item .elementor-icon i,
  .qorpico-future-item .elementor-icon svg {
    font-size: 19px !important;
    width: 19px !important;
    height: 19px !important;
  }

  .qorpico-future-item .elementor-icon-box-content {
    text-align: right !important;
  }

  .qorpico-future-item .elementor-icon-box-title,
  .qorpico-future-item .elementor-heading-title {
    font-size: 13.8px !important;
    line-height: 1.45 !important;
    margin-bottom: 2px !important;
  }

  .qorpico-future-item .elementor-icon-box-description,
  .qorpico-future-item p {
    font-size: 10.7px !important;
    line-height: 1.6 !important;
  }

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 235px !important;
  }

  .qorpico-future-laptop {
    width: 226px !important;
    max-width: 226px !important;

    right: calc(50% - 136px) !important;
    bottom: 18px !important;
  }

  .qorpico-future-phone {
    width: 46px !important;
    max-width: 46px !important;

    right: calc(50% + 72px) !important;
    bottom: 56px !important;
  }

  .qorpico-future-cta {
    margin-top: 6px !important;
  }

}


/* ======================================================
   Very Small Mobile
====================================================== */

@media (max-width: 380px) {

  .qorpico-future-item > .elementor-widget-container {
    min-height: 72px !important;
    padding: 9px 10px !important;
  }

  .qorpico-future-item .elementor-icon {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
  }

  .qorpico-future-item .elementor-icon i,
  .qorpico-future-item .elementor-icon svg {
    font-size: 17px !important;
    width: 17px !important;
    height: 17px !important;
  }

  .qorpico-future-item .elementor-icon-box-title,
  .qorpico-future-item .elementor-heading-title {
    font-size: 13px !important;
  }

  .qorpico-future-item .elementor-icon-box-description,
  .qorpico-future-item p {
    font-size: 10.2px !important;
  }

  .qorpico-future-visual .elementor-widget-wrap {
    min-height: 215px !important;
  }

  .qorpico-future-laptop {
    width: 208px !important;
    max-width: 208px !important;

    right: calc(50% - 126px) !important;
    bottom: 16px !important;
  }

  .qorpico-future-phone {
    width: 42px !important;
    max-width: 42px !important;

    right: calc(50% + 66px) !important;
    bottom: 52px !important;
  }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fbaa214 *//* Qorpi Financial Dashboard - Elementor Spacing Fix */

/* خود سکشن المنتور */
.qorpi-dashboard-section {
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow-x: hidden;
}

/* کانتینر داخلی المنتور */
.qorpi-dashboard-section > .elementor-container,
.qorpi-dashboard-section > .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ستون‌ها */
.qorpi-dashboard-section .elementor-column,
.qorpi-dashboard-section .elementor-widget-wrap,
.qorpi-dashboard-section .elementor-widget-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* خود داشبورد افزونه */
.qorpi-dashboard-section .qorpi-financial-dashboard,
.qorpi-dashboard-section .qfmc-dashboard,
.qorpi-dashboard-section .qfmc-wrap,
.qorpi-dashboard-section .qfmc-dashboard-shell {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
  box-sizing: border-box !important;
}

/* کارت‌ها و سکشن‌های داخلی */
.qorpi-dashboard-section .qfmc-card,
.qorpi-dashboard-section .qfmc-panel,
.qorpi-dashboard-section .qfmc-chart-card,
.qorpi-dashboard-section .qfmc-dashboard-card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* موبایل */
@media (max-width: 767px) {
  .qorpi-dashboard-section {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .qorpi-dashboard-section > .elementor-container,
  .qorpi-dashboard-section > .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .qorpi-dashboard-section .elementor-widget-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .qorpi-dashboard-section .qorpi-financial-dashboard,
  .qorpi-dashboard-section .qfmc-dashboard,
  .qorpi-dashboard-section .qfmc-wrap,
  .qorpi-dashboard-section .qfmc-dashboard-shell {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .qorpi-dashboard-section .qfmc-card,
  .qorpi-dashboard-section .qfmc-panel,
  .qorpi-dashboard-section .qfmc-chart-card,
  .qorpi-dashboard-section .qfmc-dashboard-card {
    border-radius: 14px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  /* اگر چارت در موبایل افقی است، فضا را کامل بگیرد */
  .qorpi-dashboard-section .qfmc-chart-scroll,
  .qorpi-dashboard-section .qfmc-chart-area,
  .qorpi-dashboard-section .qfmc-chart-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* موبایل خیلی کوچک */
@media (max-width: 480px) {
  .qorpi-dashboard-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .qorpi-dashboard-section .qorpi-financial-dashboard,
  .qorpi-dashboard-section .qfmc-dashboard,
  .qorpi-dashboard-section .qfmc-wrap,
  .qorpi-dashboard-section .qfmc-dashboard-shell {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .qorpi-dashboard-section .qfmc-card,
  .qorpi-dashboard-section .qfmc-panel,
  .qorpi-dashboard-section .qfmc-chart-card,
  .qorpi-dashboard-section .qfmc-dashboard-card {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
}/* End custom CSS */