.elementor-8909 .elementor-element.elementor-element-7ca5a48{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;}.elementor-8909 .elementor-element.elementor-element-7ca5a48:not(.elementor-motion-effects-element-type-background), .elementor-8909 .elementor-element.elementor-element-7ca5a48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E3DF;}.elementor-8909 .elementor-element.elementor-element-7ca5a48.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-8909 .elementor-element.elementor-element-7ca5a48{left:0px;}body.rtl .elementor-8909 .elementor-element.elementor-element-7ca5a48{right:0px;}.elementor-8909 .elementor-element.elementor-element-fc899e5 > .elementor-widget-container{margin:050px 0px 0px 0px;}.elementor-8909 .elementor-element.elementor-element-4e70c39{--spacer-size:250px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8909 .elementor-element.elementor-element-765f045.elementor-element{--align-self:center;}.elementor-8909 .elementor-element.elementor-element-765f045 .elementor-icon-wrapper{text-align:center;}.elementor-8909 .elementor-element.elementor-element-765f045.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-8909 .elementor-element.elementor-element-765f045.elementor-view-framed .elementor-icon, .elementor-8909 .elementor-element.elementor-element-765f045.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-8909 .elementor-element.elementor-element-765f045.elementor-view-framed .elementor-icon, .elementor-8909 .elementor-element.elementor-element-765f045.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-8909 .elementor-element.elementor-element-c495a27{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8909 .elementor-element.elementor-element-a0ffb4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-8909 .elementor-element.elementor-element-35be4aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8909 .elementor-element.elementor-element-23c6496{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8909 .elementor-element.elementor-element-dac1dfd .elementor-icon-wrapper{text-align:center;}.elementor-8909 .elementor-element.elementor-element-dac1dfd.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-8909 .elementor-element.elementor-element-dac1dfd.elementor-view-framed .elementor-icon, .elementor-8909 .elementor-element.elementor-element-dac1dfd.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-8909 .elementor-element.elementor-element-dac1dfd.elementor-view-framed .elementor-icon, .elementor-8909 .elementor-element.elementor-element-dac1dfd.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-8909 .elementor-element.elementor-element-c495a27{--min-height:30px;}.elementor-8909 .elementor-element.elementor-element-a0ffb4d{--width:33%;}.elementor-8909 .elementor-element.elementor-element-35be4aa{--width:33%;}.elementor-8909 .elementor-element.elementor-element-23c6496{--width:33%;}.elementor-8909 .elementor-element.elementor-element-dac1dfd > .elementor-widget-container{margin:20px 0px 0px 0px;}}@media(min-width:768px){.elementor-8909 .elementor-element.elementor-element-7ca5a48{--content-width:120px;}.elementor-8909 .elementor-element.elementor-element-a0ffb4d{--width:25%;}.elementor-8909 .elementor-element.elementor-element-35be4aa{--width:50%;}.elementor-8909 .elementor-element.elementor-element-23c6496{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-7ca5a48 *//* استایل کلی هدر */
.custom-vertical-header {
    position: fixed;
    top: 0;
    right: 0;
    width: 150px;
    height: 100vh;
    background-color: #ffffff; /* رنگ پس زمینه */
    border-left: 1px solid #eee; /* خط جداکننده */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 20px;
    z-index: 9999;
}

/* منوی عمودی */
.custom-vertical-header nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-vertical-header nav ul li {
    margin-bottom: 15px;
}
.custom-vertical-header nav ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease;
}
.custom-vertical-header nav ul li a:hover {
    color: #000;
    padding-right: 5px;
}

/* محتوای سایت فاصله از هدر داشته باشه */
body {
    margin-right: 250px; /* باید با عرض هدر برابر باشه */
}

/* موبایل: هدر عمودی تبدیل به همبرگری بشه */
@media (max-width: 1024px) {
    .custom-vertical-header {
        width: 100%;
        height: auto;
        position: relative;
        border-left: none;
    }
    body {
        margin-right: 0;
    }
}/* End custom CSS */