.elementor-2234 .elementor-element.elementor-element-dc44173:not(.elementor-motion-effects-element-type-background), .elementor-2234 .elementor-element.elementor-element-dc44173 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sarvco.com/wp-content/uploads/2025/07/تاریخچه.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2234 .elementor-element.elementor-element-dc44173{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2234 .elementor-element.elementor-element-dc44173 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2234 .elementor-element.elementor-element-97a3cf7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:230px 0px 230px 0px;}.elementor-2234 .elementor-element.elementor-element-b9ee51c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2234 .elementor-element.elementor-element-8cda8f4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2234 .elementor-element.elementor-element-8cda8f4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-2234 .elementor-element.elementor-element-8cda8f4 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2234 .elementor-element.elementor-element-8cda8f4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2234 .elementor-element.elementor-element-bebf1ca{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2234 .elementor-element.elementor-element-7d60198{margin-top:0px;margin-bottom:0px;padding:150px 0px 0px 0px;}.elementor-2234 .elementor-element.elementor-element-dc8af49 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2234 .elementor-element.elementor-element-c924b2d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-2234 .elementor-element.elementor-element-8cda8f4{width:100%;}.elementor-2234 .elementor-element.elementor-element-dc8af49{width:100%;}}@media(max-width:1024px){.elementor-2234 .elementor-element.elementor-element-97a3cf7 > .elementor-element-populated{padding:135px 0px 135px 0px;}.elementor-2234 .elementor-element.elementor-element-b9ee51c{padding:140px 0px 0px 0px;}.elementor-2234 .elementor-element.elementor-element-7d60198{padding:140px 0px 0px 0px;}}@media(max-width:767px){.elementor-2234 .elementor-element.elementor-element-97a3cf7 > .elementor-element-populated{padding:135px 0px 135px 0px;}}/* Start custom CSS for manufaktursolutions_core_section_title, class: .elementor-element-7c58606 */.elementor-2234 .elementor-element.elementor-element-7c58606{
  text-shadow: 2px 2px 15px #000;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bebf1ca */.digikala-story-section {
        font-family: 'Vazirmatn', sans-serif; /* Using Vazirmatn for better Persian display */
        direction: rtl; /* For Right-To-Left text */
        text-align: right;
        max-width: 800px; /* Adjust as needed */
        margin: 0 auto;
        padding: 20px;
        background-color: #f8f8f8; /* Light gray background similar to image */
        position: relative; /* Needed for absolute positioning of connecting lines if done globally */
    }

    .digikala-story-header {
        text-align: center;
        margin-bottom: 40px;
        color: #333;
    }

    .digikala-story-header h1 {
        font-size: 2.2em;
        margin-bottom: 10px;
        color: #e50041; /* Adjust color if needed */
    }

    .digikala-story-header p {
        margin-top: 30px;
        font-size: 1.1em;
        color: #666;
        line-height: 1.7;
        max-width: 100%;
    }

    .story-card-wrapper {
        position: relative;
        padding-bottom: 60px; /* Space for the line to the next card */
        display: flex;
        justify-content: center; /* Center the card horizontally if max-width is less than parent */
    }

    .story-card-wrapper:last-child {
        padding-bottom: 0; /* No space after the last card */
    }

    /* Connecting Line Styling */
    .story-card-wrapper:not(:last-child)::after {
        content: '';
        position: absolute;
        top: calc(50px + 70px); /* Height of icon + half padding of card */
        left: 50%; /* Center the line */
        transform: translateX(-50%); /* Adjust to true center */
        width: 2px; /* Thickness of the line */
        height: calc(100% - 50px - 30px - 30px); /* Adjust height to connect icons accurately */
        background: repeating-linear-gradient(
            to bottom,
            #e50041, /* Red/Pink color for the line */
            #e50041 5px, /* Length of the solid part of the dash */
            transparent 5px, /* Length of the transparent part (gap) */
            transparent 10px /* Total length of one dash segment */
        );
        z-index: 0; /* Ensure line is behind the cards */
    }

    .story-card {
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0 6px 15px rgba(0,0,0,0.08);
        padding: 30px;
        margin-bottom: 20px; /* Space between the card and the line for the next one */
        display: flex;
        flex-direction: column;
        align-items: center; /* Center content within the card */
        text-align: center;
        position: relative; /* To make sure card content is above the line */
        z-index: 1; /* Ensure card is above the line */
        width: 100%; /* Take full width of wrapper */
        max-width: 600px; /* Limit card width */
    }

.story-card-date{
    font-size: 1.8em;
    margin-bottom: 0;
    margin-top: 0;
}

    .story-card-title {
        font-size: 1.6em;
        color: #333;
        margin-bottom: 15px;
        font-weight: 700;
    }

    .story-card-description {
        font-size: 1em;
        color: #555;
        line-height: 1.8;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .story-card {
            padding: 20px;
        }
        .story-card-title {
            font-size: 1.4em;
        }
        .story-card-description {
            font-size: 0.95em;
        }
        .story-card-icon {
            width: 70px;
            height: 70px;
            font-size: 2em;
        }
    }
    
    .story-card ul{
        text-align: right;
         font-size: 17px;
        color: #666;
        line-height: 1.7;
        width: 100%;
    }
    
    
    .story-card p{
        text-align: right;
        width: 100%;
    }
    
     .story-card img{
         border-radius: 4px;
     }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b9ee51c */.elementor-2234 .elementor-element.elementor-element-b9ee51c .elementor-container{
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c924b2d */*{box-sizing:border-box;margin:0;padding:0;}
html{height:100%;}
/* body intentionally left unstyled per request */

/* === TIMELINE LAYOUT === */
#timeline{display:flex;position:sticky;top:0;width:100%;background:#f5f5f5;z-index:10;}
.timeline-nav{width:33%;padding:2rem 0 2rem 2rem;background:#f5f5f5;overflow:hidden;position:relative;}
.timeline-nav ul{list-style:none;border-left: 1px solid #dadada;}
.timeline-nav li .timeline-nav-div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.timeline-nav li .timeline-nav-div .timeline-nav-first{
    padding:.4rem 2rem ;cursor:pointer;transition:color .3s;border-radius:3em 0 0 3em;
    text-align: left;
    margin-top: 1.5em;
    width: 100%;
    color: #000;
}
.timeline-nav li.active div.timeline-nav-div div.timeline-nav-first{
    color:#d32f2f;
    background: #fff;
}
.timeline-nav li .timeline-nav-div .timeline-nav-second{
    padding: 0 39px 0px 0px;
cursor:pointer;transition:color .3s;border-radius:3em 0 0 3em;
    text-align: left;
    margin-top: .5em;
    font-size: 40px;
    color:#dadada;
    margin-left: -12px;
}
.timeline-nav li.active div.timeline-nav-div div.timeline-nav-second{
     color:#d32f2f;
}
.timeline-nav li span{display:block;font-size:18px;font-weight: bold;}
.timeline-nav li small{font-size:16px;color:#000;}

.timeline-content{position:relative;width:43%;}
.panel{position:absolute;top:0;left:0;width:100%;height:100%;padding:3rem 4rem;opacity:0;pointer-events:none;transition:opacity .6s ease;overflow:hidden;}
.panel.active{opacity:1;pointer-events:auto;}

h2{font-size:2.5rem;margin-bottom:.5rem;}
h3{font-size:1.25rem;margin-bottom:1.5rem;color:#d32f2f;}
p{line-height:1.6;margin-bottom:1rem;max-width:600px;}
img{max-width:100%;height:auto;margin-top:1rem;}

/* Responsive tweaks */
@media(max-width:900px){
  #timeline{flex-direction:column;}
  .timeline-nav{width:100%;order:2;overflow-x:auto;white-space:nowrap;}
  .timeline-nav li{display:inline-block;margin-right:1.5rem;}
  .timeline-content{order:1;height:70vh;}
}

#timeline section p{
    text-align: justify;
    line-height: 1.8em;
    color: #000;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7d60198 */.elementor-2234 .elementor-element.elementor-element-7d60198 .elementor-container{
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */