.elementor-197394 .elementor-element.elementor-element-42989b2{--display:flex;}.elementor-197394 .elementor-element.elementor-element-123960b{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197394 .elementor-element.elementor-element-f3a5176{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;font-style:italic;text-decoration:none;}.elementor-197394 .elementor-element.elementor-element-f981438{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197394 .elementor-element.elementor-element-540c93a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress th{text-align:center;background-color:#dfe3e6;color:#333;border-style:solid;border-width:1px;border-color:#ccc;padding:1em 1em 1em 1em;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress table.tablepress tr td{text-align:center;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress table.tablepress{border-style:solid;border-width:1px;border-color:#ccc;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress .sorting:hover, .elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress .sorting_asc, .elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress .sorting_desc{background-color:#ccd3d8;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress td{border-style:solid;border-width:1px;padding:0.5em 1em 0.5em 1em;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress tbody tr:nth-child(odd) td{background-color:#fff;border-color:#ccc;}.elementor-197394 .elementor-element.elementor-element-3fdfcdd .elemenetskit-tablepress .tablepress tbody tr:nth-child(even) td{background-color:#f7f7f7;border-color:#ccc;}/* Start custom CSS for html, class: .elementor-element-db77f9f */.company-card {
  position: relative;
  /* keep your other styles (border, shadows, etc.) */
}

/* Let clicks pass through the decorative layer */
.company-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #eef3ff, #f7fafc);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;   /* critical: do not intercept clicks */
  z-index: 0;             /* ensure it sits under content */
}

/* Make sure real content sits above the ::before layer */
.company-card > * {
  position: relative;
  z-index: 1;
}
/* Spacing between cards */
.company-card {
  margin: 24px auto;                 /* increase vertical spacing */
  max-width: 760px;                  /* tiny bump for breathing room */
  padding: 18px 20px;                /* slightly more internal spacing */
  border-radius: 14px;
  border: 1px solid #e9edf3;         /* softer border */
  background: #fff;

  /* Layered shadow for depth */
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.06),
    0 6px 14px rgba(16, 24, 40, 0.06),
    0 18px 30px rgba(16, 24, 40, 0.05);

  /* Optional subtle gradient border highlight */
  position: relative;
  overflow: hidden;                  /* keeps gradient mask tidy */
}

/* Gradient edge accent (very subtle) */
.company-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;                      /* thickness of accent */
  background: linear-gradient(135deg, #eef3ff, #f7fafc);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Hover / focus lift */
.company-card:hover,
.company-card:focus-within {
  transform: translateY(-2px);
  box-shadow:
    0 2px 4px rgba(16, 24, 40, 0.08),
    0 10px 20px rgba(16, 24, 40, 0.10),
    0 24px 36px rgba(16, 24, 40, 0.08);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

/* Tighter visual rhythm in header and details */
.card-header h2 {
  margin-bottom: 8px;
}
.meta {
  margin-bottom: 10px;
}
.card-details {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eef2f7;
}
.card-details summary {
  color: #0b6efd;
}
.card-details[open] summary {
  color: #084db5;
}

/* Logo spacing and alignment */
.logo-wrap {
  margin-bottom: 8px;
}
.logo-wrap img {
  height: 42px;
  width: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.06));
}/* End custom CSS */
/* Start custom CSS */.company-card {
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  padding: 16px 18px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  max-width: 720px;
  margin: 16px auto;
}

.card-header h2 {
  margin: 0 0 6px;
  font-size: 1.4rem;
}

.meta {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 8px;
  color: #3a3f45;
  font-weight: 600;
}

.rank-badge {
  background: #0b6efd;
  color: #fff;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.85rem;
}

.sales {
  color: #1f2937;
  font-size: 0.95rem;
}

.tagline {
  color: #51565c;
  margin: 8px 0 12px;
}

.card-highlights .highlights-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
}
.card-highlights li {
  margin: 6px 0;
}
.card-highlights strong {
  color: #111827;
}

.card-details {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 8px;
}
.card-details summary {
  cursor: pointer;
  font-weight: 600;
  color: #0b6efd;
  outline: none;
}
.card-details[open] summary {
  color: #084db5;
}
.details-content {
  margin: 8px 0 4px 4px;
  color: #374151;
}
.details-content ul {
  margin: 6px 0;
  padding-left: 18px;
}/* End custom CSS */