.page-header {
       border-color: #f3f4f6;
   }

   .breadcrumb-section {
       background-color: var(--bs-primary);
       ;
   }

   .subtitle-bar {
       width: 48px;
       height: 4px;
       background-color: var(--bs-primary);
       border-radius: 9999px;
   }

   .subtitle-text {
       letter-spacing: 0.1em;
   }

   .title {
       line-height: 1.1;
   }

   .description {
       max-width: 40rem;
   }

   .decorative-dots>div {
       width: 12px;
       height: 12px;
       border-radius: 50%;
   }

   .icon-container {
       width: 32px;
       height: 32px;
   }

   .dot-primary {
       width: 12px;
       height: 12px;
       background-color: var(--bs-primary);
       border-radius: 50%;
   }

   .dot-green {
       width: 12px;
       height: 12px;
       background-color: var(--bs-success);
       border-radius: 50%;
   }

   .dot-blue {
       width: 12px;
       height: 12px;
       background-color: var(--bs-info);
       border-radius: 50%;
   }


   .decorative-line {
       height: 1px;
       max-width: 96px;
       background-color: #e5e7eb;
   }


   .image-section .header-image {
       width: 100%;
       height: 320px;
       object-fit: cover;
       border-radius: 1rem;
       box-shadow: 0 1rem 3rem rgb(0 0 0 / 0.175);
       /* position: relative; */
       z-index: 10;
   }

   .overlay-card {
       backdrop-filter: blur(8px);
       z-index: 999999 !important;
   }

   .overlay-icon {
       width: 48px;
       height: 48px;
       background: linear-gradient(135deg, #2F3192, #3b82f6);
       border-radius: 12px;
       color: white;
       font-weight: 700;
       font-size: 1.25rem;
       display: flex;
       justify-content: center;
       align-items: center;
   }


   .background-circle {
       filter: blur(72px);
       border-radius: 50%;
   }

   .circle-top {
       width: 128px;
       height: 128px;
       top: 0;
       right: 0;
       transform: translate(50%, -50%);
       background: rgba(34, 197, 94, 0.25);
   }

   .circle-bottom {
       width: 160px;
       height: 160px;
       bottom: 0;
       left: 0;
       transform: translate(-50%, 50%);
       background: rgba(47, 49, 146, 0.1);
   }


   .bottom-stats {
       background: linear-gradient(90deg, rgba(47, 49, 146, 0.05), #eff6ff, #d1fae5);
   }

   .icon-container {
       width: 32px;
       height: 32px;
   }