.elementor-70393 .elementor-element.elementor-element-d51c3f3{--display:flex;--padding-top:15px;--padding-bottom:35px;--padding-left:12px;--padding-right:12px;}.elementor-70393 .elementor-element.elementor-element-63e32c9b{padding:0px 0px 0px 0px;font-size:14px;font-weight:400;}@media(min-width:768px){.elementor-70393 .elementor-element.elementor-element-d51c3f3{--width:100%;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-63e32c9b */i.bread-seo-arrow {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 4.16683L7.5 10.0002L12.5 15.8335" stroke="%23653CF4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: inline-block;
    background-size: 100%;
    width: 15px;
    height: 15px;
    background-position: center center;
}

p#breadcrumbs > span {
    display: flex;
    align-items: center;
    gap: 6px;
}

p#breadcrumbs a {
    color: #3A3A3A;
}

span.breadcrumb_last strong {
    color: #653CF4;
    font-weight: 400;
    font-family: 'AzarMehr';
}

@media (max-width:767px) {
    p#breadcrumbs > span {
    gap: 2px;
    }
    
    p#breadcrumbs > span > span:last-child {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    p#breadcrumbs > span > span {
        white-space: nowrap;
    }
}/* End custom CSS */