@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
      * {
        font-family: "Ubuntu", sans-serif;
      }

      /* Blog page navbar: always semi-transparent blue background */
      .navbar-transparent,
      .navbar-scrolled {
        background-color: rgb(1 30 147 / var(--tw-bg-opacity, 1));
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
          0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
      }

      /* Active nav underline */
      .nav-link-active {
        position: relative;
        display: inline-block;
      }

      .nav-link-active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.35rem;
        width: 100%;
        height: 2px;
        background-color: #c41420;
        border-radius: 9999px;
      }

      .mobile-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 400px;
        height: 100vh;
        background: #011e93;
        z-index: 1000;
        transition: right 0.3s ease-in-out;
        overflow-y: auto;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
      }

      .mobile-menu.active {
        right: 0;
      }

      .mobile-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
      }

      .mobile-menu-overlay.active {
        opacity: 1;
        visibility: visible;
      }

      .mobile-menu-header {
        padding: 1.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .mobile-menu-content {
        padding: 2rem 1.5rem;
      }

      .mobile-menu-link {
        display: block;
        padding: 1rem 0;
        color: white;
        font-size: 1.125rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        transition: color 0.3s ease;
      }

      .mobile-menu-link:hover {
        color: #ef4444;
      }

      .mobile-menu-services {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .mobile-menu-services-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1rem 0;
        color: white;
        font-size: 1.125rem;
        background: none;
        border: none;
        cursor: pointer;
        transition: color 0.3s ease;
        text-align: left;
      }

      .mobile-menu-services-toggle:hover {
        color: #ef4444;
      }

      .mobile-menu-services-toggle i {
        transition: transform 0.3s ease;
      }

      .mobile-menu-services.open .mobile-menu-services-toggle i {
        transform: rotate(180deg);
      }

      .mobile-menu-services-dropdown {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }

      .mobile-menu-services.open .mobile-menu-services-dropdown {
        max-height: 500px;
      }

      .mobile-menu-sublink {
        display: block;
        padding: 0.75rem 0 0.75rem 1.25rem;
        color: rgba(255, 255, 255, 0.9);
        font-size: 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        transition: color 0.3s ease;
      }

      .mobile-menu-sublink:hover {
        color: #ef4444;
      }

      .blog-card .blog-title-link:hover {
        color: #C41420 !important;
      }

      .section-gradient {
        background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #ffffff 100%);
      }

      .pagination-btn:not(.disabled):hover {
        background: linear-gradient(135deg, #011e93 0%, #8833ff 100%);
        color: white !important;
        border-color: transparent;
      }

      .pagination-current {
        background: linear-gradient(135deg, #C41420 0%, #8833ff 100%) !important;
        color: white !important;
        border: none;
      }

      .search-filter-input:focus {
        outline: none;
        border-color: #8833ff;
      }

      .search-filter-select:focus {
        outline: none;
      }