.elementor-5644 .elementor-element.elementor-element-f96ef1a:not(.elementor-motion-effects-element-type-background), .elementor-5644 .elementor-element.elementor-element-f96ef1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EEE9;}.elementor-5644 .elementor-element.elementor-element-f96ef1a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5644 .elementor-element.elementor-element-f96ef1a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), IRANYekanFN;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), IRANYekanFN;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-menu-toggle{margin:0 auto;}.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu .elementor-item{font-family:"IRANYekanWeb", IRANYekanFN;font-size:16px;font-weight:600;}.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu--main .elementor-item{color:#1b60a5;fill:#1b60a5;}.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu--main .elementor-item:focus{color:#f46c04;fill:#f46c04;}.elementor-5644 .elementor-element.elementor-element-7253c63:not(.elementor-motion-effects-element-type-background), .elementor-5644 .elementor-element.elementor-element-7253c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EEE9;}.elementor-5644 .elementor-element.elementor-element-7253c63{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5644 .elementor-element.elementor-element-7253c63 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), IRANYekanFN;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5644 .elementor-element.elementor-element-dd4edad{width:var( --container-widget-width, 106.579% );max-width:106.579%;--container-widget-width:106.579%;--container-widget-flex-grow:0;text-align:center;}.elementor-5644 .elementor-element.elementor-element-dd4edad img{width:74%;max-width:72%;opacity:1;}.elementor-5644 .elementor-element.elementor-element-70a9cad:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5644 .elementor-element.elementor-element-70a9cad > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EEE9;}.elementor-5644 .elementor-element.elementor-element-70a9cad > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5644 .elementor-element.elementor-element-70a9cad > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-5644 .elementor-element.elementor-element-88995e4 .e-search-input{background-color:#E4DFD4;font-family:"IRANYekanWeb", IRANYekanFN;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-dc49f57 );border-radius:15px 15px 15px 15px;}.elementor-5644 .elementor-element.elementor-element-88995e4 .e-search-results-container{background-color:#0000008A;}.elementor-5644 .elementor-element.elementor-element-88995e4{width:var( --container-widget-width, 96.867% );max-width:96.867%;--container-widget-width:96.867%;--container-widget-flex-grow:0;--e-search-results-columns:1;--e-search-placeholder-color:#3F74D38C;--e-search-input-color:#3F74D3;--e-search-icon-label-color:var( --e-global-color-dc49f57 );--e-search-icon-clear-color:var( --e-global-color-dc49f57 );--e-search-results-border-radius:5px 5px 5px 5px;--e-search-input-and-results-gap:0px;--e-search-results-max-height:291px;--e-search-results-row-gap:0px;--e-search-nothing-found-message-color:var( --e-global-color-472f931 );}.elementor-5644 .elementor-element.elementor-element-88995e4 .e-search-nothing-found-message{font-weight:300;}.elementor-5644 .elementor-element.elementor-element-95f5b9f{width:var( --container-widget-width, 101.786% );max-width:101.786%;--container-widget-width:101.786%;--container-widget-flex-grow:0;}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active,
					 .elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), IRANYekanFN;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), IRANYekanFN;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5644 .elementor-element.elementor-element-81d405b .elementor-tab-title, .elementor-5644 .elementor-element.elementor-element-81d405b .elementor-tab-title:before, .elementor-5644 .elementor-element.elementor-element-81d405b .elementor-tab-title:after, .elementor-5644 .elementor-element.elementor-element-81d405b .elementor-tab-content, .elementor-5644 .elementor-element.elementor-element-81d405b .elementor-tabs-content-wrapper{border-width:1px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5644 .elementor-element.elementor-element-c6945c8{width:8.596%;}.elementor-5644 .elementor-element.elementor-element-70a9cad{width:91.404%;}}@media(max-width:1024px){.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-5644 .elementor-element.elementor-element-dd4edad{text-align:start;}.elementor-5644 .elementor-element.elementor-element-dd4edad img{width:100%;max-width:100%;height:45px;}}@media(max-width:767px){.elementor-5644 .elementor-element.elementor-element-0be96d8 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-5644 .elementor-element.elementor-element-c6945c8{width:25%;}.elementor-5644 .elementor-element.elementor-element-dd4edad{--container-widget-width:726px;--container-widget-flex-grow:0;width:var( --container-widget-width, 726px );max-width:726px;text-align:end;}.elementor-5644 .elementor-element.elementor-element-dd4edad img{width:100%;max-width:100%;height:58px;object-fit:contain;object-position:center center;}.elementor-5644 .elementor-element.elementor-element-70a9cad{width:75%;}.elementor-5644 .elementor-element.elementor-element-88995e4{width:var( --container-widget-width, 331.034px );max-width:331.034px;--container-widget-width:331.034px;--container-widget-flex-grow:0;--e-search-results-border-radius:4px 4px 4px 4px;--e-search-results-padding:5px 5px 5px 5px;--e-search-input-and-results-gap:6px;--e-search-results-max-height:357px;--e-search-results-row-gap:0px;}.elementor-5644 .elementor-element.elementor-element-88995e4 .e-search-input{border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-5644 .elementor-element.elementor-element-88995e4 .e-search-nothing-found-message{font-size:10px;}.elementor-5644 .elementor-element.elementor-element-b1b964b{width:100%;}.elementor-5644 .elementor-element.elementor-element-b1b964b > .elementor-element-populated{margin:-51px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for image, class: .elementor-element-dd4edad */.elementor-5644 .elementor-element.elementor-element-dd4edad img {
  pointer-events: none;
}

.elementor-5644 .elementor-element.elementor-element-dd4edad::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-95f5b9f *//* ============================================
   استایل کامل فرم خرید امتیاز وام
   با فونت فارسی و رنگ‌بندی سفارشی
   ============================================ */

/* 1. ایمبارد فونت وزیر از CDN */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

/* 2. استایل اصلی فرم با پالت رنگ سفارشی */
.gform_wrapper {
    font-family: 'Vazirmatn', sans-serif;
    direction: rtl;
    text-align: right;
    max-width: 700px;
    margin: 30px auto;
    padding: 35px;
    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(23, 91, 166, 0.08);
    border: 1px solid #e1eaf5;
}

/* 3. استایل برچسب‌ها و فیلدها */
.gform_wrapper .gfield {
    margin-bottom: 26px;
    position: relative;
}

.gform_wrapper .gfield_label {
    display: block;
    font-weight: 700;
    color: #175ba6; /* رنگ آبی اصلی برای برچسب‌ها */
    margin-bottom: 10px;
    font-size: 15.5px;
}

/* 4. استایل ورودی‌ها - تمرکز روی رنگ نارنجی */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea {
    width: 100%;
    padding: 16px 18px;
    border: 2px solid #dce5f0;
    border-radius: 10px;
    font-size: 15px;
    font-family: 'Vazirmatn', sans-serif;
    transition: all 0.3s ease;
    background-color: white;
    box-sizing: border-box;
    color: #333;
    text-align: right;
}

/* هایلایت و فوکوس با رنگ نارنجی (#f66e00) */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    outline: none;
    border-color: #f66e00;
    box-shadow: 0 0 0 3px rgba(246, 110, 0, 0.2);
}

/* 5. استایل مخصوص فیلدهای ضروری با رنگ نارنجی */
.gfield_contains_required .gfield_label:after {
    content: ' *';
    color: #f66e00;
    font-size: 1.2em;
}

/* 6. گزینه‌های رادیویی/چک‌باکس */
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gform_wrapper .gfield_radio input[type="radio"],
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
    margin-left: 12px;
    margin-right: 0;
    width: 20px;
    height: 20px;
    accent-color: #175ba6;
}

.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label {
    color: #424242;
    font-size: 15px;
    cursor: pointer;
    padding: 8px 0;
}

/* 7. فعال‌سازی کیبورد اعداد برای فیلد کد ملی */
input.iranian-national-code {
    inputmode: numeric;
    pattern: "[0-9]*";
}

/* 8. دکمه ارسال با گرادینت آبی */
.gform_wrapper .gform_button {
    width: 100%;
    padding: 18px;
    background: linear-gradient(135deg, #175ba6 0%, #1a4a8c 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Vazirmatn', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
    box-shadow: 0 6px 18px rgba(23, 91, 166, 0.25);
}

.gform_wrapper .gform_button:hover {
    background: linear-gradient(135deg, #1a4a8c 0%, #153d75 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(23, 91, 166, 0.35);
}

.gform_wrapper .gform_button:active {
    transform: translateY(0);
}

/* 9. استایل خطا */
.gform_wrapper .validation_error {
    color: #c0392b;
    background-color: #ffebee;
    border: 1px solid #ffcdd2;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 24px;
    font-weight: 500;
    text-align: center;
}

.gform_wrapper .gfield_error input[type="text"],
.gform_wrapper .gfield_error input[type="tel"],
.gform_wrapper .gfield_error input[type="number"],
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
    border-color: #f66e00;
    background-color: #fff9f5;
}

/* 10. استایل متن راهنما */
.gform_wrapper .gfield_description {
    color: #666;
    font-size: 13.5px;
    margin-top: 8px;
    font-style: normal;
    line-height: 1.6;
}

/* 11. استایل دهی به پیام تایید موفقیت آمیز ارسال فرم */
.gform_confirmation_wrapper {
    font-family: 'Vazirmatn', sans-serif;
    direction: rtl;
    text-align: center;
    margin: 40px auto;
    padding: 40px 30px;
    max-width: 700px;
    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
    border-radius: 18px;
    border: 2px solid #e1eaf5;
    box-shadow: 0 15px 40px rgba(23, 91, 166, 0.1);
}

.gform_confirmation_message {
    color: #175ba6;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    padding: 20px;
}

/* افزودن یک تیک (علامت تایید) در ابتدای پیام */
.gform_confirmation_message:before {
    content: "✓";
    display: block;
    font-size: 60px;
    color: #2ecc71;
    margin-bottom: 25px;
    line-height: 1;
}

/* استایل برای پیام تایید در صفحات جداگانه */
body.page .gform_confirmation_message {
    background-color: #f8faff;
    border-right: 5px solid #f66e00;
    padding: 30px;
    border-radius: 12px;
}

/* استایل دکمه در پیام تایید */
.gform_confirmation_wrapper a.button,
.gform_confirmation_wrapper input[type="button"] {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    background: linear-gradient(135deg, #175ba6 0%, #1a4a8c 100%);
    color: white;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(23, 91, 166, 0.25);
    border: none;
    cursor: pointer;
}

.gform_confirmation_wrapper a.button:hover,
.gform_confirmation_wrapper input[type="button"]:hover {
    background: linear-gradient(135deg, #1a4a8c 0%, #153d75 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(23, 91, 166, 0.35);
}

/* 12. واکنش‌گرایی برای موبایل و تبلت */
@media (max-width: 768px) {
    .gform_wrapper {
        padding: 25px 20px;
        margin: 15px;
        border-radius: 14px;
    }
    
    .gform_wrapper .gform_button {
        padding: 17px;
        font-size: 16px;
    }
    
    .gform_wrapper .gfield_radio li,
    .gform_wrapper .gfield_checkbox li {
        flex-wrap: wrap;
    }
    
    .gform_confirmation_wrapper {
        margin: 20px 15px;
        padding: 30px 20px;
    }
    
    .gform_confirmation_message {
        font-size: 16px;
        padding: 15px;
    }
    
    .gform_confirmation_message:before {
        font-size: 50px;
        margin-bottom: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for tabs, class: .elementor-element-81d405b *//* ====== بازطراحی تب‌ها با حالت شیشه‌ای مینیمال ====== */
.tabs, .wp-tab, .tab-container, .vc_tta-container, .elementor-tab,
[class*="tab"], [class*="Tabs"], [class*="tabs"] {
  width: 100%;
  margin: 30px 0 25px 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --primary-color: #175ba6;
  --primary-light: rgba(23, 91, 166, 0.1);
  --primary-dark: #144c8a;
  --glass-color: #ffcea7;
  --glass-light: rgba(255, 206, 167, 0.15);
  --glass-dark: rgba(255, 206, 167, 0.25);
  --primary-gradient: linear-gradient(135deg, #175ba6 0%, #1e7bd9 100%);
  --accent-gradient: linear-gradient(135deg, #1e7bd9 0%, #2a9df4 100%);
  --accent-color: #ff7e30;
  --text-primary: #2d3748;
  --text-secondary: #4a5568;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --border-color: #e2e8f0;
  --shadow-color: rgba(0, 0, 0, 0.08);
  --transition-smooth: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}

/* سربرگ‌های تب - طراحی شیشه‌ای */
.tab-nav, .wp-tab-tabs, .tabs-nav, .vc_tta-tabs-list,
.nav-tabs, .tab-titles, .tab-headers,
ul[role="tablist"], .tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0 0 25px 0; /* افزایش فاصله با محتوا */
  padding: 0;
  list-style: none;
  position: relative;
  border-bottom: none;
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85), 
    rgba(255, 255, 255, 0.7)
  );
  padding: 20px;
  border-radius: 18px;
  backdrop-filter: blur(12px);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.3) inset,
    0 0 60px rgba(255, 206, 167, 0.1) inset;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.tab-nav li, .wp-tab-tab, .tabs-nav li, .vc_tta-tab,
.nav-tabs li, .tab-title, .tab-header,
[role="tab"], .tab-list-item {
  padding: 18px 32px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-secondary);
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.8)
  );
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  border-radius: 14px;
  transition: var(--transition-smooth);
  text-align: center;
  flex: 1;
  min-width: 140px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* افکت شیشه‌ای قوی‌تر برای تب‌ها */
.tab-nav li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.95),
    rgba(255, 255, 255, 0.85)
  );
  border-radius: 12px;
  z-index: -1;
  backdrop-filter: blur(5px);
}

.tab-nav li:hover, .wp-tab-tab:hover, .tab-title:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 
    0 15px 30px rgba(23, 91, 166, 0.15),
    0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  color: var(--primary-dark);
  border-color: rgba(255, 255, 255, 0.9);
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.95),
    rgba(255, 206, 167, 0.1)
  );
}

/* تب فعال با طراحی شیشه‌ای */
.tab-nav li.active, .wp-tab-tab.active, .vc_tta-tab.vc_active,
.nav-tabs li.active, .tab-title.active, [aria-selected="true"],
.active-tab, .current-tab {
  background: linear-gradient(135deg, 
    rgba(23, 91, 166, 0.95),
    rgba(30, 123, 217, 0.9)
  ) !important;
  color: white !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  font-weight: 700;
  z-index: 10;
  position: relative;
  animation: glassPulse 3s infinite;
  backdrop-filter: blur(10px);
}

/* افکت شیشه‌ای آبی برای تب فعال */
.tab-nav li.active {
  box-shadow: 
    0 12px 40px rgba(23, 91, 166, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.3) inset,
    0 6px 25px rgba(255, 255, 255, 0.2) inset,
    0 0 40px rgba(255, 206, 167, 0.2);
}

@keyframes glassPulse {
  0%, 100% {
    box-shadow: 
      0 12px 40px rgba(23, 91, 166, 0.3),
      0 0 0 1px rgba(255, 255, 255, 0.3) inset,
      0 6px 25px rgba(255, 255, 255, 0.2) inset;
  }
  50% {
    box-shadow: 
      0 16px 50px rgba(23, 91, 166, 0.4),
      0 0 0 1px rgba(255, 255, 255, 0.4) inset,
      0 8px 30px rgba(255, 255, 255, 0.3) inset,
      0 0 50px rgba(255, 206, 167, 0.3);
  }
}

/* محتوای تب با طراحی شیشه‌ای مینیمال */
.tab-content, .wp-tab-content, .tabs-content, .vc_tta-panels,
.tab-contents, .tab-body, [role="tabpanel"] {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.75)
  );
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 40px 45px;
  box-shadow: 
    0 25px 60px rgba(0, 0, 0, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.6) inset,
    0 0 80px rgba(255, 206, 167, 0.15) inset;
  position: relative;
  z-index: 1;
  min-height: 220px;
  overflow: hidden;
  margin-top: 0; /* حذف margin-top منفی */
  backdrop-filter: blur(15px);
}

/* افکت گرادیانت شیشه‌ای بالای محتوا */
.tab-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, 
    transparent 0%,
    rgba(255, 206, 167, 0.6) 20%,
    rgba(23, 91, 166, 0.8) 50%,
    rgba(255, 206, 167, 0.6) 80%,
    transparent 100%
  );
  z-index: 2;
  border-radius: 20px 20px 0 0;
}

/* افکت نور شیشه‌ای پشت محتوا */
.tab-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, 
    rgba(255, 206, 167, 0.05) 0%,
    rgba(23, 91, 166, 0.05) 50%,
    rgba(255, 206, 167, 0.05) 100%
  );
  z-index: -1;
  backdrop-filter: blur(5px);
}

.tab-pane, .wp-tab-pane, .tabs-pane, .vc_tta-panel,
.tab-content-item, .tab-panel {
  display: none;
  animation: glassFadeIn 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}

@keyframes glassFadeIn {
  from {
    opacity: 0;
    transform: translateY(25px) scale(0.98);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

.tab-pane.active, .wp-tab-pane.active, .vc_tta-panel.vc_active,
.tab-content-item.active, [role="tabpanel"][aria-hidden="false"] {
  display: block;
}

/* افکت هاله نور شیشه‌ای برای تب‌ها */
.tab-nav li:hover::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, 
    rgba(255, 206, 167, 0.2) 0%,
    rgba(255, 206, 167, 0.1) 30%,
    transparent 70%
  );
  transform: translate(-50%, -50%);
  animation: glassRipple 1.5s ease-out;
  z-index: -1;
}

@keyframes glassRipple {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

/* ====== ریسپانسیو موبایل - طراحی شیشه‌ای ====== */
@media (max-width: 768px) {
  .tab-nav, .wp-tab-tabs, .tabs-nav,
  .nav-tabs, ul[role="tablist"] {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px; /* افزایش فاصله در موبایل */
    padding: 20px 18px;
    background: linear-gradient(135deg, 
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.8)
    );
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    box-shadow: 
      0 15px 40px rgba(0, 0, 0, 0.08),
      0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  }
  
  .tab-nav li, .wp-tab-tab, .tab-title,
  [role="tab"] {
    border-radius: 16px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    text-align: right;
    padding: 20px 24px;
    min-width: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    transition: var(--transition-smooth);
    background: linear-gradient(135deg, 
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.8)
    );
    backdrop-filter: blur(8px);
  }
  
  .tab-nav li:hover {
    transform: translateX(10px) scale(1.03);
    box-shadow: 
      0 15px 30px rgba(23, 91, 166, 0.15),
      0 0 0 1px rgba(255, 255, 255, 0.8) inset;
    background: linear-gradient(135deg, 
      rgba(255, 255, 255, 0.95),
      rgba(255, 206, 167, 0.1)
    );
  }
  
  /* تب فعال در موبایل */
  .tab-nav li.active, .tab-title.active {
    background: linear-gradient(135deg, 
      rgba(23, 91, 166, 0.95),
      rgba(30, 123, 217, 0.9)
    ) !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateX(12px) scale(1.03);
    box-shadow: 
      0 20px 40px rgba(23, 91, 166, 0.25),
      0 0 0 1px rgba(255, 255, 255, 0.3) inset,
      0 0 50px rgba(255, 206, 167, 0.2);
  }
  
  /* محتوای تب در موبایل */
  .tab-content, .wp-tab-content {
    border-radius: 20px !important;
    padding: 30px;
    margin-top: 0; /* حذف margin-top */
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 
      0 20px 50px rgba(0, 0, 0, 0.08),
      0 0 0 1px rgba(255, 255, 255, 0.5) inset,
      0 0 60px rgba(255, 206, 167, 0.1) inset;
    backdrop-filter: blur(15px);
  }
}

/* موبایل‌های کوچک */
@media (max-width: 480px) {
  .tab-content, .wp-tab-content {
    padding: 25px;
  }
  
  .tab-nav li, .tab-title {
    padding: 18px 22px;
    font-size: 15px;
  }
  
  .tab-nav {
    padding: 18px 16px;
  }
}

/* حالت دارک مود */
@media (prefers-color-scheme: dark) {
  .tabs, .wp-tab, .tab-container {
    --bg-primary: #1a202c;
    --bg-secondary: #2d3748;
    --text-primary: #e2e8f0;
    --text-secondary: #cbd5e0;
    --border-color: #4a5568;
    --shadow-color: rgba(0, 0, 0, 0.4);
  }
  
  .tab-nav, .wp-tab-tabs, .tabs-nav {
    background: linear-gradient(135deg, 
      rgba(26, 32, 44, 0.85),
      rgba(45, 55, 72, 0.7)
    );
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
      0 8px 32px rgba(0, 0, 0, 0.2),
      0 0 0 1px rgba(255, 255, 255, 0.05) inset,
      0 0 60px rgba(255, 206, 167, 0.05) inset;
  }
  
  .tab-nav li, .wp-tab-tab, .tab-title {
    background: linear-gradient(135deg, 
      rgba(45, 55, 72, 0.9),
      rgba(55, 65, 81, 0.8)
    );
    color: var(--text-secondary);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .tab-nav li:hover {
    background: linear-gradient(135deg, 
      rgba(55, 65, 81, 0.95),
      rgba(255, 206, 167, 0.05)
    );
    color: #7eb6ff;
  }
  
  .tab-content {
    background: linear-gradient(135deg, 
      rgba(26, 32, 44, 0.85),
      rgba(45, 55, 72, 0.75)
    );
    color: var(--text-primary);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .tab-content::before {
    background: linear-gradient(90deg, 
      transparent 0%,
      rgba(255, 206, 167, 0.3) 20%,
      rgba(23, 91, 166, 0.6) 50%,
      rgba(255, 206, 167, 0.3) 80%,
      transparent 100%
    );
  }
}

/* بهبود ظاهر متن با فونت بزرگتر */
.tab-content p {
  line-height: 1.9;
  margin-bottom: 22px;
  color: var(--text-secondary);
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
}

.tab-content h3, 
.tab-content h4 {
  color: var(--primary-color);
  margin-top: 0;
  margin-bottom: 28px;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  font-size: 28px;
  text-align: right;
}

.tab-content h3::after,
.tab-content h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 4px;
  background: linear-gradient(90deg, 
    var(--glass-color) 0%,
    var(--primary-color) 50%,
    var(--glass-color) 100%
  );
  border-radius: 2px;
}

/* استایل برای لیست‌ها داخل تب */
.tab-content ul,
.tab-content ol {
  margin: 28px 0;
  padding-right: 35px;
}

.tab-content li {
  margin-bottom: 12px;
  line-height: 1.9;
  padding-right: 12px;
  position: relative;
  font-size: 17px;
}

.tab-content ul li::before {
  content: '•';
  color: var(--glass-color);
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  right: -25px;
  top: -2px;
}

/* افکت نور در گوشه‌ها */
.tab-content {
  position: relative;
}

.tab-content::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, 
    rgba(255, 206, 167, 0.15) 0%,
    transparent 70%
  );
  z-index: 0;
}

.tab-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, 
    rgba(23, 91, 166, 0.1) 0%,
    transparent 70%
  );
  z-index: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IRANYekanWeb';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sirjob.ir/wp-content/uploads/2025/07/IRANYekanWebRegular.eot');
	src: url('https://sirjob.ir/wp-content/uploads/2025/07/IRANYekanWebRegular.eot?#iefix') format('embedded-opentype'),
		url('https://sirjob.ir/wp-content/uploads/2025/07/IRANYekanWebRegular.woff2') format('woff2'),
		url('https://sirjob.ir/wp-content/uploads/2025/07/IRANYekanWebRegular.woff') format('woff'),
		url('https://sirjob.ir/wp-content/uploads/2025/07/IRANYekanWebRegular.ttf') format('truetype'),
		url('https://sirjob.ir/wp-content/uploads/2025/07/IRANYekanWebRegular.svg#IRANYekanWeb') format('svg');
}
/* End Custom Fonts CSS */