.breadcrumb {
    display: none!important;
}
/*.cms-id-11 .desktop-header-style-w-4 {
    display: none;
}*/
/* ---- Landing Header ---- */
.landing-header {
  background: #fff;
  transition: box-shadow .2s ease;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.landing-logo { height: 60px; width: auto; display: block; }

/* Center stack */
.hdr-center { display: flex; flex-direction: column; align-items: center; gap: .25rem; }
.hdr-center .eyebrow { letter-spacing: .08em; font-size: .9rem; color: #1aa17a; }
.hdr-center .tagline { color: #6c7076; font-weight: 600; }
.chip {
  display: inline-flex; align-items: center; gap: .5rem;
  background: #eaf2ff; color: #113a8f; border-radius: 999px;
  padding: .35rem .7rem; font-weight: 700; font-size: .9rem;
}

/* Announcement bar (if used) */
.announce { background:#dd3333; color:#dce6ff; font-weight:600; font-size:.95rem; }
.announce .announce-icon { width: 18px; height: 18px; fill: #ffd166; }

/* Responsive tweaks */
@media (max-width: 992px) {
  .landing-logo { height: 38px; }
}
@media (max-width: 576px) {
  .hdr-center { order: 3; margin-top: .35rem; }
}

.container-landing {
    max-width: 1270px!important;
}
/*Hero section*/
.hero{padding: clamp(36px, 7vw, 50px) 0;}
/* If you keep .wrap, leave it – Elementor already handles columns, so you may not need it */
/* .hero .wrap{display:grid; grid-template-columns: 1.2fr .8fr; gap: clamp(20px, 4vw, 48px); align-items:center} */

.hero .kicker{color:var(--ok); font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:.9rem}
.hero h1{font-size: clamp(28px, 4.6vw, 48px); line-height:1.12; margin:.3rem 0 .6rem}
.hero .sub{color:var(--muted); font-size: clamp(16px, 1.4vw, 18px)}
.hero .cta{display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1.2rem}

/* Align Elementor container to Bootstrap container (optional if you add .container in HTML) */
.hero .elementor-container {
  max-width: 1140px;
  margin-inline: auto;
  padding-left: var(--bs-gutter-x, .75rem);
  padding-right: var(--bs-gutter-x, .75rem);
}

/* Vertical centering between columns */
.hero .elementor-row { align-items: center; }

/* Make left column content vertically centered */
.hero-left .elementor-column-wrap,
.hero-left .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* Image hygiene */
.hero .elementor-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Optional minimum height for nice balance */
.hero.elementor-top-section { min-height: 420px; }

/* Mobile tweaks */
@media (max-width: 767.98px) {
  .hero .elementor-row { align-items: flex-start; }
  .hero-left .elementor-widget-wrap { justify-content: flex-start; }
}

/*Trust Strip*/
/* Trust strip */
.trust {
  background: var(--surface);
}
.trust.border-top { border-top: 1px solid #edf1f5 !important; }
.trust.border-bottom { border-bottom: 1px solid #edf1f5 !important; }

.trust .trust-ic {
  width: 18px;
  height: 18px;
  fill: var(--ok);     /* your green */
  flex: 0 0 auto;
}

/* Optional: smaller text on very small screens */
@media (max-width: 575.98px) {
  .trust .fw-semibold { font-weight: 600; }
  .trust .row { --bs-gutter-y: .35rem; }
}
.trust-strip {
    background-color: #f6f8fa;
    padding: 5px 0;
    border-bottom: 1px solid #edf1f5;
    border-top: 1px solid #edf1f5;
}
.trust-strip .elementor-column-wrap {
    padding: 0;
}
/*Steps*/
.step{background:#fff; border:1px solid #e6ebf1; border-radius: 8px; padding:18px}
.step .num{width:36px; height:36px; border-radius:999px; display:grid; place-items:center; background:#eef4ff; color:#113a8f; font-weight:800; margin-bottom:.6rem}
/*Pricing*/
    .tier{background:#fff; border:1px solid #e6ebf1; border-radius:10px; padding:18px}
    .tier h4{margin:.2rem 0; font-size:1.05rem}
    .tier .pct{font-size:1.6rem; font-weight:800; color:#113a8f}
    .tier .note{color:var(--muted); font-size:.95rem}
    
/*Gift section*/
ul.check{list-style:none; padding:0; margin:0; display:grid; gap:.5rem}
    ul.check li{display:flex; gap:.6rem; align-items:flex-start}
   /* ul.check li::before{content:""; width:18px; height:18px; margin-top:.2rem; background:var(--ok); border-radius:50%; mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat center / 16px}
*/

/*Custom landing pages*/
header{position:sticky; top:0; z-index:40; background:var(--bg); box-shadow:0 0 0 rgba(0,0,0,0); transition: box-shadow .2s ease}
header.is-stuck{box-shadow: var(--shadow)}
.hdr{display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap:var(--gap); padding: .9rem 0}
.logo{display:flex; align-items:center; gap:.6rem; font-weight:800; letter-spacing:.2px}
.logo .box{width:36px; height:36px; border-radius:8px; background:linear-gradient(135deg, var(--brand), #4b9cff)}
.hdr-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}
.hdr-center .eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;opacity:.9}
.hdr-center .tagline{font-weight:600;font-size:1rem}
.chip{display:inline-flex;align-items:center;background:#eaf2ff;color:#113a8f;border-radius:999px;padding:.3rem .6rem;font-weight:700;font-size:.9rem}
@media (max-width:960px){
  .hdr-center .eyebrow{display:none;}       /* keep it ultra-focused on mobile */
    .bottom-cta-k .rounded-pill {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .c-form-keychains .ets_cfu_form-control {
        width: 100%;
        display: block;
    }
    
    .k-bulk-sect > .elementor-container > .elementor-row {
        gap: 10px!important;
    }
    .bulk-p-list {
        flex: 0 0 calc((100% - 10px) / 2) !important;
        max-width: calc((100% - 10px) / 2) !important;
    }
    .tier {
        padding: 5px!important;
        text-align: center;
    }
    .bulk-p-list > .elementor-column-wrap {
        display: block;
    }
    .step {
        text-align: center;
    }
    .step .num {
        margin: 0 auto;
        margin-bottom: .6rem;
    }
}
.c-form-keychains .ets_cfu-submit {
    border-radius: var(--bs-border-radius-pill) !important;
}
.number_select .number_plus, .number_select .number_minus {
    background-color: #ddd!important;
    border-bottom-color: #ccc;
}
.number_select .number_plus:before, .number_select .number_minus:before {
    border-color: #666;
}

/* configurable color */
:root {
  --check-color: #16a34a; /* change to your brand green */
}

ul.check {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.check li {
  position: relative;
  margin: 0.4rem 0;
  padding-left: 1.75rem; /* space for the icon */
}

/* vector check icon */
ul.check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;              /* aligns with first text line */
  width: 1.1rem;
  height: 1.1rem;
  background-color: var(--check-color);

  /* SVG mask (keeps icon razor-sharp on any DPI) */
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M20.285 6.709l-11.439 11.358-5.146-5.104 1.414-1.414 3.732 3.701 10.025-9.944z'/>\
  </svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M20.285 6.709l-11.439 11.358-5.146-5.104 1.414-1.414 3.732 3.701 10.025-9.944z'/>\
  </svg>") no-repeat center / contain;
}

/* Optional: tiny accessibility/fallback improvements */
@supports selector(li::marker) {
  ul.check { list-style: none; } /* already set, but explicit */
  ul.check li::marker { content: ""; }
}
.ets-cfu-form h3 {
    display: none;
}

/* Scope to your form/container so you don't affect the whole site */
#quote, .team-gifts-form { /* use your real wrapper selector */
}

/* Align value + placeholder to the left */
#quote :is(input, textarea):not([type=checkbox],[type=radio],[type=file],[type=range],[type=button],[type=submit],[type=reset]) {
  text-align: left;
  direction: ltr; /* keep if your page might be RTL; otherwise you can drop this */
}

/* Placeholder alignment (modern) */
#quote :is(input, textarea)::placeholder {
  text-align: left;
}

/* Vendor fallbacks */
#quote :is(input, textarea)::-webkit-input-placeholder { text-align: left; }
#quote :is(input, textarea)::-moz-placeholder { text-align: left; }
#quote :is(input, textarea):-ms-input-placeholder { text-align: left; } /* IE 10–11 */