.elementor-8 .elementor-element.elementor-element-0c9c01c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-bedcbc9 */:root {
      --red: #C0001A;
      --red-dark: #8B0012;
      --red-light: #FDEAEA;
      --white: #FFFFFF;
      --text-dark: #1A1A1A;
      --text-muted: #888888;
      --border: #E5E5E5;
    }

/* ===== TOP BAR ===== */
    .top-bar {
      background: var(--red);
      padding: 9px 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      animation: slideDown 0.5s ease both;
    }

    .top-bar-sep {
      width: 1px;
      height: 13px;
      background: rgba(255, 255, 255, 0.35);
    }

    .top-bar-text {
      color: rgba(255, 255, 255, 0.92);
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 0.01em;
    }

    .top-bar-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      background: #ffffff;
      color: var(--red);
      font-size: 12px;
      font-weight: 600;
      padding: 4px 14px;
      border-radius: 20px;
      text-decoration: none;
      letter-spacing: 0.03em;
      transition: background 0.2s, transform 0.15s;
    }
    
    .top-bar-link svg{
        margin-bottom: -1px;
    }
    
    .top-bar-link svg path{
        fill: var(--red);
    }

    .top-bar-link:hover {
      background: #FFE8E8;
      transform: scale(1.03);
      color: var(--red);
    }

    .top-bar-link .arrow {
      font-size: 11px;
      transition: transform 0.2s;
    }

    .top-bar-link:hover .arrow {
      transform: translateX(3px);
    }

    /* ===== MAIN HEADER ===== */
    .main-header {
      background: var(--white);
      border-bottom: 1px solid var(--border);
      padding: 0 48px;
      
      animation: slideDown 0.55s ease 0.05s both;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    }
    
    .main-header-inner{
        display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
      
      max-width: 1280px !important;
      margin: auto;
    }

    /* ===== LOGO ===== */
    .logo {
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
      width: 14%;
    }

    /* ===== NAV ===== */
    .nav {
      display: flex;
      align-items: center;
      gap: 2px;
      list-style: none;
    }

    .nav a {
      font-size: 13.5px;
      font-weight: 400;
      color: #333;
      padding: 7px 13px;
      border-radius: 7px;
      text-decoration: none;
      letter-spacing: 0.01em;
      transition: background 0.18s, color 0.18s;
      position: relative;
    }

    .nav a::after {
      content: '';
      position: absolute;
      bottom: 4px;
      left: 50%;
      transform: translateX(-50%) scaleX(0);
      width: calc(100% - 26px);
      height: 1.5px;
      background: var(--red);
      border-radius: 2px;
      transition: transform 0.22s ease;
    }

    .nav a:hover {
      background: var(--red-light);
      color: var(--red);
    }

    .nav a:hover::after {
      transform: translateX(-50%) scaleX(1);
    }

    .nav a.active {
      color: var(--red);
      font-weight: 500;
    }

    .nav a.active::after {
      transform: translateX(-50%) scaleX(1);
    }

    /* ===== CTA BUTTON ===== */
    .cta-btn {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: var(--red);
      color: #fff;
      font-size: 13.5px;
      font-weight: 500;
      padding: 10px 22px;
      border-radius: 9px;
      text-decoration: none;
      letter-spacing: 0.01em;
      transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
      flex-shrink: 0;
    }

    .cta-btn:hover {
      background: var(--red-dark);
      transform: translateY(-1px);
      box-shadow: 0 6px 18px rgba(192, 0, 26, 0.35);
       color: #fff;
    }

    .cta-btn:active {
      transform: translateY(0);
    }

    /* ===== HAMBURGER (mobile) ===== */
    .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 8px;
      background: none;
      border: none;
    }

    .hamburger span {
      width: 24px;
      height: 2px;
      background: var(--text-dark);
      border-radius: 2px;
      transition: all 0.3s ease;
      display: block;
    }

    .hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    .hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

    /* ===== MOBILE NAV DRAWER ===== */
    .mobile-nav {
      display: none;
      flex-direction: column;
      background: #fff;
      border-top: 1px solid var(--border);
      padding: 12px 24px 20px;
      gap: 2px;
      animation: fadeIn 0.2s ease;
    }

    .mobile-nav.open { display: flex; }

    .mobile-nav a {
      font-size: 14px;
      font-weight: 400;
      color: #333;
      padding: 10px 12px;
      border-radius: 8px;
      text-decoration: none;
      transition: background 0.18s, color 0.18s;
    }

    .mobile-nav a:hover { background: var(--red-light); color: white; }

    .mobile-nav .mobile-cta {
      margin-top: 10px;
      background: var(--red);
      color: #fff;
      text-align: center;
      font-weight: 500;
      border-radius: 9px;
          display: inline-flex;
    justify-content: center;
    gap: 7px;
    }

    .mobile-nav .mobile-cta:hover { background: var(--red-dark); }

    /* ===== ANIMATIONS ===== */
    @keyframes slideDown {
      from { opacity: 0; transform: translateY(-12px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to   { opacity: 1; }
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .nav, .cta-btn { display: none; }
      .hamburger { display: flex; }
      .main-header { padding: 0 24px; }
      .top-bar { padding: 9px 24px; }
      .top-bar-text { font-size: 11.5px; }
      .logo {width: 22%}
    }
    
     @media (max-width: 767px) {
      .logo {width: 45%}
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c9c01c */.elementor-8 .elementor-element.elementor-element-0c9c01c ul{
    margin: 0 !important;
}

button:focus, .menu-toggle:hover, button:hover{
    background: transparent !important;
}

.hamburger{
    box-shadow: none !important;
}/* End custom CSS */