/*main > .container, main > .container-fluid {*/
/*    padding: 70px 15px 20px;*/
/*}*/
/*@font-face {*/
/*    font-family: 'IranSans';*/
/*    src: url('/fonts/IRANSansWeb.woff2') format('woff2'),*/
/*    url('/fonts/IRANSansWeb.woff') format('woff');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'IranSans';*/
/*    src: url('/fonts/IranSans-Bold.woff2') format('woff2'),*/
/*    url('/fonts/IranSans-Bold.woff') format('woff');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/


@font-face {
    font-family: 'Vazir';
    src: url('/fonts/Vazir-Light.woff2') format('woff2'),
    url('/fonts/Vazir-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('/fonts/Vazir.woff2') format('woff2'),
    url('/fonts/Vazir.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('/fonts/Vazir-Bold.woff2') format('woff2'),
    url('/fonts/Vazir-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* استفاده از فونت در کل سایت */
body, h1, h2, h3, h4, h5, h6, p, a, li, input, button {
    font-family: 'Vazir', sans-serif;
}
body {
    direction: rtl;
    text-align: right;
    font-family: 'IranSans', sans-serif;
}
/* دسکتاپ */
body, p, li {
    line-height: 1.8;
}

/* موبایل */
@media (max-width: 768px) {
    body, p, li {
        line-height: 1.6;
    }
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container, .footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}



.our-skills {
    display: none;
    padding: 20px;
    background: #f0f0f0;
    text-align: center;
}

.our-skills.visible {
    display: block;
}

:root {
    --primary-color: #0d6efd;
    --secondary-color: #6c757d;
    --brand-color: #09405a;
    --text-color: #333333;
    --menu-fontColor: rgba(222, 218, 218, 0.9);
    --brand-name-color: #d7de28;
    --word-important: #24a51b;
    --boldkon: #ef560f;
}

.navbar {
    background-color: var(--brand-color)!important;
    padding: 10px 15px!important;
}

a.nav-link {
    font-weight: bold;
    color: var(--menu-fontColor) !important;

    position: relative; /* برای کنترل شبه‌عناصر */
}

a.dropdown-item {
    color: #fff !important;
}

a.navbar-brand {
    font-size: xx-large;
    color: #d7de28;
}

/* فقط در موبایل (کمتر از 768px) */
@media (max-width: 480px) {
    a.navbar-brand {
        font-size: large; /* یا هر مقدار دلخواه */
    }
}

/* استایل دکمه همبرگری */
.navbar-toggler {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
}

/* استایل منوی اصلی برای حذف کامل اسکرول */
.navbar-nav-scroll {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    transition: none !important;
}

.navbar-collapse {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    transition: none !important;
}

@media (max-width: 991px) {
    .navbar-nav-scroll {
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
        transition: none !important;
    }

    .navbar-nav {
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
        transition: none !important;
    }

    .navbar-collapse {
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
        transition: none !important;
    }

    .navbar-collapse.show {
        display: block !important;
        height: auto !important;
        overflow-y: visible !important;
    }

    /* خط نازک سفید بین آیتم‌های منو در موبایل */
    .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .logo-img {
        width: 25vw; /* 8% از عرض صفحه */
        height: auto;
        float: right;
    }

}



/* اطمینان از کنترل موقعیت */
.nav-link.dropdown-toggle {
    position: relative;

    align-items: center; /* تراز عمودی فلش و متن */
}

/* استایل منوی دراپ‌داون برای حذف اسکرول و نمایش کامل */
.dropdown-menu {
    display: none !important;
    max-height: none !important; /* حذف محدودیت ارتفاع */
    height: auto !important; /* ارتفاع خودکار برای نمایش همه آیتم‌ها */
    overflow-y: visible !important; /* حذف اسکرول */
    transition: opacity 0.3s ease-in-out;
    text-align: right;
    width: 100%;
    right: 0;
    left: auto;
    margin: 0;
    padding: 0;
    border: none;
    background-color: var(--brand-color);
    z-index: 1000;
}

/* نمایش منو با هاور در دسکتاپ */
@media (min-width: 992px) {
    .navbar-nav {
        display: flex;
        flex-direction: row;
    }
    .crop {
        width: 200px;
        height: 150px;
        overflow: hidden;
    }

    .crop img {
        width: 400px;
        height: 300px;
        margin: -75px 0 0 -100px;
    }
    .dropdown:hover .dropdown-menu {
        display: block !important;
        opacity: 1;
        visibility: visible;
        position: absolute;
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
        min-width: 200px;
        width: auto !important;
    }

    .logo-img {
        width: 8vw; /* 8% از عرض صفحه */
        height: auto;
        float: left;
    }
}

/* نمایش منو با toggle در موبایل */
@media (max-width: 991px) {
    .navbar-nav {
        flex-direction: column;
    }

    .dropdown .dropdown-menu {
        display: none !important;
    }

    .dropdown.active .dropdown-menu {
        display: block !important;
        position: relative !important;
        width: 100%;
        text-align: right;
        right: 0;
        left: auto;
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
    }

    .dropdown-item {
        text-align: right !important;
        padding-right: 1.5rem;
        color: #fff !important;
    }

    .dropdown-item:hover {
        background-color: #3578d9;
        color: #fff !important;
    }

}


/* ---------- ریسپانسیو برای موبایل ---------- */
/* =========================================================
   فقط مخصوص موبایل (آیفون 13 و کوچکتر)
   ========================================================= */

@media (max-width: 768px) {
    /* هر دو شماره عمودی بشن */
    .contact-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
    }

    /* هر لینک در یک خط کامل */
    .contact-info .contact-link {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 1rem !important;
        width: 100% !important;
        padding: 4px 0 !important;
    }

    /* آیکون‌ها کنار شماره بمونن */
    .contact-info .contact-link i {
        font-size: 1rem !important;
        flex-shrink: 0 !important;
    }

    .contact-info .contact-link span {
        font-size: 1rem !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 480px) {
    .contact-info .contact-link {
        font-size:1rem !important;
        gap: 6px !important;
    }

    .contact-info .contact-link span {
        font-size: 1.1rem !important;
    }

    .contact-info .contact-link i {
        font-size: 0.85rem !important;
    }
}
/* اجبار به نمایش افقی در دسکتاپ */
.navbar-nav {
    flex-wrap: nowrap !important;
}

.navbar-nav .nav-item {
    white-space: nowrap;
}

button.btn-outline-success {
    background-color: var(--brand-name-color);
}

li > a:hover {
    color: #3578d9 !important;
}

.new-label {
    font-size: 0.8em !important;
    color: #d7de28 !important;
    margin-left: 0.5em !important;
    float: left !important;
}

.navbar-brand {
    margin-left: 13rem !important; /* افزایش فاصله پراجیس از منوها */
}


/********************* top header *********************/


.social-icons a {
    margin-left: 10px;
    font-size: 24px;
    text-decoration: none;
}

.social-icons a:hover {
    color: #007bff;
}

.contact-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-info i {
    font-size: 20px;
}

.contact-info span {
    font-size: 16px;
    color: #333;
}

.whatsapp-icon {
    color: #0ba745; /* Official WhatsApp green */
}

.insta-icon {
    color: rgba(210, 16, 39, 0.95); /* Official WhatsApp green */
}

.linkd-icon {
    color: #0a66c2; /* Official WhatsApp green */
}

.teleg-icon {
    color: #0a66c2; /* Official WhatsApp green */
}

.fab:hover {
    color: var(--menu-fontColor);
}

.contact-info a {
    text-decoration: none;
    color: #333;
}

.contact-info a:hover {
    color: #0ba745;
}

.firstPage {
    max-width: 100%;
    height: auto;
}

.imageCenter {
    max-width: 100%;
    display: flex;
    justify-content: center;
    /*filter:brightness(20%);*/
    /*object-fit: fill; !* تصویر را کشیده تا کل ظرف را پر کند *!*/

}

.accordion-button {
    position: relative;
    padding-right: 2.5rem; /* فاصله متن از آیکون */
}

.accordion-button::after {
    position: absolute;
    right: 1rem; /* فاصله آیکون از لبه راست */
    left: auto;
    margin-left: 0;
}





/* test.css */

/* test.css */

/* موبایل و تبلت کوچک (کمتر از 768px) */
@media (max-width: 480px) {
    .main-content-wrapper .container-fluid {
        margin-top: 47px;
    }
}




/* test.css */




/* AI chat gpt */
:root {
    --accent: #2b6cb0;
    --muted: #6b7280;
    --card: #ffffff;
    --bg: #f7fafc;
    --radius: 12px;
    font-family: "Vazirmatn", "IranSans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.brand {
    font-weight: 700;
    color: var(--accent);
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); /* ✅ هر کارت حداقل 400px */
    gap: 20px;
    justify-items: stretch; /* کارت‌ها اندازه کامل ستون رو بگیرن */
    align-items: start;
}

/* 🔹 افکت ظاهر شدن نرم کارت‌ها */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 🔹 تنظیمات پایه کارت‌ها */
.card {
    background: var(--card, #fff);
    border-radius: 10px;
    padding: 16px;
    border: 1.5px solid var(--accent, #2b6cb0);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
    transition: border 0.3s ease,
    box-shadow 0.35s ease,
    transform 0.25s ease;
    animation: fadeInUp 0.8s ease both;
}

/* 🔹 تأخیر برای نمایش تدریجی کارت‌ها */
.card:nth-child(1) {
    animation-delay: 1s;
}

.card:nth-child(2) {
    animation-delay: 1.5s;
}

.card:nth-child(3) {
    animation-delay: 2s;
}

.card:nth-child(4) {
    animation-delay: 2.5s;
}

.card:nth-child(5) {
    animation-delay: 3s;
}

.card:nth-child(6) {
    animation-delay: 3.5s;
}


.card:hover {
    border-color: var(--accent);
    box-shadow: 0 10px 34px rgba(43, 108, 176, 0.25);
    transform: translateY(-4px);
}

h3 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #0f172a;
}

ul.features {
    list-style-type: none;
    position: relative;
    padding-right: 28px; /* فاصله برای جا دادن به آیکون */
    margin-bottom: 8px;

}

.checked-list li {
    position: relative;
    padding-right: 28px; /* فاصله برای جا دادن به آیکون */
    margin-bottom: 8px;
    text-align: start;
}

.checked-list li::before {
    content: "✓";
    position: absolute;
    right: 0; /* در سمت راست (برای RTL) */
    top: 10px;
    width: 20px;
    height: 20px;
    background-color: #e0f5e0;
    border: 1px solid #a0d9a0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2e8b57;
    font-weight: bold;
    font-size: 20px;
}

.cta {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 14px;
}

.btn {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
}

.btn-primary {
    background: var(--accent);
    color: white;
}

.btn-ghost {
    background: transparent;
    color: var(--accent);
    border: 1px solid rgba(43, 108, 176, 0.15);
}

.progis {
    color: var(--word-important);
}

ul li a, a.link1 ,p>a{
    text-decoration: none;
    font-weight: bold;
    color: var(--accent);
}


ul.features {
    line-height: 2.8;
}

/*  about */
.about-image {
    text-align: center;
    margin: 30px 0;
}

/* تصویر ریسپانسیو با افکت فید */
.about-image img.responsive-img {
    width: 100%;
    max-width: 800px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1);
    opacity: 0; /* ابتدا مخفی */
    transform: translateY(15px); /* کمی پایین‌تر از موقعیت نهایی */
    transition: opacity 2.8s ease, transform 2.8s ease; /* ← اینجا سرعت لود عکس در بخش درباره ما ، رو میتونی کم کنی */
}

/* وقتی تصویر لود شد */
.about-image img.responsive-img.loaded {
    opacity: 1;
    transform: translateY(0);
}

/* افکت هاور */
.about-image img.responsive-img:hover {
    transform: scale(1.02);
}
.boldkon{
    font-weight: bolder;
    color:var(--boldkon) ;
}
/* فقط روی label فیلدهای required اعمال میشه */
.required .form-label:after {
    content: " *";
    color: red;
    margin-left: 2px;
}
input[type="text"], input[type="tel"], textarea {
    text-align: right;
    direction: rtl;
}
.help-block {
    color : red;
}
/* برای اینکه دکمه بسته شدن فلش سمت چپ باشه */
.alert .btn-close {
    position: absolute;
    left: 10px;   /* فاصله از سمت چپ */
    right: auto;  /* حذف موقعیت پیش‌فرض راست */
}
#my-captcha-image {
    border: 1px solid #ddd;
    border-radius: 3px;
}
#refresh-captcha {
    margin-left: 5px;
    vertical-align: middle;
}
a.cta{display:inline-block;padding:10px 16px;background:#0b76ff;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;margin-top:10px}
.images{
    max-width: 50%;  /* عکس بیشتر از عرض والدش نشه */
    height: auto;
    display: block;
    float: right;
    transform: scale(0.8);      /* 80% اندازهٔ واقعی */
    border-radius:12px;
}
.images1{
    max-width: 50%;  /* عکس بیشتر از عرض والدش نشه */
    height: auto;
    display: block;
    transform: scale(0.8);      /* 80% اندازهٔ واقعی */
    border-radius:12px;
}
.images-left{
    max-width: 50%;  /* عکس بیشتر از عرض والدش نشه */
    height: auto;
    display: block;
    transform: scale(0.8);      /* 80% اندازهٔ واقعی */
    border-radius:12px;
    float: left;
}
@media (max-width:768px){

    .images,
    .images1,
    .images-left{

        max-width:100%;
        width:100%;

        float:none;

        margin:20px auto;

        transform:none;

    }

}
.pages{
    float: left;
    margin-right: 15px;
}
/* target list */
.target-list ul {
    list-style: none;
    padding-right: 0;
    margin: 0;
}

.target-list li {
    position: relative;
    padding-right: 28px;
    margin-bottom: 10px;
}

.target-list li::before {
    content: "\2714";
    position: absolute;
    right: 0;
    top: 0;
    color: #28a745;
    font-weight: 700;
}
/*star list*/
.star-list ul {
    list-style: none;
    padding-right: 0;
    margin: 0;
}

.star-list li {
    position: relative;
    padding-right: 28px;
    margin-bottom: 10px;
}

.star-list li::before {
    content: "\2605";
    position: absolute;
    right: 0;
    top: 0;
    color: #d4af37;
    font-size: 16px;
    line-height: 1.6;
}

/*error-list*/
.error-list ul {
    list-style: none;
    padding-right: 0;
    margin: 0;
}

.error-list li {
    position: relative;
    padding-right: 28px;
    margin-bottom: 10px;
}

.error-list li::before {
    content: "\2716";
    position: absolute;
    right: 0;
    top: 0;
    color: #d62828;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
}

/*3*/
.highlight-green {
    color: #1950c6;
    font-weight: 700;
    text-shadow:
            -0.5px -0.5px 0 #000,
            0.5px -0.5px 0 #000,
            -0.5px  0.5px 0 #000,
            0.5px  0.5px 0 #000;
}
.highlight-red {
    color: #ff1212;
    font-weight: 700;
}
.highlight-progis {
    color: #d62828;
    font-weight: 700;
}
section h2 {
    margin-bottom: 18px;
}
/*سبز توخالی دایره */
.green-hollow-list {
    list-style: none; /* حذف دایره‌های پیش‌فرض */
    padding: 0;
}

.green-hollow-list li {
    position: relative;
    padding-right: 30px; /* فضای لازم برای آیکون */
    margin-bottom: 15px;
    line-height: 1.6;
}

.green-hollow-list li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 12px; /* سایز متوسط */
    height: 12px;
    border: 7px solid #28a745; /* رنگ سبز و ضخامت خط */
    border-radius: 50%; /* دایره‌ای */
    background-color: transparent; /* توخالی */
}



/*check Box Blue */
.supervision ul {
    list-style: none;
    padding-right: 0;
    margin: 0;
}

.supervision li {
    position: relative;
    padding-right: 34px;
    margin-bottom: 18px;
    line-height: 1.9;
}

.supervision li::before {
    content: "\2611";
    position: absolute;
    right: 0;
    top: 0;
    color: #1976d2;
    font-size: 18px;
    line-height: 1.6;
}
@media (max-width: 768px) {
    section h2 {
        margin-bottom: 18px;
        line-height: 1.8;
    }

    section p {
        margin-bottom: 16px;
        line-height: 2;
    }
}


/*9*/



.business-coaching-page section {
    margin-bottom: 32px;
    display: block;
    width: 100%;
}

.business-coaching-page h2 {
    margin: 0 0 15px 0;
    color: #5fc52c;
}

.business-coaching-page p,
.business-coaching-page ul {
    margin-bottom: 40px;
}

.business-coaching-page {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}
.business-coaching h2 {
    margin-bottom: 15px;
    margin-top: 30px;
}

.highlight-blue {
    color: #1c73db; /* آبی نفتی */
    font-weight: 700;
}


@media screen and (max-width: 768px) {
    .responsive-image {
        max-width: 100%;
        min-height: 300px;
        object-fit: cover;
    }
}
.div.images {
    margin: 5px;
    border: 1px solid #ccc;
    width: calc(25% - 20px);
}
.section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 60px auto;
    max-width: 1000px;
    padding: 20px;
}
.section img {
    width: 45%;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.section .text {
    width: 50%;
}
.section .text h2 {
    margin-top: 0;
    color: #333;
}
.section .text p {
    color: #555;
    line-height: 1.8;
}
/* چیدمان برعکس برای بخش دوم */
.section.reverse {
    flex-direction: row-reverse;
}
/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .section {
        flex-direction: column;
        text-align: center;
    }
    .section.reverse {
        flex-direction: column;
    }
    .section img, .section .text {
        width: 100%;
    }
}
/* عنوان هدف اصلی */
.goal-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:5px 14px;
    margin:0 4px;
    border-radius:30px;

    background:#fff3cd;
    color:#b45309;

    border:1px solid #f7c873;

    font-weight:700;
    font-size:.95em;

    transition:.3s;
}

.goal-badge i{
    color:#f59e0b;
    font-size:1rem;
}

.goal-badge:hover{
    background:#f59e0b;
    color:#fff;
    border-color:#f59e0b;
    box-shadow:0 6px 16px rgba(245,158,11,.25);
}

.goal-badge:hover i{
    color:#fff;
}

/* لیست ویژگی ها */
.feature-title{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin:25px 0;
    line-height:2;
}

.feature-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 15px;
    border-radius:30px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
    cursor:default;
}

.feature-badge i{
    font-size:16px;
}

.speed{
    background:#e9f5ff;
    color:#0d6efd;
}

.security{
    background:#eefaf2;
    color:#198754;
}

.structure{
    background:#fff4e6;
    color:#fd7e14;
}

.feature-badge:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.feature-text{
    font-size:18px;
    color:#444;
    font-weight:500;
}
.process-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;
    margin:40px 0;
}

.process-card{
    background:#fff;
    border:2px solid #e8e8e8;
    border-radius:14px;
    padding:28px;
    transition:all .35s ease;
    box-shadow:0 4px 15px rgba(0,0,0,.06);
    position:relative;
}

.process-card:hover{
    border-color:#ff9800;
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(255,152,0,.18);
}

.process-number{
    width:46px;
    height:46px;
    border-radius:50%;
    background: #866dea;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:bold;
    margin-bottom:18px;
    transition:.35s;
}

.process-card:hover .process-number{
    background:#ff9800;
    transform:rotate(360deg);
}

.process-card h3{
    font-size:21px;
    margin-bottom:15px;
    color:#333;
    line-height:1.5;
}

.process-card p{
    color:#666;
    line-height:2;
    font-size:15px;
}
.business-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:24px;
    margin:35px 0;
}

.business-card{
    display:flex;
    align-items:flex-start;
    gap:18px;

    background:#fff;
    border:2px solid #866dea;   /* بنفش */
    border-radius:16px;

    padding:24px;

    transition:.35s;

    box-shadow:0 5px 18px rgba(0,0,0,.05);
}

.business-card:hover{
    border-color:#ff9800;
    transform:translateY(-6px);

    box-shadow:0 16px 35px rgba(255,152,0,.18);
}

.business-icon{
    width:58px;
    height:58px;

    border-radius:50%;

    background:#f1f8f4;
    color:#198754;

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

    font-size:26px;

    flex-shrink:0;

    transition:.35s;
}

.business-card:hover .business-icon{
    background:#ff9800;
    color:#fff;
    transform:rotate(15deg) scale(1.08);
}

.business-content h3{
    margin:0 0 10px;
    font-size:20px;
    color:#222;
}

.business-content p{
    margin:0;
    line-height:2;
    color:#666;
    font-size:15px;
}
.conversion-box{

    background:#fafafa;

    border-radius:18px;

    padding:35px;

    margin:45px 0;

    border:1px solid #ececec;
}

.conversion-intro{

    text-align:center;

    font-size:18px;

    margin-bottom:35px;
}

.conversion-flow{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    margin:35px 0;
}

.flow-item{

    width:150px;

    background:white;

    border:2px solid #ececec;

    border-radius:16px;

    padding:18px;

    text-align:center;

    transition:.35s;
}

.flow-item:hover{

    border-color:#ff9800;

    transform:translateY(-5px);

    box-shadow:0 12px 25px rgba(255,152,0,.18);
}

.flow-item i{

    font-size:34px;

    color:#198754;

    margin-bottom:12px;

    display:block;
}

.flow-item.success i{

    color:#ff9800;
}



.conversion-note{

    display:flex;

    gap:18px;

    margin-top:35px;

    background:#fff8e8;

    border-right:5px solid #ff9800;

    padding:22px;

    border-radius:12px;
}

.conversion-note i{

    font-size:32px;

    color:#ff9800;
}

.conversion-note strong{

    display:block;

    margin-bottom:10px;

    color:#333;
}
/* موبایل */
@media (max-width:768px){

    .conversion-flow{

        flex-direction:column;

        align-items:center;

        gap:18px;
    }



    .flow-item{

        width:100%;

        max-width:320px;
    }

}
.services-accordion{

    margin:40px 0;

}

.service-item{

    border:2px solid #ececec;

    border-radius:16px;

    margin-bottom:18px;

    overflow:hidden;

    transition:.3s;

    background:white;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.service-item:hover{

    border-color:#ff9800;

}

.service-title{

    width:100%;

    border:none;

    background:white;

    cursor:pointer;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 25px;

    font-size:20px;

    font-weight:700;

    color:#333;

}

.service-title span{

    display:flex;

    align-items:center;

    gap:15px;

}

.service-title i:first-child{

    color:#198754;

    font-size:26px;

}

.arrow{

    transition:.3s;

    color:#999;

}

.service-content{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

    padding:0 25px;

    color:#666;

    line-height:2;

}

.service-item.active{

    border-color:#ff9800;

}

.service-item.active .service-content{

    max-height:220px;

    padding:0 25px 25px;

}

.service-item.active .arrow{

    transform:rotate(180deg);

    color:#ff9800;

}


/************* صفحه طراحی وبسایت *************/

.flow-chevron{

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

    width:60px;

    flex-shrink:0;

}

.flow-chevron i{

    font-size:58px;

    color:#d32f2f;

    transition:.3s;

}

/* طیف رنگ */


.flow-chevron i{
    color:#d32f2f;
}

/* انیمیشن */

.flow-step:hover + .flow-chevron i{

    transform:translateX(-8px);

}
.consulting-flow{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:stretch;
    gap:20px;
    direction:rtl;
    max-width:1100px;
    margin:0 auto;
    padding:2rem 1rem;
}
.flow-step{
    display:flex;
}
.flow-box h3{

    display:inline-block;

    margin:-38px auto 20px;

    padding:10px 24px;

    background:#fff;

    border:2px solid #c62828;

    border-radius:12px;

    color:#c62828;

    font-size:18px;
    font-weight:700;

    box-shadow:0 6px 18px rgba(198,40,40,.15);

    position:relative;

    z-index:2;

}
.flow-box{

    margin-top:28px;
    padding-top:40px;

}
@media (max-width:768px){

    .consulting-flow{
        grid-template-columns:1fr;
        gap:18px;
    }

    .flow-chevron i{
        transform:rotate(-90deg);
    }

}
/* CRM */
.tech-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:6px 14px;

    margin:0 4px;

    border:2px solid #0d6efd;
    border-radius:30px;

    background:#f4f9ff;

    color:#0d6efd;

    font-weight:700;

    transition:.3s;

}

.tech-badge i{

    font-size:16px;

}

.tech-badge:hover{

    background:#0d6efd;
    color:#fff;

}


/* امکانات سامانه */
.feature-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:6px 14px;

    margin:4px;

    border:2px solid #198754;
    border-radius:30px;

    background:#f8fff9;

    color:#198754;

    font-weight:600;

    transition:.3s;

}

.feature-badge i{

    font-size:15px;

}

.feature-badge:hover{

    background:#198754;
    color:#fff;

}
/* Badge های کوچک */

.mini-badge{

    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:4px 12px;

    margin:2px 4px;

    border-radius:20px;

    font-size:.92rem;
    font-weight:600;

    border:2px solid;

    background:#fff;

    transition:.3s;

    white-space:nowrap;

}

.mini-badge i{

    font-size:15px;

}

/* آبی */

.mini-badge.blue{

    color:#0d6efd;
    border-color:#0d6efd;

}

.mini-badge.blue:hover{

    background:#0d6efd;
    color:#fff;

}

/* سبز */

.mini-badge.green{

    color:#198754;
    border-color:#198754;

}

.mini-badge.green:hover{

    background:#198754;
    color:#fff;

}

/* نارنجی */

.mini-badge.orange{

    color:#fd7e14;
    border-color:#fd7e14;

}

.mini-badge.orange:hover{

    background:#fd7e14;
    color:#fff;

}

/* قرمز */

.mini-badge.red{

    color:#dc3545;
    border-color:#dc3545;

}

.mini-badge.red:hover{

    background:#dc3545;
    color:#fff;

}

/* بنفش */

.mini-badge.purple{

    color:#6f42c1;
    border-color:#6f42c1;

}

.mini-badge.purple:hover{

    background:#6f42c1;
    color:#fff;

}
.section-label{

    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-left:10px;
    margin-bottom:8px;

    padding:6px 14px 6px 10px;

    border-right:4px solid #198754;

    color:#198754;

    font-size:1.05rem;
    font-weight:800;

    background:#f7fff9;

    border-radius:8px;

}

.section-label i{

    font-size:18px;

}
/* تبدیل عکسهای نمونه وبسایت ها به سایز کوچک*/
.image-preview{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    margin:30px 0;
}

.click-image{
    max-width:400px;      /* اندازه کوچک */
    max-height:400px;
    width:auto;
    height:auto;

    border-radius:12px;
    cursor:zoom-in;

    box-shadow:0 6px 18px rgba(0,0,0,.15);

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

.click-image:hover{
    transform:scale(1.05);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.click-image.active{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    max-width: 98vw;
    max-height: 98vh;

    width:auto;
    height:auto;

    z-index:9999;

    cursor:zoom-out;

    box-shadow:0 20px 60px rgba(0,0,0,.45);
}
/*کادر برای صفحه طراحی وبسایت در هدر  */
.simple-title{
    border:2px solid #d9d9d9;
    border-radius:12px;
    padding:16px 24px;
    margin:35px 0 25px;
    background:#fff;
}

.simple-title h2{
    margin:0;
    text-align:center;
    color:#333;
    font-size:1.7rem;
    font-weight:700;
}
.eco-process {
    margin:40px 0;
}

.eco-process-item {
    background:#fff;
    border:2px solid #6f42c1;
    border-radius:16px;
    padding:24px;
    transition:.35s;
}

.eco-process-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
    color:#6f42c1;
    font-size:20px;
    font-weight:700;
}

.eco-process-arrow{
    text-align:center;
    font-size:36px;
    color:#6f42c1;
    margin:12px 0;
}

.eco-process-text{
    line-height:2;
}
/* بخش سوال مهم */
.investment-question-title{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:8px 16px;

    background:#fff4e5;

    border:2px solid #ff9800;

    border-radius:12px;

    color:#d97706;

    font-weight:700;

    font-size:1.05rem;

    margin-bottom:12px;
}

.investment-question-title i{
    font-size:20px;
}

/* کادر جمله پایانی */
.investment-final-note{

    margin-top:25px;

    background:#fff8e8;

    border-right:5px solid #ff9800;

    border-radius:12px;

    padding:18px 22px;

    font-weight:700;

    line-height:2;

    color:#444;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.investment-final-note i{

    color:#ff9800;

    font-size:22px;

    margin-left:8px;

}

/* Badge ها */
.investment-badge{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:5px 12px;

    margin:3px;

    border-radius:25px;

    border:2px solid;

    font-size:.93rem;

    font-weight:700;

    transition:.3s;

    white-space:nowrap;

}

.investment-badge i{

    font-size:15px;

}

.investment-badge:hover{

    color:#fff;

}

/* رنگ ها */

.investment-blue{

    color:#0d6efd;

    border-color:#0d6efd;

    background:#f4f9ff;

}

.investment-blue:hover{

    background:#0d6efd;

}

.investment-green{

    color:#198754;

    border-color:#198754;

    background:#f6fff8;

}

.investment-green:hover{

    background:#198754;

}

.investment-red{

    color:#dc3545;

    border-color:#dc3545;

    background:#fff6f6;

}

.investment-red:hover{

    background:#dc3545;

}

.investment-orange{

    color:#fd7e14;

    border-color:#fd7e14;

    background:#fff8f1;

}

.investment-orange:hover{

    background:#fd7e14;

}

.investment-purple{

    color:#6f42c1;

    border-color:#6f42c1;

    background:#faf6ff;

}

.investment-purple:hover{

    background:#6f42c1;

}
/*seminars */

/***********************
      Seminar Page
************************/

/* گرید کارت‌ها */
.seminar-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:24px;
    margin:35px 0;
}

/* کارت */
.seminar-card{

    background:#fff;

    border:2px solid #ececec;

    border-radius:18px;

    padding:28px;

    text-align:center;

    transition:.35s;

    box-shadow:0 6px 18px rgba(0,0,0,.06);

    position:relative;

    display:flex;

    flex-direction:column;
}

.seminar-card:hover{

    transform:translateY(-8px);

    border-color:#866dea;

    box-shadow:0 18px 40px rgba(134,109,234,.18);

}


/* آیکون */
.seminar-icon{

    width:78px;

    height:78px;

    margin:0 auto 18px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    transition:.35s;

}


/* رنگ‌ها */
.seminar-green{
    background:#e9f8ef;
    color:#198754;
}

.seminar-blue{
    background:#eaf4ff;
    color:#0d6efd;
}

.seminar-orange{
    background:#fff3e6;
    color:#fd7e14;
}

.seminar-purple{
    background:#f1ecff;
    color:#6f42c1;
}

.seminar-red{
    background:#ffeaea;
    color:#dc3545;
}

.seminar-cyan{
    background:#e8fbff;
    color:#0dcaf0;
}

.seminar-yellow{
    background:#fff8db;
    color:#d4a017;
}

.seminar-gray{
    background:#f4f4f4;
    color:#495057;
}


/* هاور آیکون */
.seminar-card:hover .seminar-icon{

    transform:scale(1.12) rotate(12deg);

    box-shadow:0 10px 24px rgba(0,0,0,.15);

}


/* تیتر */
.seminar-card h3{

    margin:15px 0;

    color:#333;

    font-size:20px;

    line-height:1.8;

}


/* متن */
.seminar-card p{

    margin:0;

    color:#666;

    line-height:2;

}


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

    .seminar-grid{

        grid-template-columns:1fr;

    }

}
/* تصاویر سمینار */
/* تصاویر صفحه سمینار */
.seminar-image{
    text-align:center;
    margin:40px 0;
}

.seminar-image img{
    display:block;
    margin:0 auto;
    width:100%;
    max-width:700px;   /* اندازه دلخواه */
    height:auto;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}
.seminar-image img:hover{
    transform:translateY(-4px) scale(1.02);
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

@media (max-width:768px){

    .seminar-image img{
        max-width:100%;
    }

}
.seminar-card:nth-child(1) i{
    color:#28a745; /* اقتصاد */
}

.seminar-card:nth-child(2) i{
    color:#007bff; /* تحلیل کسب و کار */
}

.seminar-card:nth-child(3) i{
    color:#dc3545; /* مذاکره */
}

.seminar-card:nth-child(4) i{
    color:#ffc107; /* بازار مالی */
}

.seminar-card:nth-child(5) i{
    color:#6f42c1; /* توسعه ذهنی */
}

.seminar-card:nth-child(6) i{
    color:#fd7e14; /* کودکان */
}

.seminar-card:nth-child(7) i{
    color:#20c997; /* هوش مصنوعی */
}

.seminar-card:nth-child(8) i{
    color:#e83e8c; /* مهارت فردی */
}
.seminar-card:hover > i{
    transform:scale(1.2);
    transition:0.3s ease;
}
.seminar-card > i{
    font-size:40px;
    margin-bottom:15px;
    display:block;
    color:#007bff;
}
.mini-badge{
    border:none;
    cursor:pointer;
    text-decoration:none;
}

.mini-badge:hover{
    transform:translateY(-3px);
}
/* برنامه نویسی صفحه آموزش */
.seminar-images{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:30px;
    margin:40px 0;
    flex-wrap:wrap;
}

.seminar-images .seminar-image{
    flex:1 1 45%;
    text-align:center;
}

.seminar-images .seminar-image img{
    width:100%;
    max-width:500px;
    height:auto;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.3s;
}

.seminar-images .seminar-image img:hover{
    transform:translateY(-4px) scale(1.02);
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

@media (max-width:768px){

    .seminar-images{
        flex-direction:column;
        align-items:center;
    }

    .seminar-images .seminar-image{
        width:100%;
    }

    .seminar-images .seminar-image img{
        max-width:100%;
    }

}
/*==============================
    Sky Style
===============================*/

.sky-icon{
    font-size:28px;
    color:#0d6efd;
    margin-left:10px;
    vertical-align:middle;
}


/* لینک سطوح */

.sky-link{

    color:#0d6efd;

    font-weight:700;

    cursor:pointer;

    border-bottom:2px dashed #0d6efd;

    padding:2px 3px;

    transition:.3s;

}

.sky-link:hover{

    color:#198754;

    border-bottom-color:#198754;

}


/*==============================
    Popover
===============================*/

.popover{

    max-width:360px;

    border:none;

    border-radius:14px;

    box-shadow:0 12px 30px rgba(0,0,0,.15);

}

.popover-header{

    background:#0d6efd;

    color:#fff;

    text-align:center;

    font-weight:bold;

    border-radius:14px 14px 0 0;

}

.popover-body{

    text-align:right;

    line-height:2;

    font-size:15px;

}
.sales-tip-box{

    background:#fff;

    border-radius:15px;

    padding:18px 22px;

    margin:18px 0;

    box-shadow:
            0 0 0 2px rgba(139,92,246,.20),
            0 8px 25px rgba(139,92,246,.28);

    transition:.3s ease;

    font-size:1.05rem;

    line-height:2;

}

.sales-tip-box:hover{

    transform:translateY(-4px);

    box-shadow:
            0 0 0 3px rgba(139,92,246,.35),
            0 12px 35px rgba(139,92,246,.40);

}

.sales-tip-box i{

    color:#8b5cf6;

    font-size:1.25rem;

    margin-left:10px;

}
/*کارت های صفحه آموزش مدیران */
.course-badge{

    position:absolute;

    top:15px;
    left:15px;

    background:linear-gradient(135deg,#d4af37,#f5d76e);

    color:#fff;

    padding:6px 16px;

    border-radius:20px;

    font-size:.85rem;

    font-weight:700;

    box-shadow:0 5px 15px rgba(212,175,55,.35);

    z-index:2;

    display:flex;

    align-items:center;

    gap:6px;

}

.course-badge > i:first-child{
    color:#b30000 !important;
    font-size:1rem;
}
.course-result{

    margin-top:auto;

    margin-bottom:0;

}
.course-title{

    background:transparent;

    color:#6f42c1;

    border:2px solid #6f42c1;

    padding:10px 18px;

    border-radius:10px;

    text-align:center;

    font-size:1.15rem;

    font-weight:700;

    margin:15px 0 20px;

    box-shadow:0 4px 12px rgba(111,66,193,.15);

}
.course-vote{

    margin-top:20px;

    text-align:center;

}


.interest-btn{

    background:#fff;

    border:1px solid #e0d7f5;

    color:#6f42c1;

    padding:8px 18px;

    border-radius:25px;

    cursor:pointer;

    font-size:.9rem;

    transition:.3s;

}


.interest-btn i{

    margin-left:5px;

}


.interest-btn:hover{

    background:#f6f0ff;

    transform:translateY(-2px);

}


.interest-btn.active{

    background:#6f42c1;

    color:#fff;

}


.interest-btn.active i{

    color:#ff3b5c;

}


.vote-count{

    margin-right:8px;

    font-weight:bold;

}
.interest-selected{
    cursor: default;
}
.sales-tip-box{
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: fit-content;
    max-width: 100%;

    margin: 8px 0;
    padding: 10px 16px;

    border-radius: 8px;
}
.seminar-image-financial{
    text-align:center;
}

.seminar-image-financial img{
    width:50%;
    max-width:80%;
    height:auto;
    border-radius:12px;
}

/* لپ تاپ و دسکتاپ */
@media (min-width:992px){
    .seminar-image-financial img{
        max-width:30%;
    }

}
/* بازارهای مالی */
.forex-image-gallery{

    display:flex;

    justify-content:center;

    align-items:stretch;

    flex-wrap:wrap;

    gap:20px;

    margin:30px auto;

}

.forex-image-gallery img{

    flex:1 1 420px;

    max-width:500px;

    width:100%;

    height:320px;

    object-fit:cover;

    border-radius:16px;

    box-shadow:0 8px 25px rgba(0,0,0,.15);

    transition:transform .3s ease;

}

.forex-image-gallery img:hover{

    transform:translateY(-5px);

}

@media (max-width:768px){

    .forex-image-gallery{

        gap:15px;

    }

    .forex-image-gallery img{

        max-width:100%;

        height:auto;

    }

}
.tips-grid{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.tips-grid .sales-tip-box{
    flex:1 1 calc(33.333% - 15px);
    box-sizing:border-box;
}
/* تبلت */
@media (max-width:992px){
    .tips-grid .sales-tip-box{
        flex:1 1 calc(50% - 15px);
    }
}

/* موبایل */
@media (max-width:576px){
    .tips-grid .sales-tip-box{
        flex:1 1 100%;
    }
}
/*مزایای فارکس */
.market-list{

    list-style:none;

    padding:0;

}

.market-list li{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:16px;

    line-height:2;

}

.market-list.plus i{

    color:#16a34a;

    font-size:1.15rem;

}

.market-list.minus i{

    color:#dc3545;

    font-size:1rem;

}
/* error page start */
.error-container {
    text-align: center;

    background: #ffffff;

    border-radius: 25px;

    padding: 50px 35px;

    box-shadow:
            0 20px 60px rgba(80, 60, 120, .12);

    border: 1px solid #eee8ff;
}

.error-icon {
    width: 100px;
    height: 100px;

    margin: 0 auto 25px;

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

    border-radius: 50%;

    background: #f2edff;

    font-size: 45px;
}

.error-code {
    font-size: 80px;

    font-weight: 900;

    line-height: 1;

    color: #7657d9;

    margin-bottom: 15px;
}

.error-title {
    font-size: 28px;

    font-weight: bold;

    margin-bottom: 18px;
}

.error-message {
    color: #777;

    font-size: 16px;

    line-height: 2;

    margin-bottom: 30px;
}

.error-actions {
    display: flex;

    justify-content: center;

    gap: 12px;

    flex-wrap: wrap;
}

.btn {
    display: inline-block;

    padding: 12px 25px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 14px;

    transition: .2s;
}


.btn-primary:hover {
    background: #6244c5;
    color: #fff;
}

.btn-secondary {
    background: #f3f1f8;
    color: #555;
}

.btn-secondary:hover {
    background: #e8e4f1;
    color: #333;
}

.technical {
    margin-top: 35px;

    padding-top: 20px;

    border-top: 1px solid #eee;

    color: #aaa;

    font-size: 12px;
}

@media (max-width: 500px) {

    .error-container {
        padding: 35px 20px;
    }

    .error-code {
        font-size: 60px;
    }

    .error-title {
        font-size: 22px;
    }

}
/* error page end */
.form-check {
    display: flex;
    align-items: center;
    gap: 30px;
    direction: rtl;
}

.form-check input {
    margin: 0;
}


/* ===================== فوتر — هماهنگ با تم شبکه‌ی نورانی ===================== */
.footer-pro{
    background: linear-gradient(180deg, #041420 0%, #072030 100%);
    color:rgba(255,255,255,.85);
    padding:55px 0 0;
    position:relative;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-pro h5{
    color:#fff;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
    display:inline-block;
    padding-bottom:8px;
}

.footer-pro h5::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:32px;
    height:2px;
    background:#e8b923;
    box-shadow:0 0 8px rgba(232,185,35,.6);
}

.footer-pro p{
    color:rgba(255,255,255,.65);
    line-height:2;
}

.footer-pro a{
    color:rgba(255,255,255,.65);
    text-decoration:none;
    display:block;
    margin-bottom:10px;
    transition:.25s;
}
.footer-pro a:hover{
    color:#fff;
    text-shadow:0 0 12px rgba(255,255,255,.5);
    padding-right:4px;
}

.footer-pro .social-icons a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.15);
    margin-left:10px;
    margin-bottom:0;
    font-size:16px;
    transition:.25s;
}
.footer-pro .social-icons a:hover{
    border-color:rgba(255,255,255,.6);
    box-shadow:0 0 18px rgba(255,255,255,.35);
    text-shadow:none;
    transform:translateY(-2px);
}

.footer-pro .footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:30px;
    padding:18px 0;
    text-align:center;
    font-size:.9em;
    color:rgba(255,255,255,.5);
}

@media (max-width:768px){
    .footer-pro{ text-align:center; }
    .footer-pro h5::after{ right:50%; transform:translateX(50%); }
}
/* =========================================================
   Education Calendar Page
   پراجیس - تقویم آموزشی
   ========================================================= */

.edu-calendar-page {

    --edu-primary: #0f3d5c;
    --edu-primary-dark: #092c42;
    --edu-accent: #e8b923;

    --edu-dark: #041420;
    --edu-dark-2: #0a2436;

    --edu-card: rgba(255,255,255,.04);
    --edu-card-hover: rgba(255,255,255,.07);

    --edu-border: rgba(255,255,255,.12);
    --edu-border-strong: rgba(255,255,255,.28);

    --edu-text: #f2f5f7;
    --edu-muted: rgba(242,245,247,.65);

    min-height:100%;
    background:var(--edu-dark);
    color:var(--edu-text);
}


/* =========================================================
   Hero
   ========================================================= */

.edu-calendar-hero {

    position:relative;

    background:
            linear-gradient(
                    135deg,
                    rgba(4,20,32,.96),
                    rgba(15,61,92,.72)
            );

    border-bottom:1px solid rgba(255,255,255,.1);

    overflow:hidden;
}


.edu-calendar-hero::before {

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-220px;
    right:-100px;

    border-radius:50%;

    background:rgba(255,255,255,.04);

    box-shadow:
            0 0 80px rgba(255,255,255,.08),
            0 0 160px rgba(255,255,255,.04);

    pointer-events:none;
}


.edu-calendar-hero-inner {

    position:relative;

    max-width:1180px;

    margin:0 auto;

    padding:4px 24px;

    display:flex;

    align-items:center;

    gap:28px;
}


.edu-calendar-hero-icon {

    flex:0 0 82px;

    width:82px;
    height:82px;

    display:flex;

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

    border-radius:22px;

    color:var(--edu-accent);

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.25);

    font-size:34px;

    box-shadow:
            0 0 12px rgba(255,255,255,.22),
            0 0 35px rgba(255,255,255,.12);
}


.edu-calendar-hero-content {

    max-width:750px;
}


.edu-calendar-eyebrow {

    display:inline-block;

    margin-bottom:12px;

    padding:6px 18px;

    border-radius:20px;

    color:var(--edu-accent);

    background:rgba(255,255,255,.04);

    border:1px solid var(--edu-border);

    font-size:.85rem;

    font-weight:700;
}


.edu-calendar-hero-content h1 {

    margin:0 0 14px;

    color:#fff;

    font-size:2.25rem;

    font-weight:800;

    line-height:1.7;
}


.edu-calendar-hero-content p {

    margin:0;

    color:rgba(255,255,255,.75);

    font-size:1rem;

    line-height:2;
}


/* =========================================================
   Content
   ========================================================= */

.edu-calendar-content {

    max-width:1180px;

    margin:0 auto;

    padding:70px 24px;
}


.edu-calendar-heading {

    text-align:center;

    max-width:680px;

    margin:0 auto 1px;
}


.edu-calendar-heading-badge {

    display:inline-block;

    padding:6px 18px;

    margin-bottom:14px;

    border-radius:20px;

    color:var(--edu-accent);

    background:var(--edu-card);

    border:1px solid var(--edu-border);

    font-size:.85rem;

    font-weight:700;
}


.edu-calendar-heading h2 {

    margin:0 0 12px;

    color:var(--edu-text);

    font-size:1.8rem;

    font-weight:800;
}


.edu-calendar-heading p {

    margin:0;

    color:var(--edu-muted);

    line-height:2;
}


/* =========================================================
   Table Container
   ========================================================= */

.edu-calendar-table-wrapper {

    background:var(--edu-card);

    border:1px solid var(--edu-border);

    border-radius:22px;

    padding:10px;

    box-shadow:
            0 0 10px rgba(255,255,255,.08),
            0 0 30px rgba(255,255,255,.04);

    overflow:hidden;
}


.edu-calendar-table-scroll {

    overflow-x:auto;

    border-radius:16px;
}


/* =========================================================
   Table
   ========================================================= */

.edu-calendar-table {

    width:100%;

    min-width:950px;

    border-collapse:separate;

    border-spacing:0;

    color:var(--edu-text);
}


/* Header */

.edu-calendar-table thead th {

    padding:18px 14px;

    background:rgba(255,255,255,.075);

    color:#fff;

    font-size:.9rem;

    font-weight:800;

    text-align:center;

    white-space:nowrap;

    border-bottom:1px solid rgba(255,255,255,.2);
}


.edu-calendar-table thead th:first-child {

    border-top-right-radius:14px;
}


.edu-calendar-table thead th:last-child {

    border-top-left-radius:14px;
}


/* Body */

.edu-calendar-table tbody td {

    padding:20px 14px;

    text-align:center;

    vertical-align:middle;

    border-bottom:1px solid rgba(255,255,255,.08);

    color:var(--edu-muted);

    font-size:.9rem;

    line-height:1.8;
}


.edu-calendar-table tbody tr:last-child td {

    border-bottom:none;
}


/* Hover */

.edu-calendar-table tbody tr {

    transition:
            background .3s ease,
            box-shadow .3s ease;
}





/* =========================================================
   Number
   ========================================================= */

.edu-calendar-number {

    display:inline-flex;

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

    width:38px;
    height:38px;

    border-radius:50%;

    color:#fff;

    font-weight:800;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.25);

    box-shadow:
            0 0 8px rgba(255,255,255,.15);
}


/* =========================================================
   Course Name
   ========================================================= */

.edu-calendar-course-name {

    color:#fff;

    font-weight:800;

    min-width:150px;
}


/* =========================================================
   Numeric Values
   ========================================================= */

.edu-calendar-value {

    display:inline-flex;

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

    min-width:42px;

    padding:5px 12px;

    border-radius:10px;

    color:#fff;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.12);
}


/* =========================================================
   Topics
   ========================================================= */

.edu-calendar-topics {

    min-width:260px;

    text-align:center;

    color:var(--edu-muted);
}


/* =========================================================
   Dates
   ========================================================= */

.edu-calendar-date {

    display:inline-flex;

    align-items:center;

    gap:7px;

    white-space:nowrap;

    color:var(--edu-muted);

    font-weight:600;
}


.edu-calendar-date i {

    color:var(--edu-accent);

    font-size:15px;
}


.edu-calendar-date-main {

    color:#fff;

    padding:7px 12px;

    border-radius:10px;

    background:rgba(232,185,35,.08);

    border:1px solid rgba(232,185,35,.22);

    box-shadow:
            0 0 12px rgba(232,185,35,.05);
}


/* =========================================================
   Notice
   ========================================================= */

.edu-calendar-notice {

    display:flex;

    align-items:center;

    gap:20px;

    margin-top:30px;

    padding:26px 28px;

    border-radius:20px;

    background:var(--edu-card);

    border:1px solid var(--edu-border);

    box-shadow:
            0 0 25px rgba(255,255,255,.05);
}


.edu-calendar-notice-icon {

    flex:0 0 48px;

    width:48px;
    height:48px;

    display:flex;

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

    border-radius:14px;

    color:var(--edu-accent);

    background:rgba(232,185,35,.08);

    border:1px solid rgba(232,185,35,.22);

    font-size:20px;
}


.edu-calendar-notice-content {

    flex:1;
}


.edu-calendar-notice-content h3 {

    margin:0 0 5px;

    color:#fff;

    font-size:1rem;

    font-weight:800;
}


.edu-calendar-notice-content p {

    margin:0;

    color:var(--edu-muted);

    font-size:.9rem;

    line-height:1.9;
}


/* =========================================================
   Contact Button
   ========================================================= */

.edu-calendar-contact-btn {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:12px 22px;

    border-radius:10px;

    background:var(--edu-accent);

    color:var(--edu-primary-dark);

    font-size:.9rem;

    font-weight:800;

    text-decoration:none;

    white-space:nowrap;

    transition:.3s;
}


.edu-calendar-contact-btn:hover {

    color:var(--edu-primary-dark);

    background:#f4c948;

    transform:translateY(-2px);

    box-shadow:
            0 0 15px rgba(232,185,35,.35),
            0 0 30px rgba(232,185,35,.15);
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width:768px) {

    .edu-calendar-hero-inner {

        padding:1px 20px;

        flex-direction:column;

        text-align:center;
    }


    .edu-calendar-hero-content h1 {

        font-size:1.7rem;
    }


    .edu-calendar-content {

        padding:50px 16px;
    }


    .edu-calendar-heading h2 {

        font-size:1.5rem;
    }


    .edu-calendar-notice {

        flex-direction:column;

        text-align:center;

        padding:24px 20px;
    }


    .edu-calendar-notice-content {

        width:100%;
    }


    .edu-calendar-contact-btn {

        width:100%;
    }

}


/* =========================================================
   Very Small Screens
   ========================================================= */

@media (max-width:480px) {

    .edu-calendar-hero-icon {

        width:68px;
        height:68px;

        font-size:28px;
    }


    .edu-calendar-hero-content h1 {

        font-size:1.45rem;
    }


    .edu-calendar-hero-content p {

        font-size:.9rem;
    }


    .edu-calendar-heading {

        margin-bottom:30px;
    }

}
/* ================================
   درخشش سطرهای جدول تقویم آموزشی
   ================================ */

.training-calendar-page .training-table tbody tr {
    transition:
            box-shadow 0.35s ease,
            background-color 0.35s ease,
            transform 0.35s ease;
}



/* =========================================
   هزینه دوره
   ========================================= */

.edu-calendar-price {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    font-weight: 600;
}


/* =========================================
   روش‌های برگزاری
   ========================================= */

.edu-calendar-methods {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}


.edu-calendar-method {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    white-space: nowrap;

    padding: 5px 10px;

    border-radius: 8px;

    font-size: 0.85rem;
    font-weight: 600;

    transition:
            color 0.5s ease,
            text-shadow 0.5s ease,
            background 0.5s ease;
}


/* =========================================
   درخشش نوشته‌های جدول هنگام Hover
   ========================================= */

.edu-calendar-table tbody tr td,
.edu-calendar-table tbody tr td span,
.edu-calendar-table tbody tr td div {
    transition:
            color 0.5s ease,
            text-shadow 0.5s ease;
}


.edu-calendar-table tbody tr:hover td,
.edu-calendar-table tbody tr:hover td span,
.edu-calendar-table tbody tr:hover td div {
    color: #a3ee74 !important;
    text-shadow: none !important;
}
/* =========================================
   انتخاب دوره
   ========================================= */

.edu-calendar-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.edu-calendar-select input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.edu-calendar-select span {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 6px;
    display: block;
    transition: all .3s ease;
}

.edu-calendar-select input:checked + span {
    background: #fff;
    border-color: #fff;
    box-shadow:
            0 0 7px #fff,
            0 0 15px rgba(255,255,255,.8);
}

.edu-calendar-select input:checked + span::after {
    content: "✓";
    display: block;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
}


/* =========================================
   چک‌باکس غیرفعال
   ========================================= */

.edu-calendar-disabled-check {
    color: rgba(255,255,255,.25);
    font-size: 18px;
}


/* =========================================
   ظرفیت
   ========================================= */

.edu-calendar-capacity {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-weight: 600;
}

.edu-calendar-capacity.available {
    color: #dfffe8;
}

.edu-calendar-capacity.full {
    color: #ffbcbc;
}


/* =========================================
   بخش خرید
   ========================================= */

.edu-calendar-purchase {
    margin-top: 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 20px 25px;

    border-radius: 16px;

    background: rgba(255,255,255,.04);

    border: 1px solid rgba(255,255,255,.15);

    box-shadow:
            0 0 15px rgba(255,255,255,.04);

    direction: rtl;
}


.edu-calendar-purchase-info {
    display: flex;
    align-items: center;
    gap: 15px;
}


.edu-calendar-purchase-info > i {
    font-size: 28px;
    color: #fff;
}


.edu-calendar-purchase-info div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.edu-calendar-purchase-info strong {
    color: #fff;
    font-size: 17px;
}


.edu-calendar-purchase-info span {
    color: rgba(255,255,255,.65);
    font-size: 13px;
}


/* =========================================
   دکمه خرید
   ========================================= */

.edu-calendar-buy-btn {
    border: none;

    padding: 12px 25px;

    border-radius: 10px;

    background: #fff;
    color: #111;

    font-weight: 700;

    cursor: pointer;

    transition:
            all .35s ease;
}


.edu-calendar-buy-btn:not(:disabled):hover {
    color: #fff;
    background: transparent;

    border: 1px solid #fff;

    box-shadow:
            0 0 8px #fff,
            0 0 18px rgba(255,255,255,.8),
            0 0 35px rgba(255,255,255,.4);
}


.edu-calendar-buy-btn:disabled {
    opacity: .35;
    cursor: not-allowed;
}

/* برچسب وضعیت ظرفیت */
.edu-calendar-course-name{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.edu-calendar-badge{
    display:inline-block;
    font-size:.75rem;
    font-weight:700;
    padding:4px 12px;
    border-radius:20px;
    white-space:nowrap;
    color:#fff;
}

.edu-calendar-badge-full{
    background:#dc3545;
    border:1px solid #dc3545;
}

.edu-calendar-badge-open{
    background:#198754;
    border:1px solid #198754;
}


/* باکس اطلاعات حساب بانکی — جمع‌وجور */
.edu-calendar-bank-box{
    background: rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    padding:20px 22px;
    margin:28px 0;
}

.edu-calendar-bank-header{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:6px;
}

.edu-calendar-bank-header i{
    font-size:16px;
    color:#e8b923;
}

.edu-calendar-bank-header h3{
    margin:0;
    font-size:.98rem;
    font-weight:700;
    color:#fff;
}

.edu-calendar-bank-desc{
    color:rgba(255,255,255,.6);
    font-size:.85rem;
    line-height:1.8;
    margin:0 0 16px;
}

.edu-calendar-bank-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:12px;
}

.edu-calendar-bank-card{
    background: rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    padding:12px 14px;
}

.edu-calendar-bank-card-title{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:.88rem;
    font-weight:700;
    color:#e8b923;
    margin-bottom:8px;
    padding-bottom:8px;
    border-bottom:1px dashed rgba(255,255,255,.1);
}

.edu-calendar-bank-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:4px 0;
    font-size:.78rem;
}

.edu-calendar-bank-label{
    color:rgba(255,255,255,.5);
}

.edu-calendar-bank-value{
    color:#fff;
    font-weight:600;
}

.edu-calendar-bank-mono{
    font-family:monospace;
    letter-spacing:.3px;
    direction:ltr;
    font-size:.75rem;
}

@media (max-width:576px){
    .edu-calendar-bank-row{
        flex-direction:column;
        align-items:flex-start;
        gap:2px;
    }
}

/* چک‌باکس دوره */
.edu-calendar-checkbox{
    position:relative;
    display:inline-flex;
    align-items:center;
    cursor:pointer;
    margin-left:4px;
}

.edu-calendar-checkbox input{
    position:absolute;
    opacity:0;
    width:0;
    height:0;
}

.edu-calendar-checkbox-mark{
    width:20px;
    height:20px;
    border:2px solid rgba(255,255,255,.35);
    border-radius:6px;
    display:inline-block;
    position:relative;
    transition:.2s;
}

.edu-calendar-checkbox input:checked + .edu-calendar-checkbox-mark{
    background:#e8b923;
    border-color:#e8b923;
}

.edu-calendar-checkbox input:checked + .edu-calendar-checkbox-mark::after{
    content:"";
    position:absolute;
    right:6px;
    top:2px;
    width:5px;
    height:10px;
    border:solid #092c42;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}

.edu-calendar-checkbox input:disabled + .edu-calendar-checkbox-mark{
    opacity:.35;
    cursor:not-allowed;
}

/* نوار خرید */
.edu-calendar-cart-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    padding:16px 22px;
    margin:28px 0;
}

.edu-calendar-cart-count{
    color:#fff;
    font-size:.92rem;
    display:flex;
    align-items:center;
    gap:8px;
}

.edu-calendar-cart-count i{
    color:#e8b923;
}

.edu-calendar-cart-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#e8b923;
    color:#092c42;
    font-weight:800;
    padding:12px 26px;
    border-radius:10px;
    text-decoration:none;
    transition:.25s;
}

.edu-calendar-cart-btn:hover{
    background:#f4c948;
    color:#092c42;
    transform:translateY(-2px);
}

/* ===================== سبد خرید ===================== */
.cart-page{
    background: var(--home-dark, #041420);
    min-height: 60vh;
}

.cart-hero{
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    margin-bottom: 45px;
}

.cart-hero-inner{
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 22px;
}

.cart-hero-icon{
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #e8b923;
    flex-shrink: 0;
}

.cart-eyebrow{
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: #e8b923;
    background: rgba(255,255,255,.06);
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.cart-hero-content h1{
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 8px;
}

.cart-hero-content p{
    color: rgba(255,255,255,.65);
    margin: 0;
    line-height: 1.9;
}

.cart-content{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 24px 60px;
}

/* حالت خالی */
.cart-empty{
    text-align: center;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 60px 30px;
    color: #fff;
}

.cart-empty i{
    font-size: 46px;
    color: rgba(255,255,255,.25);
    margin-bottom: 20px;
    display: block;
}

.cart-empty h3{
    margin: 0 0 10px;
    font-size: 1.2rem;
}

.cart-empty p{
    color: rgba(255,255,255,.55);
    margin: 0 0 26px;
}

/* چیدمان کلی */
.cart-layout{
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 26px;
    align-items: start;
}

@media (max-width: 900px){
    .cart-layout{
        grid-template-columns: 1fr;
    }
}

/* لیست آیتم‌ها */
.cart-items{
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 10px;
}

.cart-items-header{
    padding: 14px 16px;
    color: rgba(255,255,255,.55);
    font-size: .85rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 6px;
}

.cart-item{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    transition: .2s;
}

.cart-item:hover{
    background: rgba(255,255,255,.04);
}

.cart-item-icon{
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(232,185,35,.1);
    color: #e8b923;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.cart-item-info{
    flex-grow: 1;
}

.cart-item-info h4{
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 6px;
}

.cart-item-price{
    color: rgba(255,255,255,.55);
    font-size: .85rem;
}

.cart-item-remove{
    background: none;
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.5);
    width: 36px;
    height: 36px;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s;
    flex-shrink: 0;
}

.cart-item-remove:hover{
    background: rgba(220,53,69,.15);
    border-color: #dc3545;
    color: #dc3545;
}

/* خلاصه سفارش */
.cart-summary{
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 24px;
    position: sticky;
    top: 20px;
}

.cart-summary h3{
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 18px;
}

.cart-summary-row{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    color: rgba(255,255,255,.65);
    font-size: .9rem;
    border-bottom: 1px dashed rgba(255,255,255,.1);
}

.cart-summary-total{
    border-bottom: none;
    padding-top: 16px;
    color: #fff;
    font-weight: 800;
    font-size: 1.05rem;
}

.cart-checkout-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: #e8b923;
    color: #092c42;
    font-weight: 800;
    padding: 14px;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 20px;
    transition: .2s;
}

.cart-checkout-btn:hover{
    background: #f4c948;
    color: #092c42;
    transform: translateY(-2px);
}

.cart-continue-link{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: rgba(255,255,255,.55);
    text-decoration: none;
    font-size: .85rem;
    margin-top: 14px;
    transition: .2s;
}

.cart-continue-link:hover{
    color: #fff;
}

.cart-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e8b923;
    color: #092c42;
    font-weight: 800;
    padding: 12px 26px;
    border-radius: 10px;
    text-decoration: none;
    transition: .2s;
}

.cart-btn-primary:hover{
    background: #f4c948;
    color: #092c42;
}
.edu-calendar-checkbox input:disabled + .edu-calendar-checkbox-mark{
    opacity: .3;
    cursor: not-allowed;
    background: rgba(255,255,255,.05);
}

.edu-calendar-checkbox:has(input:disabled){
    cursor: not-allowed;
}
/* صفحه خالی در جدول خشو فرم نیست */
.edu-calendar-empty{
    text-align: center;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 50px 30px;
    color: rgba(255,255,255,.7);
}

.edu-calendar-empty i{
    font-size: 42px;
    color: rgba(255,255,255,.25);
    display: block;
    margin-bottom: 16px;
}

.edu-calendar-empty p{
    margin: 0;
    font-size: .95rem;
}
.fraction{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    font-size: .95em;
    vertical-align: middle;
}
.fraction .num{
    border-bottom: 1.5px solid currentColor;
    padding: 0 4px 2px;
}
.fraction .den{
    padding: 2px 4px 0;
}

/***** تقویم آموزشی ******/

/* پیام کپی شد - با افکت فلش */
.edu-copy-message {
    font-size: 13px;
    font-weight: 600;
    color: #28a745;
    margin-right: 6px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: inline-block;
    min-width: 80px;
    direction: ltr;
}

.edu-copy-message.show {
    opacity: 1;
}
.edu-calendar-bank-value.edu-calendar-bank-mono {
    font-size: 14px;
}

.edu-copy-btn i {
    font-size: 14px;
}

/* هشدار درگاه بانکی */
.cart-payment-warning {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 30px;
    direction: rtl;
}

.cart-payment-warning-icon {
    font-size: 28px;
    color: #ffc107;
    padding-top: 4px;
    flex-shrink: 0;
}

.cart-payment-warning-content h4 {
    font-size: 16px;
    font-weight: 700;
    color: #856404;
    margin: 0 0 6px 0;
}

.cart-payment-warning-content p {
    font-size: 14px;
    color: #856404;
    margin: 0 0 4px 0;
    line-height: 1.7;
}

.cart-payment-warning-content a {
    color: #0d6efd;
    font-weight: 600;
    text-decoration: none;
}

.cart-payment-warning-content a:hover {
    text-decoration: underline;
}

.cart-payment-warning-thanks {
    font-weight: 600;
    margin-top: 6px !important;
}

/* =========================
   دکمه رزومه
========================== */

.pv-resume-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-start;
}

.pv-resume-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.pv-resume-btn i {
    font-size: 18px;
}

.pv-resume-btn-view {
    background-color: #0d6efd;
    color: #ffffff;
}

.pv-resume-btn-view:hover {
    background-color: #0b5ed7;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

.pv-resume-btn-create {
    background-color: #28a745;
    color: #ffffff;
}

.pv-resume-btn-create:hover {
    background-color: #218838;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}
/* ============================================
   هدر ثابت - فقط ۳ کلاس اصلی
   ============================================ */

/* ۱. هدر بالایی */
.top-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #ffffff;
    padding: 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ۲. Navbar */
.navbar-fixed {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 1040;
    background:#092c42; !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid #e9ecef;
}

@media (min-width: 767px) and (max-width: 990px) {
    .navbar-fixed {
        top: 113px;
    }
}

/* ۳. فاصله برای محتوای اصلی */
.main-content-wrapper {
    margin-top: 130px;
    padding: 20px 0;
}

/* ============================================
   ریسپانسیو - برای موبایل
   ============================================ */

@media (max-width: 768px) {
    .navbar-fixed {
        top: 119px;
    }

    .main-content-wrapper {
        margin-top: 115px;
    }
}

/* test.css */

/* استایل پیش‌فرض */
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

/* فقط در موبایل - حذف padding */
@media (max-width: 480px) {
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
        --bs-gutter-x: 0; /* تنظیم به صفر */
        padding-right: 0;
        padding-left: 0;
    }
}