.elementor-22944 .elementor-element.elementor-element-39750e95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:7%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-22944 .elementor-element.elementor-element-39750e95:not(.elementor-motion-effects-element-type-background), .elementor-22944 .elementor-element.elementor-element-39750e95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7F8;}.elementor-22944 .elementor-element.elementor-element-4aa38080{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-22944 .elementor-element.elementor-element-4aa38080 > .elementor-widget-container{padding:1% 0% 1% 0%;}.elementor-22944 .elementor-element.elementor-element-4aa38080.elementor-element{--align-self:center;}.elementor-22944 .elementor-element.elementor-element-4aa38080 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;line-height:1.1em;color:#0051BA;}.elementor-22944 .elementor-element.elementor-element-1e7d09fd{width:100%;max-width:100%;text-align:center;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:#696969;}.elementor-22944 .elementor-element.elementor-element-1e7d09fd > .elementor-widget-container{padding:1% 0% 2% 0%;}/* Start custom CSS for html, class: .elementor-element-26c74a8d *//* ===== LetterStream: compact 4-up grid with responsive side gutters ===== */

.ls-mail-grid {
  width: 100%;
  background: var(--ls-bg-color, #ffffff);
  color: var(--ls-text-color, #0f172a);
  font-family: var(--ls-font-family, 'Poppins', sans-serif);
}

.ls-mail-grid .ls-wrap {
  max-width: var(--ls-max-width, 1200px);
  margin: 0 auto;
  padding-top: var(--ls-section-padding-top, 8px);
  padding-bottom: var(--ls-section-padding-bottom, 8px);
  padding-left: var(--ls-side-gutter, 16px);  /* responsive gutters */
  padding-right: var(--ls-side-gutter, 16px); /* responsive gutters */
}

/* Grid */
.ls-mail-grid .ls-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ls-gap, 14px);
}

/* Card link wrapper */
.ls-card-link {
  text-decoration: none !important;
  color: inherit;
  display: block;
  outline: none;
}

/* Strong hover (matches the inline effect you had) */
.ls-card-link .ls-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ls-card-link:hover .ls-card,
.ls-card-link:focus .ls-card {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Cards */
.ls-mail-grid .ls-card {
  background: var(--ls-card-bg, #ffffff);
  border: 1px solid var(--ls-card-border, #e5e7eb);
  border-radius: var(--ls-card-radius, 8px);
  padding: var(--ls-card-padding, 8px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: var(--ls-align, center);
  box-shadow: 0 1px 6px rgba(0,0,0,.05);
  cursor: pointer;
}

/* Icon */
.ls-mail-grid .ls-icon {
  line-height: 1;
  margin-top: var(--ls-icon-margin-top, 10px);     /* added default for top spacing */
  margin-bottom: var(--ls-icon-margin-bottom, 4px);
}
.ls-mail-grid .ls-icon i {
  font-size: var(--ls-icon-size, 29px);
  color: var(--ls-icon-color, #0051BA);
}

/* Card subhead */
.ls-mail-grid .ls-card-subhead {
  margin: 0 0 var(--ls-subhead-margin-bottom, 6px);
  font-size: var(--ls-subhead-size, 0.95rem);
  font-weight: var(--ls-subhead-weight, 700);
  color: var(--ls-text-color, #0f172a);
  text-decoration: none !important;
}

/* Card image */
.ls-mail-grid .ls-card-image {
  margin-top: var(--ls-image-margin-top, 4px);
  width: 100%;
  max-height: var(--ls-image-max-height, 180px);
  height: auto;
  border-radius: var(--ls-image-radius, 6px);
  object-fit: contain;
  display: block;
}

/* ===== Responsive ===== */

/* 2-column breakpoint */
@media (max-width: 1024px) {
  .ls-mail-grid .ls-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ls-mail-grid {
    --ls-side-gutter: clamp(24px, 6vw, 64px);
    --ls-gap: 16px;
  }
}

/* 1-column breakpoint */
@media (max-width: 560px) {
  .ls-mail-grid .ls-grid {
    grid-template-columns: 1fr;
  }
  .ls-mail-grid {
    --ls-side-gutter: clamp(16px, 5vw, 28px);
    --ls-gap: 16px;
  }
}

/* ===== Per-instance design token overrides ===== */
/* Light grey background for this grid instance */
.ls-mail-grid.is-grey { --ls-bg-color: #f6f7f8; }
/* Optional: tweak icon spacing for this instance */
/* .ls-mail-grid.is-grey { --ls-icon-margin-top: 10px; } *//* End custom CSS */