.navbar-first {
        /* background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px); */
        /* border-bottom: 1px solid rgba(229, 231, 235, 0.8); */
        /* box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05); */
        padding: 12px 0;
        transition: all 0.3s ease;
        direction: rtl;
      }

      .header-width {
        width: 100%;
        align-items: center;
        justify-content: space-between;
      }

      .navbar-brand {
        display: inline-flex;
        align-items: center;
        padding: 0;
        margin: 0;
      }

      #logo {
        max-height: 72px;
        width: auto;
        object-fit: contain;
        transition: transform 0.3s ease;
        margin-right: 2rem;
      }

      .navbar-brand:hover #logo {
        transform: translateY(-1px) scale(1.02);
      }

      .top-bar__left {
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }

      .top-bar__content-left {
        display: flex;
        align-items: center;
        gap: 20px;
      }

      .top-bar__email,
      .top-bar__phone {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 16px;
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 50px;
        color: #334155;
        font-size: 0.9rem;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.3s ease;
      }

      .top-bar__email:hover,
      .top-bar__phone:hover {
        background-color: #0f172a;
        color: #ffffff;
        border-color: #0f172a;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
        transform: translateY(-2px);
      }

      .top-bar__email-icon,
      .top-bar__phone-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px !important;
        height: 22px !important;
        background-color: #e2e8f0;
        color: #f38d2d;
        border-radius: 50%;
        font-size: 0.85rem;
        transition: all 0.3s ease;
      }

      .top-bar__email:hover .top-bar__email-icon,
      .top-bar__phone:hover .top-bar__phone-icon {
        background-color: rgba(255, 255, 255, 0.2);
        color: #ffffff;
      }

      .skoda-font {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        letter-spacing: 0.5px;
        direction: ltr;
        display: inline-block;
      }