.elementor-13698 .elementor-element.elementor-element-898d3b3{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;top:20%;--z-index:9999;}.elementor-13698 .elementor-element.elementor-element-898d3b3.e-con{--e-con-transform-translateX:-50%;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-13698 .elementor-element.elementor-element-23521ff .e-search-input{background-color:#F5F4F4;font-family:"iranyekanweblight_FaNum", Sans-serif;font-size:12px;border-style:solid;border-width:1px 1px 1px 0px;border-color:var( --e-global-color-primary );border-radius:0px 10px 10px 0px;}.elementor-13698 .elementor-element.elementor-element-23521ff .e-search-submit{background-color:#F5F4F4;border-style:solid;border-width:1px 0px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-13698 .elementor-element.elementor-element-23521ff{--e-search-placeholder-color:#1737538F;--e-search-input-color:var( --e-global-color-secondary );--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:18px;--e-search-icon-submit-color:var( --e-global-color-secondary );--e-search-submit-border-radius:10px 0px 0px 10px;--e-search-submit-padding:5px 5px 5px 5px;}.elementor-13698 .elementor-element.elementor-element-23521ff.e-focus{--e-search-input-color:#1A5E63C7;}@media(max-width:1024px){body:not(.rtl) .elementor-13698 .elementor-element.elementor-element-898d3b3{right:50%;}body.rtl .elementor-13698 .elementor-element.elementor-element-898d3b3{left:50%;}.elementor-13698 .elementor-element.elementor-element-898d3b3{top:20%;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:768px){.elementor-13698 .elementor-element.elementor-element-898d3b3{--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:space-between;--align-items:stretch;--flex-wrap:nowrap;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-13698 .elementor-element.elementor-element-23521ff .e-search-input{font-size:16px;border-width:1px 1px 1px 0px;border-radius:0px 9px 9px 0px;}.elementor-13698 .elementor-element.elementor-element-23521ff{--e-search-input-padding-block-start:11px;--e-search-input-padding-inline-start:11px;--e-search-input-padding-block-end:11px;--e-search-input-padding-inline-end:11px;--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:17px;--e-search-submit-icon-gap:5px;--e-search-submit-border-radius:9px 0px 0px 9px;--e-search-submit-padding:10px 10px 10px 10px;}.elementor-13698 .elementor-element.elementor-element-23521ff .e-search-submit{border-width:1px 0px 1px 1px;}}/* Start custom CSS for container, class: .elementor-element-898d3b3 */#search-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#search-backdrop.active {
    display: block;
    opacity: 1;
}

/* تنظیمات کلی باکس جستجو */

#mobile-search-overlay {
    width: calc(100% - 40px);
    max-width: 500px;

    display: none;
    opacity: 0;
    transition: opacity 0.1s ease;
    border-radius: 15px;
    overflow: hidden;
     box-shadow: 0 10px 30px rgba(0,0,0,0.9);
}

#mobile-search-overlay.search-active {
    display: block;
    opacity: 1;
}
#mobile-search-overlay input:focus,
#mobile-search-overlay .elementor-search-form__field:focus {
   /* outline: none !important;*/
    box-shadow: none !important;
}/* End custom CSS */