/*
Theme Name: PageBolt Child
Theme URI: https://yourwebsite.com
Description: Child theme for PageBolt
Author: Your Name
Author URI: https://yourwebsite.com
Template: pagebolt
Version: 1.0.0
Text Domain: pagebolt-child
*/




.my-custom-tabs .e-n-tabs-heading .e-n-tab-title {
  position: relative;
  padding: 30px;
  border-left: 3px solid transparent;
  background: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
  cursor: pointer;
}

.my-custom-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
  border-left: 3px solid #1a3055;
  background: linear-gradient(to left, #ffffff 0%, #e7f6fb 100%) !important;
  color: #1a3055;
  font-weight: 600;
}



.my-custom-tabs .e-n-tabs-heading .e-n-tab-title .tab-progress {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 4px;
  width: 0%;
  background: linear-gradient(to left, #ffffff, #1a3055);
}






/* ===== Circle Card – Final, drop-in (v2: safe inset) ===== */
.circle-card{
  --wave:56%;
  --inset:26px;
  width:220px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  --shiftY: 15px;
  
}

/* موج پایین */
.circle-card canvas,
.circle-card .wave-canvas{
  position:absolute; left:0; right:0; bottom:0;
  width:100%; height:var(--wave);
  z-index:1; pointer-events:none; background:transparent;
}

/* ناحیه امن محتوا (فاصله از بالا و کناره‌ها) */
.circle-card .elementor-widget-container{
  position:absolute !important;
  top:var(--inset); 
  left:var(--inset); 
  right:var(--inset); 
  bottom:calc(var(--wave) + 6px);
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 !important;
  padding:0 !important;
  text-align:center;
  direction:rtl;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:2;
  padding-top:20px!important;
}

/* باکس‌های آیکن */
.circle-card .bdt-ep-advanced-icon-box,
.circle-card .elementor-icon-box{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 !important; padding:0 !important;
  transform: translateY(var(--shiftY));
}

/* رپر آیکن */
.circle-card .bdt-ep-advanced-icon-box-icon,
.circle-card .bdt-ep-advanced-icon-box-icon-wrap{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding-inline: 10px; /* جدید */
}

/* آیکن فونتی/SVG: سایز تطبیقی + فاصله از کناره‌ها */
.circle-card .bdt-ep-advanced-icon-box-icon i,
.circle-card .bdt-ep-advanced-icon-box-icon svg{
  display:inline-block;
  line-height:1;
  font-size:clamp(26px, 2.6vw, 36px);
  max-width: calc(100% - var(--inset)); /* پرانتز بسته شد */
  max-height:48px;
  color:#1f3350;
}

/* آیکن تصویری */
.circle-card .bdt-ep-advanced-icon-box-icon img{
  width:40px; height:40px; display:block;
}

/* کوچک‌سازی متن‌ها داخل کارت با اولویت بالا */
.circle-card .elementor-widget-container .elementor-icon-box-title,
.circle-card .elementor-widget-container .elementor-icon-box-title a,
.circle-card .elementor-widget-container .elementor-icon-box-description,
.circle-card .elementor-widget-container .bdt-ep-advanced-icon-box-title,
.circle-card .elementor-widget-container .bdt-ep-advanced-icon-box-title a,
.circle-card .elementor-widget-container .bdt-ep-advanced-icon-box-content,
.circle-card .elementor-widget-container .elementor-icon-box-content,
.circle-card .elementor-widget-container span{
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

/* حذف دیوایدرها */
.circle-card .bdt-ep-divider,
.circle-card [class*="divider"]{ display:none !important; }
.circle-card *{ border-top:none !important; border-bottom:none !important; }

/* خانواده فونت آیکن‌ها */
.circle-card i.fa-solid,
.circle-card i.fas{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif !important;
  font-weight:900 !important;
}
.circle-card i.fa-regular,
.circle-card i.far{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif !important;
  font-weight:400 !important;
}
.circle-card i.fa-brands,
.circle-card i.fab{
  font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands",sans-serif !important;
  font-weight:400 !important;
}
.circle-card i.ti{
  font-family:"tabler-icons",sans-serif !important;
  font-weight:400 !important;
}

/* انیمیشن اختیاری */
@keyframes floatCard{
  0%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-12px) scale(1.03)}
  100%{transform:translateY(0) scale(1)}
}

/* ریسپانسیو */
@media (max-width:1024px){
  .circle-card{ width:120px !important; height:120px !important; max-width:120px !important; max-height:1290px !important; }
}
@media (max-width:767px){
  .circle-card{ width:120px !important; height:120px !important; max-width:120px !important; max-height:120px !important; }
}




/* ریسپانسیو */
/* تبلت */ @media (max-width: 1024px) { .circle-card { width: 190px !important; height: 190px !important; max-width: 190px !important; max-height: 190px !important; } } /* موبایل */ @media (max-width: 767px) { .circle-card { width: 190px !important; height: 190px !important; max-width: 190px !important; max-height: 190px !important; } }






/* --- لیست پایه --- */
.prs-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.prs-bullets li {
  position: relative;
  padding: 10px 28px 10px 0;  /* فضای راست برای بولت */
  border-radius: 8px;
  transition: top .18s ease, background-color .18s ease, box-shadow .18s ease;
  line-height: 0.8;   /* فاصله طبیعی بین خطوط */
  margin-bottom: 8px; /* فاصله بین آیتم‌ها */
  top: 0;
}

/* --- بولت سفید براق --- */
.prs-bullets li::before {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff 0 45%, #f7f7f7 46% 78%, #e5e7eb 79% 100%);
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, .25),
    0 2px 6px rgba(0, 0, 0, .1);
  border: 1px solid rgba(0, 0, 0, .06);
}

/* --- افکت هاور با جابه‌جایی --- */
.prs-bullets li:hover {
  top: -2px; /* جابه‌جایی ملایم */
  background: rgba(0, 0, 0, .035);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

/* --- حالت حلقه (آبی) --- */
.prs-bullets.prs--ring li::before {
  background: none;
  border: 2px solid #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .15);
}

/* --- حالت تیک ساده --- */
.prs-bullets.prs--check li::before {
  width: 14px;
  height: 14px;
  background: #10b981;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
  border-radius: 3px;
  content: "✔";
}

/* --- موبایل: حذف افکت جابه‌جایی --- */
@media (max-width: 767px) {
  .prs-bullets li:hover {
    top: 0;
    box-shadow: none;
    background: none;
  }
}

/* --- تمیز کردن لیست داخل سکشن مشخص --- */
.prs-clean-list ul {
  list-style: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.prs-clean-list li::marker {
  content: '' !important;
}




.elementor-733 .elementor-element.elementor-element-5eea22f > .elementor-widget-container

 {
     background: #FAF0FE !important;
 }
 
 .elementor-733 .elementor-element.elementor-element-e80a174 > .elementor-widget-container {
    background: #DAE3F3 !important;
}

.elementor-733 .elementor-element.elementor-element-fde3447 > .elementor-widget-container {
    background: #DEF8FE !important;
}





/* سکشن با برف متراکم‌تر و پراکنده‌تر */
.prs-snow {
  position: relative;
  height: 500px;              /* ارتفاع سکشن */
  background: #e7f6fb;        /* رنگ آسمون */
  

  /* 6 لایه برف (ریز، متوسط، درشت) */
  background-image:
    radial-gradient(white 1.5px, transparent 1.5px),
    radial-gradient(white 3px, transparent 3px),
    radial-gradient(white 4px, transparent 4px),
    radial-gradient(white 6px, transparent 6px),
    radial-gradient(white 8px, transparent 8px),
    radial-gradient(white 12px, transparent 12px);

  /* سایزهای بک‌گراند (پراکندگی) */
  background-size:
    180px 180px,
    250px 250px,
    350px 350px,
    500px 500px,
    700px 700px,
    1000px 1000px;

  /* موقعیت شروع */
  background-position:
    0 0,
    120px 60px,
    200px 100px,
    300px 150px,
    400px 200px,
    500px 250px;

  animation: snowFall 30s linear infinite;
}

/* انیمیشن ریزش برف */
@keyframes snowFall {
  0% {
    background-position:
      0 0,
      120px 60px,
      200px 100px,
      300px 150px,
      400px 200px,
      500px 250px;
  }
  100% {
    background-position:
      0 1600px,
      120px 1660px,
      200px 1700px,
      300px 1750px,
      400px 1800px,
      500px 1850px;
  }
}





:root { --menu-dark:#111; --menu-light:#fff; }
.uicore-header-wrapper{background:transparent!important;box-shadow:none!important;transition:background-color .25s, box-shadow .25s;}
body.scrolled .uicore-header-wrapper{background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;}
/* هوم همیشه مشکی */
body.home .uicore-header-wrapper .uicore-menu>li>a,
body.home .uicore-header-wrapper .uicore-extra a:not(.uicore-btn){color:var(--menu-dark)!important;}
body.home .uicore-header-wrapper .uicore-ham .bar{background-color:var(--menu-dark)!important;}
/* ساب‌منو ثابت */
.uicore-header-wrapper .sub-menu{background:#1a3055!important;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:10001;}
.uicore-header-wrapper .sub-menu a{color:#fff!important;}
.uicore-header-wrapper .sub-menu a:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;}




/* رنگ‌ها */
.elementor-element-3e06b60{
  --card-bg:#e5f8fe;
  --card-wipe-start:#1a3055;   /* کارت */
  --card-wipe-end:#1a3055;
  --icon-wipe-start:#e4ebfd;   /* آیکن */
  --icon-wipe-end:#fff;
  --text:#1a3055;              /* رنگ متن پایه (تیره) */
}

/* کارت: پس‌زمینه و استایل پایه */
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box > .elementor-widget-container{
  position:relative;
  isolation:isolate;
  background:var(--card-bg) !important;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  padding:28px;
  overflow:hidden;
  color:var(--text);
  transition: color .25s ease;
}

/* وُیپ: ورود از راست (right:0 + width رشد می‌کند)، خروج به چپ (left:0 + width صفر می‌شود) */
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box > .elementor-widget-container::before{
  content:"";
  position:absolute; top:0; bottom:0; left:0; /* حالت پایه برای خروج به چپ */
  width:0;
  background:linear-gradient(90deg,var(--card-wipe-end),var(--card-wipe-start));
  border-radius:inherit;
  transition:width 1.6s cubic-bezier(.22,1,.36,1);
  z-index:1; pointer-events:none;
}
/* هنگام هاور: لنگر را به راست می‌کشیم تا از راست پُر شود */
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box:hover > .elementor-widget-container::before{
  left:auto; right:0; width:100%;
}

/* حذف پس‌زمینه‌های داخلی و قرار دادن محتوا بالای وُیپ */
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box{
  background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important;
  position:relative; z-index:2;
}

/* آیکن: باکس سفید، پرشدن از مرکز */
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-icon .bdt-ep-advanced-icon-box-icon-wrap{
  width:88px; height:88px; border-radius:16px; overflow:hidden;
  background:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  position:relative; z-index:3;
}
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-icon .bdt-ep-advanced-icon-box-icon-wrap::after{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:1;
  background:linear-gradient(90deg,var(--icon-wipe-end),var(--icon-wipe-start));
  transform:scale(0); transform-origin:center;
  transition:transform 1.2s cubic-bezier(.22,1,.36,1);
}
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box:hover
.bdt-ep-advanced-icon-box-icon .bdt-ep-advanced-icon-box-icon-wrap::after{
  transform:scale(1);
}

/* تصویر آیکن بالای فیل داخلی */
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-icon img{
  position:relative; z-index:2; max-width:58px; max-height:58px;
}

/* متن: ارث‌بری رنگ و ترنزیشن نرم */
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-content{position:relative; z-index:3;}
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-title{
  color:inherit !important; font-weight:700; margin:16px 0 10px;
}
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-description{
  color:inherit !important;
}
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-content,
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-content *{
  transition: color .25s ease;
}
/* لینک‌های داخلی هم از رنگ کارت پیروی کنند */
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-content a{
  color:inherit !important; text-decoration:none;
}

/* وقتی کارت هاور شد: کل متن سفید شود */
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box:hover > .elementor-widget-container{
  color:#fff !important;
}

/* ریست هر ترنزیشن/انیمیشن قبلی روی خود تصویر آیکن */
.elementor-element-3e06b60 .bdt-ep-advanced-icon-box-icon img{
  transition: none !important;
  animation: none !important;
  display: block;
  will-change: transform;
}

/* وقتی کارت هاور شد: فقط IMG داخل باکس آیکن دوبار بپره و بایسته */
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box:hover .bdt-ep-advanced-icon-box-icon img,
.elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box > .elementor-widget-container:hover .bdt-ep-advanced-icon-box-icon img{
  animation: persol-bounce-2x 0.5s ease-out 0s 2 both !important;
}

/* تعریف انیمیشن پرش دوبل */
@keyframes persol-bounce-2x{
  0%   { transform: translateY(0) scale(1); }
  30%  { transform: translateY(-10px) scale(1.02); }
  60%  { transform: translateY(0) scale(1); }
  85%  { transform: translateY(-6px) scale(1.01); }
  100% { transform: translateY(0) scale(1); }
}

/* احترام به کاهش حرکت */
@media (prefers-reduced-motion: reduce){
  .elementor-element-3e06b60 .elementor-widget-bdt-advanced-icon-box:hover .bdt-ep-advanced-icon-box-icon img{
    animation: none !important;
  }
}


.uicore-post-footer span:nth-child(3) {
  display: none !important;
}

.elementor-widget-uicore-post-grid .uicore-post-footer { display:none !important; }




/* فوتر تاپ */

:root { --footer-h: 72px; }
footer { position:fixed; left:0; right:0; bottom:0; height:var(--footer-h); }
main  { padding-bottom:var(--footer-h); }




/*------------------------------------------------------------------------------*/
/* متغیرها و رنگ‌ها (بدون تغییر) */
.elementor-element-2b8f993 {
  --card-bg: #e5f8fe;
  --card-wipe-start: #4f478a;
  --card-wipe-end: #4f478a;
  --icon-wipe-start: #e4ebfd;
  --icon-wipe-end: #fff;
  --text: #1a3055;
}

/* کارت: پس‌زمینه و استایل پایه */
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box > .elementor-widget-container {
  position: relative;
  isolation: isolate;
  background: var(--card-bg) !important;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, .08);
  padding: 28px;
  overflow: hidden;
  color: var(--text);
  transition: color .25s ease;
}

/* 
   تغییر اصلی اینجاست: 
   تنظیمات انیمیشن از پایین به بالا (Bottom to Top)
*/
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box > .elementor-widget-container::before {
  content: "";
  position: absolute;
  
  /* موقعیت اولیه: چسبیده به پایین */
  bottom: 0; 
  left: 0;
  right: 0; 
  top: auto; /* بالا را آزاد می‌گذاریم */
  
  /* ابعاد اولیه: عرض کامل، ارتفاع صفر */
  width: 100%;
  height: 0; 
  
  /* گرادینت عمودی (180 درجه یا 0 درجه بسته به سلیقه، اینجا عمودی تنظیم شد) */
  background: linear-gradient(0deg, var(--card-wipe-end), var(--card-wipe-start));
  
  border-radius: inherit;
  /* انیمیشن روی ارتفاع (height) اعمال می‌شود */
  transition: height 0.6s cubic-bezier(.22, 1, .36, 1);
  z-index: 1;
  pointer-events: none;
}

/* 
   هنگام هاور:
   ارتفاع 100% می‌شود و چون bottom:0 است، به سمت بالا پر می‌شود
*/
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box:hover > .elementor-widget-container::before {
  height: 100%;
}


/* --- بقیه کدها (آیکن، متن و...) بدون تغییر باقی می‌مانند --- */

/* حذف پس‌زمینه‌های داخلی */
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
  position: relative; z-index: 2;
   
}

/* آیکن */
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-icon .bdt-ep-advanced-icon-box-icon-wrap {
  width: 88px; height: 88px; border-radius: 10px !important; overflow: hidden;
  background: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  position: relative; z-index: 3;
}
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-icon .bdt-ep-advanced-icon-box-icon-wrap::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1;
  background: linear-gradient(90deg, var(--icon-wipe-end), var(--icon-wipe-start));
  transform: scale(0); transform-origin: center;
  transition: transform 1.2s cubic-bezier(.22, 1, .36, 1);
}
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box:hover
.bdt-ep-advanced-icon-box-icon .bdt-ep-advanced-icon-box-icon-wrap::after {
  transform: scale(1);
}

/* تصویر آیکن */
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-icon img {
  position: relative; z-index: 2; max-width: 58px; max-height: 58px;
}

/* متن */
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-content { position: relative; z-index: 3; }
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-title {
  color: inherit !important; font-weight: 700; margin: 16px 0 10px;
}
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-description {
  color: inherit !important;
}
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-content,
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-content * {
  transition: color .25s ease;
}
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-content a {
  color: inherit !important; text-decoration: none;
}

/* هاور متن */
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box:hover > .elementor-widget-container {
  color: #fff !important;
}

/* انیمیشن پرش آیکن */
.elementor-element-2b8f993 .bdt-ep-advanced-icon-box-icon img {
  transition: none !important;
  animation: none !important;
  display: block;
  will-change: transform;
}
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box:hover .bdt-ep-advanced-icon-box-icon img,
.elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box > .elementor-widget-container:hover .bdt-ep-advanced-icon-box-icon img {
  animation: persol-bounce-2x 0.5s ease-out 0s 2 both !important;
}

@keyframes persol-bounce-2x {
  0% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-10px) scale(1.02); }
  60% { transform: translateY(0) scale(1); }
  85% { transform: translateY(-6px) scale(1.01); }
  100% { transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-element-2b8f993 .elementor-widget-bdt-advanced-icon-box:hover .bdt-ep-advanced-icon-box-icon img {
    animation: none !important;
  }
}

.uicore-post-footer span:nth-child(3) { display: none !important; }
.elementor-widget-uicore-post-grid .uicore-post-footer { display: none !important; }

:root { --footer-h: 72px; }
footer { position: fixed; left: 0; right: 0; bottom: 0; height: var(--footer-h); }
main { padding-bottom: var(--footer-h); }


/*------------------------------------------------------------------------------*/
/* === Elementor image + dual rings (6 beads/icons on big ring) === */
.elementor-element[data-id="0dd7c62"]{
  position:relative; display:inline-block; overflow:visible;
  --ring-out:0.5;
  --ring-in:0.75;
  --ring-color:#C0AFAF;
  --ring-stroke:2px;
  --ring-stroke-lg:2px;

  --spin-dur:25s;
  --swing-range:12px;
  --swing-dur:5s;

  /* دِفالت سایز مهره‌ها */
  --bead-d:70px;




  /* URL عکس‌های گرد با پس‌زمینه شفاف (پیش‌فرض none تا خاصیت invalid نشه) */
  --img1:none; --img2:none; --img3:none; --img4:none; --img5:none; --img6:none;

  --align-fix:0px;
  --small-align:0px;
  --dot-edge:0px;
}

/* اجازه به overflow برای همه‌ی لایه‌های المنتور */
.elementor-element[data-id="0dd7c62"],
.elementor-element[data-id="0dd7c62"] .elementor-widget-container,
.elementor-element[data-id="0dd7c62"] .elementor-image,
.elementor-element[data-id="0dd7c62"] .elementor-widget-image,
.elementor-element[data-id="0dd7c62"] .elementor-widget-wrap,
.elementor-element[data-id="0dd7c62"] .elementor-column{
  overflow:visible !important;
}

/* تصویر: نوسان نرم */
.elementor-element[data-id="0dd7c62"] img{
  position:relative; z-index:5;
  animation:img-swing var(--swing-dur) ease-in-out infinite; will-change:transform;
}

/* رینگ بزرگ خط‌چین */
.elementor-element[data-id="0dd7c62"]::after{
  content:""; position:absolute; left:50%; top:50%;
  width:100%; aspect-ratio:1/1; border-radius:50%;
  transform:translate(-50%,-50%) scale(var(--ring-in));
  border:var(--ring-stroke-lg) dashed var(--ring-color);
  z-index:1; pointer-events:none;
}

/* مهره‌ها = تصاویر روی رینگ بزرگ (۶تایی با مرکزدهی دقیق) */
.elementor-element[data-id="0dd7c62"]::before{
  content:""; position:absolute; left:50%; top:50%;
  width:100%; aspect-ratio:1/1; border-radius:50%;
  z-index:2; pointer-events:none; will-change:transform, background-position;

  /* شعاع مؤثر تا "مرکز stroke" رینگ بزرگ */
  --R: calc((50% - (var(--ring-stroke-lg)/2)) * var(--ring-in) + var(--align-fix));

  /* سایز هر مهره (قطر) */
  --s1: var(--size1, var(--bead-d));
  --s2: var(--size2, var(--bead-d));
  --s3: var(--size3, var(--bead-d));
  --s4: var(--size4, var(--bead-d));
  --s5: var(--size5, var(--bead-d));
  --s6: var(--size6, var(--bead-d));

  /* تصاویر */
  background-image:
    var(--img1), var(--img2), var(--img3), var(--img4), var(--img5), var(--img6);
  background-repeat:no-repeat;
  background-size:
    var(--s1) var(--s1),
    var(--s2) var(--s2),
    var(--s3) var(--s3),
    var(--s4) var(--s4),
    var(--s5) var(--s5),
    var(--s6) var(--s6);

  /* زوایا: 15°, 75°, 135°, 195°, 255°, 315°
     cos,sin≈ (0.9659,0.2588), (0.2588,0.9659), (-0.7071,0.7071),
              (-0.9659,-0.2588), (-0.2588,-0.9659), (0.7071,-0.7071) */
  background-position:
    calc(50% + 0.9659 * (var(--R) + var(--r1)) - (var(--s1)/2)) calc(50% - 0.2588 * (var(--R) + var(--r1)) - (var(--s1)/2)),
    calc(50% + 0.2588 * (var(--R) + var(--r2)) - (var(--s2)/2)) calc(50% - 0.9659 * (var(--R) + var(--r2)) - (var(--s2)/2)),
    calc(50% - 0.7071 * (var(--R) + var(--r3)) - (var(--s3)/2)) calc(50% - 0.7071 * (var(--R) + var(--r3)) - (var(--s3)/2)),
    calc(50% - 0.9659 * (var(--R) + var(--r4)) - (var(--s4)/2)) calc(50% + 0.2588 * (var(--R) + var(--r4)) - (var(--s4)/2)),
    calc(50% - 0.2588 * (var(--R) + var(--r5)) - (var(--s5)/2)) calc(50% + 0.9659 * (var(--R) + var(--r5)) - (var(--s5)/2)),
    calc(50% + 0.7071 * (var(--R) + var(--r6)) - (var(--s6)/2)) calc(50% + 0.7071 * (var(--R) + var(--r6)) - (var(--s6)/2));

  /* بوب ملایم کل حلقه مهره‌ها */
  transform:translate(-50%,-50%);
  animation:beads-bob-img 8s ease-in-out infinite;
}

/* رینگ کوچک + نقاط چرخان */
.elementor-element[data-id="0dd7c62"] .elementor-widget-container{ position:relative; isolation:isolate; }
.elementor-element[data-id="0dd7c62"] .elementor-widget-container::after{
  content:""; position:absolute; left:50%; top:50%;
  width:100%; aspect-ratio:1/1; border-radius:50%;
  transform:translate(-50%,-50%) scale(var(--ring-out));
  border:var(--ring-stroke) dashed var(--ring-color);
  z-index:1; pointer-events:none;
}
.elementor-element[data-id="0dd7c62"] .elementor-widget-container::before{
  content:""; position:absolute; left:50%; top:50%;
  width:100%; aspect-ratio:1/1; border-radius:50%;
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:50% 50%;
  z-index:3; pointer-events:none; will-change:transform;

  --RsmallCL: calc(50% * var(--ring-out));
  --Rsmall: calc(var(--RsmallCL) + var(--small-align) + var(--dot-edge));
  --c:0.866; --s:0.5;

  background:
    radial-gradient(circle at 50% calc(50% - var(--Rsmall)), #ff5a5f 0 6px, transparent 7px),
    radial-gradient(circle at calc(50% + var(--c)*var(--Rsmall)) calc(50% + var(--s)*var(--Rsmall)), #00c853 0 6px, transparent 7px),
    radial-gradient(circle at calc(50% - var(--c)*var(--Rsmall)) calc(50% + var(--s)*var(--Rsmall)), #1890ff 0 6px, transparent 7px);
  background-repeat:no-repeat;

  animation:dots-rotate var(--spin-dur,25s) linear infinite;
  backface-visibility:hidden;
}

/* Responsive tweaks */
@media (max-width:767px){ .elementor-element[data-id="0dd7c62"]{ --bead-d:40px; } }
@media (min-width:1200px){ .elementor-element[data-id="0dd7c62"]{ --bead-d:64px; } }



@keyframes img-swing{
  0%   { transform:translateY(calc(-0.5 * var(--swing-range))); }
  50%  { transform:translateY(calc(0.5 * var(--swing-range))); }
  100% { transform:translateY(calc(-0.5 * var(--swing-range))); }
}
@keyframes beads-bob-img{ 0%,100%{ transform:translate(-50%, calc(-50% - 6px)); } 50%{ transform:translate(-50%, calc(-50% + 6px)); } }
@keyframes dots-rotate{ from{ transform:translate(-50%,-50%) rotate(0deg); } to{ transform:translate(-50%,-50%) rotate(360deg); } }

/* فقط متغیرها را روی همین عنصر ست کن */
.elementor-element[data-id="0dd7c62"]{
  --img1:url('https://persolbs.com/wp-content/uploads/2025/09/WEB-APPS.png');
 /* --img2:url('https://persolbs.com/wp-content/uploads/2025/09/BPM.png');*/
  --img3:url(https://persolbs.com/wp-content/uploads/2025/09/BPM.png);
   --img4:url('https://persolbs.com/wp-content/uploads/2025/09/AI.png');
   
  /* دو آیکن جدید: */
  /* --img5:url('https://.../icon5.png'); */
    --img6:url('https://persolbs.com/wp-content/uploads/2025/09/BInew.png');

  /* سایزهای جداگانه (اختیاری) */
  --size1:90px; 
  --size2:60px; 
  --size3:70px; 
  --size4:45px; 
  --size5:56px; 
  --size6:56px;

  /* فاین‌تیون روی رینگ */
  --r1:56px; --r2:0px; --r3:-22px; --r4:0px; --r5:0px; --r6:60px;
}

/*------------------------------------------------------------------------------*/


/* قطع اورفلو افقی صفحه */
@media (max-width: 767px){
  html,body{max-width:100vw;overflow-x:hidden!important;}
  .elementor-section-wrap,.uicore-content,.site-content,.elementor-location-single{overflow-x:clip!important;}
  
    body.home .elementor-element[data-id="0dd7c62"]{
    width:78vw;
    --ring-in:.56; --ring-out:.46;
    --size1:44px; --size2:36px; --size3:42px; --size4:30px; --size5:32px; --size6:32px;
    --r1:26px; --r3:-15px; --r6:30px;
  }
  
  body.home .elementor-element[data-id="0dd7c62"] img{
    width:50% !important;
    max-width:50% !important;
    height:auto !important;
    display:block;
    margin-inline:auto; /* وسط‌چین */
  }
}
mf-input mf-textarea
/* خنثی‌کردن چرخش تیترها که عرض را می‌شکند */
@media (max-width: 767px){
  .elementor-element.elementor-element-d6395a4 .elementor-widget-container,
  .elementor-element.elementor-element-e3e7329 .elementor-widget-container{
    transform:none !important;
  }
  .elementor-element.elementor-element-d6395a4,
  .elementor-element.elementor-element-e3e7329{
    overflow:hidden !important;
  }
}

/* اگر جای دیگری هم کلاس e-transform دارد و باز جُم خورد: این را فعال کن */
/*
@media (max-width: 767px){
  .e-transform .elementor-widget-container{transform:none!important;}
}
*/






/* راست‌چین برای همه‌ی فیلدهای مت‌فرم */
.metform-form-content input:not([type="checkbox"]):not([type="radio"]),
.metform-form-content textarea,
.metform-form-content select {
  direction: rtl !important;
  text-align: right !important;
}

/* راست‌چین کردن placeholderها */
.metform-form-content input::placeholder,
.metform-form-content textarea::placeholder,
.metform-form-content select::placeholder {
  direction: rtl !important;
  text-align: right !important;
}

/* اگر برای تلفن از intl-tel-input استفاده می‌کنید */
.metform-form-content .iti input {
  direction: rtl !important;
  text-align: right !important;
}





/* ظرف لوگو */
.uicore-branding {
  position: relative;
  width: 120px;   /* فضای کافی براش بذار */
  height: 70px;   /* هم‌اندازه هدر */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  flex-shrink: 0;
}

/* لوگو بزرگ ولی همیشه وسط کانتینر */
.uicore-logo {
  position: relative; /* دیگه absolute نباشه */
  transform: scale(2); /* بزرگ‌تر کردن */
  transform-origin: center center;
  max-height: none !important;
  width: auto !important;
  z-index: 10;
}


#mf-input-text-area-13f46608{
    min-height: 235px!important;
    width: 100%;
    resize: vertical;
    font-size: 1rem;
    padding: 12px;
}

.mapboxgl-canvas{
    
    width: 570px;
    height: 280px!important;
    margin-top: 67px;

}



.elementor-element-b3cfb36 .e-link-in-bio__bio {
  display: inline-block;
  white-space: nowrap; /* جلوگیری از رفتن به خط بعد */
  padding: 0 8px; /* کمی فضای افقی برای متن */
  max-width: 100%; /* جلوگیری از شکست ناگهانی */
 
  overflow: hidden;
}




:root{
  --blue:#2ea8e5;
  --light:#e5f8fe;
  --text:#0f1320;
}

/* کانتینر کارت‌ها */
.pb-cards2{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
  padding:40px 0;
}

/* کارت اصلی */
.pb-card2{
  position:relative;
  width:280px;
  background:#fff;
  border-radius:22px;
  text-align:center;
  padding:48px 26px 42px;
  color:var(--text);
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  overflow:hidden;
  transition:transform .4s ease, box-shadow .4s ease;
}

/* هاور کارت */
.pb-card2:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

/* نوارهای کناری */
.pb-card2::before,
.pb-card2::after{
  content:"";
  position:absolute;
  top:0;
  width:16px;
  height:100%;
  background:linear-gradient(180deg, var(--blue) 0%, #1e90cf 100%);
  border-radius:0 16px 16px 0;
  opacity:0;
  transform:scaleY(0);
  transform-origin:top;
  transition:all .45s cubic-bezier(.25,.8,.25,1);
  z-index:0;
}
.pb-card2::after{
  right:0;
  left:auto;
  border-radius:16px 0 0 16px;
  transform-origin:bottom;
}
.pb-card2::before{ left:0; }

/* هاور نوارها */
.pb-card2:hover::before,
.pb-card2:hover::after{
  opacity:1;
  transform:scaleY(1);
}

/* محتوای کارت */
.pb-icon2, .pb-card2 h3, .pb-card2 p{
  position:relative;
  z-index:1;
}

/* آیکن دایره‌ای */
.pb-icon2 .elementor-icon{
  width:70px;
  height:70px;
  margin:0 auto 18px;
  border-radius:50%;
  background:linear-gradient(180deg, var(--blue), #1e90cf);
  display:grid;
  place-items:center;
  box-shadow:0 6px 14px rgba(46,168,229,.35);
  transition:transform .3s;
}
.pb-card2:hover .pb-icon2 .elementor-icon{
  transform:scale(1.05);
}
.pb-icon2 svg, .pb-icon2 i{
  color:#fff !important;
  font-size:34px !important;
}

/* تیتر و توضیح */
.pb-card2 h3{
  margin:10px 0 8px;
  font-size:18px;
  font-weight:700;
}
.pb-card2 p{
  margin:0;
  font-size:12px;
  color:#445;
  line-height:1.8;
}


main#main{
    padding-bottom:0;
}



/*------------------------------------------------------------------------------*/

.uicore-post-title, 
.uicore-post-title span {
    transition: color 0.3s ease;
}

/* تغییر رنگ عنوان هنگام هاور */
.uicore-post-wrapper .uicore-post-info-wrapper a:hover .uicore-post-title,
.uicore-post-wrapper .uicore-post-info-wrapper a:hover .uicore-post-title span {
    color: #27c6ff !important;
}