/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Font
- Default WP
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/IRANSans/eot/IRANSansWeb_Bold.eot);
    src: url(../fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2) format("woff2"), url(../fonts/IRANSans/woff/IRANSansWeb_Bold.woff) format("woff"), url(../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/IRANSans/eot/IRANSansWeb_Medium.eot);
    src: url(../fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2) format("woff2"), url(../fonts/IRANSans/woff/IRANSansWeb_Medium.woff) format("woff"), url(../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/IRANSans/eot/IRANSansWeb_Light.eot);
    src: url(../fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2) format("woff2"), url(../fonts/IRANSans/woff/IRANSansWeb_Light.woff) format("woff"), url(../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot);
    src: url(../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2) format("woff2"), url(../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff) format("woff"), url(../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf) format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/IRANSans/eot/IRANSansWeb.eot);
    src: url(../fonts/IRANSans/eot/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSans/woff2/IRANSansWeb.woff2) format("woff2"), url(../fonts/IRANSans/woff/IRANSansWeb.woff) format("woff"), url(../fonts/IRANSans/ttf/IRANSansWeb.ttf) format("truetype");
}


/* Default WP
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body.tag {
    padding: 0;
}

.container {
    position: relative;
    width: 1370px;
    margin: 0 auto;
}

.colm1 {
    width: 8.33%;
}

.colm2 {
    width: 16.66%;
}

.colm3 {
    width: 25%;
}

.colm4 {
    width: 33.33%;
}

.colm5 {
    width: 41.66%;
}

.colm6 {
    width: 50%;
}

.colm7 {
    width: 58.33%;
}

.colm8 {
    width: 66.66%;
}

.colm9 {
    width: 75%;
}

.colm10 {
    width: 83.33%;
}

.colm11 {
    width: 91.66%;
}

.colm12 {
    width: 100%;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.pad-5 {
    padding: 5px;
}

.pad-10 {
    padding: 10px;
}

.pad-20 {
    padding: 20px;
}

.pad-30 {
    padding: 30px;
}

.pad-40 {
    padding: 40px;
}

.pad-b-5 {
    padding-bottom: 5px;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.pointer {
    cursor: pointer;
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
    background-color: #ffffff;
    overflow-x: hidden;
}

img {
    vertical-align: middle;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.margin-auto {
    margin: 0 auto;
}

.full-height {
    height: 100vh;
}

.half-height {
    height: 40vh;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.space-between {
    justify-content: space-between;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
    font-family: IRANSans;
}

a {
    color: #1eaedb;
    text-decoration: none;
}

a:hover {
    color: #0fa0ce;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="file"],
input[type="reset"],
input[type="button"],
.btn {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="file"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="file"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    outline: 0;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="file"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #fff;
    background-color: #939597;
    border: 0;
    border-radius: 0;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="file"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="file"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #fff;
    background-color: #939597;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #959ea6;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #959ea6;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #959ea6;
}

.btn-auth,
.icon-user {
    color: #000000;
    display: flex !important;
    font-size: 18px !important;
}

.btn-auth,
.icon-user:hover {
    color: #000000;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="file"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    font-size: 14px;
    color: #666;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 4px;
    height: 38px;
    padding: 5px;
    margin: 6px 0px 4px;
    border: solid 1px #70806b;
    background: transparent;
}

input[type="file"] {
    padding: 10px;
    font-size: 13px;
}


/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="file"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="file"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #33c3f0;
    outline: 0;
}

label,
legend {
    font-size: 13px;
    font-weight: 500;
}

fieldset {
    padding: 0;
    border-width: 0;
}



label>.label-body {
    display: inline-block;
    margin-left: 0.5rem;
    font-weight: normal;
}

label.error {
    color: red;
    font-size: 11px !important;
}

.error {
    transition: 0.4s
}

select.error,
textarea.error,
input.error {
    border: 1px solid red;
}

.row-input select.error:focus,
.row-input textarea.error:focus,
.row-input input.error:focus {
    border-color: red;
    box-shadow: unset !important;
    outline: unset !important;
}

/* استایل پس‌زمینه لودینگ */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* رنگ تیره با شفافیت */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* بالاترین لایه */
    visibility: hidden;
    /* در حالت عادی مخفی است */
    opacity: 0;
    /* شفاف است */
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

/* وقتی کلاس active اضافه شد */
.loading-overlay.active {
    visibility: visible;
    /* قابل مشاهده می‌شود */
    opacity: 1;
    /* کاملاً نمایان می‌شود */
}

/* استایل اسپینر لودینگ */
.loading-spinner {
    border: 5px solid #f3f3f3;
    /* رنگ بیرونی اسپینر */
    border-top: 5px solid #3498db;
    /* رنگ بالایی اسپینر */
    border-radius: 50%;
    /* شکل دایره */
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    /* انیمیشن چرخش */
}

/* انیمیشن چرخش */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* global*/
    * { margin:0; padding:0; box-sizing:border-box; }

    :root{
      --navy:#0A1929;
      --orange:#FF7A00;
      --orange-2:#FF9A3C;
      --light:#ffffff;
      --muted:#B0BEC5;
      --glass:rgba(255,255,255,0.06);
      --glass-border:rgba(255,122,0,0.22);
    }

    body{
      /* font-family:'Vazirmatn', Tahoma, sans-serif; */
      /* background:
        radial-gradient(circle at 20% 20%, rgba(255,122,0,0.12), transparent 22%),
        radial-gradient(circle at 80% 30%, rgba(255,154,60,0.08), transparent 20%),
        radial-gradient(circle at 60% 80%, rgba(255,122,0,0.06), transparent 20%),
        linear-gradient(135deg, #08131f 0%, #0A1929 45%, #091522 100%); */
      color:#fff;
      overflow-x:hidden;
      min-height:100vh;
    }


/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
    padding-left: 13.5px;
    padding-right: 13.5px;
    position: fixed;
    width: 100%;
    top: 13.5px;
    z-index: 999;

}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    border-radius: 9px;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: 0 0px 5px -4px #000;
}

.nav-h-r {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    height: 100%;
}

.flex-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.line-height-header {
    color: #054c44;
    font-weight: bold;
    /* font-size: 18px; */
}
.logo.flex-nav svg{
    width:32px;
    height:32px;
}
.header .btn-register,
.header .btn-login{
    padding: 3px 8px;
    min-width: 110px;
}
.nav-h {
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 32px;
}

.nav-h li a {
    position: relative;
    color: #000000;
    transition: 0.5s;
    font-size: 14px;
    font-weight: 600;
}

.nav-h li a::after {
    content: "";
    width: 0;
    height: 1px;
    background: #1a1a1a;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: 0.4s;
}

.nav-h li a:hover {
    color: #1a1a1a;
}

.nav-h li a:hover::after {
    width: 100%;
}

.nav-h-l {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-login {
    color: #16263d;
    font-weight: 500;
    text-align: center;
    padding: 6px 12px;
    border: 1px solid #657285;
    border-radius: 8px;
    font-size: 14px;
    min-width: 130px;
    transition: 0.5s;
}

.btn-register {
    color: #fff;
    background: #054c44;
    font-weight: 500;
    text-align: center;
    padding: 6px 12px;
    border: 1px solid #054c44;
    border-radius: 8px;
    font-size: 14px;
    min-width: 130px;
    transition: 0.5s;
}

.btn-register:hover {
    color: #fff;
    background-color: #042824;
}

.btn-login:hover {
    color: #16263d;
    border-color: #1a1a1a;
}

/* Menus
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.sub-menu {
    background: #ffcc00;
}

div.primary-menu {
    margin-right: 20px;
}

div.primary-menu ul {
    list-style: none;
    display: flex;
    position: relative;
}

div.primary-menu li {
    display: block;
    color: #4b5259;
}

ul.sub-menu li {
    /* border-bottom: 1px solid #f1f1f1; */
}

ul.sub-menu li:last-child {
    border-bottom: 0;
}

div.primary-menu>ul>li {
    position: relative;
    padding: 19px;
    cursor: pointer;
}

div.primary-menu>ul>li svg {
    vertical-align: middle;
    margin-right: 10px;
}

div.primary-menu>ul>li:after {
    content: " ";
    position: absolute;
    left: -1px;
    top: 22px;
    width: 1px;
    height: 24px;
    background: #0000001f;
}

div.primary-menu>ul>li:last-child:after {
    width: 0;
}

div.primary-menu>ul>li:has(>.sub-menu) {
    padding-left: 20px;
}

div.primary-menu>ul>li {
    display: block;
}

div.primary-menu>ul>li:hover {
    /* color: #000; */
}

div.primary-menu>ul>li:hover {
    /* background: #f3f3f3; */
}


/* Sub/Children Menu */

div.primary-menu .sub-menu,
div.primary-menu .children {
    display: none;
    position: absolute;
    right: 0;
    top: 93%;
    background: #fff;
    min-width: 130px;
    z-index: 5;
}

li.more .sub-menu {
    min-width: 190px;
}

div.primary-menu li:hover>.sub-menu,
div.primary-menu li:hover>.children {
    display: block;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 3px 10px 0 rgba(0, 0, 0, .12), 0 10px 10px -6px rgba(0, 0, 0, .12);
    border-radius: 8px;
    border: solid 1px #0000001f;
}

div.primary-menu .sub-menu li,
div.primary-menu .children li {
    position: relative;
    display: block;
    font-size: 14px;
    color: #4b5259;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}

div.primary-menu .sub-menu li:hover,
div.primary-menu .children li:hover {}

div.primary-menu .sub-menu li::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 82%;
    text-align: center;
    height: 1px;
    background: #0000001f;
}

div.primary-menu .sub-menu li:last-child:before {
    height: 0;
}


/* Grandchildren Menu */

div.primary-menu .sub-menu .sub-menu,
div.primary-menu .children .children {
    position: absolute;
    right: 100%;
    top: 0;
    background: #444;
}

div.primary-menu li.menu-item::before {
    position: absolute;
    top: 50%;
    left: 24px;
    margin: auto;
    transform: translate(-50%, -50%);
}

.svg3 svg {
    transform: translate(0, -16px);
}

.support-center {
    color: #4b5259;
    padding-left: 30px;
    transition: 0.5s;
    border-radius: 8px;
    padding: 5px;
    margin-left: 25px;
}

.support-center:hover {
    color: #4b5259;
    box-shadow: inset 0 0 14px -10px #000;
}

.support-center:last-child {
    position: relative;
    margin-left: 0;
    padding-right: 8px;
}

.svg-verified {
    width: 12px;
    color: #28a745;
    position: absolute;
    top: 5px;
    right: 2px;
    margin-left: 0 !important;
}

.svgarrow-b {
    vertical-align: middle;
    margin-left: 0 !important;
    margin-right: 8px;
}

.support-center svg {
    margin-left: 3px;
}

.custom-logo {
    width: 120px;   /* اندازه دلخواه */
    height: 40px;
}

    /* sec1*/
    .border-single-banner-eve {
    height: 10px;
    width: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(246, 249, 255, 0.54) 0%, rgb(0, 38, 189) 100%);
}
    .hero{
      position:relative;
      min-height:100vh;
      display:flex;
      align-items:stretch;
      overflow:hidden;
      isolate:isolate;
    }

    .bg-orb{
      position:absolute;
      border-radius:50%;
      filter:blur(60px);
      opacity:.35;
      z-index:0;
      pointer-events:none;
    }
    .orb-1{
      width:340px; height:340px;
      right:8%; top:12%;
      background:rgba(255,122,0,0.18);
    }
    .orb-2{
      width:260px; height:260px;
      left:10%; bottom:10%;
      background:rgba(255,154,60,0.12);
    }

    .slice{
      position:absolute;
      inset:0;
      z-index:0;
      will-change:clip-path, transform, opacity;
    }

    .slice-left{
      background:#afcdff;
      clip-path: polygon(0 0, 62% 0, 36% 100%, 0 100%);
    }

    .slice-right{
      background:#0A1929;
      clip-path: polygon(100% 0, 100% 100%, 38% 100%, 64% 0);
    }

    .side{
      position:relative;
      z-index:10;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:0 50px;
    }

    /* متن سمت چپ */
    .side-left{
      order:1;
      width:46%;
    }

    /* روبیک سمت راست */
    .side-right{
      order:2;
      width:54%;
    }

    .text-side{
      width:100%;
      max-width:540px;
      color:#fff;
      user-select:none;
    }

    .service-title{
      font-size:48px;
      font-weight:900;
      line-height:1.35;
      margin-bottom:16px;
      color:#fff;
    }

    .service-title span{
      color:var(--orange);
      text-shadow:0 0 18px rgba(255,122,0,0.18);
    }

    .service-desc{
      font-size:15px;
      color:var(--muted);
      line-height:1.95;
      margin-bottom:20px;
      max-width:480px;
    }

    .service-features{
      display:flex;
      flex-direction:column;
      gap:11px;
      margin-bottom:26px;
    }

    .feature-item{
      display:flex;
      align-items:center;
      gap:8px;
      color:#CFD8DC;
      font-size:13px;
    }

    .feature-item i{
      color:var(--orange);
    }

    .service-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-width:170px;
      height:50px;
      padding:0 24px;
      border-radius:12px;
      text-decoration:none;
      font-weight:800;
      font-size:14px;
      transition:.28s;
      cursor:pointer;
      color:var(--orange);

      background:rgba(255,255,255,0.02);
      border:2px solid var(--orange);
      box-shadow:
        0 0 0 rgba(255,122,0,0),
        inset 0 0 0 rgba(255,122,0,0);
    }

    .service-cta:hover{
      transform:translateY(-3px);
      background:rgba(255,122,0,0.08);
      box-shadow:
        0 10px 24px rgba(255,122,0,0.14),
        inset 0 0 24px rgba(255,122,0,0.04);
    }

    .cube-side{
      width:100%;
      height:100vh;
      min-height:560px;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
    }

    #canvas-container{
      width:900px;
      height:900px;
      max-width:78vw;
      max-height:78vh;
      position:relative;
      filter:
        drop-shadow(0 60px 120px rgba(0,0,0,0.55))
        drop-shadow(0 0 40px rgba(255,122,0,0.12));
    }

    /*sec 2*/
    .sec2-index-section {
    padding: 120px 20px;
    background: linear-gradient(180deg,#afcdff,#eef2f7);
    font-family: sans-serif;
}

.sec2-index-container{
    max-width: 1180px;
    margin: auto;
}

/* ===== TITLE AREA ===== */
.sec2-index-header{
    text-align:center;
    margin-bottom:90px;
}

.sec2-index-header h2{
    font-size:32px;
    font-weight:900;
    margin-bottom:12px;
   color: #000;
}

.sec2-index-header p{
    font-size:16px;
    color:#555;
    line-height:2;
    max-width:620px;
    margin:auto;
}

/* GRID */
.sec2-index-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
}

/* ============ CARD (PRO) ============ */

.sec2-index-card {
    position: relative;

    padding: 50px 50px 50px 80px;   /* فاصله بیشتر از آیکون */

    border-radius: 26px;

    background:
        linear-gradient(90deg,var(--accent) 0px,var(--accent) 5px,transparent 5px),
        linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0.25));

    backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.6);

    box-shadow:
        0 20px 40px rgba(0,0,0,0.08),
        inset 0 0 35px rgba(255,255,255,0.35);

    /* ENTRY START */
    opacity:0;
    transform:perspective(1000px) translateY(120px) rotateX(20deg) scale(.85);
    filter:blur(18px);
    transition:
        transform 1.35s cubic-bezier(.16,1,.3,1),
        opacity 1s ease,
        filter 1s ease;
}

.sec2-index-card.show{
    opacity:1;
    transform:perspective(1000px) translateY(0) rotateX(0) scale(1);
    filter:blur(0);
}

/* Hover */
.sec2-index-card:hover{
    transform:translateY(-12px) scale(1.03);
    box-shadow:
        0 35px 90px rgba(0,0,0,0.18),
        0 0 60px var(--accentGlow);
}

/* Content */
.sec2-index-content h3{
    font-size:21px;
    font-weight:800;
    margin-bottom:16px;
    color: black;
}

.sec2-index-content p{
    font-size:15px;
    line-height:2;
    color:#444;
    margin-bottom:30px;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
}
.sec2-index-content{
    padding: 0px 30px;
}

/* Button */
.sec2-index-btn{
    position:relative;

    padding:12px 22px;
    border-radius:12px;

    border:2px solid var(--accent);
    /* color:var(--accent); */
    color: #000;

    font-size:14px;
    font-weight:700;
    text-decoration:none;

    overflow:hidden;
    transition:.3s;
}

.sec2-index-btn:hover{
    background:var(--accent);
    color:#fff;
    box-shadow:0 0 25px var(--accentGlow);
} 

/* Ripple */
.sec2-index-btn::after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    background:rgba(255,255,255,.4);
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:.5s;
}
.sec2-index-btn:active::after{
    width:200px;
    height:200px;
    opacity:0;
}

/* ICON */
.sec2-index-icon{
    position:absolute;
    right:-40px;
    top:50%;
    transform:translateY(-50%);

    width:85px;
    height:85px;

    border-radius:22px;

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

    font-size:32px;
    color:#fff;

    background:var(--accent);

    box-shadow:
        0 12px 32px rgba(0,0,0,0.22),
        0 0 32px var(--accentGlow),
        0 0 70px var(--accentGlowSoft);

    animation:floatIcon 4s ease-in-out infinite;
}

@keyframes floatIcon {
    0%{ transform:translateY(-50%) translateY(0); }
    50%{ transform:translateY(-50%) translateY(-7px); }
    100%{ transform:translateY(-50%) translateY(0); }
}

/* COLORS */
.sec2-index-gold{
    --accent:#FFD76B;
    --accentGlow:rgba(255,215,107,.55);
    --accentGlowSoft:rgba(255,215,107,.25);
}

.sec2-index-car{
    --accent:#FF8C8C;
    --accentGlow:rgba(255,140,140,.55);
    --accentGlowSoft:rgba(255,140,140,.25);
}

.sec2-index-sim{
    --accent:#7EC8FF;
    --accentGlow:rgba(126,200,255,.55);
    --accentGlowSoft:rgba(126,200,255,.25);
}

.sec2-index-home{
    --accent:#8EE3C2;
    --accentGlow:rgba(142,227,194,.55);
    --accentGlowSoft:rgba(142,227,194,.25);
}




/*sec3*/
   

        .spacer-top {
            height: 70vh;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.2rem;
            opacity: 0.7;
        }

     
        .check-section {
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            padding: 2rem;
        }

        .check-container {
            display: flex;
            width: 100%;
            height: 100%;        
            margin: 50px 0px;

        }

        .check-side {
          
            height: 100%;
       
        }

     
        .right-side {
            background: #2c3e4e;
        }
        .right-side img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }


        .left-side {
            
            will-change: transform;
        }
        .left-side img {
            width: 100%;
            height: 100%;
            /* object-fit: cover; */
            display: block;
        }

        .spacer-bottom {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            opacity: 0.6;
        }

        @media (max-width: 700px) {
            .check-container {
                height: 220px;  
            }
        }

.sec3-index-conditions {
    max-width: 1300px;
    margin: 80px auto;
    padding: 0 24px;
}

.sec3-index-conditions-title {
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    /* color: #ef6a1dff; */
    color: #000;
    margin-bottom: 16px;
    position: relative;
}

.sec3-index-conditions-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #2e72ccff, #2758aeff);
    margin: 16px auto 0;
    border-radius: 4px;
}

.sec3-index-conditions-subtitle {
    text-align: center;
    color: #64748b;
    margin-bottom: 50px;
    font-size: 1rem;
}

/* 4 کارت در یک ردیف */
.sec3-index-conditions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.sec3-index-condition-card {
    background: white;
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 20px 35px -10px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    border: 1px solid rgba(46, 204, 113, 0.15);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(60px) scale(0.95);
}

.sec3-index-condition-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, #2e72ccff, #2758aeff);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.sec3-index-condition-card:hover::before {
    transform: scaleX(1);
}

.sec3-index-condition-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 40px -12px rgba(46, 204, 113, 0.25);
}

.sec3-index-condition-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #2e72ccff, #2758aeff);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}

/* .sec3-index-condition-icon svg {
    width: 30px;
    height: 30px;
    fill: white;
} */

.sec3-index-condition-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a2a3a;
    margin-bottom: 10px;
}

.sec3-index-condition-card p {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.5;
}

/* ========== بخش مراحل - ۷ دایره کنار هم با خط ========== */
.sec3-index-steps {
    max-width: 1300px;
    margin: 80px auto;
    padding: 0 24px;
}

.sec3-index-steps-title {
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: black;
    margin-bottom: 16px;
    position: relative;
}

.sec3-index-steps-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    margin: 16px auto 0;
    border-radius: 4px;
}

.sec3-index-steps-subtitle {
    text-align: center;
    color: #64748b;
    margin-bottom: 50px;
    font-size: 1rem;
}

/* کانتینر اصلی مراحل - ۷ تا کنار هم */
.sec3-index-steps-wrapper {
    position: relative;
    padding: 30px 0 20px;
}

/* خط افقی که همه دایره‌ها رو به هم وصل میکنه */
.sec3-index-steps-wrapper::before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        #FFB3BA 0%, 
        #B5EAD7 16%, 
        #A0E7E5 32%, 
        #FFDAC1 48%, 
        #C5E0B4 64%, 
        #D4B8D4 80%, 
        #FFCCCC 100%);
    border-radius: 4px;
    z-index: 0;
}

/* ۷ دایره کنار هم با flex */
.sec3-index-steps-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    position: relative;
    z-index: 1;
}

.sec3-index-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(50px) rotateX(15deg);
    transition: all 0.6s cubic-bezier(0.34, 1.2, 0.64, 1);
}

/* دایره‌ها */
.sec3-index-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: default;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    position: relative;
    background: white;
}

.sec3-index-circle:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}

.sec3-index-circle span {
    font-size: 1.7rem;
    font-weight: 800;
    color: white;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.sec3-index-step h4 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin: 14px 0 5px;
}

.sec3-index-step p {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
    padding: 0 5px;
}

/* ۷ رنگ پاستیلی متفاوت */
.sec3-index-step:nth-child(1) .sec3-index-circle { background: linear-gradient(135deg, #FFB3BA, #FF8A9E); }
.sec3-index-step:nth-child(2) .sec3-index-circle { background: linear-gradient(135deg, #B5EAD7, #8BC6A5); }
.sec3-index-step:nth-child(3) .sec3-index-circle { background: linear-gradient(135deg, #A0E7E5, #6DC5C3); }
.sec3-index-step:nth-child(4) .sec3-index-circle { background: linear-gradient(135deg, #FFDAC1, #FFB347); }
.sec3-index-step:nth-child(5) .sec3-index-circle { background: linear-gradient(135deg, #C5E0B4, #A8D08D); }
.sec3-index-step:nth-child(6) .sec3-index-circle { background: linear-gradient(135deg, #D4B8D4, #B39CD0); }
.sec3-index-step:nth-child(7) .sec3-index-circle { background: linear-gradient(135deg, #FFCCCC, #FF9999); }


/*sec4*/
.sec4-index-wrapper {
  width:100%;
  padding:80px 0;
  display:flex;
  justify-content:center;
  background-color: #fc871d1f;
}

/* ظرف داخلی: ستون عمودی (تیتر بالا، دو ستون پایین) با افکت ورود کلی */
.sec4-index-inner{
  width:1100px;
  display:flex;
  flex-direction:column;
  gap:40px;
  opacity:0;
  transform:translateY(50px);
  animation:sec4-fadeUp 1.2s ease forwards;
  animation-delay:0.3s;
}

/* انیمیشن ورود از پایین به بالا */
@keyframes sec4-fadeUp {
  from {opacity:0; transform:translateY(50px);}
  to {opacity:1; transform:translateY(0);}
}

/* --- هدر (تیتر و توضیح بالا) --- */
.sec4-index-header{
  text-align:center;
  max-width:700px;
  margin:0 auto;
  opacity:0;
  transform:translateY(30px);
  animation:sec4-headerFade 1s ease forwards;
  animation-delay:.4s;
}

@keyframes sec4-headerFade{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.sec4-index-heading{
  font-size:34px;
  font-weight:700;
  color:#FF7A00;
  margin-bottom:15px;
}

.sec4-index-subtitle{
  font-size:16px;
  line-height:1.7;
  color:#777;
}

/* --- دو بخش پایین (لیست ویژگی‌ها + مرورگر) در کنار هم --- */
.sec4-index-container{
  width:100%;
  display:flex;
  gap:40px;
  align-items:center;
}

/* افکت ورود برای هر آیتم تب */
.sec4-index-item {
  border-top:1px solid #e5e5e5;
  padding:25px 0;
  cursor:pointer;
  opacity:0;
  transform:translateY(30px);
  animation:sec4-itemFade 0.8s ease forwards;
}
.sec4-index-item:nth-child(1){animation-delay:0.6s;}
.sec4-index-item:nth-child(2){animation-delay:0.9s;}
.sec4-index-item:nth-child(3){animation-delay:1.2s;}

@keyframes sec4-itemFade {
  from {opacity:0; transform:translateY(30px);}
  to {opacity:1; transform:translateY(0);}
}

.sec4-index-list{
  width:50%;
  list-style:none;
  padding:0;
  margin:0;
}

.sec4-index-item.active{
  opacity:1;
}

.sec4-index-tag{
  display:flex;
  align-items:center;
  gap:15px;
}

.sec4-index-icon{
  width:45px;
  height:45px;
  background:#e5e5e5;
  border-radius:50%;
  position:relative;
}

.sec4-index-block{
  width:16px;
  height:16px;
  border:2px solid #777;
  border-radius:4px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.sec4-index-circle{
  width:8px;
  height:8px;
  border:2px solid #777;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.sec4-index-title{
  font-weight:bold;
  color:#555;
}

.sec4-index-addon{
  margin-left:60px;
  margin-top:10px;
  font-size:14px;
  color:#777;
  display:none;
}

.sec4-index-item.active .sec4-index-addon{
  display:block;
}

.sec4-index-addon a{
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  text-decoration:none;
  color:#333;
}

/* --- مرورگر سمت راست --- */
.sec4-index-browser{
  width:50%;
  border:2px solid #666;
  border-radius:10px;
  overflow:hidden;
  background:#000;
  opacity:0;
  animation:sec4-browserFade 1.2s ease forwards;
  animation-delay:1.5s;
}

@keyframes sec4-browserFade {
  from {opacity:0; transform:translateY(40px);}
  to {opacity:1; transform:translateY(0);}
}

.sec4-index-topbar{
  height:30px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:10px;
  border-bottom:2px solid #666;
}

.sec4-index-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  display:inline-block;
}

.sec4-index-dot.green{background:#27c93f;}
.sec4-index-dot.yellow{background:#ffbd2e;}
.sec4-index-dot.red{background:#ff5f56;}

.sec4-index-screen{
  position:relative;
  height:320px;
}

.sec4-index-image{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  filter: blur(15px);
  transition:opacity .8s ease, filter 1.2s ease;
}

.sec4-index-image.active{
  opacity:1;
  filter: blur(0);
}
.news-memphis-vectors {
    width: 20%;
    height: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.memphis-vectors-right {
    top: 0;
    right: 0;
}

.memphis-vectors-left {
    bottom: -150px;
    left: 0;
}

.memphis-items {
    flex-basis: 50%;
}

.memphis-items svg path,
.memphis-items svg circle,
.memphis-items svg rect {
    opacity: 0.3;
}

/* ریسپانسیو موبایل */
@media(max-width:900px){
  .sec4-index-inner{
    width:90%;
  }
  .sec4-index-container{
    flex-direction:column;
  }
  .sec4-index-list,
  .sec4-index-browser{
    width:100%;
  }
}
/* حالت اولیه - مخفی */
.sec4-index-inner {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease-out;
}

/* حالت نهایی - نمایش با انیمیشن */
.sec4-index-inner.sec4-animated {
  opacity: 1;
  transform: translateY(0);
}

/* می‌تونی برای آیتم‌ها هم انیمیشن استیجری بذاری */
.sec4-index-item {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.5s ease-out;
}

.sec4-index-inner.sec4-animated .sec4-index-item {
  opacity: 1;
  transform: translateX(0);
}

/* با delay مختلف برای هر آیتم */
.sec4-index-item:nth-child(1) { transition-delay: 0.1s; }
.sec4-index-item:nth-child(2) { transition-delay: 0.3s; }
.sec4-index-item:nth-child(3) { transition-delay: 0.5s; }
/*footer*/
/* ------------------- FOOTER ------------------- */
.site-footer {
    background-color: #f8f8f8;
    padding: 60px 20px 30px;
    font-family: Arial, sans-serif;
    color: #333;
    direction: rtl;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 30px;
}

.footer-column {
    flex: 1 1 30%;
    min-width: 250px;
}

.footer-column h3 {
    font-size: 18px;
    color: #2758aeff;
    margin-bottom: 25px;
    font-weight: 700;
    position: relative;
    padding-bottom: 8px;
}

.footer-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 3px;
    background-color:  #2758aeff;
    border-radius: 2px;
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links ul li {
    margin-bottom: 12px;
}

.footer-links ul li a {
    text-decoration: none;
    color: #555;
    font-size: 15px;
    transition: color 0.2s ease;
    display: block;
}

.footer-links ul li a:hover {
    color: #2758aeff;
}

.footer-address p {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 10px;
}

.footer-bottom {
    max-width: 1200px;
    margin: 40px auto 0;
    padding-top: 25px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.footer-copyright {
    font-size: 14px;
    color: #666;
}

.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a {
    color: #555;
    font-size: 20px;
    transition: color 0.2s ease;
    text-decoration: none;
}

.social-icons a:hover {
    color: #2758aeff;
}


/* ============================================
   طراحی مینیمال و همخون با تم
   ============================================ */

:root {
    --color-navy: #1e2a5e;
    --color-blue: #4a6fa5;
    --color-orange: #e67e22;
    --color-white: #ffffff;
    --color-bg: #f8fafc;
    --color-gray: #64748b;
    --color-border: #e2e8f0;
}

.blog-page-wrapper {
    background: var(--color-bg);
    min-height: 100vh;
    direction: rtl;
    font-family: 'IRANSans', 'Segoe UI', Tahoma, sans-serif;
    padding: 60px 0;
}

.blog-page-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ========== نوار سرچ وسط، ساده و مینیمال ========== */
.blog-page-search-center {
    max-width: 500px;
    margin: 0 auto 50px;
}

.blog-page-search-box {
    position: relative;
    width: 100%;
}

.blog-page-search-box i {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-gray);
    font-size: 1rem;
    pointer-events: none;
    transition: color 0.3s;
}

.blog-page-search-box input {
    width: 100%;
    padding: 14px 48px 14px 20px;
    border: 2px solid var(--color-border);
    border-radius: 50px;
    font-size: 0.95rem;
    font-family: inherit;
    background: var(--color-white);
    transition: all 0.3s ease;
    color: var(--color-navy);
}

.blog-page-search-box input:focus {
    outline: none;
    border-color: var(--color-orange);
    box-shadow: 0 0 0 3px rgba(230,126,34,0.1);
}

.blog-page-search-box input::placeholder {
    color: #94a3b8;
}

.blog-page-search-loader {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    color: var(--color-orange);
}

.blog-page-search-clear {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--color-gray);
    cursor: pointer;
    font-size: 1rem;
    transition: color 0.2s;
    padding: 0;
}

.blog-page-search-clear:hover {
    color: var(--color-orange);
}

/* ========== نتیجه جستجو ========== */
.blog-page-search-result {
    text-align: center;
    margin-bottom: 40px;
    padding: 10px 20px;
    background: var(--color-white);
    border-radius: 40px;
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.85rem;
    color: var(--color-navy);
    border-right: 3px solid var(--color-orange);
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.blog-page-search-result i {
    color: var(--color-orange);
    margin-left: 6px;
}

.blog-page-search-count {
    color: var(--color-gray);
    font-size: 0.75rem;
    margin-right: 6px;
}

/* ========== گرید ========== */
.blog-page-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    margin-bottom: 50px;
}

/* ========== کارت ========== */
.blog-page-card {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 1px solid var(--color-border);
    opacity: 0;
    transform: translateY(25px);
    animation: cardReveal 0.5s ease forwards;
}

.blog-page-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(30,42,94,0.1);
    border-color: var(--color-orange);
}

.blog-page-card:nth-child(1) { animation-delay: 0.02s; }
.blog-page-card:nth-child(2) { animation-delay: 0.06s; }
.blog-page-card:nth-child(3) { animation-delay: 0.1s; }
.blog-page-card:nth-child(4) { animation-delay: 0.14s; }
.blog-page-card:nth-child(5) { animation-delay: 0.18s; }
.blog-page-card:nth-child(6) { animation-delay: 0.22s; }
.blog-page-card:nth-child(7) { animation-delay: 0.26s; }
.blog-page-card:nth-child(8) { animation-delay: 0.3s; }

.blog-page-card-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.blog-page-card-image a {
    display: block;
    height: 100%;
}

.blog-page-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.blog-page-card:hover .blog-page-card-image img {
    transform: scale(1.05);
}

.blog-page-card-content {
    padding: 20px;
}

.blog-page-card-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.45;
}

.blog-page-card-title a {
    text-decoration: none;
    color: var(--color-navy);
    transition: color 0.2s;
}

.blog-page-card-title a:hover {
    color: var(--color-orange);
}

.blog-page-card-excerpt {
    font-size: 0.8rem;
    color: var(--color-gray);
    line-height: 1.6;
    margin-bottom: 15px;
}

.blog-page-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    color: #94a3b8;
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.blog-page-card-meta i {
    margin-left: 4px;
}

/* ========== لودینگ ========== */
.blog-page-loading {
    text-align: center;
    padding: 60px 20px;
    grid-column: 1/-1;
}

.loading-spinner {
    width: 45px;
    height: 45px;
    border: 3px solid var(--color-border);
    border-top-color: var(--color-orange);
    border-radius: 50%;
    margin: 0 auto 15px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ========== پیجینیشن ========== */
.blog-page-pagination {
    text-align: center;
    margin-top: 20px;
}

.blog-page-pagination .pagination-nav {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.blog-page-pagination .page-btn {
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    color: var(--color-navy);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.blog-page-pagination .page-btn:hover:not(.active) {
    background: var(--color-orange);
    color: var(--color-white);
    border-color: var(--color-orange);
}

.blog-page-pagination .page-btn.active {
    background: var(--color-navy);
    color: var(--color-white);
    border-color: var(--color-navy);
    cursor: default;
}

.blog-page-pagination .page-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.blog-page-pagination .dots {
    background: transparent;
    border: none;
    cursor: default;
}

/* ========== بدون نتیجه ========== */
.blog-page-no-results {
    text-align: center;
    padding: 60px 20px;
    background: var(--color-white);
    border-radius: 24px;
    grid-column: 1/-1;
}

.blog-page-no-results i {
    font-size: 2.5rem;
    color: #cbd5e1;
    margin-bottom: 15px;
}

.blog-page-no-results h3 {
    color: var(--color-navy);
    margin-bottom: 8px;
    font-size: 1.2rem;
}

.blog-page-no-results p {
    color: var(--color-gray);
    margin-bottom: 20px;
    font-size: 0.85rem;
}

.blog-page-back-btn {
    padding: 10px 28px;
    background: var(--color-orange);
    color: var(--color-white);
    border: none;
    border-radius: 40px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 1;
}

.blog-page-back-btn:hover {
    background: var(--color-navy);
}

/* ========== انیمیشن ========== */
@keyframes cardReveal {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-transition {
    animation: fadeScale 0.3s ease;
}

@keyframes fadeScale {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ========== ریسپانسیو ========== */
@media (max-width: 1200px) {
    .blog-page-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .blog-page-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .blog-page-grid { grid-template-columns: 1fr; }
    .blog-page-search-center { max-width: 100%; }
    .blog-page-wrapper { padding: 40px 0; }
}
.contact-banner {
    background: #5fa2e04d;
    padding: 120px 24px 60px 24px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 100px;
    direction: rtl;
}
.contact-banner__right {
    display: flex;
    flex-direction: column;
}
.contact-banner__left {
    max-width: 480px;
    font-size: 16px;
    line-height: 1.8;
    color: rgb(134, 136, 146);
}

.contact-banner__right-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.contact-banner__right h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}
.contact-banner__right span {
    display: block;
    font-weight: 300;
    margin-top: 8px;
    color: #3d3d3d;
}

/* ============================================
   طراحی روشن، مینیمال، فقط محتوا
   ============================================ */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.article-light {
    background: #ffffff;
    direction: rtl;
    font-family: 'Inter', 'IRANSans', 'Segoe UI', system-ui, sans-serif;
}

.article-light-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ========== هدر ========== */
.article-light-header {
    padding: 70px 0 40px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-bottom: 1px solid #eef2f6;
}

.article-light-meta {
    margin-bottom: 20px;
}

.article-light-cat {
    display: inline-block;
    background: #f0f2f5;
    color: #e67e22;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 30px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s;
}

.article-light-cat:hover {
    background: #e67e22;
    color: white;
}

.article-light-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
}

.article-light-author {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #64748b;
    font-size: 0.85rem;
}

.article-light-date {
    position: relative;
    padding-right: 12px;
    text-align: justify;
}

.article-light-date::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #cbd5e1;
    border-radius: 50%;
}

/* ========== محتوای اصلی ========== */
.article-light-body-wrapper {
    padding: 60px 0;
}

.article-light-content {
    font-size: 1rem;
    line-height: 1.85;
    color: #334155;
    margin-bottom: 60px;
}

.article-light-content p {
    margin-bottom: 1.6rem;
}

.article-light-content h2 {
    font-size: 1.8rem;
    color: #0f172a;
    margin: 2rem 0 1rem;
    font-weight: 600;
}

.article-light-content h3 {
    font-size: 1.4rem;
    color: #0f172a;
    margin: 1.5rem 0 0.8rem;
    font-weight: 600;
}

.article-light-content a {
    color: #e67e22;
    text-decoration: none;
    border-bottom: 1px solid #fed7aa;
    transition: border-color 0.2s;
}

.article-light-content a:hover {
    border-bottom-color: #e67e22;
}

.article-light-content img {
    max-width: 100%;
    border-radius: 16px;
    margin: 30px 0;
}

.article-light-content blockquote {
    border-right: 3px solid #e67e22;
    margin: 1.8rem 0;
    padding-right: 1.5rem;
    color: #475569;
    font-style: italic;
}

.article-light-content ul,
.article-light-content ol {
    margin: 1rem 0 1.5rem 0;
    padding-right: 1.5rem;
}

.article-light-content li {
    margin-bottom: 0.4rem;
}

/* ========== فوتر ========== */
.article-light-footer {
    padding-top: 40px;
    border-top: 1px solid #eef2f6;
}

/* شبکه اجتماعی */
.article-light-share {
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.share-label {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

.share-icons {
    display: flex;
    gap: 12px;
}

.share-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border-radius: 12px;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s;
}

.share-icon:hover {
    transform: translateY(-3px);
}

.share-tw:hover { background: #1DA1F2; color: white; }
.share-fb:hover { background: #1877F2; color: white; }
.share-wa:hover { background: #25D366; color: white; }
.share-copy:hover { background: #e67e22; color: white; }

/* برچسب‌ها */
.article-light-tags {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.tags-label {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.article-light-tag {
    background: #f1f5f9;
    padding: 5px 14px;
    border-radius: 30px;
    font-size: 0.75rem;
    text-decoration: none;
    color: #475569;
    transition: all 0.2s;
}

.article-light-tag:hover {
    background: #e67e22;
    color: white;
}

/* ========== ریسپانسیو ========== */
@media (max-width: 650px) {
    .article-light-header {
        padding: 40px 0 30px;
    }
    
    .article-light-title {
        font-size: 1.8rem;
    }
    
    .article-light-body-wrapper {
        padding: 40px 0;
    }
    
    .article-light-container {
        padding: 0 20px;
    }
    
    .article-light-share {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* انیمیشن */
.article-light-content {
    animation: fade 0.4s ease;
}

@keyframes fade {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

:root {
    --contact-navy: #1e2a5e;
    --contact-blue: #4a6fa5;
    --contact-orange: #e67e22;
    --contact-orange-light: #f39c12;
    --contact-white: #ffffff;
    --contact-bg: #f8fafc;
    --contact-gray: #64748b;
    --contact-border: #e2e8f0;
}

.contact-page-wrapper {
    background: var(--contact-bg);
    min-height: 100vh;
    direction: rtl;
    font-family: 'IRANSans', 'Segoe UI', Tahoma, sans-serif;
    padding: 60px 0;
}

.contact-page-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ========== هدر ========== */
.contact-header {
    text-align: center;
    margin-bottom: 60px;
}

.contact-header h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--contact-navy);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.contact-header h1::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 25%;
    right: 25%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--contact-orange), transparent);
    border-radius: 3px;
}

.contact-header p {
    color: var(--contact-gray);
    font-size: 1rem;
    margin-top: 20px;
}

/* ========== کارت‌های تماس ========== */
.contact-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 60px;
}

.contact-card {
    background: var(--contact-white);
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid var(--contact-border);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.contact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 35px rgba(30,42,94,0.1);
    border-color: var(--contact-orange);
}

.contact-card-icon {
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg, var(--contact-navy), var(--contact-blue));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    transition: all 0.3s;
}

.contact-card:hover .contact-card-icon {
    background: var(--contact-orange);
    transform: scale(1.05);
}

.contact-card-icon i {
    font-size: 1.8rem;
    color: white;
}

.contact-card-content h3 {
    font-size: 1rem;
    color: var(--contact-gray);
    font-weight: 500;
    margin-bottom: 10px;
}

.contact-card-content a {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--contact-navy);
    text-decoration: none;
    transition: color 0.2s;
}

.contact-card-content a:hover {
    color: var(--contact-orange);
}

/* ========== نقشه و آدرس ========== */
.contact-location-section {
    background: var(--contact-white);
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 60px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.05);
    border: 1px solid var(--contact-border);
}

.contact-location-info {
    display: flex;
    gap: 20px;
    padding: 40px;
    background: linear-gradient(135deg, #f8fafc, var(--contact-white));
    border-bottom: 1px solid var(--contact-border);
}

.contact-location-icon {
    width: 55px;
    height: 55px;
    background: var(--contact-orange);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact-location-icon i {
    font-size: 1.6rem;
    color: white;
}

.contact-location-details h3 {
    font-size: 1.3rem;
    color: var(--contact-navy);
    margin-bottom: 10px;
}

.contact-location-details p {
    color: var(--contact-gray);
    line-height: 1.7;
    margin-bottom: 15px;
}

.contact-location-meta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.contact-location-meta span {
    font-size: 0.8rem;
    color: var(--contact-gray);
}

.contact-location-meta i {
    color: var(--contact-orange);
    margin-left: 6px;
}

.contact-map iframe {
    width: 100%;
    height: 350px;
    filter: grayscale(0.1) contrast(0.95);
    transition: filter 0.3s;
}

.contact-map iframe:hover {
    filter: grayscale(0);
}

/* ========== شبکه‌های اجتماعی ========== */
.contact-social-section {
    text-align: center;
    padding: 40px;
    background: var(--contact-white);
    border-radius: 28px;
    border: 1px solid var(--contact-border);
}

.contact-social-section h3 {
    font-size: 1.3rem;
    color: var(--contact-navy);
    margin-bottom: 30px;
}

.contact-social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.social-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 20px;
    transition: all 0.3s;
    min-width: 100px;
}

.social-icon i {
    font-size: 1.8rem;
}

.social-icon span {
    font-size: 0.75rem;
    font-weight: 500;
}

/* رنگ‌های اختصاصی هر شبکه */
.social-icon.instagram {
    background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
    color: white;
}
.social-icon.telegram {
    background: #0088cc;
    color: white;
}
.social-icon.whatsapp {
    background: #25D366;
    color: white;
}
.social-icon.twitter {
    background: #1DA1F2;
    color: white;
}
.social-icon.linkedin {
    background: #0077B5;
    color: white;
}

.social-icon:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}

/* ========== ریسپانسیو ========== */
@media (max-width: 1100px) {
    .contact-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .contact-page-wrapper {
        padding: 40px 0;
    }
    
    .contact-header h1 {
        font-size: 1.8rem;
    }
    
    .contact-cards-grid {
        gap: 15px;
    }
    
    .contact-card {
        padding: 20px 15px;
    }
    
    .contact-card-icon {
        width: 50px;
        height: 50px;
    }
    
    .contact-card-icon i {
        font-size: 1.3rem;
    }
    
    .contact-location-info {
        flex-direction: column;
        text-align: center;
        padding: 25px;
    }
    
    .contact-location-icon {
        margin: 0 auto;
    }
    
    .contact-location-meta {
        justify-content: center;
    }
    
    .contact-social-icons {
        gap: 12px;
    }
    
    .social-icon {
        padding: 12px 18px;
        min-width: 75px;
    }
    
    .social-icon i {
        font-size: 1.3rem;
    }
    
    .social-icon span {
        font-size: 0.65rem;
    }
}

@media (max-width: 550px) {
    .contact-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-page-container {
        padding: 0 16px;
    }
    
    .contact-location-meta {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
}

/* انیمیشن */
.contact-card, .contact-location-section, .contact-social-section {
    animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*vam khodro*/

.contact-banner-khodro{
    background:#FF8C8C;
    padding:120px max(24px, calc((100% - 1200px) / 2)) 60px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:48px;
    direction:rtl;
}

.contact-banner-khodro .contact-banner__right{
    flex:1 1 460px;
    align-items:flex-start;
    text-align:right;
}

.contact-banner-khodro .contact-banner__right-logo{
    justify-content:flex-start;
}

.contact-banner-khodro .contact-banner__right span{
    max-width:560px;
    line-height:1.9;
}

.contact-banner__left-khodro{
    flex:0 1 460px;
    width:100%;
    aspect-ratio:16 / 9;
    position:relative;
    z-index:0;
    padding:14px;
    border:1px solid rgba(255,255,255,0.78);
    border-radius:18px;
    background:linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.42));
    box-shadow:0 22px 55px rgba(92,29,29,0.18);
}

.contact-banner__left-khodro::before{
    content:"";
    position:absolute;
    inset:18px -14px -14px 18px;
    z-index:-1;
    border-radius:18px;
    background:rgba(255,255,255,0.26);
    border:1px solid rgba(255,255,255,0.28);
}

.contact-banner__left-khodro::after{
    content:"";
    position:absolute;
    top:14px;
    left:14px;
    right:14px;
    height:42%;
    border-radius:12px 12px 0 0;
    background:linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0));
    pointer-events:none;
}

.contact-banner__left-khodro img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:12px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35);
}

/* کانتینر اصلی مقاله */
.article-light-container-khodro{
    max-width:900px;
    margin:auto;
    padding:0 20px;
}

/* عنوان مقاله */
.article-light-title-khodro{
    font-size:42px;
    font-weight:800;
    margin-bottom:30px;
    color:#222;
    line-height:1.4;
}

/* متن اصلی */
.article-light-author-khodro{
    font-size:18px;
    line-height:2.2;
    color:#444;
}

/* فاصله پاراگراف‌ها */
.article-light-author-khodro span{
    display:block;
    margin-bottom:20px;
    text-align: justify;
}

/* بدنه مقاله */
.article-light-body-wrapper-khodro{
    padding:60px 0;
}

/* هدر مقاله */
.article-light-header-khodro{
    padding:60px 0 20px 0;
}

/* باکس تماس */
.loan-contact-box-khodro{
    max-width:900px;
    margin:60px auto;
    padding:40px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    text-align:center;
    direction:rtl;
}

.loan-contact-box-khodro h3{
    font-size:26px;
    margin-bottom:10px;
    color:#222;
    font-weight:700;
}

.loan-contact-box-khodro p{
    font-size:16px;
    color:#666;
    margin-bottom:30px;
}

.loan-contact-buttons-khodro{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.loan-call-btn-khodro{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    background:#FF8C8C;
    color:#fff;
    text-decoration:none;
    border-radius:12px;
    font-size:16px;
    font-weight:600;
    transition:0.25s;
}

.loan-call-btn-khodro i{
    font-size:18px;
}

.loan-call-btn-khodro:hover{
    background:#1f56cc;
    transform:translateY(-2px);
}

/* موبایل */
@media (max-width:1024px){

    .contact-banner-khodro{
        gap:32px;
        padding:100px 24px 52px;
    }

    .contact-banner__left-khodro{
        flex-basis:380px;
    }
}

@media (max-width:768px){

    .article-light-title-khodro{
        font-size:30px;
    }

    .article-light-author-khodro{
        font-size:16px;
        line-height:2;
    }

    .contact-banner-khodro{
        flex-direction:column;
        align-items:stretch;
        text-align:right;
        gap:24px;
        padding:80px 20px 40px;
    }

    .contact-banner-khodro .contact-banner__right{
        flex-basis:auto;
    }

    .contact-banner__left-khodro{
        flex-basis:auto;
        aspect-ratio:4 / 3;
        padding:10px;
        border-radius:16px;
    }

    .contact-banner__left-khodro::before{
        inset:12px 0 -10px 0;
        border-radius:16px;
    }

    .contact-banner__left-khodro::after{
        top:10px;
        left:10px;
        right:10px;
    }

    .contact-banner__left-khodro img{
        border-radius:10px;
    }

    .loan-contact-box-khodro{
        padding:30px 20px;
    }
}
.faq-section-khodro{
    max-width:900px;
    margin:70px auto;
    padding:0 20px;
    direction:rtl;
}

.faq-title-khodro{
    font-size:32px;
    font-weight:800;
    color:#222;
    margin-bottom:12px;
    text-align:center;
}

.faq-subtitle-khodro{
    font-size:16px;
    color:#666;
    text-align:center;
    margin-bottom:30px;
    line-height:2;
}
.faq-list-khodro{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.faq-item-khodro{
    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,0.05);
    transition:0.3s ease;
}
.faq-item-khodro:hover{
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    transform:translateY(-2px);
}
.faq-question-khodro{
    width:100%;
    background:#fff;
    border:none;
    outline:none;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-size:17px;
    font-weight:700;
    color:#222;
    font-family:inherit;
    text-align:right;
    position:relative;
    padding-left:48px;
}
.faq-question-text-khodro{
    display:block;
    width:100%;
    line-height:1.9;
    overflow: hidden;
}
.faq-icon-khodro{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:50%;
    background:#ffeaea;
    color:#e53935;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:0.3s ease;
    position:absolute;
    left:24px;
    top:50%;
    transform:translateY(-50%);
}
.faq-item-khodro.active .faq-icon-khodro{
    transform:translateY(-50%) rotate(180deg);
    background:#e53935;
    color:#fff;
}
.faq-answer-khodro{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s ease, padding 0.35s ease;
    padding:0 24px;
    background:#fcfcfc;
}
.faq-answer-khodro p{
    font-size:15px;
    color:#555;
    line-height:2.1;
    margin:0;
    padding:0 0 20px 0;
}
.faq-item-khodro.active .faq-answer-khodro{
    max-height:220px;
    padding:0 24px 6px 24px;
}
@media (max-width:768px){
    .faq-title-khodro{
        font-size:26px;
    }
    .faq-subtitle-khodro{
        font-size:15px;
    }
    .faq-question-khodro{
        padding:18px 16px;
        font-size:15px;
        padding-left:44px;
    }
    .faq-icon-khodro{
        left:16px;
        width:30px;
        height:30px;
        min-width:30px;
        font-size:13px;
    }
    .faq-answer-khodro p{
        font-size:14px;
        line-height:2;
    }
    .faq-item-khodro.active .faq-answer-khodro{
        max-height:320px;
        padding:0 16px 6px 16px;
    }
    .faq-answer-khodro{
        padding:0 16px;
    }
}
/*vam tala*/

    .contact-banner-tala{
    background: #FFD76B;
    padding: 120px 24px 60px 24px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 100px;
    direction: rtl;

}
.contact-banner-tala{
    background:#FFD76B;
    padding:120px 24px 60px 24px;
    display:flex;
    justify-content:space-around;
    align-items:center;
    gap:100px;
    direction:rtl;
}

/* کانتینر اصلی مقاله */
.article-light-container{
    max-width:900px;
    margin:auto;
    padding:0 20px;
}

/* عنوان مقاله */
.article-light-title{
    font-size:42px;
    font-weight:800;
    margin-bottom:30px;
    color:#222;
    line-height:1.4;
}

/* متن اصلی */
.article-light-author{
    font-size:18px;
    line-height:2.2;
    color:#444;
}

/* فاصله پاراگراف‌ها */
.article-light-author span{
    display:block;
    margin-bottom:20px;
    text-align: justify !important;
}

/* بدنه مقاله */
.article-light-body-wrapper{
    padding:60px 0;
}

/* هدر مقاله */
.article-light-header{
    padding:60px 0 20px 0;
}

/* برای موبایل */
@media (max-width:768px){

    .article-light-title{
        font-size:30px;
    }

    .article-light-author{
        font-size:16px;
        line-height:2;
    }

    .contact-banner-tala{
        flex-direction:column;
        text-align:center;
        gap:40px;
        padding:80px 20px 40px;
    }
}
.loan-contact-box{
    max-width:900px;
    margin:60px auto;
    padding:40px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    text-align:center;
    direction:rtl;
}

.loan-contact-box h3{
    font-size:26px;
    margin-bottom:10px;
    color:#222;
    font-weight:700;
}

.loan-contact-box p{
    font-size:16px;
    color:#666;
    margin-bottom:30px;
}

.loan-contact-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.loan-call-btn{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    background:#FFD76B;
    color:#222;
    text-decoration:none;
    border-radius:12px;
    font-size:16px;
    font-weight:600;
    transition:0.25s;
}

.loan-call-btn i{
    font-size:18px;
}

.loan-call-btn:hover{
    background:#f5c84c;
    transform:translateY(-2px);
}

@media (max-width:768px){
    .loan-contact-box{
        padding:30px 20px;
    }
}
.faq-section-tala{
    max-width:900px;
    margin:70px auto;
    padding:0 20px;
    direction:rtl;
}

.faq-title-tala{
    font-size:32px;
    font-weight:800;
    color:#222;
    margin-bottom:12px;
    text-align:center;
}

.faq-subtitle-tala{
    font-size:16px;
    color:#666;
    text-align:center;
    margin-bottom:30px;
    line-height:2;
}

.faq-list-tala{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.faq-item-tala{
    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,0.05);
    transition:0.3s ease;
}

.faq-item-tala:hover{
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    transform:translateY(-2px);
}

.faq-question-tala{
    width:100%;
    background:#fff;
    border:none;
    outline:none;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-size:17px;
    font-weight:700;
    color:#222;
    text-align:right;
}

.faq-question-text-tala{
    flex:1;
    line-height:1.9;
}

.faq-icon-tala{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:50%;
    background:#fdf6e8;
    color:#c99700;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:0.3s ease;
    margin-right:14px;
}

.faq-item-tala.active .faq-icon-tala{
    transform:rotate(180deg);
    background:#c99700;
    color:#fff;
}

.faq-answer-tala{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s ease, padding 0.35s ease;
    padding:0 24px;
    background:#fcfcfc;
}

.faq-answer-tala p{
    font-size:15px;
    color:#555;
    line-height:2.1;
    margin:0;
    padding:0 0 20px 0;
}

.faq-item-tala.active .faq-answer-tala{
    max-height:220px;
    padding:0 24px 6px 24px;
}

@media (max-width:768px){
    .faq-title-tala{
        font-size:26px;
    }

    .faq-subtitle-tala{
        font-size:15px;
    }

    .faq-question-tala{
        padding:18px 16px;
        font-size:15px;
    }

    .faq-answer-tala p{
        font-size:14px;
        line-height:2;
    }

    .faq-item-tala.active .faq-answer-tala{
        max-height:320px;
        padding:0 16px 6px 16px;
    }

    .faq-answer-tala{
        padding:0 16px;
    }
}
/*vam sim*/


.contact-banner-sim{
background:#7EC8FF;
padding:120px 24px 60px 24px;
display:flex;
justify-content:space-around;
align-items:center;
gap:100px;
direction:rtl;
}

.article-light-container-sim{
max-width:900px;
margin:auto;
padding:0 20px;
}

.article-light-title-sim{
font-size:42px;
font-weight:800;
margin-bottom:30px;
color:#222;
line-height:1.4;
}

.article-light-author-sim{
font-size:18px;
line-height:2.2;
color:#444;
}

.article-light-author-sim span{
display:block;
margin-bottom:20px;
}

.article-light-body-wrapper-sim{
padding:60px 0;
}

.article-light-header-sim{
padding:60px 0 20px 0;
}

/* contact box */

.loan-contact-box-sim{
max-width:900px;
margin:60px auto;
padding:40px;
background:#fff;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:center;
direction:rtl;
}

.loan-contact-box-sim h3{
font-size:26px;
margin-bottom:10px;
color:#222;
}

.loan-contact-box-sim p{
font-size:16px;
color:#666;
margin-bottom:30px;
}

.loan-contact-buttons-sim{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.loan-call-btn-sim{
display:flex;
align-items:center;
gap:10px;
padding:14px 22px;
background:#7EC8FF;
color:#fff;
text-decoration:none;
border-radius:12px;
font-size:16px;
font-weight:600;
transition:0.25s;
}


.loan-call-btn-sim:hover{
background:#5fb6f5;
transform:translateY(-2px);
}


.loan-call-btn-tala{
display:flex;
align-items:center;
gap:10px;
padding:14px 22px;
background:#FFD76B;
color:#000000;
text-decoration:none;
border-radius:12px;
font-size:16px;
font-weight:600;
transition:0.25s;
}
.loan-call-btn-tala:hover{
background:#FFD76B;
transform:translateY(-2px);
}
/* FAQ */

.faq-section-sim{
max-width:900px;
margin:70px auto;
padding:0 20px;
direction:rtl;
}

.faq-title-sim{
font-size:32px;
font-weight:800;
text-align:center;
margin-bottom:10px;
color:#000;
}

.faq-subtitle-sim{
text-align:center;
color:#666;
margin-bottom:30px;
}

.faq-list-sim{
display:flex;
flex-direction:column;
gap:15px;
}

.faq-item-sim{
border:1px solid #eee;
border-radius:14px;
overflow:hidden;
background:#fff;
}

.faq-question-sim{
width:100%;
border:none;
background:#fff;
padding:20px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:17px;
font-weight:700;
cursor:pointer;
}

.faq-icon-sim{
width:34px;
height:34px;
border-radius:50%;
background:#e8f5ff;
display:flex;
align-items:center;
justify-content:center;
color:#4aa9e9;
transition:0.3s;
}

.faq-answer-sim{
max-height:0;
overflow:hidden;
transition:0.3s;
padding:0 20px;
}

.faq-answer-sim p{
font-size:15px;
line-height:2;
color:#555;
}

.faq-item-sim.active .faq-answer-sim{
max-height:200px;
padding:10px 20px 20px;
}

.faq-item-sim.active .faq-icon-sim{
background:#4aa9e9;
color:#fff;
transform:rotate(180deg);
}

@media(max-width:768px){

.article-light-title-sim{
font-size:30px;
}

.contact-banner-sim{
flex-direction:column;
text-align:center;
gap:40px;
padding:80px 20px 40px;
}

}

/*vam melk*/
.contact-banner-melk{
background:#8EE3C2;
padding:120px 24px 60px 24px;
display:flex;
justify-content:space-around;
align-items:center;
gap:100px;
direction:rtl;
}

.article-light-container-melk{
max-width:900px;
margin:auto;
padding:0 20px;
}

.article-light-title-melk{
font-size:42px;
font-weight:800;
margin-bottom:30px;
color:#222;
line-height:1.4;
}

.article-light-author-melk{
font-size:18px;
line-height:2.2;
color:#444;
}

.article-light-author-melk span{
display:block;
margin-bottom:20px;
}

.article-light-body-wrapper-melk{
padding:60px 0;
}

.article-light-header-melk{
padding:60px 0 20px 0;
}

/* contact box */

.loan-contact-box-melk{
max-width:900px;
margin:60px auto;
padding:40px;
background:#fff;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:center;
direction:rtl;
}

.loan-contact-box-melk h3{
font-size:26px;
margin-bottom:10px;
color:#222;
}

.loan-contact-box-melk p{
font-size:16px;
color:#666;
margin-bottom:30px;
}

.loan-contact-buttons-melk{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.loan-call-btn-melk{
display:flex;
align-items:center;
gap:10px;
padding:14px 22px;
background:#8EE3C2;
color:#fff;
text-decoration:none;
border-radius:12px;
font-size:16px;
font-weight:600;
transition:0.25s;
}

.loan-call-btn-melk:hover{
background:#6fd6b0;
transform:translateY(-2px);
}

/* FAQ EXACT STRUCTURE */

.faq-section-melk{
max-width:900px;
margin:70px auto;
padding:0 20px;
direction:rtl;
}

.faq-title-melk{
font-size:32px;
font-weight:800;
text-align:center;
margin-bottom:10px;
color: #000;
}

.faq-subtitle-melk{
text-align:center;
color:#666;
margin-bottom:30px;
}

.faq-list-melk{
display:flex;
flex-direction:column;
gap:15px;
}

.faq-item-melk{
border:1px solid #eee;
border-radius:14px;
overflow:hidden;
background:#fff;
}

.faq-question-melk{
width:100%;
border:none;
background:#fff;
padding:20px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:17px;
font-weight:700;
cursor:pointer;
}

.faq-icon-melk{
width:34px;
height:34px;
border-radius:50%;
background:#e9faf4;
display:flex;
align-items:center;
justify-content:center;
color:#28b487;
transition:0.3s;
}

.faq-answer-melk{
max-height:0;
overflow:hidden;
transition:0.3s;
padding:0 20px;
}

.faq-answer-melk p{
font-size:15px;
line-height:2;
color:#555;
}

.faq-item-melk.active .faq-answer-melk{
max-height:200px;
padding:10px 20px 20px;
}

.faq-item-melk.active .faq-icon-melk{
background:#28b487;
color:#fff;
transform:rotate(180deg);
}

@media(max-width:768px){

.article-light-title-melk{
font-size:30px;
}

.contact-banner-melk{
flex-direction:column;
text-align:center;
gap:40px;
padding:80px 20px 40px;
}

}

.contact-banner-khodro,
.contact-banner-tala,
.contact-banner-sim,
.contact-banner-melk{
    padding:120px max(24px, calc((100% - 1200px) / 2)) 60px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:48px;
    direction:rtl;
}

.contact-banner-khodro .contact-banner__right,
.contact-banner-tala .contact-banner__right,
.contact-banner-sim .contact-banner__right,
.contact-banner-melk .contact-banner__right{
    flex:1 1 460px;
    align-items:flex-start;
    text-align:right;
}

.contact-banner-khodro .contact-banner__right-logo,
.contact-banner-tala .contact-banner__right-logo,
.contact-banner-sim .contact-banner__right-logo,
.contact-banner-melk .contact-banner__right-logo{
    justify-content:flex-start;
}

.contact-banner-khodro .contact-banner__right span,
.contact-banner-tala .contact-banner__right span,
.contact-banner-sim .contact-banner__right span,
.contact-banner-melk .contact-banner__right span{
    max-width:560px;
    line-height:1.9;
}

.contact-banner__left-khodro,
.contact-banner__left-tala,
.contact-banner__left-sim,
.contact-banner__left-melk{
    flex:0 1 460px;
    width:100%;
    aspect-ratio:16 / 9;
    position:relative;
    z-index:0;
    padding:14px;
    border:1px solid rgba(255,255,255,0.78);
    border-radius:18px;
    background:linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.42));
    box-shadow:0 22px 55px rgba(92,29,29,0.18);
}

.contact-banner__left-khodro::before,
.contact-banner__left-tala::before,
.contact-banner__left-sim::before,
.contact-banner__left-melk::before{
    content:"";
    position:absolute;
    inset:18px -14px -14px 18px;
    z-index:-1;
    border-radius:18px;
    background:rgba(255,255,255,0.26);
    border:1px solid rgba(255,255,255,0.28);
}

.contact-banner__left-khodro::after,
.contact-banner__left-tala::after,
.contact-banner__left-sim::after,
.contact-banner__left-melk::after{
    content:"";
    position:absolute;
    top:14px;
    left:14px;
    right:14px;
    height:42%;
    border-radius:12px 12px 0 0;
    background:linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0));
    pointer-events:none;
}

.contact-banner__left-khodro img,
.contact-banner__left-tala img,
.contact-banner__left-sim img,
.contact-banner__left-melk img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:12px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.35);
}

@media(max-width:1024px){
    .contact-banner-khodro,
    .contact-banner-tala,
    .contact-banner-sim,
    .contact-banner-melk{
        gap:32px;
        padding:100px 24px 52px;
    }

    .contact-banner__left-khodro,
    .contact-banner__left-tala,
    .contact-banner__left-sim,
    .contact-banner__left-melk{
        flex-basis:380px;
    }
}

@media(max-width:768px){
    .contact-banner-khodro,
    .contact-banner-tala,
    .contact-banner-sim,
    .contact-banner-melk{
        flex-direction:column;
        align-items:stretch;
        text-align:right;
        gap:24px;
        padding:80px 20px 40px;
    }

    .contact-banner-khodro .contact-banner__right,
    .contact-banner-tala .contact-banner__right,
    .contact-banner-sim .contact-banner__right,
    .contact-banner-melk .contact-banner__right{
        flex-basis:auto;
    }

    .contact-banner__left-khodro,
    .contact-banner__left-tala,
    .contact-banner__left-sim,
    .contact-banner__left-melk{
        flex-basis:auto;
        aspect-ratio:4 / 3;
        padding:10px;
        border-radius:16px;
    }

    .contact-banner__left-khodro::before,
    .contact-banner__left-tala::before,
    .contact-banner__left-sim::before,
    .contact-banner__left-melk::before{
        inset:12px 0 -10px 0;
        border-radius:16px;
    }

    .contact-banner__left-khodro::after,
    .contact-banner__left-tala::after,
    .contact-banner__left-sim::after,
    .contact-banner__left-melk::after{
        top:10px;
        left:10px;
        right:10px;
    }

    .contact-banner__left-khodro img,
    .contact-banner__left-tala img,
    .contact-banner__left-sim img,
    .contact-banner__left-melk img{
        border-radius:10px;
    }
}

@media(min-width:641px) and (max-width:1024px){
    .contact-banner-khodro,
    .contact-banner-tala,
    .contact-banner-sim,
    .contact-banner-melk{
        flex-direction:row;
        align-items:center;
        text-align:right;
        gap:28px;
        padding:100px 24px 52px;
    }

    .contact-banner-khodro .contact-banner__right,
    .contact-banner-tala .contact-banner__right,
    .contact-banner-sim .contact-banner__right,
    .contact-banner-melk .contact-banner__right{
        flex:1 1 48%;
    }

    .contact-banner__left-khodro,
    .contact-banner__left-tala,
    .contact-banner__left-sim,
    .contact-banner__left-melk{
        flex:0 1 42%;
        aspect-ratio:16 / 10;
    }
}

.article-light-khodro,
.article-light-tala,
.article-light-sim,
.article-light-melk{
    background:#fff;
    direction:rtl;
}

.article-light-container-khodro,
.article-light-container-tala,
.article-light-container-sim,
.article-light-container-melk{
    max-width:900px;
    margin:auto;
    padding:0 20px;
}

.article-light-title-khodro,
.article-light-title-tala,
.article-light-title-sim,
.article-light-title-melk{
    font-size:42px;
    font-weight:800;
    margin-bottom:30px;
    color:#222;
    line-height:1.4;
}

.article-light-author-khodro,
.article-light-author-tala,
.article-light-author-sim,
.article-light-author-melk{
    font-size:18px;
    line-height:2.2;
    color:#444;
}

.article-light-author-khodro span,
.article-light-author-tala span,
.article-light-author-sim span,
.article-light-author-melk span{
    display:block;
    margin-bottom:20px;
    text-align:justify;
}

.article-light-body-wrapper-khodro,
.article-light-body-wrapper-tala,
.article-light-body-wrapper-sim,
.article-light-body-wrapper-melk{
    padding:60px 0;
}

.article-light-header-khodro,
.article-light-header-tala,
.article-light-header-sim,
.article-light-header-melk{
    padding:60px 0 20px 0;
}

.loan-contact-box-khodro,
.loan-contact-box-tala,
.loan-contact-box-sim,
.loan-contact-box-melk{
    max-width:900px;
    margin:60px auto;
    padding:40px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    text-align:center;
    direction:rtl;
}

.loan-contact-box-khodro h3,
.loan-contact-box-tala h3,
.loan-contact-box-sim h3,
.loan-contact-box-melk h3{
    font-size:26px;
    margin-bottom:10px;
    color:#222;
    font-weight:700;
}

.loan-contact-box-khodro p,
.loan-contact-box-tala p,
.loan-contact-box-sim p,
.loan-contact-box-melk p{
    font-size:16px;
    color:#666;
    margin-bottom:30px;
}

.loan-contact-buttons-khodro,
.loan-contact-buttons-tala,
.loan-contact-buttons-sim,
.loan-contact-buttons-melk{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.loan-call-btn-khodro,
.loan-call-btn-tala,
.loan-call-btn-sim,
.loan-call-btn-melk{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    color:#fff;
    text-decoration:none;
    border-radius:12px;
    font-size:16px;
    font-weight:600;
    transition:0.25s;
}

.loan-call-btn-khodro{background:#FF8C8C;}
.loan-call-btn-tala{background:#FFD76B;color:#222;}
.loan-call-btn-sim{background:#7EC8FF;}
.loan-call-btn-melk{background:#8EE3C2;color:#12382b;}

.loan-call-btn-khodro:hover,
.loan-call-btn-tala:hover,
.loan-call-btn-sim:hover,
.loan-call-btn-melk:hover{
    background:#1f56cc !important;
    color:#fff;
    transform:translateY(-2px);
}

@media(max-width:768px){
    .article-light-title-khodro,
    .article-light-title-tala,
    .article-light-title-sim,
    .article-light-title-melk{
        font-size:30px;
    }

    .article-light-author-khodro,
    .article-light-author-tala,
    .article-light-author-sim,
    .article-light-author-melk{
        font-size:16px;
        line-height:2;
    }

    .loan-contact-box-khodro,
    .loan-contact-box-tala,
    .loan-contact-box-sim,
    .loan-contact-box-melk{
        padding:30px 20px;
    }
}
/*sarmaye*/

:root{
    --sarmaye-primary:#C4B5FD;
    --sarmaye-primary-dark:#8B5CF6;
    --sarmaye-primary-light:#F5F3FF;
    --sarmaye-text:#1e1b4b;
    --sarmaye-gray:#666;
    --sarmaye-bg:#faf9ff;
}



.sarmaye-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:var(--sarmaye-primary-dark);
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:25px;
}

.sarmaye-title{
    font-size:48px;
    line-height:1.7;
    font-weight:900;
    color:var(--sarmaye-text);
    margin-bottom:25px;
}

.sarmaye-desc{
    font-size:18px;
    line-height:2.2;
    color:#433d68;
    margin-bottom:35px;
}

.sarmaye-hero-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.sarmaye-btn{
    padding:15px 28px;
    border-radius:14px;
    text-decoration:none;
    font-weight:700;
    transition:0.3s;
    display:flex;
    align-items:center;
    gap:10px;
}

.sarmaye-btn-primary{
    background:var(--sarmaye-primary-dark);
    color:#fff;
}

.sarmaye-btn-primary:hover{
    transform:translateY(-3px);
    background:#7C3AED;
}

.sarmaye-btn-secondary{
    background:#fff;
    color:var(--sarmaye-text);
}

.sarmaye-btn-secondary:hover{
    transform:translateY(-3px);
}

.sarmaye-hero-card{
    width:380px;
    background:#fff;
    border-radius:24px;
    padding:35px;
    box-shadow:0 15px 40px rgba(139,92,246,.12);
}

.sarmaye-hero-card h3{
    margin-bottom:25px;
    font-size:26px;
    color:var(--sarmaye-text);
}

.sarmaye-stat{
    display:flex;
    justify-content:space-between;
    padding:16px 0;
    border-bottom:1px solid #eee;
}

.sarmaye-stat:last-child{
    border:none;
}

.sarmaye-stat strong{
    color:var(--sarmaye-primary-dark);
    font-size:20px;
}

/* =========================
   SECTION
========================= */

.sarmaye-section{
    padding:80px 20px;
}

.sarmaye-container{
    max-width:1250px;
    margin:auto;
}

.sarmaye-section-title{
    text-align:center;
    margin-bottom:60px;
}

.sarmaye-section-title h2{
    font-size:38px;
    color:var(--sarmaye-text);
    margin-bottom:15px;
    font-weight:900;
}

.sarmaye-section-title p{
    color:#666;
    font-size:16px;
}

/* =========================
   BENEFITS
========================= */

.sarmaye-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.sarmaye-card{
    background:#fff;
    border-radius:24px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    transition:0.3s;
}

.sarmaye-card:hover{
    transform:translateY(-8px);
}

.sarmaye-icon{
    width:95px;
    height:95px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 22px;
}

.sarmaye-icon i{
    font-size:38px;
}

.sarmaye-card h3{
    font-size:20px;
    color:var(--sarmaye-text);
    margin-bottom:14px;
}

.sarmaye-card p{
    font-size:15px;
    color:#666;
    line-height:2;
}

/* =========================================
   SARMA YE CARD - VIBRANT COLORS
   رنگ‌های پرانرژی و اشباع‌شده
   ========================================= */

/* 1️⃣ بنفش - پرانرژی */
.sarmaye-card:nth-child(1) .sarmaye-icon {
    background: #C4B5FD; /* بنفش روشن و زنده */
}
.sarmaye-card:nth-child(1) .sarmaye-icon i {
    color: #6D28D9; /* بنفش عمیق و جذاب */
}

/* 2️⃣ سبز - تازه و پرطراوت */
.sarmaye-card:nth-child(2) .sarmaye-icon {
    background: #86EFAC; /* سبز نعنایی روشن */
}
.sarmaye-card:nth-child(2) .sarmaye-icon i {
    color: #166534; /* سبز جنگلی غنی */
}

/* 3️⃣ کهربایی - گرم و درخشان */
.sarmaye-card:nth-child(3) .sarmaye-icon {
    background: #FCD34D; /* زرد طلایی روشن */
}
.sarmaye-card:nth-child(3) .sarmaye-icon i {
    color: #B45309; /* نارنجی سوخته عمیق */
}

/* 4️⃣ قرمز - پرشور و جذاب */
.sarmaye-card:nth-child(4) .sarmaye-icon {
    background: #FDA4AF; /* صورتی-قرمز ملایم */
}
.sarmaye-card:nth-child(4) .sarmaye-icon i {
    color: #9F1239; /* قرمز یاقوتی غنی */
}

/* 5️⃣ آبی - شفاف و حرفه‌ای */
.sarmaye-card:nth-child(5) .sarmaye-icon {
    background: #93C5FD; /* آبی آسمانی روشن */
}
.sarmaye-card:nth-child(5) .sarmaye-icon i {
    color: #1E40AF; /* آبی دریایی عمیق */
}

/* 6️⃣ صورتی - شاد و زنانه */
.sarmaye-card:nth-child(6) .sarmaye-icon {
    background: #F9A8D4; /* صورتی پاستلی زنده */
}
.sarmaye-card:nth-child(6) .sarmaye-icon i {
    color: #9D174D; /* صورتی تیره و لوکس */
}

/* 7️⃣ نارنجی - پرانرژی و گرم */
.sarmaye-card:nth-child(7) .sarmaye-icon {
    background: #FDBA74; /* نارنجی هلویی روشن */
}
.sarmaye-card:nth-child(7) .sarmaye-icon i {
    color: #9A3412; /* نارنجی آجری عمیق */
}

/* 8️⃣ فیروزه‌ای - خنک و مدرن */
.sarmaye-card:nth-child(8) .sarmaye-icon {
    background: #7DD3FC; /* فیروزه‌ای آسمانی */
}
.sarmaye-card:nth-child(8) .sarmaye-icon i {
    color: #075985; /* آبی نفتی غنی */
}

/* =========================
   CONTENT
========================= */

.sarmaye-content{
    max-width:1000px;
    margin:auto;
    line-height:2.4;
    color:#444;
    font-size:17px;
}

.sarmaye-content p{
    margin-bottom:30px;
}

/* =========================
   GUARANTEE
========================= */

.sarmaye-guarantee{
    background:var(--sarmaye-bg);
}

.sarmaye-list-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.sarmaye-list-item{
    background:#fff;
    border-radius:20px;
    padding:28px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.sarmaye-list-item i{
    color:var(--sarmaye-primary-dark);
    font-size:26px;
    margin-top:5px;
}

.sarmaye-list-item h4{
    margin-bottom:10px;
    color:var(--sarmaye-text);
    font-size:20px;
}

.sarmaye-list-item p{
    color:#666;
    line-height:2;
    font-size:15px;
}

/* =========================
   CHECK LIST
========================= */

.sarmaye-checks{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:40px;
}

.sarmaye-check{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    font-weight:700;
    color:#333;
}

.sarmaye-check i{
    color:#10B981;
    font-size:20px;
}

/* =========================
   FAQ
========================= */

.sarmaye-faq{
    max-width:950px;
    margin:auto;
}

.sarmaye-faq-item{
    background:#fff;
    border-radius:18px;
    margin-bottom:18px;
    overflow:hidden;
    border:1px solid #eee;
}

.sarmaye-faq-question{
    width:100%;
    border:none;
    background:#fff;
    padding:24px;
    font-size:18px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    text-align:right;
}

.sarmaye-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:.3s;
    padding:0 24px;
}

.sarmaye-faq-answer p{
    line-height:2.2;
    color:#666;
    padding-bottom:24px;
}

.sarmaye-faq-item.active .sarmaye-faq-answer{
    max-height:300px;
}

.sarmaye-faq-icon{
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--sarmaye-primary-light);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--sarmaye-primary-dark);
    transition:.3s;
}

.sarmaye-faq-item.active .sarmaye-faq-icon{
    transform:rotate(180deg);
    background:var(--sarmaye-primary-dark);
    color:#fff;
}

/* =========================
   CONTACT
========================= */

.sarmaye-contact{
    background:linear-gradient(135deg,#8B5CF6,#A78BFA);
    border-radius:30px;
    padding:60px 30px;
    text-align:center;
    color:#fff;
}

.sarmaye-contact h2{
    font-size:38px;
    margin-bottom:18px;
}

.sarmaye-contact p{
    font-size:17px;
    line-height:2;
    margin-bottom:35px;
}

.sarmaye-contact-btns{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.sarmaye-contact-btn{
    background:#fff;
    color:#6D28D9;
    padding:15px 24px;
    border-radius:14px;
    text-decoration:none;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.3s;
}

.sarmaye-contact-btn:hover{
    transform:translateY(-4px);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1100px){

    .sarmaye-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .sarmaye-list-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .sarmaye-title{
        font-size:34px;
    }

    .sarmaye-section-title h2{
        font-size:30px;
    }

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

    .sarmaye-checks{
        grid-template-columns:1fr;
    }

    .sarmaye-hero{
        padding:80px 20px 60px;
    }

    .sarmaye-hero-wrap{
        gap:40px;
    }

    .sarmaye-hero-card{
        width:100%;
    }

    .sarmaye-contact h2{
        font-size:28px;
    }
}
/*about-us*/
:root{
--about-primary:#2563EB;
--about-primary-dark:#1D4ED8;
--about-primary-light:#DBEAFE;
--about-primary-soft:#EFF6FF;
--about-secondary:#38BDF8;
--about-dark:#0F172A;
--about-text:#475569;
--about-white:#ffffff;
--about-border:#E2E8F0;
}


/* GLOBAL */

.about-us-page{
direction:rtl;
font-family:inherit;
background:#ffffff;
overflow:hidden;
color:var(--about-text);
}

.about-us-container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

.about-us-section{
padding:110px 0;
position:relative;
}

.about-us-title{
text-align:center;
margin-bottom:70px;
}

.about-us-title span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 22px;
background:linear-gradient(135deg,#DBEAFE,#EFF6FF);
border:1px solid rgba(37,99,235,.08);
border-radius:60px;
font-size:14px;
font-weight:700;
color:var(--about-primary);
margin-bottom:20px;
}

.about-us-title h2{
font-size:44px;
font-weight:900;
color:var(--about-dark);
margin-bottom:18px;
line-height:1.5;
}

.about-us-title p{
max-width:760px;
margin:auto;
line-height:2.3;
font-size:16px;
color:var(--about-text);
}


/* HERO */

.about-us-hero{
position:relative;
padding:150px 0 120px;
background:
linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 45%,#BFDBFE 100%);
border-radius:0 0 80px 80px;
overflow:hidden;
}

.about-us-hero::before{
content:'';
position:absolute;
width:550px;
height:550px;
background:rgba(37,99,235,.10);
border-radius:50%;
top:-250px;
left:-180px;
filter:blur(20px);
}

.about-us-hero::after{
content:'';
position:absolute;
width:400px;
height:400px;
background:rgba(56,189,248,.10);
border-radius:50%;
bottom:-160px;
right:-100px;
filter:blur(10px);
}

.about-us-hero-content{
position:relative;
z-index:2;
text-align:center;
}

.about-us-hero h1{
font-size:64px;
font-weight:900;
color:var(--about-dark);
margin-bottom:18px;
line-height:1.3;
}

.about-us-hero h2{
font-size:28px;
font-weight:700;
color:var(--about-primary);
margin-bottom:30px;
}

.about-us-hero p{
max-width:920px;
margin:auto;
font-size:18px;
line-height:2.5;
color:#334155;
}


/* INTRO */

.about-us-intro{
display:grid;
grid-template-columns:1fr 1fr;
gap:45px;
align-items:center;
}

.about-us-intro-box{
background:rgba(255,255,255,.75);
backdrop-filter:blur(12px);
padding:45px;
border-radius:35px;
box-shadow:
0 20px 60px rgba(37,99,235,.08);
border:1px solid rgba(255,255,255,.7);
}

.about-us-intro-box p{
line-height:2.5;
font-size:16px;
margin-bottom:20px;
color:var(--about-text);
}

.about-us-stat{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;
}

.about-us-stat-item{
background:
linear-gradient(135deg,#EFF6FF,#ffffff);
padding:40px 25px;
border-radius:30px;
text-align:center;
border:1px solid #DBEAFE;
box-shadow:
0 12px 30px rgba(37,99,235,.06);
transition:.35s;
}

.about-us-stat-item:hover{
transform:translateY(-6px);
}

.about-us-stat-item h3{
font-size:38px;
font-weight:900;
margin-bottom:12px;
color:var(--about-primary);
}

.about-us-stat-item p{
font-size:15px;
color:var(--about-text);
}


/* SERVICES */

.about-us-services{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.about-us-service{
text-align:center;
padding:30px 25px;
border-radius:35px;
transition:.4s;
position:relative;
overflow:hidden;
}

.about-us-service:hover{
transform:translateY(-12px);
background:#F8FBFF;
box-shadow:
0 20px 50px rgba(37,99,235,.08);
}

.about-us-circle{
width:150px;
height:150px;
margin:auto;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:30px;
position:relative;
background:
linear-gradient(135deg,#ffffff,#EFF6FF);
box-shadow:
0 20px 40px rgba(37,99,235,.12),
0 10px 20px rgba(56,189,248,.08);
border:1px solid rgba(255,255,255,.9);
}

.about-us-circle::before{
content:'';
position:absolute;
inset:10px;
border:2px dashed rgba(37,99,235,.18);
border-radius:50%;
}

.about-us-circle i{
font-size:52px;
color:var(--about-primary);
position:relative;
z-index:2;
}

.about-us-service h3{
font-size:24px;
font-weight:800;
margin-bottom:16px;
color:var(--about-dark);
}

.about-us-service p{
line-height:2.2;
font-size:15px;
color:var(--about-text);
}


/* BENEFITS */

.about-us-benefits{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
margin-top:60px;
}

.about-us-benefit{
background:
linear-gradient(180deg,#ffffff,#F8FBFF);
padding:38px;
border-radius:30px;
box-shadow:
0 10px 35px rgba(37,99,235,.08);
display:flex;
gap:18px;
align-items:flex-start;
transition:.35s;
border:1px solid rgba(219,234,254,.9);
}

.about-us-benefit:hover{
transform:translateY(-8px);
box-shadow:
0 20px 55px rgba(37,99,235,.14);
}

.about-us-benefit i{
font-size:24px;
width:60px;
height:60px;
background:
linear-gradient(135deg,#DBEAFE,#EFF6FF);
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
color:var(--about-primary);
flex-shrink:0;
}

.about-us-benefit h4{
font-size:22px;
font-weight:800;
margin-bottom:12px;
color:var(--about-dark);
}

.about-us-benefit p{
line-height:2.2;
font-size:15px;
color:var(--about-text);
}


/* FAQ */

.about-us-faq{
max-width:920px;
margin:auto;
}

.about-us-faq-item{
background:#ffffff;
border-radius:28px;
margin-bottom:20px;
overflow:hidden;
border:1px solid #E2E8F0;
box-shadow:
0 10px 35px rgba(15,23,42,.04);
transition:.3s;
}

.about-us-faq-item.active{
box-shadow:
0 20px 45px rgba(37,99,235,.08);
}

.about-us-faq-question{
width:100%;
background:none;
border:none;
padding:28px;
font-size:18px;
font-weight:700;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
text-align:right;
color:var(--about-dark);
}

.about-us-faq-question i{
font-size:16px;
color:var(--about-primary);
transition:.35s;
}

.about-us-faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
padding:0 28px;
}

.about-us-faq-answer p{
padding-bottom:28px;
line-height:2.3;
font-size:15px;
color:var(--about-text);
}

.about-us-faq-item.active .about-us-faq-answer{
max-height:300px;
}

.about-us-faq-item.active .about-us-faq-question i{
transform:rotate(180deg);
}


/* CTA */

.about-us-cta{
background:
linear-gradient(135deg,#2563EB,#38BDF8);
padding:80px;
border-radius:45px;
text-align:center;
color:#fff;
margin-top:90px;
position:relative;
overflow:hidden;
box-shadow:
0 25px 60px rgba(37,99,235,.25);
}

.about-us-cta::before{
content:'';
position:absolute;
width:300px;
height:300px;
background:rgba(255,255,255,.08);
border-radius:50%;
top:-120px;
left:-80px;
}

.about-us-cta::after{
content:'';
position:absolute;
width:220px;
height:220px;
background:rgba(255,255,255,.06);
border-radius:50%;
bottom:-80px;
right:-60px;
}

.about-us-cta h2{
font-size:46px;
font-weight:900;
margin-bottom:20px;
position:relative;
z-index:2;
}

.about-us-cta p{
max-width:720px;
margin:auto;
line-height:2.3;
font-size:17px;
margin-bottom:35px;
position:relative;
z-index:2;
}

.about-us-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:17px 40px;
background:#ffffff;
color:#2563EB;
font-size:15px;
font-weight:800;
border-radius:60px;
text-decoration:none;
transition:.35s;
position:relative;
z-index:2;
box-shadow:
0 10px 25px rgba(255,255,255,.18);
}

.about-us-btn:hover{
transform:translateY(-4px);
background:#EFF6FF;
}


/* RESPONSIVE */

@media(max-width:1100px){

.about-us-services{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:992px){

.about-us-intro{
grid-template-columns:1fr;
}

.about-us-benefits{
grid-template-columns:1fr;
}

.about-us-hero h1{
font-size:52px;
}

}

@media(max-width:768px){

.about-us-section{
padding:80px 0;
}

.about-us-hero{
padding:120px 0 90px;
border-radius:0 0 50px 50px;
}

.about-us-hero h1{
font-size:38px;
}

.about-us-hero h2{
font-size:22px;
}

.about-us-hero p{
font-size:16px;
line-height:2.3;
}

.about-us-title h2{
font-size:32px;
}

.about-us-services{
grid-template-columns:1fr;
}

.about-us-stat{
grid-template-columns:1fr;
}

.about-us-circle{
width:130px;
height:130px;
}

.about-us-circle i{
font-size:42px;
}

.about-us-cta{
padding:50px 25px;
border-radius:35px;
}

.about-us-cta h2{
font-size:32px;
}

.about-us-btn{
width:100%;
margin: 10px 0px;
}

}

@media(max-width:480px){

.about-us-title h2{
font-size:28px;
}

.about-us-hero h1{
font-size:32px;
}

.about-us-benefit{
padding:28px;
}

.about-us-intro-box{
padding:30px;
}

}


/* CONTACT BUTTON */

.header-contact-btn{
background:linear-gradient(135deg,#2563EB,#38BDF8);
color:#fff;
padding:12px 22px;
border-radius:14px;
font-size:14px;
font-weight:700;
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
border:none;
transition:.3s;
}

.header-contact-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(37,99,235,.2);
}


/* DROPDOWN */

.header-dropdown{
position:relative;
}

.header-dropdown-menu{
position:absolute;
top:120%;
right:0;
background:#fff;
min-width:220px;
border-radius:18px;
padding:12px;
box-shadow:0 20px 40px rgba(0,0,0,.08);
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:.3s;
z-index:999;
}

.header-dropdown:hover .header-dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.header-dropdown-menu li{
list-style:none;
margin:0;
}

.header-dropdown-menu li a{
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
border-radius:12px;
font-size:14px;
font-weight:600;
color:#0F172A;
transition:.3s;
text-decoration:none;
}

.header-dropdown-menu li a:hover{
background:#EFF6FF;
color:#2563EB;
}


/* POPUP */

.contact-popup-overlay{
position:fixed;
inset:0;
background:rgba(15,23,42,.55);
backdrop-filter:blur(5px);
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:.3s;
padding:20px;
}

.contact-popup-overlay.active{
opacity:1;
visibility:visible;
}

.contact-popup{
width:100%;
max-width:420px;
background:#fff;
border-radius:30px;
padding:30px;
position:relative;
animation:popupFade .35s ease;
}

@keyframes popupFade{

from{
opacity:0;
transform:translateY(20px) scale(.95);
}

to{
opacity:1;
transform:translateY(0) scale(1);
}

}

.contact-popup-close{
position:absolute;
top:15px;
left:15px;
width:38px;
height:38px;
border:none;
border-radius:12px;
background:#F1F5F9;
color:#0F172A;
font-size:18px;
cursor:pointer;
transition:.3s;
}

.contact-popup-close:hover{
background:#DBEAFE;
color:#2563EB;
}

.contact-popup-title{
text-align:center;
margin-bottom:30px;
}

.contact-popup-title h3{
font-size:28px;
font-weight:900;
color:#0F172A;
margin-bottom:10px;
}

.contact-popup-title p{
font-size:14px;
color:#64748B;
}

.contact-popup-buttons{
display:flex;
flex-direction:column;
gap:15px;
}

.loan-call-btn{
height:58px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
background:linear-gradient(135deg,#2563EB,#38BDF8);
color:#fff;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:.3s;
}

.loan-call-btn:hover{
transform:translateY(-3px);
box-shadow:0 15px 30px rgba(37,99,235,.18);
}

.loan-call-btn i{
font-size:15px;
}


/* MOBILE */

@media(max-width:768px){

.contact-popup{
padding:25px 20px;
border-radius:24px;
}

.contact-popup-title h3{
font-size:24px;
}

.loan-call-btn{
font-size:14px;
height:54px;
}

.header-contact-btn{
padding:10px 16px;
font-size:13px;
}

}


/* مخفی پیش‌فرض */
.mobile-navbar,
.mobile-menu-panel,
.mobile-menu-backdrop {
    display: none !important;
}

/* فقط موبایل */
@media (max-width: 768px) {

    /* هدر دسکتاپ خاموش */
    header, .site-header, #masthead, .desktop-header, .main-header {
        display: none !important;
    }

    body {
        padding-top: 64px;
    }

    /* نوار بالای موبایل */
    .mobile-navbar {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 64px;
        padding: 0 16px;
        background: rgba(255,255,255,0.92);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(0,0,0,0.05);
        z-index: 9999;
    }

    /* لوگو سمت راست */
    .mobile-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-logo img {
        object-fit: contain;
        display: block;
    }

    /* دکمه منو سمت چپ */
    .mobile-menu-toggle {
        width: 40px;
        height: 40px;
        border: none;
        outline: none;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        border-radius: 12px;
        transition: background .25s ease;
    }

    .mobile-menu-toggle:active {
        background: rgba(5,76,68,0.06);
    }

    .mobile-menu-toggle svg {
        width: 26px;
        height: 26px;
        stroke: #0e2c73ff;
        stroke-width: 2.3;
        fill: none;
        stroke-linecap: round;
        transition: transform .35s ease, opacity .3s ease;
    }

    .mobile-menu-toggle.active svg {
        transform: rotate(90deg) scale(.92);
        opacity: .75;
    }

    /* پس زمینه محو */
    .mobile-menu-backdrop {
        display: block !important;
        position: fixed;
        inset: 0;
        background: rgba(8, 15, 15, 0.16);
        opacity: 0;
        visibility: hidden;
        transition: .28s ease;
        z-index: 9997;
    }

    .mobile-menu-backdrop.show {
        opacity: 1;
        visibility: visible;
    }

    /* پنل شناور منو - زیر هدر، سمت راست */
    .mobile-menu-panel {
        display: block !important;
        position: fixed;
        top: 76px;
        right: 14px;
        width: calc(100% - 28px);
        max-width: 340px;
        background: rgba(255,255,255,0.96);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border: 1px solid rgba(0,0,0,0.05);
        border-radius: 24px;
        padding: 14px;
        z-index: 9998;

        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px) scale(.98);
        transition: all .30s cubic-bezier(.2,.8,.2,1);
        box-shadow:
            0 10px 30px rgba(0,0,0,0.07),
            0 2px 10px rgba(0,0,0,0.04);
    }

    .mobile-menu-panel.open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
    }

    /* هدر کوچیک داخل پنل */
    .menu-panel-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 6px 14px;
    }

    .menu-panel-label {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .12em;
        color: rgba(5,76,68,0.45);
        text-transform: uppercase;
    }

    .menu-panel-mini-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1a0cb6ff;
        opacity: .75;
    }

    /* لیست */
    .mobile-menu-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-menu-list li + li {
        margin-top: 10px;
    }

    /* آیتم منو */
    .mobile-menu-list a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        text-decoration: none;
        padding: 16px 16px;
        border-radius: 18px;
        background: linear-gradient(180deg,#fbfbfd 0%, #f6f6fa 100%);
        color: #0e2c73ff;
        transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
        box-shadow: inset 0 0 0 1px rgba(5,76,68,0.05);
    }

    .mobile-menu-list a:hover,
    .mobile-menu-list a:active {
        transform: translateY(-1px);
        background: linear-gradient(180deg, #f8fcfb 0%, #eef7f4 100%);
        box-shadow:
            inset 0 0 0 1px rgba(5,76,68,0.07),
            0 8px 16px rgba(5,76,68,0.06);
    }

    /* سمت راست متن */
    .menu-item-content {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    /* نقطه/نشان مینیمال */
    .menu-item-badge {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, #1a427aff, #05114cff);
        flex: 0 0 10px;
        box-shadow: 0 0 0 6px rgba(5,76,68,0.05);
    }

    .menu-text-wrap {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .menu-title {
        font-size: 15.5px;
        font-weight: 700;
        line-height: 1.2;
        color: #083f39;
    }

    .menu-sub {
        font-size: 11.5px;
        line-height: 1.3;
        color: rgba(5,76,68,0.52);
    }

    /* فلش ظریف */
    .menu-arrow {
        font-size: 16px;
        color: rgba(5,76,68,0.35);
        transition: transform .22s ease, color .22s ease;
        flex: 0 0 auto;
    }

    .mobile-menu-list a:hover .menu-arrow,
    .mobile-menu-list a:active .menu-arrow {
        transform: translateX(-3px);
        color: #0e2c73ff;
    }

    /* بخش پایینی */
    .menu-panel-footer {
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid rgba(5,76,68,0.06);
    }

    .drawer-phone {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        width: 100%;
        min-height: 52px;
        border-radius: 16px;
        background: #152146;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: .01em;
        box-shadow: 0 10px 18px rgba(5,76,68,0.14);
        transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
    }

    .drawer-phone:hover,
    .drawer-phone:active {
        transform: translateY(-1px);
        background: #043c36;
        box-shadow: 0 14px 22px rgba(5,76,68,0.17);
    }
}


/* =========================
   DROPDOWN مثل بقیه آیتم‌ها
========================= */

.mobile-dropdown-toggle{
            position: relative;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        text-decoration: none;
        padding: 16px 16px;
        border-radius: 10px;
        background: linear-gradient(180deg, #fbfbfd 0%, #f6f6fa 100%);
        color: #0e2c73ff;
        transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
        box-shadow: inset 0 0 0 1px rgba(5, 76, 68, 0.05);
        padding: 35px 10px;
}

.mobile-dropdown-toggle:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(15,23,42,.05);
}

.mobile-dropdown-toggle .menu-item-content{
display:flex;
align-items:center;
gap:14px;
}

.mobile-dropdown-toggle .menu-item-badge{
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(135deg,#2563EB,#38BDF8);
flex-shrink:0;
}

.mobile-dropdown-toggle .menu-text-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:right;
}

.mobile-dropdown-toggle .menu-title{
font-size:15px;
font-weight:800;
color:#0F172A;
}

.mobile-dropdown-toggle .menu-sub{
font-size:12px;
color:#94A3B8;
margin-top:3px;
}

.mobile-dropdown-icon{
font-size:13px;
color:#2563EB;
transition:.3s;
}

.mobile-dropdown-item.active .mobile-dropdown-icon{
transform:rotate(180deg);
}



/* SUBMENU */

.mobile-submenu{
max-height:0;
overflow:hidden;
transition:max-height .35s ease;
padding-right:20px;
}

.mobile-dropdown-item.active .mobile-submenu{
max-height:400px;
margin-top:12px;
}

.mobile-submenu li{
margin-bottom:10px;
}

.mobile-submenu li a{
display:flex;
align-items:center;
gap:10px;
padding:14px 18px;
border-radius:16px;
background:#F8FAFC;
text-decoration:none;
font-size:14px;
font-weight:600;
color:#0F172A;
transition:.3s;
}

.mobile-submenu li a:hover{
background:#EFF6FF;
color:#2563EB;
}

.mobile-submenu li a i{
font-size:14px;
color:#2563EB;
}



/* BUTTON تماس */

.drawer-contact-btn{
width:100%;
height:58px;
border:none;
border-radius:18px;
background:linear-gradient(135deg,#2563EB,#38BDF8);
color:#fff;
font-size:15px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
transition:.3s;
}

.drawer-contact-btn:hover{
transform:translateY(-2px);
}



/* POPUP */

.mobile-contact-popup-overlay{
position:fixed;
inset:0;
background:rgba(15,23,42,.55);
backdrop-filter:blur(5px);
display:flex;
align-items:center;
justify-content:center;
z-index:999999;
padding:20px;
opacity:0;
visibility:hidden;
transition:.3s;
}

.mobile-contact-popup-overlay.active{
opacity:1;
visibility:visible;
}

.mobile-contact-popup{
width:100%;
max-width:400px;
background:#fff;
border-radius:28px;
padding:30px 22px;
position:relative;
animation:mobilePopup .35s ease;
}

@keyframes mobilePopup{

from{
opacity:0;
transform:translateY(20px) scale(.95);
}

to{
opacity:1;
transform:translateY(0) scale(1);
}

}

.mobile-contact-close{
position:absolute;
top:15px;
left:15px;
width:38px;
height:38px;
border:none;
background:#F1F5F9;
border-radius:12px;
cursor:pointer;
font-size:16px;
transition:.3s;
}

.mobile-contact-close:hover{
background:#DBEAFE;
color:#2563EB;
}

.mobile-contact-title{
text-align:center;
margin-bottom:25px;
}

.mobile-contact-title h3{
font-size:24px;
font-weight:900;
margin-bottom:10px;
color:#0F172A;
}

.mobile-contact-title p{
font-size:14px;
color:#64748B;
}

.mobile-contact-buttons{
display:flex;
flex-direction:column;
gap:14px;
}

.loan-call-btn{
height:56px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
border-radius:16px;
background:linear-gradient(135deg,#2563EB,#38BDF8);
color:#fff;
font-size:14px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.loan-call-btn:hover{
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(37,99,235,.2);
}

.loan-call-btn-tala{
display:flex;
align-items:center;
gap:10px;
padding:14px 22px;
border-radius:12px;
background:#FFD76B;
color:#222;
font-size:16px;
font-weight:600;
text-decoration:none;
transition:.25s;
}

.loan-call-btn-tala:hover{
background:#1f56cc;
color:#fff;
transform:translateY(-2px);
}

/* =========================================
   PHONE BTN MOB ICON
   ========================================= */

/* --- دکمه دایره‌ای --- */
.phone-btn-mob-icon {
    display: none;
    position: fixed;
    bottom: 25px;
    left: 25px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #0066ff, #0044cc);
    border-radius: 50%;
    box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);
    cursor: pointer;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    animation: phone-btn-mob-icon-pulse 2s infinite;
    border: none;
    padding: 0;
}

.phone-btn-mob-icon svg {
    width: 26px;
    height: 26px;
    fill: #fff;
    pointer-events: none;
}

.phone-btn-mob-icon:hover {
    transform: scale(1.1);
}

@keyframes phone-btn-mob-icon-pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 102, 255, 0.5); }
    70% { box-shadow: 0 0 0 15px rgba(0, 102, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 102, 255, 0); }
}

/* --- پاپ‌آپ --- */
.phone-btn-mob-icon-popup {
    display: none;
    position: fixed;
    bottom: 95px;
    left: 25px;
    width: 240px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    z-index: 99999;
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.phone-btn-mob-icon-popup.phone-btn-mob-icon-active {
    display: block;
    opacity: 1;
    transform: translateY(0) scale(1);
}

.phone-btn-mob-icon-header {
    background: #f4f8ff;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phone-btn-mob-icon-close {
    cursor: pointer;
    font-size: 20px;
    color: #999;
    line-height: 1;
    padding: 0 5px;
}

.phone-btn-mob-icon-close:hover {
    color: #f00;
}

.phone-btn-mob-icon-list {
    list-style: none;
    padding: 10px;
    margin: 0;
}

.phone-btn-mob-icon-list li {
    margin-bottom: 8px;
}

.phone-btn-mob-icon-list li:last-child {
    margin-bottom: 0;
}

.phone-btn-mob-icon-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    transition: background 0.2s;
}

.phone-btn-mob-icon-link:hover {
    background: #eef4ff;
    border-color: #dbeafe;
}

.phone-btn-mob-icon-icon-wrap {
    width: 32px;
    height: 32px;
    background: #e0f2fe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.phone-btn-mob-icon-icon-wrap svg {
    width: 16px;
    height: 16px;
    fill: #0066ff;
}

.phone-btn-mob-icon-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.phone-btn-mob-icon-name {
    font-size: 12px;
    color: #777;
}

.phone-btn-mob-icon-number {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    font-family: inherit;
    letter-spacing: 0.5px;
    direction: ltr;
    text-align: right;
}

@media (max-width: 1024px) {
    .phone-btn-mob-icon {
        display: flex;
    }
}

/* FAQ dropdowns: match khodro layout, keep each page color */
.faq-list-sim,
.faq-list-melk,
.faq-list-tala {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.faq-item-sim,
.faq-item-melk,
.faq-item-tala {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

.faq-item-sim:hover,
.faq-item-melk:hover,
.faq-item-tala:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.faq-question-sim,
.faq-question-melk,
.faq-question-tala {
    width: 100%;
    background: #fff;
    border: none;
    outline: none;
    padding: 22px 24px;
    padding-left: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    color: #222;
    font-family: inherit;
    text-align: right;
    position: relative;
}

.faq-question-text-sim,
.faq-question-text-melk,
.faq-question-text-tala,
.faq-question-sim > span:first-child,
.faq-question-melk > span:first-child,
.faq-question-tala > span:first-child {
    display: block;
    width: 100%;
    line-height: 1.9;
    overflow: hidden;
    white-space: normal;
}

.faq-icon-sim,
.faq-icon-melk,
.faq-icon-tala {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: 0.3s ease;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.faq-icon-sim {
    background: #e8f5ff;
    color: #4aa9e9;
}

.faq-icon-melk {
    background: #e9faf4;
    color: #28b487;
}

.faq-icon-tala {
    background: #fdf6e8;
    color: #c99700;
}

.faq-answer-sim,
.faq-answer-melk,
.faq-answer-tala {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    padding: 0 24px;
    background: #fcfcfc;
}

.faq-answer-sim p,
.faq-answer-melk p,
.faq-answer-tala p {
    font-size: 15px;
    color: #555;
    line-height: 2.1;
    margin: 0;
    padding: 0 0 20px 0;
}

.faq-item-sim.active .faq-answer-sim,
.faq-item-melk.active .faq-answer-melk,
.faq-item-tala.active .faq-answer-tala {
    max-height: 220px;
    padding: 0 24px 6px 24px;
}

.faq-item-sim.active .faq-icon-sim {
    transform: translateY(-50%) rotate(180deg);
    background: #4aa9e9;
    color: #fff;
}

.faq-item-melk.active .faq-icon-melk {
    transform: translateY(-50%) rotate(180deg);
    background: #28b487;
    color: #fff;
}

.faq-item-tala.active .faq-icon-tala {
    transform: translateY(-50%) rotate(180deg);
    background: #c99700;
    color: #fff;
}

@media (max-width:768px) {
    .faq-question-sim,
    .faq-question-melk,
    .faq-question-tala {
        padding: 18px 16px;
        padding-left: 44px;
        font-size: 15px;
    }

    .faq-icon-sim,
    .faq-icon-melk,
    .faq-icon-tala {
        left: 16px;
        width: 30px;
        height: 30px;
        min-width: 30px;
        font-size: 13px;
    }

    .faq-answer-sim,
    .faq-answer-melk,
    .faq-answer-tala {
        padding: 0 16px;
    }

    .faq-answer-sim p,
    .faq-answer-melk p,
    .faq-answer-tala p {
        font-size: 14px;
        line-height: 2;
    }

    .faq-item-sim.active .faq-answer-sim,
    .faq-item-melk.active .faq-answer-melk,
    .faq-item-tala.active .faq-answer-tala {
        max-height: 320px;
        padding: 0 16px 6px 16px;
    }
}