.elementor-446 .elementor-element.elementor-element-fd4ddca{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-15d5b4a */.dp-bottom-nav {
    position: fixed;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 24px);
    max-width: 472px;
    height: 72px;
    background: rgb(255 255 255 / 59%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 26px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 6px 12px;
    box-sizing: border-box;
    z-index: 99999;
    direction: rtl;
    font-family: 'YekanVA', system-ui, sans-serif !important;
}

  .dp-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #64748b;
    gap: 4px;
    flex: 1;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  .dp-nav-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: color 0.2s ease, transform 0.2s ease;
  }

  .dp-nav-icon svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }

  .dp-nav-label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.2px;
    transition: color 0.2s ease;
  }


  .dp-nav-item.active {
    color: #0069ff;
  }

  .dp-nav-item.active .dp-nav-icon {
    color: #4368FF;
    transform: translateY(-2px);
  }

  .dp-nav-item.active .dp-nav-label {
    font-weight: 700;
    color: #0069ff;
  }


  .dp-nav-item:active {
    transform: scale(0.92);
  }
  

.dp-nav-item .icon-active {
  display: none !important;
}
.dp-nav-item .icon-default {
  display: block !important;
  color: #718096; 
}


.dp-nav-item.active .icon-default {
  display: none !important;
}
.dp-nav-item.active .icon-active {
  display: block !important;
  color: #4368FF; 
}/* End custom CSS */