.elementor-152 .elementor-element.elementor-element-7d6c53c{--display:flex;}.elementor-152 .elementor-element.elementor-element-d60867d{--display:flex;}.elementor-152 .elementor-element.elementor-element-d08b827{--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-152 .elementor-element.elementor-element-286bf63{--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-152 .elementor-element.elementor-element-8209ad0{--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-152 .elementor-element.elementor-element-b571873{--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;}/* Start custom CSS for html, class: .elementor-element-549f1ad *//* RHEOMODE | Approach Hero
   CSS کامل سکشن هیرو، سازگار با HTML نسخه دارای تصویر WebP
   در انتهای style.css قرار دهید یا به عنوان فایل مستقل بارگذاری کنید.
*/

.hero {
  --hero-navy: #073d75;
  --hero-orange: #f6ab37;
  --hero-blue: #2d80b3;

  position: relative;
  isolation: isolate;
  direction: rtl;
  width: 100%;
  min-height: 520px;
  padding: 58px 0 65px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 25% 45%, rgba(62, 138, 188, .07), transparent 34%),
    radial-gradient(circle at 75% 43%, rgba(246, 171, 55, .05), transparent 30%),
    #fff;
  font-family: "Vazirmatn", Tahoma, sans-serif;
}

.hero,
.hero * {
  box-sizing: border-box;
}

/* چیدمان: متن راست، تصویر چپ */
.hero .hero-grid {
  position: relative;
  z-index: 2;
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
}

.hero .hero-content {
  min-width: 0;
  text-align: right;
}

.hero .hero-eyebrow {
  display: none;
  color: var(--hero-orange);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
}

.hero .hero-title {
  margin: 0 0 22px;
  color: var(--hero-navy);
  font-size: clamp(32px, 3.6vw, 50px);
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: -.5px;
}

.hero .hero-title span {
  color: var(--hero-navy);
}

.hero .hero-description {
  max-width: 610px;
  margin: 0;
  color: #567087;
  font-size: clamp(14px, 1.15vw, 16px);
  font-weight: 400;
  line-height: 2.2;
}

.hero .hero-description strong {
  color: var(--hero-navy);
  font-weight: 700;
}

.hero .hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 27px;
}

.hero .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 54px;
  padding: 11px 29px;
  border: 0;
  border-radius: 999px;
  color: #183f65;
  background: linear-gradient(135deg, #ffc45d, var(--hero-orange));
  box-shadow: 0 8px 22px rgba(246, 171, 55, .24);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}

.hero .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(246, 171, 55, .32);
}

.hero .btn-arrow {
  font-size: 19px;
  line-height: 1;
}

.hero .text-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--hero-navy);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color .25s ease;
}

.hero .text-link:hover {
  color: #c58521;
}

.hero a:focus-visible {
  outline: 3px solid var(--hero-blue);
  outline-offset: 4px;
}

/* تصویر اصلی: بدون برش یا کشیدگی */
.hero .hero-visual {
  position: relative;
  min-width: 0;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  transform: none;
}

.hero .hero-main-image {
  display: block;
  width: 100%;
  max-width: 650px;
  height: auto;
  object-fit: contain;
  transform: none;
}

/* خطوط ملایم تزئینی */
.hero .flow-line {
  position: absolute;
  z-index: 0;
  display: block;
  height: 220px;
  border: 1px solid rgba(40, 116, 172, .14);
  border-radius: 50%;
  pointer-events: none;
}

.hero .flow-line-1 {
  width: 800px;
  top: -115px;
  left: -250px;
  transform: rotate(-6deg);
}

.hero .flow-line-2 {
  width: 870px;
  bottom: -145px;
  right: -300px;
  border-color: rgba(246, 171, 55, .2);
  transform: rotate(7deg);
}

.hero .flow-line-3 {
  width: 900px;
  top: 42%;
  left: -230px;
  border-color: rgba(40, 116, 172, .1);
  transform: rotate(7deg);
}

.hero .flow-dot {
  position: absolute;
  z-index: 1;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hero-orange);
  pointer-events: none;
}

.hero .flow-dot-1 { top: 24%; left: 11%; }
.hero .flow-dot-2 { bottom: 16%; right: 14%; width: 5px; height: 5px; }

/* تبلت */
@media (max-width: 900px) {
  .hero {
    min-height: 0;
    padding: 48px 0 50px;
  }

  .hero .hero-grid {
    width: min(700px, calc(100% - 40px));
    grid-template-columns: minmax(0, 1fr);
    gap: 25px;
  }

  .hero .hero-content {
    text-align: center;
  }

  .hero .hero-eyebrow {
    display: block;
  }

  .hero .hero-title {
    font-size: clamp(30px, 5vw, 44px);
  }

  .hero .hero-description {
    margin-inline: auto;
  }

  .hero .desktop-break {
    display: none;
  }

  .hero .hero-actions {
    justify-content: center;
  }

  .hero .hero-visual {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
    transform: none;
  }

  .hero .hero-main-image {
    max-width: 600px;
  }
}

/* موبایل */
@media (max-width: 560px) {
  .hero {
    padding: 35px 0 38px;
  }

  .hero .hero-grid {
    width: calc(100% - 28px);
    gap: 14px;
  }

  .hero .hero-title {
    font-size: clamp(27px, 7.5vw, 34px);
    line-height: 1.55;
    margin-bottom: 15px;
  }

  .hero .hero-description {
    font-size: 14px;
    line-height: 2;
  }

  .hero .hero-actions {
    flex-direction: column;
    gap: 16px;
    margin-top: 23px;
  }

  .hero .btn-primary {
    min-height: 50px;
    padding: 10px 26px;
  }

  .hero .hero-visual {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 8px auto 0;
    transform: none;
  }

  .hero .hero-main-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero .btn-primary,
  .hero .text-link {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49e893b *//* =========================
   SECTION 2 — TWO WORLDS
========================= */

.world-section{
  position:relative;
  padding:55px 0 65px;
  background:#fff;
}

.world-title{
  margin:0 0 30px;
  text-align:center;
  color:var(--navy);
  font-size:clamp(26px,3vw,38px);
  font-weight:900;
}

.world-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.world-card{
  min-height:205px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:28px 34px;
  border:1px solid rgba(16,74,120,.07);
  border-radius:22px;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.96),
      rgba(244,249,252,.9)
    );
  box-shadow:0 10px 30px rgba(35,72,100,.06);
}

.world-card--complex{
  background:
    linear-gradient(
      135deg,
      #fff9ef,
      #fff
    );
}

.world-card__content{
  flex:1;
}

.world-card__content h3{
  margin:0 0 8px;
  font-size:23px;
  font-weight:900;
  color:var(--navy);
}

.world-card__content ul{
  margin:0;
  padding:0;
  list-style:none;
  color:#58738b;
  line-height:2;
  font-size:14px;
}

.world-card__content li{
  position:relative;
  padding-right:16px;
}

.world-card__content li::before{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--orange);
  transform:translateY(-50%);
}

.world-card__visual{
  position:relative;
  flex:0 0 180px;
  height:145px;
}


/* -------------------------
   Machine world / Cubes
-------------------------- */

.cubes{
  perspective:500px;
}

.cubes span{
  position:absolute;
  width:50px;
  height:50px;
  border-radius:7px;
  background:
    linear-gradient(
      135deg,
      rgba(109,178,218,.65),
      rgba(255,255,255,.95)
    );
  box-shadow:
    inset -8px -8px 18px rgba(16,81,127,.10),
    0 8px 18px rgba(35,90,130,.08);
  transform:rotate(30deg) skew(-8deg);
}

.cubes span:nth-child(1){
  left:58px;
  top:12px;
}

.cubes span:nth-child(2){
  left:25px;
  top:48px;
}

.cubes span:nth-child(3){
  left:92px;
  top:50px;
}

.cubes span:nth-child(4){
  left:58px;
  top:86px;
}

.cubes span:nth-child(5){
  left:125px;
  top:82px;
  background:
    linear-gradient(
      135deg,
      #ffd98f,
      #f3ab37
    );
}


/* -------------------------
   Complex world / Orbit
-------------------------- */

.complex-orbit{
  position:relative;
}

.complex-core{
  position:absolute;
  width:54px;
  height:54px;
  border-radius:50%;
  left:64px;
  top:44px;
  background:
    radial-gradient(
      circle at 35% 30%,
      #b9ddf2,
      #2d78aa 70%
    );
  box-shadow:0 10px 20px rgba(20,90,140,.18);
}

.complex-ring{
  position:absolute;
  left:18px;
  top:48px;
  width:145px;
  height:52px;
  border:1.3px dashed rgba(26,107,165,.35);
  border-radius:50%;
}

.ring-1{
  transform:rotate(-15deg);
}

.ring-2{
  transform:rotate(28deg);
  border-color:rgba(246,171,55,.45);
}

.complex-node{
  position:absolute;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 4px 10px rgba(26,100,150,.18);
}

.node-1{
  width:22px;
  height:22px;
  left:18px;
  top:46px;
}

.node-2{
  width:16px;
  height:16px;
  right:10px;
  top:56px;
  background:var(--orange);
}

.node-3{
  width:12px;
  height:12px;
  left:100px;
  bottom:14px;
  background:#7eb9dd;
}


/* -------------------------
   Responsive
-------------------------- */

@media(max-width:800px){

  .world-grid{
    grid-template-columns:1fr;
  }

  .world-card{
    min-height:190px;
  }

}

@media(max-width:520px){

  .world-section{
    padding:45px 0;
  }

  .world-card{
    flex-direction:column;
    text-align:center;
    padding:24px 20px;
  }

  .world-card__visual{
    flex-basis:auto;
    width:180px;
    height:135px;
  }

  .world-card__content li{
    padding-right:0;
  }

  .world-card__content li::before{
    display:none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8e4f7c *//* =========================
   SECTION 3 — PROBLEM TYPES
========================= */

.problem-section{
  position:relative;
  padding:55px 0 65px;
  background:#fff;
}

.problem-title{
  margin:0 0 30px;
  text-align:center;
  color:var(--navy);
  font-size:clamp(26px,3vw,38px);
  font-weight:900;
}

.problem-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.problem-card{
  position:relative;
  min-height:210px;
  padding:28px 26px;
  text-align:center;
  border-radius:20px;
  border:1px solid rgba(15,71,115,.08);
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f9fbfc
    );
  box-shadow:
    0 10px 28px rgba(34,70,98,.05);
}

.problem-card--adaptive{
  background:
    linear-gradient(
      180deg,
      #fffdf8,
      #ffffff
    );
}

.problem-card--complex{
  background:
    linear-gradient(
      180deg,
      #f8fbfd,
      #ffffff
    );
}

.problem-icon{
  width:62px;
  height:62px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    linear-gradient(
      145deg,
      #eef6fb,
      #fff
    );
  color:var(--navy);
  font-size:30px;
  box-shadow:
    inset 0 0 0 1px rgba(16,80,125,.06);
}

.problem-card h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:20px;
  font-weight:900;
}

.problem-card p{
  max-width:270px;
  margin:0 auto;
  color:#60788d;
  font-size:14px;
  line-height:2;
}


/* Complex icon */

.complex-symbol{
  position:relative;
  width:42px;
  height:42px;
  display:block;
}

.complex-symbol i{
  position:absolute;
  width:28px;
  height:28px;
  border-radius:50%;
  opacity:.8;
}

.complex-symbol i:nth-child(1){
  top:0;
  left:7px;
  background:#5f9fc8;
}

.complex-symbol i:nth-child(2){
  bottom:0;
  left:0;
  background:#f5bd60;
}

.complex-symbol i:nth-child(3){
  bottom:0;
  right:0;
  background:#234f79;
}


/* Responsive */

@media(max-width:850px){

  .problem-grid{
    grid-template-columns:1fr;
  }

  .problem-card{
    min-height:auto;
  }

}

@media(max-width:520px){

  .problem-section{
    padding:45px 0;
  }

  .problem-card{
    padding:24px 20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b627d79 *//* =========================
   SECTION 4 — COMPARISON
========================= */

.compare-section{
  position:relative;
  padding:55px 0 65px;
  background:#fff;
}

.compare-title{
  margin:0 0 30px;
  text-align:center;
  color:var(--navy);
  font-size:clamp(26px,3vw,38px);
  font-weight:900;
}

.compare-layout{
  display:grid;
  grid-template-columns:1.5fr .7fr;
  gap:28px;
  align-items:stretch;
  direction:ltr;
}

.compare-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  direction:ltr;
}

.compare-card{
  direction:rtl;
  min-height:220px;
  padding:26px;
  display:flex;
  gap:20px;
  align-items:flex-start;
  border-radius:22px;
  border:1px solid rgba(15,70,110,.07);
}

.compare-card--diagnostic{
  background:linear-gradient(135deg,#f4f9fc,#fff);
}

.compare-card--dialogic{
  background:linear-gradient(135deg,#fff5e6,#fff);
}

.compare-card h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:21px;
  font-weight:900;
}

.compare-card ul{
  margin:0;
  padding:0;
  list-style:none;
  color:#58738a;
  font-size:14px;
  line-height:2;
}

.compare-card li{
  position:relative;
  padding-right:14px;
}

.compare-card li::before{
  content:"";
  position:absolute;
  right:0;
  top:12px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--orange);
}


/* Icons */

.compare-icon{
  flex:0 0 54px;
  width:54px;
  height:54px;
  position:relative;
  border-radius:50%;
  background:#f4f8fa;
}

/* Magnifier */

.search-icon::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  border:3px solid var(--blue);
  border-radius:50%;
  left:12px;
  top:10px;
}

.search-icon::after{
  content:"";
  position:absolute;
  width:18px;
  height:3px;
  background:var(--blue);
  transform:rotate(-45deg);
  left:29px;
  top:34px;
  border-radius:3px;
}


/* Dialogic icon */

.dialogue-icon span{
  position:absolute;
  width:30px;
  height:30px;
  border-radius:50%;
  opacity:.75;
}

.dialogue-icon span:nth-child(1){
  top:5px;
  right:8px;
  background:#5f9fc8;
}

.dialogue-icon span:nth-child(2){
  bottom:5px;
  right:3px;
  background:#f5bd60;
}

.dialogue-icon span:nth-child(3){
  bottom:5px;
  left:4px;
  background:#234f79;
}


/* Key message */

.compare-message{
  direction:rtl;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 28px 20px 15px;
  border-left:3px solid var(--orange);
  color:var(--navy);
}

.compare-message p,
.compare-message strong{
  margin:0;
  font-size:clamp(20px,2vw,26px);
  line-height:1.8;
}

.compare-message p{
  font-weight:700;
}

.compare-message strong{
  font-weight:900;
}


/* Responsive */

@media(max-width:950px){

  .compare-layout{
    grid-template-columns:1fr;
  }

  .compare-message{
    border-left:0;
    border-top:3px solid var(--orange);
    text-align:center;
    padding:25px 15px 0;
  }

}

@media(max-width:700px){

  .compare-cards{
    grid-template-columns:1fr;
  }

}

@media(max-width:520px){

  .compare-section{
    padding:45px 0;
  }

  .compare-card{
    min-height:auto;
    padding:22px 18px;
  }

  .compare-message p,
  .compare-message strong{
    font-size:20px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef9e1a3 *//* ==============================
   RHEOMODE — FIVE PRINCIPLES
============================== */

.rheo-principles{
  padding:55px 0 65px;
  background:#fff;
}

.rheo-principles__title{
  margin:0 0 32px;
  text-align:center;
  color:var(--navy);
  font-size:clamp(26px,3vw,38px);
  font-weight:900;
}

.rheo-principles__grid{
  width:100%;
  display:grid;

  /* هر ۵ کارت کامل در یک ردیف */
  grid-template-columns:repeat(5,minmax(0,1fr));

  gap:12px;
}

.rheo-principle{
  min-width:0;
  min-height:295px;

  padding:20px 13px 22px;

  text-align:center;

  border:1px solid rgba(18,70,110,.08);
  border-radius:18px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fafcfd 100%
    );

  box-shadow:
    0 8px 24px rgba(30,70,100,.05);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.rheo-principle:hover{
  transform:translateY(-4px);

  box-shadow:
    0 14px 30px rgba(30,70,100,.09);
}


/* ICON */

.rheo-principle__icon{
  width:64px;
  height:64px;

  margin:0 auto 10px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      #ffffff,
      #f0f6f9
    );
}

.rheo-principle__icon svg{
  display:block;
  width:58px;
  height:58px;
}


/* ENGLISH TITLE */

.rheo-principle__en{
  min-height:28px;

  margin-bottom:5px;

  direction:ltr;

  color:#698198;

  font-size:9px;
  line-height:1.35;

  white-space:normal;
}


/* PERSIAN TITLE */

.rheo-principle h3{
  margin:0 0 10px;

  color:var(--navy);

  font-size:17px;
  line-height:1.55;

  font-weight:900;
}


/* TEXT */

.rheo-principle p{
  margin:0 auto;

  max-width:190px;

  color:#60798f;

  font-size:12px;
  line-height:1.9;
}


/* ==============================
   TABLET
============================== */

@media(max-width:950px){

  .rheo-principles__grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .rheo-principle{
    min-height:260px;
  }

}


/* ==============================
   MOBILE
============================== */

@media(max-width:520px){

  .rheo-principles{
    padding:45px 0;
  }

  .rheo-principles__grid{
    grid-template-columns:1fr;
  }

  .rheo-principle{
    min-height:auto;
    padding:24px 20px;
  }

  .rheo-principle p{
    max-width:280px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc3d02e *//* =================================
   HOW WE WORK — RHEOMODE PROCESS
================================= */

.rheo-process{
  position:relative;
  padding:55px 0 65px;
  background:#fff;
}

.rheo-process__title{
  margin:0 0 36px;

  text-align:center;

  color:var(--navy);

  font-size:clamp(26px,3vw,38px);
  font-weight:900;
}


/* 6 STEPS */

.rheo-process__track{
  position:relative;

  display:grid;

  grid-template-columns:
    repeat(6,minmax(0,1fr));

  gap:16px;

  direction:rtl;
}


/* Connecting line */

.rheo-process__track::before{
  content:"";

  position:absolute;

  top:34px;
  right:7%;
  left:7%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      rgba(244,173,59,.35),
      #f4ad3b,
      rgba(244,173,59,.35)
    );

  z-index:0;
}


/* Individual Step */

.rheo-step{
  position:relative;
  z-index:1;

  min-width:0;

  text-align:center;

  padding:0 7px;
}


/* Icon */

.rheo-step__icon{
  width:68px;
  height:68px;

  margin:0 auto 12px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      #fff,
      #edf5f9
    );

  border:
    1px solid rgba(30,100,145,.08);

  box-shadow:
    0 5px 18px rgba(30,75,110,.07);
}

.rheo-step__icon svg{
  display:block;

  width:54px;
  height:54px;
}


/* Orange dot on path */

.rheo-step:not(:last-child)::after{
  content:"";

  position:absolute;

  top:31px;
  left:-12px;

  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--orange);
}


/* Title */

.rheo-step h3{
  margin:0 0 7px;

  color:var(--navy);

  font-size:17px;
  font-weight:900;
}


/* Description */

.rheo-step p{
  max-width:165px;

  margin:0 auto;

  color:#60798f;

  font-size:12px;
  line-height:1.9;
}


/* =============================
   TABLET
============================= */

@media(max-width:950px){

  .rheo-process__track{
    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap:35px 18px;
  }

  .rheo-process__track::before{
    display:none;
  }

  .rheo-step::after{
    display:none !important;
  }

}


/* =============================
   MOBILE
============================= */

@media(max-width:600px){

  .rheo-process{
    padding:45px 0;
  }

  .rheo-process__track{
    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:32px 14px;
  }

  .rheo-step p{
    max-width:150px;
  }

}


@media(max-width:400px){

  .rheo-process__track{
    grid-template-columns:1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fcadd3 *//* =================================
   WHERE RHEOMODE STARTS
================================= */

.rheo-start{
  position:relative;
  padding:55px 0 60px;
  background:#fff;
}

.rheo-start__title{
  margin:0 0 30px;

  text-align:center;

  color:var(--navy);

  font-size:clamp(26px,3vw,38px);
  font-weight:900;
}


/* GRID */

.rheo-start__grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:16px;
}


/* CARD */

.rheo-start__card{
  min-width:0;

  display:flex;
  align-items:center;

  gap:18px;

  min-height:135px;

  padding:20px 22px;

  border:
    1px solid rgba(20,70,110,.08);

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      #ffffff,
      #fafcfd
    );

  box-shadow:
    0 7px 22px rgba(30,70,100,.05);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.rheo-start__card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 12px 28px rgba(30,70,100,.09);
}


/* ICON */

.rheo-start__icon{
  flex:0 0 64px;

  width:64px;
  height:64px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      #fff,
      #f0f6f9
    );
}

.rheo-start__icon svg{
  width:58px;
  height:58px;

  display:block;
}


/* CONTENT */

.rheo-start__content{
  min-width:0;
}

.rheo-start__content h3{
  margin:0 0 6px;

  color:var(--navy);

  font-size:18px;
  font-weight:900;
}

.rheo-start__content p{
  margin:0;

  color:#60798f;

  font-size:12px;
  line-height:1.9;
}


/* =============================
   TABLET
============================= */

@media(max-width:850px){

  .rheo-start__grid{
    grid-template-columns:1fr;
  }

}


/* =============================
   MOBILE
============================= */

@media(max-width:520px){

  .rheo-start{
    padding:45px 0;
  }

  .rheo-start__card{
    padding:18px;
  }

  .rheo-start__icon{
    flex-basis:58px;

    width:58px;
    height:58px;
  }

  .rheo-start__icon svg{
    width:52px;
    height:52px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3deff57 *//* =================================
   CTA 2 — FINAL CONVERSATION
================================= */

.rheo-cta2{
  position:relative;
  overflow:hidden;

  padding:65px 0 72px;

  background:
    radial-gradient(
      circle at 15% 100%,
      rgba(59,135,184,.14),
      transparent 30%
    ),
    radial-gradient(
      circle at 85% 100%,
      rgba(246,171,55,.14),
      transparent 28%
    ),
    #fff;
}


/* CONTENT */

.rheo-cta2__content{
  position:relative;
  z-index:2;

  max-width:900px;

  margin:0 auto;

  text-align:center;
}


/* TITLE */

.rheo-cta2 h2{
  margin:0;

  color:var(--navy);

  font-size:clamp(23px,3vw,35px);
  font-weight:800;

  line-height:1.75;
}

.rheo-cta2 h2 strong{
  font-weight:900;
}


/* DESCRIPTION */

.rheo-cta2 p{
  max-width:700px;

  margin:15px auto 25px;

  color:#60798f;

  font-size:14px;
  line-height:2;
}


/* BUTTON */

.rheo-cta2__button{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:12px;

  min-height:52px;

  padding:10px 30px;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      #ffc45d,
      var(--orange)
    );

  color:#173f65;

  font-size:15px;
  font-weight:900;

  box-shadow:
    0 9px 24px rgba(246,171,55,.26);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.rheo-cta2__button:hover{
  transform:translateY(-3px);

  box-shadow:
    0 13px 30px rgba(246,171,55,.34);
}


.rheo-cta2__button svg{
  width:19px;
  height:19px;
}


/* =================================
   DECORATIVE WAVES
================================= */

.rheo-cta2__wave{
  position:absolute;

  bottom:-65px;

  width:520px;
  height:180px;

  border-radius:50%;

  opacity:.75;

  pointer-events:none;
}


.rheo-cta2__wave--right{
  right:-100px;

  transform:rotate(-8deg);

  background:
    linear-gradient(
      180deg,
      rgba(246,171,55,.28),
      rgba(246,171,55,0)
    );
}


.rheo-cta2__wave--left{
  left:-110px;

  transform:rotate(9deg);

  background:
    linear-gradient(
      180deg,
      rgba(49,126,177,.27),
      rgba(49,126,177,0)
    );
}


/* خطوط ظریف روی موج */

.rheo-cta2::before,
.rheo-cta2::after{
  content:"";

  position:absolute;

  bottom:-80px;

  width:620px;
  height:200px;

  border:1px solid rgba(38,113,165,.18);

  border-radius:50%;

  pointer-events:none;
}


.rheo-cta2::before{
  left:-150px;

  transform:rotate(7deg);
}


.rheo-cta2::after{
  right:-150px;

  transform:rotate(-7deg);

  border-color:
    rgba(246,171,55,.22);
}


/* =============================
   MOBILE
============================= */

@media(max-width:600px){

  .rheo-cta2{
    padding:50px 0 60px;
  }

  .rheo-cta2 h2{
    font-size:22px;
    line-height:1.8;
  }

  .rheo-cta2 h2 br{
    display:none;
  }

  .rheo-cta2 p{
    font-size:13px;
    padding:0 8px;
  }

  .rheo-cta2__button{
    min-height:50px;
    padding:9px 25px;
  }

  .rheo-cta2__wave{
    width:330px;
    height:120px;
  }

}/* End custom CSS */