/* =========================================
   DIDAF ABOUT PAGE
========================================= */
@font-face {
 font-family: 'iranyekan';
 src: url('../fonts/iranyekanr.woff2') format('woff2');
 font-weight: normal;
 font-style: normal;
 font-feature-settings: "ss02";
 font-display: swap;
}
@font-face {
 font-family: 'iranyekan';
 src: url('../fonts/iranyekanb.woff2') format('woff2');
 font-weight: bold;
 font-style: normal;
 font-feature-settings: "ss02";
 font-display: swap;
}
body {
 font-family: 'iranyekan' !important;
 line-height: 1.6;
 margin: 0;
 padding: 0;
 direction: rtl;
 text-align: right;
 background-color:#fff;
}
.didaf-about-page {
    width: 100%;

    direction: rtl;

    background: #fff;

    font-family:
        "yekan-bakh-fn",
        "IRANYekan",
        Tahoma,
        sans-serif !important;
}


/* =========================================
   CONTAINER
========================================= */

.didaf-about-container {
    width: 1200px;

    max-width: calc(100% - 40px);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================
   BREADCRUMB
========================================= */

.didaf-about-breadcrumb {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 12px;

    height: 70px;

    font-size: 12px;
}


.didaf-about-breadcrumb a {
    color: #555;

    text-decoration: none;

    transition: .2s;
}


.didaf-about-breadcrumb a:hover {
    color: #ed1c24;
}


.didaf-about-breadcrumb span {
    color: #999;

    font-size: 18px;
}


.didaf-about-breadcrumb strong {
    color: #ed1c24;

    font-weight: 600;
}


/* =========================================
   HERO
========================================= */

.didaf-about-hero {
    position: relative;

    width: 100%;

    height: auto;

    margin-top: 10px;

    margin-bottom: 65px;
}


.didaf-about-hero img {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

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


/* کادر صورتی پشت بنر */

.didaf-about-hero-bg {
    position: absolute;

    z-index: 1;

    right: -45px;

    bottom: -20px;

    width: 520px;

    height: 180px;

    background: #f3a0a5;

    border-radius: 12px;
}


/* =========================================
   INTRO
========================================= */

.didaf-about-intro {
    width: 100%;

    text-align: right;
}


/* =========================================
   TITLE
========================================= */

.didaf-about-title {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 15px;

    margin-bottom: 22px;
}


.didaf-about-title h2 {
    margin: 0;

    color: #59636d;

    font-size: 24px;

    font-weight: 800;

    line-height: 1.6;
}


.didaf-about-title h2 span {
    color: #ed1c24;
}


.didaf-about-title-line {
    width: 105px;

    height: 2px;

    background: #ed1c24;

    margin-top: 18px;
}


/* =========================================
   INTRO TEXT
========================================= */

.didaf-about-intro-text {
    width: 100%;

    color: #888;

    font-size: 16px;

    line-height: 2;

    text-align: justify;
}


.didaf-about-intro-text p {
    margin: 0 0 8px;
}


/* =========================================
   DOTTED LINE
========================================= */

.didaf-about-dots {
    width: 100%;

    border-top: 3px dotted #ed1c24;

    margin-top: 55px;

    margin-bottom: 65px;
}


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

.didaf-about-manager {
    display: grid;

    grid-template-columns: 330px 1fr;

    align-items: center;

    gap: 55px;

    padding-bottom: 80px;
}


/* =========================================
   MANAGER TEXT
========================================= */

.didaf-about-manager-text {
    text-align: justify;

    color: #888;

    font-size: 16px;

    line-height: 2;
}


.didaf-about-manager-text h3 {
    margin: 0 0 20px;

    color: #777;

    font-size: 16px;

    font-weight: 600;
}


.didaf-about-manager-text h3 span {
    color: #ed1c24;

    margin-right: 4px;
}


.didaf-about-manager-text p {
    margin: 0 0 8px;
}


/* =========================================
   SIGNATURE
========================================= */

.didaf-manager-signature {
    display: flex;

    flex-direction: column;

    align-items: flex-end;

    margin-top: 28px;

    color: #777;

    line-height: 2;
}


.didaf-manager-signature strong {
    font-size: 14px;

    font-weight: 500;
}


.didaf-manager-signature span {
    font-size: 13px;
}


/* =========================================
   MANAGER IMAGE
========================================= */

.didaf-about-manager-image {
    position: relative;

    width: 300px;

    height: 450px;
}


.didaf-about-manager-image img {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;
}


/* کادر صورتی پشت عکس */

.didaf-manager-image-bg {
    position: absolute;

    z-index: 1;

    right: -12px;

    bottom: -15px;

    width: 100%;

    height: 150px;

    background: #f3a0a5;

    border-radius: 12px;
}


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

@media (max-width: 768px) {

    .didaf-about-container {
        max-width: calc(100% - 30px);
    }


    .didaf-about-breadcrumb {
        height: 55px;

        font-size: 11px;
    }


    .didaf-about-hero {
        height: auto;

        margin-bottom: 45px;
    }


    .didaf-about-hero-bg {
        right: -10px;

        bottom: -12px;

        width: 55%;

        height: 90px;
    }


    .didaf-about-title {
        gap: 8px;
    }


    .didaf-about-title h2 {
        font-size: 20px;
    }


    .didaf-about-title-line {
        width: 65px;

        margin-top: 15px;
    }


    .didaf-about-intro-text {
        font-size: 13px;

        line-height: 2.1;
    }


    .didaf-about-dots {
        margin-top: 35px;

        margin-bottom: 40px;
    }


    .didaf-about-manager {
        display: flex;

        flex-direction: column-reverse;

        gap: 35px;

        padding-bottom: 50px;
    }


    .didaf-about-manager-image {
        width: 220px;

        height: 300px;

        margin: 0 auto;
    }


    .didaf-about-manager-text {
        font-size: 13px;

        line-height: 2.1;
    }

}
/******************** نقشه *****************/
.didaf-dealers {
 width: 100%;
 padding: 70px 0;
 background: #fff;
margin-right:10px;
}
.didaf-dealers-container {
 width: 100%;
 max-width: var(--site-container);
 margin: 0 auto;
}
@media (max-width: 768px) {
.didaf-dealers {
 width: 97%;
 padding: 50px 0 20px;
 background: #fff;
margin:0 auto;
}
}
/* =====================================================
 بخش تاریخچه - اسلایدر هوشمند با دکمه مجزا برای هر سال
===================================================== */
.didaf-history {
 position: relative;
 background: transparent;
 color: #ffffff;
 padding: 80px 20px 240px;
 margin-bottom: 50px;
 box-sizing: border-box;
 direction: rtl;
}
.didaf-history-overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #1a191c;
 background-image: url('https://didafzarsazan.com/wp-content/uploads/2026/06/تاریخچه.webp'); 
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 z-index: 1;
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 Q 720,40 1440,0 L 1440,230 Q 720,320 0,230 Z' fill='%23000000'/%3E%3C/svg%3E");
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M 0,0 Q 720,40 1440,0 L 1440,230 Q 720,320 0,230 Z' fill='%23000000'/%3E%3C/svg%3E");
 -webkit-mask-size: 100% 100%;
 mask-size: 100% 100%;
 -webkit-mask-repeat: no-repeat;
 mask-repeat: no-repeat;
}
.didaf-history-overlay::before {
 content: "";
 position: absolute;
 top: 0; left: 0; width: 100%; height: 100%;
 background: rgb(12 12 15 / 67%);
}
.didaf-history-container {
 position: relative;
 z-index: 2;
 max-width: 1000px;
 margin: 0 auto;
}
/* عنوان و فلش */
.didaf-history-header {
 text-align: center;
 margin-bottom: 25px;
 position: relative;
}
.didaf-history-arrow {
 width: 40px;
 height: 32px;
 background-color: #fff;
 color: #e62129;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 font-weight: 800;
 position: absolute;
 left: 50%;
 top: -55px;
 padding-bottom: 5px;
 transform: translateX(-50%);
 z-index: 5;
}
.didaf-history-header h2 { font-size: 26px; font-weight: 800; color: #fff; margin: 10px 0; }
.didaf-history-line { width: 40px; height: 3px; background-color: #e62129; margin: 0 auto 10px; border-radius: 2px; }
.didaf-history-header p { font-size: 13px; color: #ccc; margin: 0; }
/* ناوبری سال‌ها */
.didaf-timeline-navigation {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 15px;
 margin-bottom: 30px;
}
.didaf-years-wrapper {
 display: flex;
 gap: 8px;
 overflow-x: auto;
 padding: 5px;
}
.didaf-year-pill {
 padding: 4px 14px;
 background: rgba(255, 255, 255, 0.15);
 border-radius: 20px;
 font-size: 13px;
 color: #fff;
 cursor: pointer;
 transition: all 0.3s ease;
 white-space: nowrap;
}
.didaf-year-pill.active {
 background: #ffffff;
 color: #111111;
 font-weight: bold;
 padding: 6px 22px;
}
.didaf-nav-btn {
 width: 32px;
 height: 32px;
 background-color: #e62129;
 color: #fff;
 border: none;
 border-radius: 50%;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 16px;
 transition: transform 0.2s;
}
.didaf-nav-btn:hover { transform: scale(1.1); }
/* ساختار اسلاید و دکمه اختصاصی */
.didaf-history-slider {
 position: relative;
 min-height: 280px;
}
.didaf-slide {
 display: none;
 flex-direction: column;
 opacity: 0;
 transition: opacity 0.4s ease-in-out;
}
.didaf-slide.active {
 display: flex;
 opacity: 1;
}
.didaf-slide-body {
 display: flex;
 align-items: center;
 gap: 30px;
}
.didaf-slide-img {
 flex: 0 0 40%;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}
.didaf-slide-img img {
 width: 100%;
 height: 250px !important;
 display: block;
}
.didaf-slide-content { flex: 1; }
.didaf-slide-content h3 { font-size: 22px; color: #fff; margin-bottom: 10px; }
.didaf-slide-content p { font-size: 14px; color: #ddd; line-height: 1.8; }
/* دکمه اختصاصی پایین هر اسلاید */
.didaf-history-footer {
 text-align: center;
 margin-top: 25px;
}
.didaf-btn-more {
 display: inline-block;
 padding: 8px 24px;
 background-color: #e62129;
 color: #fff;
 text-decoration: none;
 border-radius: 20px;
 font-size: 13px;
 font-weight: bold;
 box-shadow: 0 4px 12px rgba(230, 33, 41, 0.4);
 transition: background 0.3s;
}
.didaf-btn-more:hover { background-color: #c41820; }
@media (max-width: 768px) {
 .didaf-slide-body { flex-direction: column; text-align: center; }
 .didaf-slide-img { flex: 0 0 100%; width: 100%; }
}
/* =========================
 SOLUTION PARTNER
========================= */
.didaf-partners,
.didaf-partners * {
 box-sizing: border-box;
}
.didaf-partners {
 width: 100%;
 background: #fff;
 padding: 28px 30px 15px;
 direction: ltr;
max-width:1200px;
margin:0 auto 50px;
}
/* =========================
 TITLE
========================= */
.didaf-partners-header {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 /* فاصله کلی بین اجزای تیتر */
 gap: 16px;
 margin-bottom: 38px;
 color: #ed1c24;
}
/* نوشته */
.didaf-partners-title {
 position: relative;
 color: #ed1c24;
 font-family: Arial, sans-serif;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.4;
 white-space: nowrap;
 padding-bottom: 8px;
}
/* خط قرمز زیر نوشته */
.didaf-partners-title::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 2px;
 background: #ed1c24;
}
/* جداکننده عمودی */
.didaf-partners-line {
 display: block;
 width: 1px;
 height: 20px;
 background: #d8d8d8;
 flex-shrink: 0;
}
/* آیکون هدیه */
.didaf-partners-icon {
 width: 27px;
 height: 27px;
 color: #ed1c24;
 flex-shrink: 0;
}
/* =========================
 LOGOS
========================= */
.didaf-partners-list {
 width: 100%;
 max-width: 900px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: repeat(8, 1fr);
 align-items: center;
 gap: 28px;
}
/* کادر هر لوگو */
.didaf-partner {
 position: relative;
 width: 80px;
 height: 80px;
 display: flex;
 align-items: center;
 justify-content: center;
 justify-self: center;
 background: #fff;
 border-radius: 4px;
 transition:
 border-color .3s ease,
 box-shadow .3s ease,
 transform .3s ease,
 background .3s ease;
}
/* لوگو */
.didaf-partner img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
 filter: grayscale(1);
 opacity: .28;
 transition:
 filter .3s ease,
 opacity .3s ease,
 transform .3s ease;
}
/* =========================
 HOVER
========================= */
.didaf-partner:hover {
 border-color: #ed1c24;
 background: #fff;
 box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
 transform: translateY(-2px);
}
.didaf-partner:hover img {
 filter: grayscale(0);
 opacity: 1;
 transform: scale(1.02);
}
/* =========================
 ACTIVE
 اگر نمی‌خواهی هیچ لوگویی
 از ابتدا رنگی باشد این قسمت را حذف کن
========================= */
.didaf-partner-active {
 border-color: #d8d8d8;
 box-shadow: none;
}
.didaf-partner-active img {
 filter: grayscale(1);
 opacity: .28;
}
/* =========================
 MOBILE
========================= */
@media (max-width: 900px) {
 .didaf-partners-list {
 grid-template-columns: repeat(4, 1fr);
 gap: 25px;
 }
}
@media (max-width: 768px) {
 .didaf-partners {
 padding: 25px 15px;
 }
 .didaf-partners-header {
 margin-bottom: 30px;
 }
 .didaf-partners-list {
 grid-template-columns: repeat(4, 1fr);
 gap: 15px;
 }
 .didaf-partner {
 width: 62px;
 height: 62px;
 }
}